/* =======================================================
   This Template is created by Crivex | Contact Crivex.nl at info@crivex.nl for support | Version 0.1 | Thanks for purchasing
   
   0. New Insert
   1. Basic
   2. Header
   3. Footer
   5. Sidebar
   6. Homepage
   7. Products
   8. More
   
   ==================================================== */

/* ========================
   0. NEW INSERT
   ======================== */

.wsa-demobar {z-index:99999!important;}
.wsa-cookielaw {height: auto !important;white-space: inherit !important;}

@media only screen and (max-width: 376px) {
  .maxiproduct img {width: 300px!important;height: 300px!important;}
}

.pagemessagebar {height: 54px!important;}

/* ========================
   1. BASIC
   ======================== */

/* H1-H6 */
h1 {font-size: 30px; font-weight: 400; line-height: 48px;}
h2 {font-size: 30px; font-weight: 400; line-height: 48px;}
h3 {font-size: 24px; font-weight: 400; line-height: 36px;}
h4 {font-size: 14px; font-weight: 400; line-height: 24px;}
h5 {font-size: 12px; font-weight: 400; line-height: 18px;}
h6 {font-size: 10px; font-weight: 400; line-height: 14px;}
h1, h2, h3, h4 {margin-top: 12px; margin-bottom: 12px;}
h5, h6 {margin-top: 0px; margin-bottom: 0px;}
h1 em, h2 em, h3 em, h4 em {font-family: 'Pacifico'; font-weight: 400; font-style: normal; text-transform: none;}

/* Styling */
p, pre {margin: 12px 0 24px;}
p:last-child {margin-bottom: 24px;}
a {text-decoration: none;}
span.slim {font-weight: 300;}
.font-negative p {font-size: 1em; line-height: 1.8em;}
/*.bordered {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}*/
.bordered {border: 1px solid #000000;}

/* Alignments */
img {vertical-align: middle; max-width: 100%;}
img.aligncenter {display: block; margin: 0 auto;}
.centering-wrap {display: table; width: 100%; height: 100%;}
.centering-wrap .centering-wrap-inner {display: table-cell; vertical-align: middle; text-align: center;}
.alignverticalcenter {position: absolute; top: 50%;}
.aligncenter {margin-left: auto; margin-right: auto; text-align: center;}
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: right;}
.wide {width: 100%;}

/* ========================
   2. SECTIONS
   ======================== */

/* Backgrounds */
.bg-primary {background-repeat: repeat; background-position: center top;}
.bg-secondary {background-repeat: repeat; background-position: center top;}
.bg-colored {background-repeat: repeat; background-position: center top;}
.bg-one {background-repeat: repeat; background-position: center top;}
.bg-five {background-repeat: repeat; background-position: center top;}
.bg-six {background-repeat: repeat; background-position: center top;}
.border-none {border: none !important;}

/* Main sections */
section {position: relative; top: 0; display: block; float: left; width: 100%; height: auto; min-height: 9px; margin: 0; padding: 0; z-index: 1000;}
section .container:first-child {padding-top: 36px;}
section .container:last-child {padding-bottom: 0px;}
section .row+.row {padding-top: 36px;}
section .row:first-child {padding-top: 18px;}
section .row:last-child {padding-bottom: 18px;}
section#main header.hr-section {border: none;}
section header.hr-section {margin: 0 0 36px;}
section header.hr-section .container {padding: 12px 0 0;}
section header.hr-section .row {padding-bottom: 8px;}
section header.hr-section .row >.span12 {position: relative;}
section header.hr-section .row >.span12:before {content: ""; position: absolute; bottom: -22px; left: 50%; width: 110px; height: 2px; margin-left: -55px;}
section header.hr-section .row h2 {margin: 12px 10% 12px; line-height: 36px;}
section header.hr-section .row h4 {margin: 6px 20%;}
section header.hr-section:last-child {margin-bottom: 60px;}

/* Section Large */
.sectionlarge {position: relative; top: 0; display: block; float: left; width: 100%; height: auto; min-height: 9px; margin: 0; padding: 0; z-index: 1000;}
.sectionlarge .container:first-child {padding-top: 3px;}
.sectionlarge .container:last-child {padding-bottom: 0px;}
.sectionlarge .row+.row {padding-top: 3px;}
.sectionlarge .row:first-child {padding-top: 3px;}
.sectionlarge .row:last-child {padding-bottom: 0px;}

/* Section Medium */
.sectionmedium {position: relative; top: 0; display: block; float: left; width: 100%; height: auto; min-height: 9px; margin: 0; padding: 0; z-index: 1000;}
.sectionmedium .container:first-child {padding-top: 3px;}
.sectionmedium .container:last-child {padding-bottom: 0px;}
.sectionmedium .row+.row {padding-top: 3px;}
.sectionmedium .row:first-child {padding-top: 3px;}
.sectionmedium .row:last-child {padding-bottom: 0px;}

/* Section Small */
.sectionsmall {position: relative; top: 0; display: block; float: left; width: 100%; height: auto; min-height: 9px; margin: 0; padding: 0; z-index: 1000;}
.sectionsmall .container:first-child {padding-top: 3px;}
.sectionsmall .container:last-child {padding-bottom: 0px;}
.sectionsmall .row+.row {padding-top: 3px;}
.sectionsmall .row:first-child {padding-top: 3px;}
.sectionsmall .row:last-child {padding-bottom: 0px;}

/* Dividers */
.topdividernosearch {height: 99px;} /*99*/
.topdividersearch {height: 148px;}
.dividerlarge {}
.dividermedium {}
.dividersmall {height: 66px;}
.none {}

.dividerbasic {height: 106px;}
.divider {height: 148px;}
.dividersearch {height: 99px;}
.short {height: 36px;}

/* SPACING */
.mb15 {margin-bottom:0.75em;}
.mb30 {margin-bottom:1.5em;}
.mb40 {margin-bottom:2em;}
.mt15 {margin-top:0.75em;}
.mt30 {margin-top:1.5em;}
.mt40 {margin-top:2em;}
.pb15 {padding-bottom:0.75em;}
.pb30 {padding-bottom:1.5em;}
.pb40 {padding-bottom:2em;}
.pt15 {padding-top:0.75em;}
.pt30 {padding-top:1.5em;}
.pt40 {padding-top:2em;}
.pt80 {padding-top:4em;}


/* ========================
   3. Header
   ======================== */

header#master-header {position: fixed; top: 0px; display: block; float: left; width: 100%; /*height: 180px;*/ padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 8000;}
header#master-header .wrap {position: relative; display: block; margin: 0 auto; height: 100%;}

/* Master header bar (40px) */
header#master-header #master-header-bar {position: relative; top: 0; left: 0; right: 0; display: block; width: 100%; height: 40px; line-height: 39px; z-index: 9999;}
header#master-header #master-header-bar .candl {display: block; float: left; margin: 0; padding: 0; width: auto; height: 100%; list-style: none; font-size: 12px;}
header#master-header #master-header-bar .candl li {display: block; float: left; margin: 0 0 0 9px; padding: 0;}
header#master-header #master-header-bar .account {display: block; float: right; margin: 0; padding: 0; width: auto; height: 100%; list-style: none; font-size: 12px;}
header#master-header #master-header-bar .account li {display: block; float: left; margin: 0 0 0 15px; padding: 0;}

/* Master header main (100px) */
header#master-header #master-header-main {position: relative; top: 0; left: 0; right: 0; display: block; width: 100%; height: auto; line-height: 100px; z-index: 9999;}
header#master-header #logo {position: relative; top: 0; left: 0; display: block; float: none; overflow: visible; width: auto; min-width: 200px; height: 100%; padding: 0;}
header#master-header #logo > a {line-height: inherit;}
header#master-header #logo > a img {position: relative; top: -2px; height: 60px; margin: 0; width: auto; max-width: none;} /*top: -1px*/
header#master-header #logo h1,
header#master-header #logo h1 a {margin: 0; font-size: 20px; font-weight: 400; line-height: inherit; text-transform: none;}

/* Master header navigation (40px) */
header#master-header nav#master-nav {position: absolute; top: 0; right: 0; display: block; overflow: visible; width: auto; height: auto; padding: 0;}
header#master-header nav#master-nav ul {display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; list-style: none; line-height: inherit;}
header#master-header nav#master-nav ul li {position: relative; display: block; float: left; width: auto; height: auto; margin-left: 0;}
header#master-header nav#master-nav ul li .laast {margin-left: 20px;}
header#master-header nav#master-nav ul li a {display: block; padding: 0 4px; margin: 0 0 0 10px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; line-height: inherit; text-decoration: none; transition: opacity 0.25s linear; text-transform: uppercase;} /*margin: 0 0 0 20px;*/
header#master-header nav#master-nav ul li a:focus {outline: none;}
header#master-header nav#master-nav ul li ul {z-index: 9999; position: absolute; top: auto; left: 9px; display: none; min-width: 204px; max-width: 304px; height: auto; margin: 0; padding: 1px 15.84px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
header#master-header nav#master-nav ul li ul li {position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;line-height: 24px;}
header#master-header nav#master-nav ul li ul li a {display: block; overflow: hidden; width: 100%; margin: 0; padding: 15.84px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 12px;}
header#master-header nav#master-nav ul li ul li ul {position: absolute; top: -1px; left: 188px; border: none;} /*{position: absolute; top: -1px; left: 189px; border: none;}*/
header#master-header nav#master-nav ul li ul li:first-child > a {border-top: none;}
header#master-header nav#master-nav ul li.active > a {font-weight: 700;}
header#master-header nav#master-nav ul li.active >  a:hover .caret {border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent;}
#mobile-switch {position: absolute; top: 0; right: 0; display: none; width: 30px; padding: 0; line-height: 100px; font-size: 16px;}
#mobile-switch:focus {outline: none;}
.menu-filler {height: 188px;}

/* Master-header-mobile-navigation */
@media only screen and (max-width: 1024px) {
  body {padding-top: 0;}
  header#master-header {position: relative; height: auto; min-height: 132px;}
  header#master-header #logo {height: auto; width: 100%; z-index: 3000;}
  #mobile-switch {display: block; z-index: 4000;}
  header#master-header nav#master-nav {display: none; position: relative; overflow: hidden; padding: 0; left: 0;}
  header#master-header nav#master-nav ul {display: block; width: 100%;}
  header#master-header nav#master-nav ul li {display: block; width: 100%; line-height: 84px;}
  header#master-header nav#master-nav ul li a {margin: 0;}
  header#master-header nav#master-nav ul li ul {position: relative; top: 0; left: 0; display: none; width: 100%; max-width: none;}
  header#master-header nav#master-nav ul li ul li {display: block; width: 100%;}
  header#master-header nav#master-nav ul li ul li ul {position: relative; top: 0; left: 0; display: none; width: 100%; max-width: none;}
  header#master-header nav#master-nav ul li ul li ul li {display: block; width: 100%;}
  header#master-header nav#master-nav ul li ul li ul li:last-child {border: none;}
  header#master-header nav#master-nav ul li ul li:last-child {border: none;}
  header#master-header nav#master-nav ul li:last-child {border: none;}}

/* Search Bar */
/*.icon-search {cursor: pointer;}*/
.search {width: 250px; height: 26px; margin-top: 3px; margin-bottom: 6px; padding-bottom: 2px; padding-top: 2px;}
.search input {width: 220px; padding: 3px 5px 3px 23px;}

/* ========================
   4. Footer
   ======================== */

footer#master-footer {position: relative; display: block; float: left; overflow: hidden; width: 100%; height: auto; padding: 32px 0 48px; line-height: 20px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 10px; box-shadow: 0 -15px 10px -15px rgba(0,0,0,0.65) inset, 0 15px 15px -15px rgba(0,0,0,0.8) inset; z-index: 2000;}
footer#master-footer .widget-title {font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700;}
footer#master-footer .padded {padding-top: 72px; padding-bottom: 24px;}
footer#master-footer p.icon,
footer#master-footer address.icon {position: relative; padding-left: 32px;}
footer#master-footer p.icon:before,
footer#master-footer address.icon:before {position: absolute; left: 0; top: 50%; margin-top: -9px; font-family: 'social'; font-size: 16px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 16px; -webkit-font-smoothing: antialiased; transition: all 0.2s ease-in;}
footer#master-footer p.icon:hover:before,
footer#master-footer address.icon:hover:before {transition: all 0.2s ease-in;}
footer#master-footer .extra-padd {padding-top: 1em;}
footer#master-footer p,
footer#master-footer address {font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px;}
footer#master-footer p:last-child {margin-bottom: 0;}

/* Copyright */
#copyrights {position: relative; display: block; float: left; width: 100%; height: auto; padding: 0 0 12px; text-align: left; z-index: 3000;}
#copyrights p {margin-bottom: 0; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 22px;}
#copyrights a span[class^=icon-] {margin-right: 0; transition: color 0.2s ease-in;}
#copyrights a:hover span[class^=icon-] {transition: color 0s ease-in;}
#copyrights img {width:40px;}

/* ========================
   5. Sidebar
   ======================== */
#main .sidebar .widget {margin-bottom: 48px; box-sizing: border-box;}
.widget > .widget-title + ul {list-style: none;}
.widget p {font-size: 13px; line-height: 24px;}
.widget ul {margin: 0; padding: 0;}
.widget ul li {display: block; padding: 12px 0; border-bottom-width: 0px; border-bottom-style: solid;}
.widget ul li a {display: block; transition: all 0.2s ease-in;}
.widget ul li a:hover {transition: all 0s ease-in;}
.widget ul li > a:first-child:before {content: "\e021"; position: relative; left: -15px; top: 0; display: block; width: 0; height: 0; margin-right: 0; font-family: 'social'; font-size: 10px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; transition: all 0.2s ease-in;}
.widget ul li > a:first-child {display: block; margin: 0 0 0 15px;}
.widget ul li:first-child {padding-top: 0; margin-top: -6px;}
#sidebar-primary .widget-title {margin-left: 18px; font-size: 14px; font-weight: 700; text-transform: uppercase;}
#sidebar-primary .widget-title + p {margin-top: -6px;}
#sidebar-primary .widget-title:before {content: "//"; position: relative; left: -18px; top: 0; display: block; width: 0; height: 0; margin-right: 0; font-family: 'Open Sans', Helvetica, Arial, sans-serif; speak: none;  font-style: normal; font-weight: 800; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; transition: all 0.2s ease-in;}

/* ========================
   7. Products
   ======================== */

.price-old {line-height: 16px; text-decoration: line-through; opacity: 0.8; padding-bottom: 10px; margin-right: 5px; font-size: 14px;}
.buy .add {float: right; display: block; background: #e58100;}
.buy .add span {display: block; padding: 0 15px; height: 40px; line-height: 40px; color: #FFF; font-size: 16px; border-radius: 2px;}
.buy .add:hover span {background: #7ac414;}

.buy {text-align: right;}
.quantity {border: 1px solid #000; background: #fff!important; height: 40px; float: left; width: 71px; border-radius: 4px; border: 1px solid #DDD; border-color: #DDD #EEE #EEE #DDD;}
.quantity.hover {border-color: #999 #DDD #DDD #AAA;}

.quantity input {width: 40px; border: none; background: transparent; font-size: 16px; text-align: center; height: 24px; line-height: 24px; display: block; float: left; padding: 8px 5px;}
.quantity .change {float: left; width: 20px; border-left: 1px solid #DDD; height: 40px; }
.quantity .hover .change {border-left: 1px solid #999;}
.quantity .change a {display: block; width: 20px; height: 20px; text-align: center;}
.quantity .change a.up {color: #404040!important;}
.quantity .change a.down {color: #404040!important;*/}
.quantity .change a:hover {background-color: #DDD;}

.productpage-images-thumbs {list-style: none; margin: 0 0 0 -20px; display: block;}
.productpage-images-thumbs li {width: 60px; height: 60px; float: left; margin: 20px 0 0 20px;}
.productpage-images-thumbs li img {box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); border-radius: 3px; cursor:pointer; cursor:-moz-zoom-in; cursor:-webkit-zoom-in;}
.maxiproduct {max-width: 350px}
.product-info-options {margin-bottom:15px; margin-top:5px;}
.productunitprice {font-size:11px;}
.productdiscount {}
.productdiscount span {/*width: 100%; */margin-bottom: 7px; display: block;}

.pricing-column-wrapper{margin-bottom:30px; padding-bottom:20px}
.pricing-column-wrapper:last-child{margin-bottom:0px}
.pricing-column-subtitle{font-size:16px}
.pricing-column{background-color:#fff; text-align:center}
.pricing-column-subtitle{background-color:#fff; font-size:14px; font-weight:600; margin:0px; padding:20px 0px; text-transform:uppercase}
.pricing-content{padding-bottom:30px}
.pricing-list{color:#536783; font-size:12px; font-weight:300; list-style:none; margin:0px; padding:15px 0px; text-transform:uppercase}
.pricing-list li{border-bottom:1px solid #fff; padding-bottom:0px; padding-top:0px}
.pricing-list li p{margin: 4px 0px;}
.pricing-list li:last-child{border-bottom:0px}

/* Resizen - op klein scherm niet related products showen */
@media (max-width: 480px) {
.related {display:none;}
}
@media (min-width: 481px) {
.nonrelated {display:none;}
}
/* =============================================================================
   Buttons
   ========================================================================== */
.btn, .font-negative .pricing .btn {position: relative; display: inline-block; overflow: hidden; width: auto; height: auto; border: none; outline: none; border-radius: 6px; font-size: 14px; font-weight: 700; line-height: 24px;  text-transform: uppercase; padding: 6px 24px; transition: all 0.2s linear 0s; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.aligncenter .btn, .aligncenter.btn {margin: 0 6px;}
.alignleft .btn, .alignleft.btn {margin: 0 6px 0 0;}
.alignright .btn, .alignright.btn {margin: 0 0 0 6px;}
.btn.big {padding: 9px 44px 8px 44px;}
.btn.big.font-negative {padding: 7px 42px 6px 42px;}
.btn.full, .font-negative .pricing .btn {width: 100%; text-align: center;}
.btn:hover, .btn:focus, .btn.current, .font-negative .pricing a.btn:hover, .font-negative.bg-three .pricing a.btn:hover {transition: all 0.2s linear 0s; outline: none;}
.btn.active, .btn:active, .font-negative .pricing-specs a.btn:active, .font-negative.bg-three .pricing a.btn:active {transition: all 0.05s linear 0s; outline: none;}
.font-negative a.btn, a.font-negative.btn {margin-top: 6px; box-shadow: none; background: none;}
.font-negative a.btn.highlight, a.font-negative.btn.highlight {margin-top: 6px; box-shadow: none;}
p span[class^=icon-], p a span[class^=icon-] {position: relative; top: -1px; font-size: 16px; line-height: 24px; margin: 0 6px; vertical-align: middle;}
p a:first-child span[class^=icon-] {margin-left: 0;}
span.icon-big {font-size: 28px;}

.btnisotope {position: relative; display: inline-block; overflow: hidden; width: auto; height: auto; /*border: none;*/ outline: none; border-radius: 6px; font-size: 14px; /*font-weight: 700;*/ line-height: 24px;  /*text-transform: uppercase;*/ padding: 4px 12px; transition: all 0.2s linear 0s; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*background-color: #87d311;*/ inset 0 3px 0 #f2f2f2; /*color: #fff;*/ /*border: 1px solid #87d311; margin: 4px 12px;*/}

/* ========================
   8. More
   ======================== */

/* To Top */
.scrollToTop{padding:10px; text-align:center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position:fixed; bottom:20px; right:20px; display:none; z-index:999999;}
.scrollToTop:hover{text-decoration:none;}

/* Messages */
.messages {margin: 0 auto 20px auto; font-size: 12px; font-weight: bold; line-height: 16px;}
.messages ul {margin: 0 0 20px 0; padding: 5px 5px 5px 26px; color: #3B5998; text-shadow: 0 1px #FFFFFF; background: #ECEFF5; border: 1px solid #3B5998; border-radius: 5px;}
.messages ul li {list-style-type: none!important;}
.messages ul.error {color: #DD3C10; background: #FCECE8; border-color: #DD3C10;}
.messages ul.success {color: #609946; background: #EFF5ED; border-color: #609946;}
.messages ul.warning {color: #E2C822; background: #FCFAE9; border-color: #E2C822;}

/* Newsletter */
.inner {margin: 15px auto; text-align: center;} /* 10px auto 16px*/
.inner label {}
.inner label span {color: #666;}
.inner input {border: 0; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 12px; height: 16px; line-height: 16px; margin-left: 10px; padding: 5px 7px; text-shadow: 0 1px 0 #FFF; width: 180px;}
.inner button {border: 0; border-radius: 4px; color: #FFF; cursor: pointer; height: 26px; line-height: 26px; margin-left: 3px; padding: 0 7px; font-size: 12px;}

/* Loop nav */
.loop-nav {display: block; width: 100%; overflow: hidden; padding: 12px 0; margin: 72px 0 120px; border-width: 1px 0 1px 0; border-style: solid;}
.loop-nav .previous {float: left;}
.loop-nav .next {float: right;}
.log-in-out {text-align: right;}

/* Tui */
.tui input[type=text],
.tui input[type=password] {display: block; border: 1px solid #DDD; border-radius: 4px; height: 18px; line-height: 18px; font-size: 12px; padding: 3px 5px; color: #000; background: #fff!important; border-color: #DDD #EEE #EEE #DDD; text-shadow: 0 1px 0 #FFFFFF; float: left;}
.tui-language {padding: 8px 0 4px 24px; background: 0 5px no-repeat; z-index: 999999;}
.tui-language-de, .tui-dropdown.tui-language-de span, .tui-dropdown ul li.tui-language-de { background-image: url(icon-flag-de.png); }
.tui-language-en, .tui-dropdown.tui-language-en span, .tui-dropdown ul li.tui-language-en { background-image: url(icon-flag-en.png); }
.tui-language-nl, .tui-dropdown.tui-language-nl span, .tui-dropdown ul li.tui-language-nl { background-image: url(icon-flag-nl.png); }
.tui-language-es, .tui-dropdown.tui-language-es span, .tui-dropdown ul li.tui-language-es { background-image: url(icon-flag-es.png); }
.tui-language-fr, .tui-dropdown.tui-language-fr span, .tui-dropdown ul li.tui-language-fr { background-image: url(icon-flag-fr.png); }
.tui-language-it, .tui-dropdown.tui-language-it span, .tui-dropdown ul li.tui-language-it { background-image: url(icon-flag-it.png); }
.tui-language-no, .tui-dropdown.tui-language-no span, .tui-dropdown ul li.tui-language-no { background-image: url(icon-flag-no.png); }
.tui-language-sv, .tui-dropdown.tui-language-sv span, .tui-dropdown ul li.tui-language-sv { background-image: url(icon-flag-sv.png); }
.tui-language-be, .tui-dropdown.tui-language-be span, .tui-dropdown ul li.tui-language-be { background-image: url(icon-flag-be.png); }
.tui-language-pl, .tui-dropdown.tui-language-pl span, .tui-dropdown ul li.tui-language-pl { background-image: url(icon-flag-pl.png); }

.tuisearch input[type=text],
.tuisearch input[type=password] {display: block; border: 1px solid #DDD; border-radius: 4px; height: 18px; line-height: 18px; font-size: 12px; /*padding: 3px 5px;*/ color: #000; background: #fff!important; border-color: #DDD #EEE #EEE #DDD; text-shadow: 0 1px 0 #FFFFFF;}


/* Wishlist & Compare*/
.wishlist {margin-right: 50px;}
.compare {}

/* Tags */
.tag {text-align: justify; list-style: none; margin: -2px -2px -3px -3px;}
.tag li {margin: 2px 2px 3px 3px; float: left;}
.tag li a {display: block; height: 24px; border-radius: 0 3px 3px 0; background: url(tag.png) 0px 0px no-repeat #EEE; line-height: 24px; font-size: 12px; padding: 0 10px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tag li a:hover {color: #FFFFFF; background-color: #e58100;}

/* Back to the top */
#back-to-top {position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none;}
#back-to-top a {display: block; width: 40px; height: 40px; background: #515A5F url(../images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 100px; -moz-border-radius: 100px;border-radius: 100px; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -o-transition: 0.2s all linear; transition: 0.2s all linear;}
#back-to-top a:hover {background-color: #222222;}

/* Toggle */
.toggle-container {display: block; float: left; width: 100%; margin: 25px 0 25px;}
.toggle-container .toggle-wrap {display: block; float: left; overflow: hidden; width: 100%; padding: 0; margin: 0 0 3px; border-radius: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer;}
.toggle-container .toggle-wrap .toggle-handle {position: relative; display: block; float: left; width: 100%; padding: 9px 48px 9px 24px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 700; text-transform: uppercase;/*cursor: pointer;*/}
.toggle-container .toggle-wrap .toggle-handle:before {content: "\e026"; font-family: 'social'; speak: none; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; right: 24px; margin-top: -8px;}
.toggle-container .toggle-wrap .toggle-handle.active:before {content: "\e028";}
.toggle-container .toggle-wrap .toggle {display: block; float: left; width: 100%; padding: 12px 24px; border-radius: 0 0 6px 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
@media (max-width: 480px) {
.toggle-container {display: block; float: left; width: 100%; margin: 0px 0 0px;}
}

.productdesc-container {display: block; float: left; width: 100%; margin: 10px 0 24px;}
.productdesc-container 
.productdesc-wrap {display: block; float: left; overflow: hidden; width: 100%; padding: 0; margin: 0 0 3px; border-radius: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.productdesc-container 
.productdesc-wrap 
.productdesc-handle {position: relative; display: block; float: left; width: 100%; padding: 9px 48px 9px 24px; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-transform: uppercase; font-weight: 700;}
.productdesc-container 
.productdesc-wrap 
.productdesc {display: block; float: left; width: 100%; padding: 12px 24px; border-radius: 0 0 6px 6px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.productdesc-list{list-style:none; margin:0px; padding: 0px;}
.productdesc-list li{border-bottom:1px solid #e6e6e6; padding-bottom:10px; padding-top:10px}
.productdesc-list li:last-child{border-bottom:0px}

/* Price selecter */
.sidebar-filter-slider {padding: 1px 0;}
.sidebar-filter-range {font-size: 12px;}
.sidebar-filter-range .min {float: left;}
.sidebar-filter-range .max {float: right;}
#collection-filter-price {height:10px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; margin:8px 10px; background:url(tui-slider-handle.png) repeat-x #fff; position: relative;}
#collection-filter-price .ui-slider-range {background:url(tui-slider-handle.png) repeat-x #A5D8E4; border:1px solid #187EA2; margin:-1px 0 0 -1px; position: absolute; height: 10px;}
#collection-filter-price .ui-slider-handle {display: block; position: absolute; width:20px; height:24px; border:0; top:-7px; border-radius:0; -moz-border-radius:0; margin-left:-10px; background:url(tui-slider-handle.png) 0px -10px no-repeat; cursor:col-resize;}


.social {max-width: 260px; min-height: 30px; text-align: left;}
.social .social-block {margin: 5px 0;}
.social .social-block.social-block-facebook {display: inline-block; width: 82px; height: 24px; vertical-align: bottom; margin-right: 5px;}
.social .social-block.social-block-google {display: inline-block; width: 66px; height: 20px; vertical-align: bottom;}
.social .social-block.social-block-twitter {display: inline-block; width: 94px; height: 20px; vertical-align: bottom;}
.clearfix:before,
.clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both;}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {zoom: 1;}

/* =============================================================================
   ISOTOPE FUNCTION
   ========================================================================== */
.collage {display: block; overflow: visible !important;}
.collage li {display: block; margin-bottom: 36px; height: auto; transition: none;}
.collage li article {display: block; overflow: hidden; transition: all 0.2s linear; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.collage li article p {font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 13px;}
.collage li article header {display: block; width: 100%;}
.collage li article header .portfolio-item-image {position: relative; display: block; width: 100%; height: auto; padding-top:20px;}
.collage li article header .portfolio-item-image img {width: 100%; vertical-align: bottom; opacity: 1; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a.link-left {position: absolute; display: table; top: 50%; margin-top: -25px; left: 20%; margin-left: -57px; padding: 1px; border-radius: 30px; opacity: 0; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a span.icon-search {display: table-cell; width: 49px; height: 49px; font-size: 26px; border-radius: 30px; vertical-align: middle; text-align: center; box-shadow: 0px 0px 0px 0px transparent; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a.link-left:hover span.icon-search {box-shadow: 0px 0px 0px 10px #2d2d2d; transition: all 0.2s ease-out;}
.collage li article header .portfolio-item-image a.link-right {position: absolute; display: table; top: 50%; margin-top: -25px; right: 20%; margin-right: -57px; padding: 1px; border-radius: 30px; opacity: 0; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a span.icon-cart-plus {display: table-cell; width: 49px; height: 49px; font-size: 26px; border-radius: 30px; vertical-align: middle; text-align: center; box-shadow: 0px 0px 0px 0px transparent; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a.link-right:hover span.icon-cart-plus {box-shadow: 0px 0px 0px 10px #2d2d2d; transition: all 0.2s ease-out;}
.collage li article header .portfolio-item-image a span.icon-link {display: table-cell; width: 49px; height: 49px; font-size: 18px; border-radius: 30px; vertical-align: middle; text-align: center; box-shadow: 0px 0px 0px 0px transparent; transition: all 0.2s ease-in;}
.collage li article header .portfolio-item-image a.link-right:hover span.icon-link {box-shadow: 0px 0px 0px 10px #2d2d2d; transition: all 0.2s ease-out;}
.collage li article header .portfolio-item-heading {margin: 0 20px; height:55px;} /*margin: 0 36px;*/ /* margin: 0 20px; min-height:48px; */
.collage li article header .portfolio-item-heading h4 {margin-bottom: 1em;}
.collage li article header .portfolio-item-meta {margin: 0 36px; padding: 24px 0 0;}
.collage li article .portfolio-item-content {margin: 0 36px; min-height:120px;}
.collage li article footer {padding: 0 36px 20px;}
.unitprice {margin: -20px -10px 24px; font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 11px;}
.collage li article:hover header .portfolio-item-image img {opacity: 0.15; transition: all 0.2s ease-out;}
.collage li article:hover header .portfolio-item-image a.link-left {opacity: 1; left: 50%; transition: all 0.2s ease-out;}
.collage li article:hover header .portfolio-item-image a.link-right {opacity: 1; right: 50%; transition: all 0.2s ease-out;}
.hidden {visibility: hidden;}
/*
#isotope_filter_wrap {padding: 0 0 24px; text-align: center;}
#isotope_filter_wrap h2 {font-size: 30px;}
#isotope_filter_wrap a {margin: 18px 9px 0 0; padding: 4px 12px; border: 1px solid #000000;}
#isotope_filter_wrap a:last-child {margin-right: 0; padding-right: 12px;}
#isotope_filter_wrap a:focus {outline: none;}

/*
#isotope_filter_wrap {padding: 0 0 24px; text-align: center;}
#isotope_filter_wrap h2 {font-size: 30px;}
#isotope_filter_wrap a {margin: 18px 9px 0 0; padding: 0 12px 0 0;}
#isotope_filter_wrap a:last-child {margin-right: 0; padding-right: 0;}
#isotope_filter_wrap a:focus {outline: none;}*/

/*
#isotope_filter_wrap {padding: 0 0 24px; text-align: center;}
#isotope_filter_wrap h2 {font-size: 30px;}
#isotope_filter_wrap a {margin: 18px 9px 18px 9px; padding: 4px 12px;}
#isotope_filter_wrap a:last-child {/*margin-right: 0; *//*padding-right: 0; border: none;*/}
/*#isotope_filter_wrap a:focus {outline: none;}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;}

/**** Isotope CSS3 transitions ****/

.isotope,.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
        transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
   -moz-transition-property: height, width;
    -ms-transition-property: height, width;
     -o-transition-property: height, width;
        transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
   -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
     -o-transition-property:      -o-transform, opacity;
        transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
   -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
     -o-transition-duration: 0s;
        transition-duration: 0s;
}

/* End: Recommended Isotope styles */


.rating {}
.rating .stars {width: 80px; height: 16px; background: url(review-icon.png) 0px 0px repeat-x; margin: 0 3px 9px 0; display: inline-block; vertical-align: bottom;}
.rating .stars-percent {width: 100%; height: 16px; background: url(review-icon.png) 0px -16px repeat-x; display: inline-block; float: left;}
.review .author {font-weight: bold;}
.review .author .date {color: #999999; font-weight: normal; font-size: 12px;}
.productprice {font-size: 24px; font-weight: 400; line-height: 36px;}