/* Reset 
================================================== */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  outline:0 !important;
  text-decoration:none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; 
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-transition:none;
  -moz-transition:none;Zurück
  -o-transition:none;
  transition:none;
  -wekbit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
body {
  line-height: 1; 
  overflow:hidden;
  -wekbit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
ol, ul {
  list-style: none; 
}
blockquote, q {
  quotes: none; 
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; 
}
table {
  border-collapse: collapse;
  border-spacing: 0; 
}
img {
  display: block; 
  border:0;
}
.clear {
  clear: both;
}

noscript .wsa-demobar {
  z-index:9999;
  margin-top:0;
}

/* Basics
================================================== */
* {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.fancybox-overlay, .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .collection-spinner, .gui, .gui * {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}
body {
  font: 14px "Open Sans", Helvetica, Arial, sans-serif;
  line-height: 1.8;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; 
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll; 
}     
.left { float: left !important; }

.right { float: right !important; }

.center { text-align: center; margin: auto; }

.hide { display: none; }

/* Typography */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    display: block;
    font-weight: normal;
    margin-bottom: 25px;
    line-height: 1.4;
}

h1 {
  font-size: 24px;  
}

h2 {
  font-size: 22px;  
}

h3 {
  font-size:20px;
}

p { margin: 10px 0 0 0;}
p img { 
  margin: 0;
  max-width: 100%;
  height: auto;
}

em { font-style: italic; }
strong { font-weight: 600; }
small { font-size: 80%; }

hr { 
  border: solid #f0f0f0; 
  border-width: 1px 0 0; 
  clear: both; 
  margin: 0px; 
  height: 0; 
  width: 100%;
}
hr.full-width {
  position: absolute;
  left: 0px
} 

.no-underline a, a.no-underline { text-decoration: none; }
  
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* Links */
a {
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  outline: 0;
}

.wrapper, .container {
  width:1200px;
  margin:0 auto;
}

.tui-dropdown {
  display:block;
  float:left;
  width:auto;
  height:35px;
  position:relative;
  background-color:#fff;
  border-radius:3px;
  margin-right:7px;
}

.tui-dropdown.currency {
  margin-right:0;
}

.tui-dropdown a {
  padding: 0px 15px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.tui-dropdown > a {
  line-height:35px;
}

.tui-dropdown > a span {
  text-align:right;
  padding-left:20px;
}

.tui-dropdown ul {
  background: none repeat scroll 0% 0% #FFF;
  border: 1px solid #DDD;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  display: block;
  left: 0px;
  min-width: 200px;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 999;
  margin-top: 30px;
  opacity: 0;
}

.tui-dropdown:hover > ul {
  visibility:visible;
  opacity:1;
  margin-top:0;
}

.tui-dropdown > ul > li:hover > ul {
  visibility:visible;
  opacity:1;
  margin-top:0;
}

.tui-dropdown ul li {
  display:block;
  width:100%;
  float:none;
}

.tui-dropdown ul li a {
  display:block;
  border-bottom: medium none;
  border-top: 1px solid #DDD;
  color: #888;
  font-size: 14px;
  min-height: 40px;
  line-height: 40px;
  width:100%;
}

.tui-dropdown ul li:first-child > a {
  border-top:0;
}

#topnav #top .right .tui-dropdown ul ul {
  margin-left: 100%;
  margin-top: -41px;
}

html.ie8 #page-content .product-info {
  max-width:520px;
}

.tui-dropdown.tui-language-nl span, .tui-dropdown ul li.tui-language-nl span { background-image: url(flags.png); background-position:0 -11px; height:11px; }
.tui-dropdown.tui-language-de span, .tui-dropdown ul li.tui-language-de span { background-image: url(flags.png); background-position:0 -22px; height:11px; }
.tui-dropdown.tui-language-en span, .tui-dropdown ul li.tui-language-en span { background-image: url(flags.png); background-position:0 -33px; height:11px; }
.tui-dropdown.tui-language-fr span, .tui-dropdown ul li.tui-language-fr span { background-image: url(flags.png); background-position:0 -44px; height:11px; }
.tui-dropdown.tui-language-es span, .tui-dropdown ul li.tui-language-es span { background-image: url(flags.png); background-position:0 -55px; height:11px; }
.tui-dropdown.tui-language-it span, .tui-dropdown ul li.tui-language-it span { background-image: url(flags.png); background-position:0 -66px; height:11px; }
.tui-dropdown.tui-language-el span, .tui-dropdown ul li.tui-language-el span { background-image: url(flags.png); background-position:0 -77px; height:11px; }
.tui-dropdown.tui-language-tr span, .tui-dropdown ul li.tui-language-tr span { background-image: url(flags.png); background-position:0 -88px; height:11px; }
.tui-dropdown.tui-language-pt span, .tui-dropdown ul li.tui-language-pt span { background-image: url(flags.png); background-position:0 -99px; height:11px; }
.tui-dropdown.tui-language-pl span, .tui-dropdown ul li.tui-language-pl span { background-image: url(flags.png); background-position:0 -110px; height:11px; }
.tui-dropdown.tui-language-sv span, .tui-dropdown ul li.tui-language-sv span { background-image: url(flags.png); background-position:0 -121px; height:11px; }
.tui-dropdown.tui-language-ru span, .tui-dropdown ul li.tui-language-ru span { background-image: url(flags.png); background-position:0 -132px; height:11px; }
.tui-dropdown.tui-language-da span, .tui-dropdown ul li.tui-language-da span { background-image: url(flags.png); background-position:0 -143px; height:11px; }
.tui-dropdown.tui-language-no span, .tui-dropdown ul li.tui-language-no span { background-image: url(flags.png); background-position:0 -154px; height:11px; }
.tui-dropdown.tui-language-bg span, .tui-dropdown ul li.tui-language-bg span { background-image: url(flags.png); background-position:0 -165px; height:11px; }

/* header
================================================== */
#topnav {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;
}
#topnav .wrapper {
  display:table;
  min-height:90px;
}
#topnav.scroll .wrapper {
  min-height:60px;
}

#topnav #top {
  height:35px;
  margin-top:-35px;
}

#topnav:hover #top {
  margin-top:0;
}

#topnav.scroll:hover #top {
  margin-top:-35px;
}

#topnav #top .right {
  font-size:0;
}

#topnav #top .right a {
  font-size:14px;
  line-height:35px;
  padding:0 15px;
  display:inline-block;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#logo, nav, #cartContainer, .height-maintain {
  display:table-cell;
  vertical-align:middle;
}

nav ul, #formSearch, #cart {
  float:left;
}

#formSearch, #cart {
  float:right;
}

#logo {
  min-width:200px;
  max-width:450px;
}

#logo img {
  max-width:220px;
}

nav {
  max-width:755px;
}

nav > ul > li {
  position: relative;
  display: inline-block;
  margin: 0px 2px;
  float: left;
}

nav a {
  border-radius: 0px;
  border-bottom: 2px solid transparent;
  display: block;
  font-weight: 300;
  height: 50px;
  line-height: 50px;
  padding: 0px 15px;
  text-decoration: none;
  white-space: nowrap;
  font-size:16px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#topnav.scroll nav > ul > li > a {
  height:40px;
  line-height:40px;
}

nav a:hover {
  text-decoration:none;
  backround-color:#f2f2f2;
}

nav ul ul {
  background: none repeat scroll 0% 0% #FFF;
  border: 1px solid #DDD;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  display: block;
  left: 0px;
  min-width: 200px;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 5;
  margin-top: 30px;
  opacity: 0;
}

nav ul ul li {
  float:none;
  display:block;
  position:relative;
}

nav ul ul li a {
  border-bottom: medium none;
  border-top: 1px solid #DDD;
  color: #888;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}

nav ul ul li:first-child > a {
  border-top-color:transparent !important;
}

nav li:hover > a + ul {
  visibility:visible;
  opacity:1;
  margin-top:0;
}

nav ul ul ul {
  left:100%;
  top:-1px;
  margin-top:0;
  margin-left:30px;
}

nav ul ul li:hover > a + ul {
  visibility:visible;
  opacity:1;
  margin-left:0;
}

#formSearch {
  background: none repeat scroll 0% 0% transparent;
  border: 1px solid #DDD;
  border-radius: 3px;
  height: 40px;
  margin-right: 19px;
  width: 170px;
  position:relative;
}

#formSearch input {
  background: none repeat scroll 0% 0% transparent;
  border: medium none;
  color: #888;
  display: inline-block;
  float: left;
  height: 38px;
  padding: 0px 6px 0px 12px;
  width: 140px;
}

input[type="checkbox"] {
  border:none;
}

#formSearch span {
  background: none repeat scroll 0% 0% transparent;
  color: #888;
  font-size: 18px;
  height: 38px;
  line-height: 36px;
  padding: 0px;
  text-align: center;
  width: 28px;
  cursor:pointer;
}

#formSearch .autocomplete {
  background: none repeat scroll 0% 0% #FFF;
  border: 1px solid #CCC;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  margin-top: 30px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 50px;
  visibility: hidden;
  width: 320px;
  z-index: 999;
  transition: all 0.3s ease 0s;
}

#formSearch .autocomplete:before {
  background: none repeat scroll 0% 0% #FFF;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
}

#formSearch .autocomplete.search {
  visibility:visible;
  opacity:1;
  margin-top:0;
}

#formSearch .autocomplete .notfound {
  font-size:20px;
  margin-bottom:25px;
  display:none;
}

#formSearch .autocomplete.noresults .notfound {
  display:block;
}

.autocomplete .products {
  margin-top:0 !important;
}

.autocomplete .products li {
  display:block;
  width:100%;
}

.autocomplete .products li a {
  display:table;
  text-decoration:none;
  width:100%;
}

.autocomplete .products li .thumb {
  display:table-cell;
  vertical-align:middle;
  width:80px;
}

.autocomplete .products li .dropdown-cart-details {
  display:table-cell;
  vertical-align:middle;
}

#formSearch .autocomplete .products li p span {
  font-size:14px;
}

#formSearch .autocomplete .products li p .old-price {
  text-decoration:line-through;
  margin-left:0.5em;
  opacity:0.6;
}

#cart {
  position:relative;
  padding-bottom:10px;
  margin-bottom:-10px;
  margin-right:15px;
}

#cartToggle {
  position:relative;
  display:block;
}

#cart span.fa {
  border: 1px solid #DDD;
  border-radius: 100px;
  color: #888;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center;
  width: 40px;
}

#cartToggle span.cartCount {
  background: none repeat scroll 0% 0%;
  border-radius: 40px;
  color: #FFF;
  display: block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -6px;
  text-align: center;
  top: -9px;
  width: 20px;
}

#innerCart {
  background: none repeat scroll 0% 0% #FFF;
  border: 1px solid #CCC;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
  margin-top: 30px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0px;
  top: 50px;
  visibility: hidden;
  width: 320px;
  z-index:999;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#cart:hover #innerCart, #cart.hover #innerCart {
  visibility:visible;
  opacity:1;
  margin-top:0;
}

#innerCart:before {
  background: none repeat scroll 0% 0% #FFF;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
  width: 10px;
}

#innerCart p {
  display: inline-block;
  font-size: 16px;
  padding: 0px 0px 5px;
  text-transform: uppercase;
  width:100%;
  text-align:right;
}

#cartButton, .autocomplete .more, .autocomplete .products li {
  border-top: 1px solid #DDD;
  padding: 10px 0px 0px;
}

.autocomplete .products li:first-child {
  padding-top:0;
  border-top:0;
}

#cartButton a, .autocomplete .more a {
  display: inline-block;
  margin: 0px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: medium none;
  -moz-user-select: none;
  border-radius: 3px;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
  background-color: #17CBC0;
  color: #FFF;
  float:right;
}

#topnav .wrapper.full-width {
  display:block;
}

#topnav .wrapper.full-width nav {
  display:block;
  width:100%;
  max-width:none;
}

#topnav .wrapper.full-width nav ul {
  float:none;
}

.height-maintain {
  height:70px;
}

#topnav .wrapper.full-width nav > ul > li > a {
  height:60px;
  line-height:60px;
}

#topnav.scroll .wrapper.full-width nav > ul > li > a {
  height:50px;
  line-height:50px;
}

#topnav.scroll .wrapper .height-maintain {
  height:60px;
}

/* content
================================================== */

.container.content {
  margin-top:150px;
}

.container.content.sub-page {
  margin-top:60px;
}

.container.content.headlines {
  margin-top:0;
}

#about.wrapper {
  margin-top:60px;
}

#page-content {
  display:block;
  width:75%;
  float:left;
}

#page-content .product-info h2 {
  font-size:24px;
  text-transform:uppercase;
  margin-bottom:15px;
}

#page-content .product-info .score {
  margin-bottom:15px;
}

#page-content .product-info .price {
  margin:10px 0;
}

#page-content .product-info .price p {
  color: #1AE2D6;
  line-height:24px;
  font-size:24px;
  float:left;
  margin:0;
}

#page-content .product-info .price span {
  line-height: 24px;
  margin: 0px;
  font-size: 18px;
  text-decoration:line-through;
  color: #999;
  float:left;
  margin-left:10px;
}

#page-content .product-info .price .price-tax {
  float:right;
}

#page-content .product-info .change + a.btn + ul {
  margin-top:20px;
}

#page-description {
  padding:0 10px;
  margin-bottom:20px;
  height:160px;
  width:100%;
  overflow:hidden;
  -webkit-transition:height 300ms ease-in-out;
  -moz-transition:height 300ms ease-in-out;
  -o-transition:height 300ms ease-in-out;
  transition:height 300ms ease-in-out;
  /*-webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);*/
}

.description-wrap {
  display:block;
  width:100%;
  height:auto;
}

#page-description + .more {
  display:block;
  width:100%;
  text-align:center;
  padding:0 10px;
  margin-top:-20px;
  margin-bottom:20px;
}

#page-description + .more p {
  display:inline;  
}

#page-description .image-wrap {
  float:right;
  margin-left:10px;
  max-height:200px;
  max-width:200px;
}

.filter-container {
  width:100%;
  padding:0 10px;
}

.page-filters {
  border: 1px solid #DDD;
  border-radius: 3px;
  display: table;
  margin: 0px 0px 20px;
  padding: 15px;
  width: 100%;
  position:relative;
  z-index:103;
}

.page-filters.second {
  z-index:101;
}

.page-filters .tui-dropdown > a {
  background-color: #FFF;
  padding-right: 28px;
  text-indent: 0.01px;
  font-size: 1em;
  padding: 8px 10px;
  line-height: 1.42;
  border:1px solid #DDD;
  border-radius: 3px;
  display:block;
  height:35px;
  background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
  background-position:90% center;
  background-position: right 10px center;
  min-width:164px;
  color:#888;
}

.page-filters .tui-dropdown.limit > a {
  min-width:60px;
}

.page-filters .modes {
  border:1px solid #DDD;
  border-radius: 3px;
  display:block;
  float:left;
  font-size:0;
  height:35px;
  padding: 8px 10px;
}

.page-filters .modes li {
  display:inline-block;
}

.page-filters .modes li a {
  line-height: 19px;
  color:#888;
  font-size:16px;
}

.page-filters .modes li:first-child a {
  margin-right:10px;
}

.page-filters .filter {
  display:none;
}

.page-filters .filter_form {
  float:right;
}

.page-filters .pager {
  float:left;
  font-size:0;
}

small.unit-price {
  text-align: center;
  display: block;
  line-height: 0px;
  margin-top: 3px;
  margin-bottom: -3px;  
}

#collection-filter-price, #collection-filter-price * {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

#collection-filter-price {
  height: 10px;
  border: 1px solid #CCC;
  border-radius: 5px;
  margin: 8px 10px;
  position: relative;
}

.ui-slider-range {
  background-color:#A5D8E4;
  border: 1px solid #187EA2;
  position: absolute;
  height: 10px;
  border-radius: 5px;
  margin-top:-1px;
}

.ui-slider-handle {
  display: block;
  position: absolute;
  width: 20px;
  height: 24px;
  border: 0px none;
  top: -7px;
  border-radius: 0px;
  margin-left: -10px;
  background: url("tui-slider-handle.png") no-repeat scroll 0px -10px transparent;
  cursor: col-resize;
}

.price-filter-range .min {
  float:left;
}

.price-filter-range .max {
  float:right;
}

.side-block.usps li span.fa {
  font-size: 1.6em;
  padding-right: 10px;
  display:table-cell;
  vertical-align:top;
}

.side-block.usps li span.helper {
  display:table;
  table-layout:fixed;
}

.side-block.usps li span.fa + span {
  display: table-cell;
  vertical-align:top;
  overflow: hidden;
  text-align: left;
}

.side-block.filters ul li span.fa {
  margin-right:0.6em;
  cursor:pointer;
}

.pager ul li {
  display:inline-block;
  font-size:14px;
}

.pager ul li a {
  display:block;
  position: relative;
  padding:0 10px;
  margin-left: -1px;
  line-height: 1.42;
  text-decoration: none;
  background-color: #FFF;
  border: 1px solid #DDD;
  height:35px;
  line-height:35px;
  color:#1AE2D6;
}

.pager ul li.prev a {
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}

.pager ul li.next a {
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
}

#sidebar {
  display:block;
  width:25%;
  float:left;
  padding-left:10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#sidebar .side-block {
  border: 1px solid #DDD;
  border-radius: 3px;
  float: left;
  margin: 0px 0px 20px;
  padding: 15px;
  width: 100%;
}

.webwinkelkeur {
  max-width:290px;
  margin-top:20px;  
}

.webwinkelkeur.top {
  margin-top:0px;
}

.side-block.tags li, .product-tabs .tab-content#tags ul li, .tags li {
  float: left;
  margin-bottom: 8px;
  margin-right: 8px;
  margin-top:2px;
}

.side-block.tags a, .product-tabs .tab-content#tags ul li a, .tags a {
  border: 1px solid #DDD;
  border-radius: 3px;
  padding: 5px 15px;
  box-sizing:border-box;
}

.tags ul {
  padding:0 10px;
}

#sidebar .sidebar-banner {
  width:100%;
  height:auto;
  display:block;
  clear:both;
}

#sidebar .sidebar-banner.side-product {
  margin-bottom:20px;
}

#sidebar h5 {
  border-bottom: 1px solid #DDD;
  font-weight: 300;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size:16px;
}

#sidebar .recent h5 a {
  float:right;
  font-size:12px;
  line-height:25px;
  color:#888;
}


#sidebar .recent h5 a:hover {
  color:#1AE2D6;
}

#sidebar .recent .recent-product {
  display:block;
  border:0;
  border-top: 1px solid #DDD;
  margin-bottom: 5px;
  padding:0;
  padding-top: 10px;
  width: 100%;
}

#sidebar .recent .recent-product:first-of-type {
  padding:0;
  border:0;
}

#sidebar .recent .recent-product .image-wrap {
  float: left;
  width: 30%;
}

#sidebar .recent .recent-product .image-wrap img {
  max-width:100%;
  height:auto;
  border:1px solid transparent
}

#sidebar .recent .recent-product .image-wrap a:hover img {
  border-color:#1AE2D6;
}

#sidebar .recent .recent-product .info {
  float: left;
  padding: 0px 0px 0px 8px;
  width: 70%;
}

#sidebar .recent .recent-product .title {
  color:#888;
  text-transform:uppercase;
}

#sidebar .recent .recent-product .title:hover {
  color:#1AE2D6;
}

#sidebar .recent .recent-product .price p {
  font-size:12px;
  float:left;
  padding:0;
  margin:0;
}

#sidebar .recent .recent-product .price span {
  font-size:11px;
  float:left;
  padding-left:10px;
  text-decoration:line-through;
}

#sidebar .side-block.menu ul li a {
  display:block;
  width:100%;
  padding:5px 0;
  border-top:1px solid #DDD;
}

#sidebar .side-block.menu > ul > li:first-child > a {
  border-top:0;
}

#sidebar .side-block.menu ul ul {
  display:block;
  padding-left:15px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#sidebar .side-block.menu ul.fold ul {
  display:none;
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

#sidebar .side-block.menu ul li {
  clear:both;
  width:100%;
  position:relative;
}

#sidebar .side-block.menu ul.fold span.fa {
  position:absolute;
  top:0;
  right:0;
  display:inline-block;
  line-height:37px;
  cursor:pointer;
  padding:0 10px;
  clear:right;
}

#sidebar .side-block.menu ul.fold li.active > ul {
  display:block;
}

.page-header {
  margin-top:90px;
  border-bottom: 1px solid #DDD;
  height: 100px;
  background:url('header-bg.png') no-repeat scroll center top #F2F2F2;
}

.fancybox-margin .page-header {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

header {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

header.fancybox-margin {
  padding-right:17px;
}

body.fixed .container.content {
  margin-top:0 !important;
}

.page-header .wrapper {
  display:table;
  height:100px;
}

.page-header .page-title, .page-header .breadcrumbs {
  display:table-cell;
  vertical-align:middle;
  width:50%;
  height:100%;
}

.page-header .page-title h1 {
  font-size:32px;
  font-weight:300;
  margin-bottom:0;
}

.page-header .breadcrumbs {
  text-align:right;
}

.page-header .breadcrumbs a {
  margin:0 6px;
}

.page-header .breadcrumbs a:first-child {
  margin-left:0;
}

.headline-usps ul {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding:20px 0;
}

.headline-usps li {
  display:table-cell;
  vertical-align:top;
  text-align:center;
}

.headline-usps li span.fa {
  font-size: 1.6em;
  padding-right: 10px;
  display:table-cell;
  vertical-align:top;
}

.headline-usps li span.helper {
  display:table;
  table-layout:fixed;
  margin:0 auto;
}

.headline-usps li span.fa + span {
  display: table-cell;
  vertical-align:top;
  overflow: hidden;
  text-align: left;
  font-weight: 600;
  color: #004201;
}

.headline-usps li span.fa + a span {
  color:#444;
}
.flex-container, .flex-container * {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

.flex-container .flexslider {
  margin-top:90px;
  height:580px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
  position:relative;
}

.headline-usps + script + .flex-container {
  margin-top:0 !important;
}

.flex-container .flexslider .slides li {
  position:relative;
  z-index:1;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  backface-visibility:hidden;
  translate3d(0px, 0px, 0px);
}

.flex-container .flexslider li.flex-active-slide {
  z-index:3;
}

.flex-container .flexslider img {
  width:1920px;
  height:580px;
  position:absolute;
  left:50%;
  margin-left:-960px;
}

.flex-container .flex-wrapper {
  height:580px;
  translate3d(0px, 0px, 0px);
}

.flex-container .flex-control-nav li a {
  -webkit-transition:all 150ms ease-in-out;
  -moz-transition:all 150ms ease-in-out;
  -o-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

.flex-direction-nav a {
  color:#DDD;
  text-shadow:none;
  opacity:1;
}

.flex-container .slides li, .flex-container img {
  width:100%;
  height:580px;
}

.flex-container .slide-text {
  bottom: 20%;
  left: 0px;
  padding-left: 15%;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 2;
}

.flex-container .slide-title {
  background-color:#000;
  background-color: rgba(0, 0, 0, 0.4);
  color: #FFF;
  display: inline-block;
  font-size: 36px;
  font-weight: 400;
  height: 70px;
  line-height: 70px;
  margin: 0px 0px 30px;
  padding: 0px 42px;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

.flex-container .flex-control-nav {
  bottom:10px;
  z-index:3;
}

.flex-container .flex-control-nav li {
  margin:0;
}

.flex-container .flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background-color:#DDD;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  margin: 0px 2px;
  box-shadow:none;
  border:0;
}

.flex-container .flex-control-paging li a.flex-active, .flex-container .flex-control-paging li a:hover {
  background-color:#1AE2D6;
}

.flex-container.contentwidth, .flex-container.bannerwidth {
  max-width:1180px;
  width:100%;
  margin:0 auto;
  margin-top:90px;
}

.flex-container.bannerwidth {
  margin:0 auto;
}

.flex-container.contentwidth .flexslider, .flex-container.contentwidth .flex-wrapper, .flex-container.contentwidth .flexslider .slides li {
  height:356px;
}

.flex-container.contentwidth .flexslider img {
  width:1180px;
  height:356px;
  margin-left:-590px;
}

.flex-container.bannerwidth .flexslider {
  width:75%;
  margin:0;
  float:left;
}

.flex-container.bannerwidth .slides, .flex-container.bannerwidth .slides li, .flex-container.bannerwidth .slides li img, .flex-container.bannerwidth .flexslider {
  height:268px;
}

.flex-container.bannerwidth .slides li img {
  width:885px;
  margin-left:-442.5px;
}
.flex-container .slider_timer {
  width:25%;
}

.flex-container .slider_banner, .flex-container .slider_timer {
  display:none;
  float:left;
  padding-left:20px;
  margin-bottom:-76px;
}

.flex-container .slider_banner {
  margin-left:0;
}

.flex-container .slider_banner img {
  height:auto !important;
  width:auto !important;
  margin:0;
  max-width:100%;
  max-height:345px;
}

.flex-container.bannerwidth .slider_banner, .flex-container.bannerwidth .slider_timer {
  display:block;
}

.flex-container .slider_timer {
  position:relative;
}

.flex-container .slider_timer .timer > div {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  margin:0 auto;
}

.flex-container .productborder {
  margin-bottom:0;
  padding:0;
}

.flex-container .product {
  /*padding-bottom:69px;*/
  height:344px;
  min-height:auto;
}

.flex-container .slider_timer .timer {
  position: absolute;
  bottom:15px;
  left: 50%;
  margin-left: -90px;
  width:200px;
}

input, textarea, select, fieldset {
    border-radius: 3px;
    max-width: 100%;
}

input, select, textarea {
    font-size: 1em;
    padding: 8px 10px;
    line-height: 1.42;
    border:1px solid #DDD;
}

select {
  -moz-appearance: none;
  background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #FFF;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: "";
  width:100%;
  margin-bottom:25px;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
    border: 1px solid #17CBC0;
}

table.details {
  width:100%;  
  margin-top:20px;
}
span.in-stock {
  color:green !important;  
}
span.out-of-stock {
  color:red !important; 
}

.cart input {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  height:36px;
  width:38px;
  text-align:center;
  float:left;
  color:#444;
  border-color:#DDD;
}

.cart .up, .cart .down {
  float:left;
  height:36px;
  width:38px;
  text-align:center;
  line-height:36px;
  color:#444;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#fff;
  border:1px solid #DDD;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.cart .up:hover, .cart .down:hover {
  background-color:#eee;
}

.cart .up {
  border-right:0;
  border-left:0;
}

.cart .down {
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
}

.cart a.btn, .product-tabs .tabs-content a.btn, .movie-container a.btn {
  display:inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0px 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: medium none;
  -moz-user-select: none;
  border-radius: 3px;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
  margin-left:10px;
}
.tabs-content img {
  max-width:100%;
  height:auto;  
}
.bundles {
  margin-left:0 !important;
}

.bundles h3 {
  margin-left:0 !important;
}

.bundles a.btn {
  margin-left:0;
  font-size:14px;
}

.bundles a.btn span {
  padding-right:5px;
}

.bundles .fa.fa-plus {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  position: absolute;
  z-index: 100;
  margin-top: -15px;
  top:50%;
  left:-25px;
}

.bundles .price {
  font-size:16px;
}

.bundles .price p {
  display:inline-block;
}

.bundles .price span {
  text-decoration:line-through;
  font-size:14px;
  display:inline-block;
}

.bundles strong {
  font-size:16px;
  font-weight:normal;
  text-transform:uppercase;
}

.bundle-info, .bundle-order {
  display: table-cell;
  width: 80%;
}

.bundle-order {
  width:20%;
  text-align:right;
  position:relative;
}

.bundles li {
  display:inline-block;
  position:relative;
}

.bundles li.combi-product {
  margin-left:10px;
}

.bundles li img {
  border:1px solid transparent;
}

.bundles li a:hover img {
  border-color:#00D6A3;
}

.bundles li a {
  padding:10px;
  background-color:transparent;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
}

.bundles li.main-product a {
  padding-left:0;
}

.bundles h5 {
  font-size:16px;
  margin:10px 0;
  margin-left:10px;
}

.bundles .bundle {
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
  display:table;
  width:100%;
  table-layout:fixed;
}

.bundles .bundle.first {
  border-top:1px solid #ccc;
  padding-top:10px;
}

.bundle-order-content {
  position:absolute;
  bottom:10px;
  right:0;
}

.product-tabs .tabs-content a.btn {
  height:38px;
  line-height:38px;
  vertical-align:top;
}

.product-tabs #tags.tab-content small {
  display:block;
  width:100%;
  margin-top:20px;
}

.cart a.btn.info {
  clear:both;
  margin-top:10px;
  position:absolute;
  bottom:0;
  right:0;
}

.product-price .price p {
  font-size:24px;
  color:#1AE2D6;
  float:left;
  margin-bottom:10px;
}

.product-price .price span {
  color:#444;
  font-size:18px;
  float:left;
  line-height:44px;
  margin-top:10px;
  padding-left:10px;
  text-decoration:line-through;
}

.product-price .price small {
  float:right;
  line-height: 44px;
  margin-top: 10px;
}

#newsletter {
  background: repeat scroll 0px 0px transparent;
  border-bottom: 3px solid #DDD;
  border-top: 3px solid #DDD;
  padding: 15px 0px;
  margin-top:60px;
  display:table;
  width:100%;
}

#newsletter-content {
  height:235px;
  background-color:#ccc;
  display:inline-block;
  width:100%;
  margin:0;
  padding:0;
  display:table-cell;
  vertical-align:middle;
}

#newsletter p {
  color: #FFF;
  float: left;
  font-size: 28px;
  height: 38px;
  line-height: 38px;
  margin: 0px 30px 0px 72px;
}

#newsletter input {
  background: none repeat scroll 0% 0% transparent;
  border: 1px solid #FFF;
  color: #FFF;
  float: left;
  height: 38px;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 11px;
  width: 230px;
  border-radius:3px;
}

#newsletter a.btn {
  display: inline-block;
  margin: 0px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0px 19px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: medium none;
  -moz-user-select: none;
  border-radius: 3px;
  text-transform: uppercase;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#newsletter a span {
  background-color:transparent !important;
  margin-right:15px;
}

.product-tabs {
  overflow:hidden;
  margin-bottom:-20px;
}

.product-tabs .tab-content#info table, .product-tabs #specs.tab-content table {
  margin-bottom:20px;
  width:100%;
}

.product-tabs .tab-content#tags {
  position:relative;
}

.product-tabs .tab-content#tags label.error, .product-tabs .tab-content#tags label.success {
  color: #f00;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}

.product-tabs .tab-content#tags label.success {
  color:green;
}

.product-tabs .top {
  margin-bottom:20px;
}

.product-tabs .review {
  margin-bottom:20px;
}

.product-tabs .review small {
  margin-left:10px;
}

.product-tabs .review .stars {
  float:right;
  clear:right;
}

.product-tabs > ul {
  font-size:0;
  width:100%;
  border-bottom:1px solid #DDD;
  margin-top:60px;
  margin-left:10px;
  margin-right:-10px;
  margin-bottom:20px;
}

#page-content .product-tabs > ul {
  margin-left:0;
  margin-right:0;
  margin-top:0;
}

#page-content .product-tabs {
  padding-right:10px;
  margin-top:20px;
}

.product-tabs > ul li {
  display:inline-block;
  font-size:14px;
}

.product-tabs > ul li a {
  display:block;
  padding: 10px 20px 11px;
  border-radius:2px 2px 0 0;
  border:1px solid transparent;
  border-bottom:0;
  margin-right:12px;
}

.product-tabs > ul li a.active {
  border-color:#DDD;
}

.product-tabs .tab-content {
  display:none;
}

.product-tabs .tab-content.active {
  display:block;
}

.container.content .products {
  margin-top:60px;
  font-size:0;
}

#page-content .products {
  margin-top:0;
}

#page-content .products.related {
  margin-top:60px;
  margin-left:-10px;
}

#page-content .products.related.bundles {
  margin-top:30px;
}

.productborder {
  display:inline-block;
  width:25%;
  padding:0 10px;
  font-size:14px;
  margin-bottom:20px;
}

#page-content .productborder {
  width:33.33%;
}

#page-content .product-share {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 25px 0px;
  margin-top:60px;
  width:100%;
  display:table;
  vertical-align:middle;
}

.product-share .social-block {
  float:left;
  margin-left:10px;
  display:table-cell;
  vertical-align:middle;
}

.product-share .social-block:first-child {
  margin-left:0;
}
.product-share .social-block.social-block-facebook span {
  vertical-align:top !important;
}
.product-share .social-block.social-block-twitter {
  margin-right:-20px;
}
.product-share .social-block.social-block-addthis {
  padding-top:2px;
  margin-left:5px;
}
.product-share .social-block.social-block-google {
  margin-right:-22px;
}

.product {
  border: 1px solid #DDD;
  padding: 6px;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  min-height:416px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

html.safari #page-content .productborder.list {
  width:100% !important;  
}
table.details {
  width:100%; 
}
table.details td:nth-child(odd) {
  width:25%; 
  vertical-align:top;
}
table.details td:nth-child(even) {
  width:70%;
  padding-left:5%; 
  vertical-align:top; 
}
.productborder.list .product, .productborder.time .product {
  min-height:initial;
}

.products .product.hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity:0.75;
}

.product .info .title {
  min-height:50px;
  max-height:50px;
  overflow:hidden;
  line-height:1em;
}

.productborder.list .product .info .title {
  min-height:initial;
}

.productborder.time .product .info .title {
  min-height:32px;
}

.product .sale {
  background: none repeat scroll 0% 0% #1AE2D6;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  left: -30px;
  padding: 3px 0px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 16px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 120px;
  z-index: 10;
  line-height:25px;
}

html.no-csstransforms .product .sale {
  left:0;
  top:0;
}

.product .sale.sales {
  font-size:13px;
}

.product .sale.soldout {
  background-color:#DDD;
  color:#888;
}

.product .image-wrap a {
  display:block;
  width:100%;
}

.product .image-wrap .description {
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-39px;
}

.product img {
  max-width:100%;
  height:auto;
  margin:0 auto;
}

.no-products-found {
  font-size:14px;
  margin-left:10px;
  margin-bottom:20px;
}

.product .popup {
  position:absolute;
  display:block;
  width:100%;
  top:35%;
  left:0;
}

.product .popup > a {
  color: #FFF;
  display: block;
  font-size: 18px;
  right: 0px;
  position: absolute;
  text-align: center;
  top: 95px;
  visibility: hidden;
  opacity: 0;
  /*text-shadow:1px 1px rgba(0,0,0,0.5);*/
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.product .image-wrap:hover .popup > a{
  visibility:visible;
  opacity:1;
}

.product .image-wrap {
  position:relative;
  margin:0 auto;
  max-width:256px;
}

.productborder .no-image-icon {
  max-height:256px;
  }

.productborder.list .no-image-icon {
  max-height:343px;
  }

.fancybox-inner .quick-view-content {
  /*width:760px;
  min-height:500px;*/
  width:100%;
  height:100%;
}

.quick-view-content h1 {
  border-bottom: 1px solid #DDD;
  padding: 0px 0px 10px;
  font-size:36px;
  text-transform:uppercase;
  width:100%;
  display:block;
}

.quick-view-content .product-images {
  width:50%;
  float:left;
}

.quick-view-content .swiper-container {
  height:358px;
  overflow:hidden;
  width:358px;
  max-width:100%;
}

.quick-view-content .swiper-container.multi {
  height:414px;
}

.quick-view-content .swiper-container:before {
  content:" ";
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:358px;
  width:358px;
  border:1px solid #DDD;
  z-index:3;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  pointer-events:none;
}

.quick-view-content .swiper-container ul, .quick-view-content .swiper-container ul li {
  height:358px !important;
  cursor:default;
}

.quick-view-content .swiper-container.multi ul, .quick-view-content .swiper-container.multi ul li {
  cursor:pointer;
}

.quick-view-content .swiper-pagination, #page-content .product-images .swiper-pagination {
  display: block;
  clear: both;
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  height:auto;
}

.quick-view-content .swiper-pagination-switch, #page-content .product-images .swiper-pagination-switch {
  width: 11px;
  height: 11px;
  display: inline-block;
  background-color:#DDD;
  cursor: pointer;
  border-radius: 20px;
  margin:0 2px;
}

.quick-view-content .swiper-active-switch, #page-content .product-images .swiper-active-switch {
  background-color:#17CBC0;
}

.quick-view-content .swiper-buttons, #page-content .product-images .swiper-buttons {
  position:absolute;
  top:45%;
  margin-top:-15px;
  display:block;
  width:100%;
  height:0;
  z-index:3;
  visibility:hidden;
  opacity:0;
}

.quick-view-content .swiper-container:hover .swiper-buttons, #page-content .product-images .swiper-container:hover .swiper-buttons {
  visibility:visible;
  opacity:1;
}

.quick-view-content .swiper-buttons span, #page-content .product-images .swiper-buttons span {
  background-color: #888;
  border-radius: 60px;
  color: #FFF;
  height: 30px;
  right: 0px;
  line-height: 30px;
  opacity: 1;
  text-align: center;
  width: 30px;
  float:right;
  margin-right:10px;
  cursor:pointer;
}

.quick-view-content .swiper-buttons span.fa-angle-left, #page-content .product-images .swiper-buttons span.fa-angle-left {
  float:left;
  margin-right:0;
  margin-left:10px;
}

.quick-view-content .swiper-buttons span:hover, #page-content .product-images .swiper-buttons span:hover {
  background-color:#17CBC0;
}

.quick-view-content .product-content {
  float: left;
  padding-left: 30px;
  vertical-align: top;
  width:50%;
}

.product .info {
  padding: 10px 0px;
  width: 100%;
}

.product .info .title {
  display: block;
  font-size: 16px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  text-transform:uppercase;
}

.product .info .price {
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  text-align: center;
}

.product .info .price p {
  display:inline-block;
}

.product .info .price span {
  display:inline-block;
  color: #959595;
  font-size: 14px;
  text-decoration: line-through;
}

.product .info .cart {
  clear:both;
  border-top: 1px solid #DDD;
  color: #888;
  display: block;
  padding-top: 10px;
  text-decoration: none;
  text-align:center;
  margin-top:15px;
}

.product .info .cart span {
  margin-right:0.5em;
}

.product .popup .quick-view-content {
  display:none;
}

.brands, .categories {
  position:relative;
  height:184px;
  width:100%;
  overflow:hidden;
  margin-top:60px;
}

#page-content .brands {
  height:auto;
  margin-top:0;
}

.brands .brand {
  box-sizing: border-box;
  padding: 0px 10px;
  position: relative;
  float:left;
  margin-bottom:20px;
}

.brands .brand a {
  display: block;
  overflow: hidden;
  position: relative;
  border: 3px solid #EEE;
}

.categories {
  height:297px;
}

.tags {
  margin-top:60px;
}

.gui-blog-article ul, .gui-blog-article header img {
  float:left;  
}

#gui-popover-terms-and-conditions.gui-popover {
  position:fixed;
  top:25%;  
}  
  
.brands h3, .categories h3, .grid-blog .wrapper > h3, .products.related h3, .tags h3 {
  font-size:24px;
  text-transform:uppercase;
  float:left;
  margin-left:10px;
}

.brands .navigation, .categories .navigation {
  float:right;
}

.brands .navigation a, .categories .navigation a {
  display:block;
  float:left;
  background-color:#17CBC0;
  border-radius: 52px;
  color: #FFF;
  height: 26px;
  line-height: 26px;
  margin: 0px;
  opacity: 1;
  text-align: center;
  text-shadow: none;
  top: 7px;
  width: 26px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.brands .navigation a.prev, .categories .navigation a.prev {
  margin-right:5px;
}

.brands .navigation a.next, .categories .navigation a.next {
  margin-right:10px;
}

.brands .brands-container, .categories category-container {
  width:100%;
  overflow:hidden;
  height:126px;
}

.brands .brands-container ul li, .categories .categories-container .category {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0 10px;
  position:relative;
}

.categories .categories-container .category a, .brands .brands-container ul li a {
  display:block;
  overflow:hidden;
  position:relative;
  border: 3px solid #EEE;
}

.brands .brands-container ul li img, .categories .categories-container img, #page-content .categories .category img {
  max-width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#fff;
  margin:0 auto;
}

.categories .category img {
  max-width: none !important;
  top: 0px;
  left: 50%;
  margin-left: -187px !important;
  position: relative;
}

#page-content .categories .category img {
  margin-left: -215px !important;
}

#page-content .categories .category {
  margin-bottom:20px;
}

.categories .categories-container .category {
  height:232px !important;
}

.categories .category .info {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}

.categories .category .description {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;/*183px*/
  z-index:3;
  overflow:hidden;
  background-color:transparent;
}

.categories .category .description span {
  display:block;
  width:100%;
  height:100%;
  background-color:#000;
  background-color: rgba(0, 0, 0, 0.4);
  color:#fff;
  padding:25px 15px;
  -webkit-transform:scale(1.5);
  transform: scale(1.5);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.categories .category:hover .description span {
  visibility:visible;
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
}

.categories .category .title {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0px;
  left: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  z-index: 3;
  color: #FFF;
  display: block;
  padding: 10px 0px;
  text-align:center;
  font-size:24px;
  font-weight:bold;
}

.ribbon-bottom {
  background: none repeat scroll 0% 0% #979D95;
  color: #FFF;
  margin-top:60px;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  padding: 22px 0px;
  text-align: center;
  width: 100%;
}

.ribbon-bottom.headline {
  margin-top:0;
}

.ribbon-bottom.headline.contentwidth, .ribbon-bottom.headline.bannerwidth {
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.ribbon-wrap.bannerwidth {
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.ribbon-bottom.headline.bannerwidth {
  width:75%;
  margin:0;
  min-height:76px;
}

.ribbon-bottom.headline.bannerwidth .wrapper {
  width:100%;
}

#page-content .categories {
  height:auto;
}

#page-content .categories .category {
  display:block;
  float:left;
  width:50%;
  position:relative;
  padding:0 10px;
  overflow:hidden;
}

#page-content .categories .category a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
}

#page-content .categories .category .info {
  width:100%;
  left:0;
}

#page-content .product-images {
  max-width:345px;
  overflow:hidden;
  overflow-y:visible;
  float:left;
  position:relative;
}

#page-content .product-info {
  width:100%;
  max-width:545px;
  float:left;
  padding-right:10px;
  padding-left:20px;
}

#page-content .product-images .swiper-wrapper, #page-content .product-images li {
  height:345px !important;
}

#page-content .product-images .swiper-container {
  position:relative;
  overflow:visible;
}

#page-content .product-images .swiper-container:before {
  content:" ";
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:345px;
  width:345px;
  border:1px solid #DDD;
  z-index:3;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  pointer-events:none;
}

#page-content .product-images .zoom {
  display:block;
  font-size:30px;
  line-height:30px;
  color:#888;
  position:absolute;
  bottom:10px;
  right:10px;
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

#page-content .product-images .swiper-container:hover .zoom {
  visibility:visible;
  opacity:1;
}

#page-content .product-info form {
  margin-top:20px;
}

#page-content .product-info form label {
  padding-right:10px;
  clear:both;
  display:inline;
  width:100%;
}

#page-content .product-info form select, #page-content .product-info .product-configure-custom-option input[type="text"] {
  width:100%;
  margin-bottom:0;
  display:block;
  max-width:none;
}

#page-content .product-info .product-configure-custom-option textarea {
  width:100%;  
}

#page-content .product-info form .product-configure-custom-option {
  display:block;
  /*max-width:50%;
  float:left;*/
  clear:both;
  margin-bottom:10px;
  width:100%;
}

#page-content .product-info .cart {
  clear:both;
  margin-top:20px;
}

.grid-blog {
  margin-top:60px;
  margin-bottom:60px;
}

.grid-blog-item {
  float: left;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
  width: 25%;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.grid-blog-item.open {
  width:50%;
}

.grid-blog-item-wrapper {
    border-bottom: 3px solid #EEE;
    float: left;
    padding-bottom: 20px;
    width: 570px;
}

.grid-blog-item .post-image {
  border: 3px solid #EEE;
  float: left;
  height: 216px;
  overflow: hidden;
  width: 50%;
  opacity:0.7;
}

.grid-blog-item.open .post-image {
  border: 3px solid #1AE2D6;
  opacity: 1;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.grid-blog-item .post-image img {
  max-width:100%;
  max-height:100%;
  margin:0 auto;
  -webkit-transition:all 300ms ease-in-out;
  -moz-transition:all 300ms ease-in-out;
  -o-transition:all 300ms ease-in-out;
  transition:all 300ms ease-in-out;
}

.grid-blog-item .post-info {
  float: left;
  padding: 5px 0px 0px 30px;
  width: 50%;
}

.grid-blog-item .time {
  font-size: 12px;
  font-style: italic;
  text-transform: uppercase;
}

.grid-blog-item h3 {
  margin-bottom: 16px;
  margin-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#gmaps {
  position: relative;
  height: 380px;
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: -60px;
  margin-top:60px;
  min-width: 100%;
}

#gmaps, #gmaps * {
  -webkit-transition:none;
  -moz-transition:none;
  -o-transition:none;
  transition:none;
}

#gmaps-wrap {
  height: 380px;
  overflow: hidden;
  width: 100%;
}

#map-canvas {
  height:106.1%;
}

#gmaps .wrapper {
  position:relative;
}

#gm_directions {
  position:absolute;
  bottom:20px;
  right:0;
}

#gm_directions input {
  height:38px;
  line-height:38px;
  padding:0 10px;
  float:left;
}

#gm_directions .button {
  display: inline-block;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0px;
  margin-left:8px;
  font-weight: 400;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  border: medium none;
  -moz-user-select: none;
  border-radius: 3px;
  text-transform: uppercase;
  -webkit-transition:all 150ms ease-in-out;
  -moz-transition:all 150ms ease-in-out;
  -o-transition:all 150ms ease-in-out;
  transition:all 150ms ease-in-out;
}

#page-content .productborder.list, .productborder.time {
  display:block;
  width:100% !important;
}

.productborder.list .product, .productborder.time .product {
  width:100%;
}

.productborder.list .product .image-wrap {
  float:left;
  max-width:480px;
  width:39.6%;
}

.productborder.list .product .info {
  float:left;
  width:60.4%;
  padding-left:30px;
}

.productborder.list .product .info .title {
  font-size: 16px;
  float:left;
}

.productborder.list .product .info .stars {
  float:right;
}

.productborder.list .product .info .title, .productborder.list .product .info .price, .productborder.list .product .cart {
  text-align:left;
}

#addTag {
  margin-top:20px;
}

.collection-spinner {
  height: 0 !important;
  padding:0 !important;
  visibility:hidden !important;
  margin:0 !important;
  line-height:0 !important;
}

.collection-spinner.busy,
.collection-spinner.manual {
  height: 16px;
  background: #f5f5f5;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  line-height: 16px;
  text-align: center;
  margin-top: 20px;
  text-shadow: 0 1px 0 #FFFFFF;

}
.collection-spinner-loading {
  display: none;
  padding-left: 26px;
  background: url(spinner-small.gif) left center no-repeat;
}
.collection-spinner.busy .collection-spinner-loading {
  display: inline-block;
}
.collection-spinner-more {
  display: none;
  text-align: center;
}

.collection-spinner.manual {
  display:block !important;
  height:38px !important;
  visibility:visible !important;
  line-height:38px !important;
  margin:0 auto 20px !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:100% !important;
  max-width:300px !important;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  }

.collection-spinner.manual .collection-spinner-more {
  display: block;
  line-height:38px !important;
  font-size:14px !important;
  border-radius:3px;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.collection-spinner.busy.manual .collection-spinner-more {
  display: none;
}

/* footer
================================================== */
footer {
  background-color: #363839;
  padding: 0px;
  color: #DDD;
  font-size: 0;
  margin-top:60px;
}
footer .footercol {
  display:inline-block;
  width:25%;
  vertical-align:top;
  font-size:12px;
  padding:0 10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
footer .links a {
  display: block;
  padding: 10px 0px 10px 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
footer .contact, footer .links a {
  font-size:13px;
}
footer .contact:first-child {
  padding-left:5px;
}
footer .row {
  padding-top: 30px;
  padding-bottom: 30px;
}
footer hr {
  border-color: black;
  opacity: 0.085;
}
footer input[type="text"] {
  border-color: rgba(0, 0, 0, 0.085);
}

footer h3 {
  border-bottom: 1px solid #424546;
  font-weight: 300;
  margin-top: 0;
  padding-bottom: 15px;
}

/* .social */
footer .newsletter {
  line-height: 0px;
}
footer .newsletter .title {
  display: block;
  line-height: 21px;
  float: left;
  font-weight: 600;
  font-size: 18px;
  margin: 5px 15px 5px 0px;
}
footer form {
  line-height: 0px;
  display: inline-block;
}
footer form input {
  display: inline-block;
  vertical-align: top;
}
footer form .btn {
  overflow: hidden;
  margin-top: -1px;
  line-height: 28px;
}
footer form .btn:hover span {
  opacity: 0;
}
footer form .btn::before {
  left: 0;
  top: -50px;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 16px;
  text-align: center;
}
footer form .btn:hover::before {
  top: 2px;
}
footer .contact-description {
  display: block;
  padding-bottom: 10px;
}
footer .contact a {
  padding-bottom:0;
}

/* .social-icons */
.social-media {
  line-height: 0px;
  text-align:right;
  font-size:0;
}
.social-media .social-icon {
  display: inline-block;
  width:40px;
  height:40px;
  font-size:12px;
  overflow:hidden;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  margin-left:7px;
  background-image:none;
  background-color:transparent !important;
  border:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.social-media .social-icon span {
  display:block;
  width:100%;
  height:100%;
  line-height:40px;
  text-align:center;
  font-size:1.2em;
  border:0;
  border-radius:50%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transform:translate(0px, 0px);
  -moz-transform:translate(0px, 0px);
  -ms-transform:translate(0px, 0px);
  -o-transform:translate(0px, 0px);
  transform:translate(0px, 0px);
}

.social-media .social-icon:first-child {
  margin-left:0;
}

.social-media .social-icon:hover span.fa-facebook {
  background-color:#004089 !important;
}
.social-media .social-icon:hover span.fa-twitter {
  background-color:#00abe3 !important;
}
.social-media .social-icon:hover span.fa-google-plus {
  background-color:#f24725 !important;
}
.social-media .social-icon:hover span.fa-pinterest {
  background-color:#ca2027 !important;
}
.social-media .social-icon:hover span.fa-youtube {
  background-color:#ff1f25 !important;
}
.social-media .social-icon:hover span.fa-tumblr {
  background-color:#39546c !important;
}
.social-media .social-icon:hover span.fa-instagram {
  background-color:#3d739c !important;
}
.social-media .social-icon:hover span.fa-linkedin {
  background-color:#0274B3 !important;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1) { 
  .social-media .social-icon {
      background-image: url(social-icons-2x.png);
      background-size: cover;
  }
}

@media (max-width: 767px) {
  footer a {
    line-height: 25px
  }
  footer form {
    margin: 10px 0px;
  }
  footer .links ul {
    margin-bottom: 15px;
  }
  footer .contact {
    margin-bottom: 5px;
  }
  footer .newsletter .title {
    margin: 0px 0px 15px 0px;
    float: none;
  }
  footer .newsletter input {
    max-width: 160px;
  }
  footer form .btn {
    line-height: 37px;
  }
  footer .social-media, footer .newsletter {
    text-align: center;
  }
  footer .social-media {
    margin-top: 15px;
  }
}
footer .hallmarks {
  margin-top: 30px;
}

footer .hallmarks img {
  max-width:100%;
}
.contact a {
  line-height:40px;
}
.contact span {
  padding-right:2em;
  border-radius:50%;
  height:40px;
  width:40px;
  line-height:40px;
  text-align:center;
  font-size:1.2em;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
  margin-right:1em;
}
/* .copyright-payment */ 
.copyright-payment {
  background: none repeat scroll 0% 0% #2A2B2C;
  margin: 30px 0px 0px;
  padding: 30px 0px 30px;
}
.copyright-payment .row {
  padding-top: 0px;
  padding-bottom: 0px;
}
.copyright-payment .payments a {
  margin-left:7px;
  display:inline-block
}
.copyright-payment .payments img {
  display: block;
  height: 32px;
  width: auto;
  line-height: 35px;
  -ms-filter: grayscale(100%);  
  -webkit-filter: grayscale(100%);  
  -webkit-filter: grayscale(1);  
  filter: grayscale(100%);  
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

.copyright-payment .payments a:hover img {
  -webkit-filter: grayscale(0%);  
  -webkit-filter: grayscale(0);  
  filter: grayscale(0%);  
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.copyright, .payments {
  padding:0 !important;
  font-size: 12px;
  display:inline-block;
  width:60%;
  vertical-align:top;
}
.copyright, .copyright .themeby {
  display:inline;
}
.payments {
  width:40%;
}

#toTop {
  background: none repeat scroll 0% 0% #17CBC0;
  border-radius: 100px;
  bottom: 30px;
  box-shadow: none;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  opacity: 0;
  position: fixed;
  right: 30px;
  text-align: center;
  visibility: hidden;
  width: 50px;
  z-index:1000;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#toTop.scroll {
  visibility:visible;
  opacity:0.7;
}

#toTop:hover {
  box-shadow:0 0 0 5px rgba(0,0,0,0.5);
  opacity:1
}

#toTop span {
  font-size:1.5em;
  line-height:50px;
  color:#fff;
}

/* DE */
.strict-shipping {
  padding-top: 0px;
  margin-top:20px;
}
.shipping-cost {
  display: block;
  text-align: right;
  width: 100%;
  padding-right:10px;
}
.shipping-cost.collection {
  margin-bottom: 30px;
}

/* GUI
================================================== */
.gui {
  margin-top: 30px;
}
.gui a.gui-button-large,
.gui a.gui-button-small,
.gui-block,
.gui-block.gui-closed .gui-block-title,
.gui-block-option,
.gui-block-option img.gui-border,
.gui-block-option-block,
.gui-block-title span,
.gui-image,
.gui-input,
.gui-text,
.gui-messages ul,
.messages ul,
.gui-number,
.gui-popover,
.gui-popover-bg,
.gui-popover-content,
.gui-popover-title a,
.gui-select,
.gui-table,
.gui-block-content .gui-mask,
.gui-block-content {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.gui .gui-progressbar {
  background-color: transparent;
}
.collection-options-compare {
  float:right;
  margin:0px 20px 0px 0px;
}
.collection-options-compare a:hover {
  text-decoration:underline;
}
.messages {
  margin-top: 30px;
  margin-bottom: 0px !important;
}

.container.content.sub-page .messages {
  margin-bottom:20px !important;
}