/* #gui-block-shipment-method {
  display: none;
}
.gui-checkout .gui-checkout-steps .gui-col3-equal-col2 > .gui-spacer {
	display: none; 
} */

/* CLS oplossingen TT */
#product.productpage .product-images{
 min-height: 300px; 
}

.usp-bar{
  max-height: 27px;
}

#collection .sf_subcats_wrapper_2{
	max-height: 292px;
}

div#products.products.sf_homepage_products {
    min-height: 363px;
}

.sf_subcats_wrapper_1.sf_subcats_wrapper .category-block{
  min-height: 81px;
}

#launcher{
  transition-duration: unset!important;
    transition-timing-function: unset!important;
    transition-property: unset!important;
  height: 50px!important;
/*   width: 110px!important; */
}
@media (hover: none) and (pointer: coarse) {
  #launcher{
   width: 50px!important;
  }
}

@media screen and (min-width: 768px) {
	#collection .sf_subcats .category-block{
  	min-height: 190px;
  }
}

@media screen and (min-width: 992px) {
	#collection .sf_subcats .category-block{
  	min-height: 253px;
  }
  	#collection.products .product-image{
  	min-height: 272px;
  }
}

@media screen and (min-width: 1422px) {
	#collection.products .product-image{
  	min-height: 318px;
  }
}


/* Reset 
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
.pre {color:#000;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
.wsa-demobar {display:none;}
body {margin:0px !important;line-height: 1.6;}
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;  }
img.img-responsive {height:auto;width:100%;}
.clear {clear: both;}

/* Basics */
================================================== */
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; }
.sf_homepage_banner, .sf_homepage_pakketten, .sf_homepage_buttons, .sf_homepage_klanten{
  overflow-x:hidden;
}
/* Typography */
h1, h2, h3, h4, h5, h6 {font-weight: 600; line-height: 1.2125em;}

h1 { font-size: 2.3125em; }
h2 { font-size: 1.6875em; }
h3 { font-size: 1.4375em; }
h4 { font-size: 1.375em; } 
h5 { font-size: 1.375em; } 
h6 { font-size: 1.375em; } 
@media (max-width: 767px) {
  h1 { font-size: 1.6875em; }
  h2 { font-size: 1.475em; }
  h3 { font-size: 1.375em; }
}

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; }

.fixed { position: fixed; }
.relative { position: relative; }
.absolute { position: absolute; }

.full-width { width: 100%; }
.height-auto { height: auto; }

.display-block { display: block; }
.flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.justify-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.justify-end {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.items-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }

.inline-block { display: inline-block; }

.bold { font-weight: 600; }

.text { font-size: 1em; }
.text-m { font-size: 1.143em; }

.background-primary { background: #54afe9; }

/* Padding */
.px1 { padding-left: 0.5em; padding-right: 0.5em; }
.px2 { padding-left: 1em; padding-right: 1em; }
.px3 { padding-left: 1.5em; padding-right: 1.5em; }

.py1 { padding-top: 0.5em; padding-bottom: 0.5em; }
.py2 { padding-top: 1em; padding-bottom: 1em; }
.py3 { padding-top: 1.5em; padding-bottom: 1.5em; }

.p1 { padding: 0.5em; }
.p2 { padding: 1em; }
.p3 { padding: 1.5em; }
.p4 { padding: 2em; }
.p5 { padding: 2.5em; }
.p6 { padding: 3em; }

.pl0 { padding-left: 0 !important; }
.pr0 { padding-right: 0 !important; }

/* Margin */
.m1 { margin: 0.5em; }
.m2 { margin: 1em; }
.m3 { margin: 1.5em; }
.m4 { margin: 2em; }
.m5 { margin: 2.5em; }
.m6 { margin: 3em; }

.mt1 { margin-top: 0.5em; }
.mt2 { margin-top: 1em; }
.mt3 { margin-top: 1.5em; }
.mb1 { margin-bottom: 0.5em; }
.mb2 { margin-bottom: 1em; }
.mb3 { margin-bottom: 1.5em; }

.mx1 { margin-left: 0.5em; margin-right: 0.5em; }
.mx2 { margin-left: 1em; margin-right: 1em; }
.mx3 { margin-left: 1.5em; margin-right: 1.5em; }

.mx-auto { margin-left: auto; margin-right: auto; }

.my1 { margin-top: 0.5em; margin-bottom: 0.5em; }
.my2 { margin-top: 1em; margin-bottom: 1em; }
.my3 { margin-top: 1.5em; margin-bottom: 1.5em; }

.nowrap { white-space: nowrap; }

/* border */
.border {border-style: solid;border-width: 1px;}
.border-right {border-right-style: solid;border-right-width: 1px;}
.border-primary { border-color: #54afe9; }

/* Links */
a {-moz-transition: color 0.3s ease, background-color 0.2s ease;-webkit-transition: color 0.3s ease, background-color 0.2s ease;transition: color 0.3s ease, background-color 0.2s ease;outline: 0;}
a, a:visited { color: #54afe9; outline: 0; text-decoration: none; }
a:hover, a:focus { color: #54afe9; outline: 0; text-decoration: underline; }

/* List */
ul { list-style: none outside; }
ol { list-style: decimal; }
ul ul, ul ol,
ol ol, ol ul { margin: 0.1em 0 0.1em 1em; font-size: 90%;  }

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {border: 1px solid #e5e5e5;padding: 6px 10px;outline: none;font-size: 13px;color: #777;margin: 0;width: 100%;display: inline-block;background: #fff;line-height: 18px; max-width: 180px;-moz-transition: border-color 0.3s ease;-webkit-transition: border-color 0.3s ease;transition: border-color 0.3s ease;}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  -webkit-appearance: none;
  border-radius: 0px;
}
select {
  padding: 0; 
}
@media (max-width: 992px) {
  select {
    max-width: 100%;
    height: 32px;
  }
}
@media (max-width: 767px) {
  input[type="text"],
  input[type="password"],
  input[type="email"] {
      padding: 10px;
    max-width: 100%;
  }
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {border: 1px solid #54afe9;color: #444; }
textarea {min-height: 60px; }
label,
legend,
label span {font-size: 12px;  }
input[type="checkbox"] {display: inline; }

/* Buttons */
a.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #54afe9;
  color: white;
  display: inline-block;
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
  line-height: 32px;
  padding: 0px 8px;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
a.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  text-decoration: none;
}
a.btn.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
a.btn span,
button span,
input[type="submit"] span,
input[type="reset"] span,
input[type="button"] span {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
@media (max-width: 767px) {
  a.btn,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    line-height: 37px;
    height: 40px;
  }
}
.title-featured{margin-bottom:20px;}

/* Align vertical */
.align {display: table;width: 100%;}
.align .vertical {display: table-cell;vertical-align: middle;}

/* Owl Carousel v2.2.1 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;margin-right:-1px;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;height:auto;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Header
================================================== */
#header {Position:fixed;top:0px;float: left;width: 100%;z-index:999;}
#header .header .logo {padding:10px 15px;}

/* Search */
.sidebar-mobile {float:Left;}
#search #formSearch {float:left;width:325px;}
#search #formSearch > i {color: #fff;display:inline-block;font-size: 24px;font-weight: 600;padding-top:0px;padding-right: 5px;}
#search #formSearch input {background:transparent;border:0px;border-bottom:1px solid #fff;color:#fff;font-weight:400;float:left;height:24px;-webkit-appearance: none;-moz-appearance: none;}
#formSearch select {background: transparent no-repeat 95% 50%;-moz-appearance: none; -webkit-appearance: none; appearance: none;border: 0px solid;border-bottom:1px solid #fff;color: #fff;float:none;font-size: 14px;height:24px;max-width: 123px;float:left;}
#formSearch select option {color:#000;}

#search {display:inline-block;position:relative;vertical-align: middle;}
#search .searchnav {float:left;padding:15px 0px;width:100%;}
#search input[type="checkbox"]{border:none}
#search.live-catsearch input{ width:85%; }
#search.live-catsearch .available-cats{ border-bottom: 1px solid #ddd; padding: 5px 0px;margin-bottom:5px; }
#search.live-catsearch .available-cats .search-filtercat{ display:inline-block;border:1px solid #ccc;padding:2px 7.5px;margin-bottom:5px;font-size:13px;border-radius: 50px; }
#search.live-catsearch .available-cats .search-filtercat.active{ color:#fff;background-color:#91be9a;border-color:#91be9a; }
#search #formSearch .autocomplete{background:none repeat scroll 0 0 #FFF;border:1px solid #CCC;-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);-moz-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);box-shadow: 0 5px 5px -5px rgba(0,0,0,0.4);margin-top:0px;opacity:0;padding:0px 15px;position:absolute;top:60px;right:0px;min-width:600px;visibility:hidden;width:100%;z-index:999;}
#search #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:20px;top:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:10px}
#search #formSearch .autocomplete .title-box {/*border-bottom:1px solid #ddd;*/padding:5px 0px;text-align:center;/*margin-bottom:5px;*/font-size:18px;}
#search #formSearch .autocomplete.search{visibility:visible;opacity:1;margin-top:0}
#search #formSearch .autocomplete .notfound{display: none;font-size: 18px;margin-top: 20px;margin-bottom: 25px;text-align: center;}
#search #formSearch .autocomplete.noresults .notfound{display:block}
#search #formSearch .autocomplete .products{margin-top:0!important}
#search #formSearch .autocomplete .products .product {border-bottom: 1px solid #ddd;float: left;padding-bottom: 10px;margin-bottom: 10px;width: 50%;}
#search #formSearch .autocomplete .products .product a:hover{text-decoration:none; }
#search #formSearch .autocomplete .products .product h4 {font-size: 16px;height: 3em;line-height:1.5em;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;font-family: 'Special Elite';}
@media(max-width:1200px){
  #sf_offerte_top{ display:none; }
  .header-right > .right{ width:100%; }
  #search, #search #formSearch{ width:85%!important; }
  #navigation #search #formSearch input{ width:90%;max-width:100%!important; }
}
@media(max-width:767px){
  #search #formSearch .autocomplete {
    top:72px;
  }
  #search #formSearch .autocomplete .title-box span {
    color: #444;
  }
  #search #formSearch .autocomplete .products .product {
    width: 100%;
  }
  #search, #search #formSearch{ width:100%!important; }
}
#search #formSearch .autocomplete .products {
  max-height: 336px;
  overflow-y: scroll;
}

#search #formSearch .autocomplete .products .product .search-description {color: #aaa;line-height: 1.5;display: -webkit-box;font-size: 13px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#search #formSearch .autocomplete .btn.result-btn {background: #3ab6b4;border-color: #3ab6b4;border-radius: 0px;display: inline-block;font-size:14px;font-weight:600;padding: 0.4rem 3rem;margin-right: 1rem;margin-bottom:15px;text-decoration: none;width:100%;}
#search #formSearch .autocomplete .btn.result-btn:hover {background: #3ab6b4;border-color:#3ab6b4;}

#formSearch .autocomplete .notfound {font-size:20px;margin-bottom:25px;display:none;}
#formSearch .autocomplete.noresults .notfound {display:block;}

/* Nav */
#navigation #search #formSearch > i {color: #000;float:right;font-size: 24px;font-weight: 600;padding-top: 0px;padding-right: 5px;max-width: none;}
#navigation #search #formSearch input {background: transparent;border: 0px;border-bottom: 1px solid #000;color: #000;font-weight: 400;max-width: fit-content;}
#navigation #search ::-webkit-input-placeholder {color: #999;}

/* My account */
#account {float:left;padding:0px 15px;}
#account i {color:#fff;float: left;font-size: 24px;font-weight: 400;padding-right:10px;}
#account span {color:#fff;}

/* Cart */
#cart {float:left;padding:0px 15px;position:relative;}
#cart i {color:#fff;float: left;font-size: 24px;font-weight: 400;}
#cart a span {background: #ebc500;border-radius: 50%;color: #2a403a;font-weight: bold;line-height: 22px;text-align: center;position: absolute;top: -10px;right: 2px;height: 22px;width: 22px;}

/* BTW Swiper */
.btw-toggle {float: right;padding: 15px 0px;}
.btw-toggle .label-before {float:left;margin-top:10px;margin-right: 5px;}
.btw-toggle .label-after {float:left;margin-top:10px;margin-left: 5px;}
/* The switch - the box around the slider */
.btw-toggle .switch {position: relative;display: inline-block;float:left;width: 60px;height: 34px;}

/* Hide default HTML checkbox */
.btw-toggle .switch input {display:none;}

/* The slider */
.btw-toggle .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.btw-toggle .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.btw-toggle input:checked + .slider {background-color: #91be9a;}
.btw-toggle input:focus + .slider {box-shadow: 0 0 1px #91be9a;}
.btw-toggle input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}

/* Rounded sliders */
.btw-toggle .slider.round {border-radius: 34px;}
.btw-toggle .slider.round:before {border-radius: 50%;}

/* Navigation
================================================== */
#navigation {background:#fff;border-bottom: 1px solid #eee;float: left;position:fixed;top:74px;width: 100%;z-index:99;}
#navigation .navbar .item a {float: left;font-size:14px;font-weight:600;line-height: 55px;padding: 5px 12px;}
#navigation .navbar .item.active > a {color: #91be9a;}

/* Level 1 */
#navigation .navbar .item .subnav {display: none;position: absolute;top: 64px;background: #fff;border: 1px solid #eee;z-index: 99;}
#navigation .navbar .item-plantengids .subnav {left:0px;width:100%;}
#navigation .navbar .item:hover .subnav {display:block;}
#navigation .navbar .item .subnav .nav-row {float:left;margin: 0px;padding: 0px;}
#navigation .navbar .item .subnav  .subitem a {font-weight: normal;line-height:normal;padding: 10px 20px;width:220px;}
#navigation .navbar li ul li.active > a {color: #91be9a;}
#navigation .navbar .item .subnav  .subitem a:hover {color:#fff;}

/* Level 2 */
#navigation .navbar .item .subnav .subnav {display:none;position: absolute;top: 0px;left:220px;background: #fff;border: 1px solid #eee;margin: 0px;z-index: 99;min-height: 100%;}
#navigation .navbar .item .subnav .subitem:hover .subnav {display:block;}

/* .wrapper {margin-top: 160px;} */
.wrapper.menu-sticky {margin-top:87px;}

/* .page-tile .breadcrumbs
================================================== */
.title-box {float:left;width:100%;}
.title-box h2 {float: left;font-size: 52px;font-weight: lighter;}
.title-box h4 {color:#c4857d;float:right;font-family: 'Homemade Apple';font-size: 22px;font-weight:normal;line-height:63px;}

.page-title h1 {font-size: 1.6875em;}
.page-title h1.product-page {float: left;margin-right: 5px;}

/* Heading
================================================== */
#heading .heading-inner {max-width:1920px;margin:0 auto;}
#heading .heading-inner .banner {float:left;position: relative;width:50%;}
#heading .heading-inner .banner img {height:auto;width:100%;}
#heading .heading-inner .banner .carousel-caption {background: rgba(255, 255, 255, 0.7);color: #2a403a;padding: 60px;top: 50%;margin-top: -160px;bottom:auto;}
#heading .heading-inner .banner .carousel-caption h4 {font-family: 'Special Elite';margin-bottom: -15px;}
#heading .heading-inner .banner .carousel-caption .lead {color: #91be9a;font-family: 'Homemade Apple';font-size: 24px;}
#heading .heading-inner .banner .carousel-caption .btn.btn-primary {background: #ebc500;border-color: #ebc500;border-radius: 0px;font-size: 16px;font-weight: lighter;height: auto;padding: 5px 30px;}
#heading .heading-inner .banner.banner-right .carousel-caption .btn.btn-primary {background:#3ab6b4;border-color:#3ab6b4;}
#heading .heading-inner .banner.banner-left img {float:right;}
#heading .heading-inner .banner.banner-left .carousel-caption {left:0px;right:auto;}
#heading .heading-inner .banner.banner-right .carousel-caption {left:auto;right:0px;}

#usp {float:left;width:100%;}
#usp .usp-row ul {float:left;width:100%;}
#usp .usp-row ul li {float:left;vertical-align: middle;padding: 27.5px 0px;text-align: center;}
#usp .usp-row ul li i {color:#c4857d;font-size:24px;font-weight:bold;padding-right:10px;vertical-align: middle;}
#usp .usp-row ul li span {font-size: 16px;vertical-align: middle;}
#usp .usp-row .kiyoh {width:100%;float: right;}
#usp .usp-row .Kiyoh-link {float:right;height:100px;}

/* Products 
================================================== */
#products {float:left;width:100%;}
.home #products {padding:0px 7.5px;}
#products .page-products {margin-right: -7.5px;margin-left: -7.5px;}
#products .page-products.no-products {margin-left: -15px;margin-right: -15px;}
#products .productborder {float:left;padding: 0px 7.5px;margin-bottom:15px;width:100%;}
#products .productborder .product {float:left;width:100%;}
#products .productborder .product-image img {/*max-width:220px;*/margin:auto; width:100%;}
#products .productborder .product-details {float: left;padding: 0px 15px;width: 100%;}
#products .productborder .product-title {float:left;font-family: 'proximanova-semibold', Arial, sans-serif;font-size:16px;height: 3em;line-height: 1.5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align:center;width:100%;}
#products .productborder .product-icons {float: left;height:25px;text-align: center;width: 100%;}
#products .productborder .product-icons .icon {display: inline-block;}
#products .productborder .product-icons .icon i {color:#ebc500;font-size:16px;margin-right:5px;}
#products .productborder .product-icons .icon span {padding-right:15px;}
#products .productborder .product-price {float: left;text-align: center;width: 100%;}
.product-price .priceInc {display:none;}
.product-price .priceInc.show {display:block;}
.product-price .priceEx {display:none;}
.product-price .priceEx.show {display:block;}
#products .productborder .product-price .new-price {font-size:24px;font-weight:bold;}
#products .productborder .product-price .old-price {color: #91be9a !important;display: inline-block;padding-right: 5px;text-decoration: line-through;line-height: 1;}
#products .productborder .product-cart {display:inline-block;margin:10px 0px;text-align:center;width: 100%; padding: 0 15px;}
#products .productborder .product-cart .btn-cart {background:#ebc500;border-radius: 50px;display: inline-block;font-size:14px;padding: 0px 30px;}
#products .productborder .product-cart .btn-cart:hover {background:#91be9a;}

/* Banners
================================================== */
.nieuw-banner {float:left;margin-bottom:30px;width:100%;}
.nieuw-banner .banner-desktop {display:block;}
.nieuw-banner .banner-mobile {display:none;}
.nieuw-banner img {width:100%;height:auto;}

#banners {float:left;width:100%;}
#banners .banner-container {margin:0px -5px;}
#banners .banner {float: left;padding:5px 5px;}
#banners .banner .banner-inner {position: relative;float: left;height:100%;width: 100%;}
#banners .banner .banner-inner img {height:100%;width:100%;}
#banners .banner .banner-inner .banner-content {position: absolute;top: 50%;margin-top: -30px;text-align: center;width: 100%;}
#banners .banner .banner-inner .banner-content h4 {color: #91be9a;font-size: 54px;font-weight: normal;margin-bottom:0px;text-transform: uppercase;}
#banners .banner .banner-inner .banner-content span {color: #fff;float:left;font-family: 'Special Elite';font-size: 24px;font-weight: lighter;margin-bottom:15px;width:100%;}
#banners .banner .banner-inner .banner-content .btn.btn-primary {background: #3ab6b4;border-color: #3ab6b4;border-radius: 0px;color:#fff;font-size: 16px;font-weight: lighter;height: auto;padding: 5px 30px;text-transform: none;}
#banners .banner .banner-inner .banner-content.banner-button {top: auto;bottom: 40px;}
#banners .banner4 .banner-inner .banner-content.banner-button h4,
#banners .banner4 .banner-inner .banner-content.banner-button span {color:#2a403a;margin-bottom: 0px;}
#banners .banner4 .banner-inner .banner-content.banner-button span {font-size: 28px;padding: 0px 200px;line-height: 1;}
#banners .banner4 .banner-inner .banner-content.banner-button h4 {margin-bottom:15px;}
#banners .rbanner {float:left;}
#banners .rbanner .banner {float:left;padding:5px;}
#banners .rbanner .banner7 .banner-inner {background: #91be9a;padding:10px;width:100%;}
#banners .rbanner .banner7 .banner-inner > a {float:left;width:50%;}
#banners .rbanner .banner7 img {float:left;}
#banners .rbanner .banner7 .banner-inner .banner-content {position: relative;top:0px;margin: 0px;padding: 15px 30px;float: left;text-align:left;width:50%;}
#banners .rbanner .banner7 .banner-inner .banner-content strong {color: #2b413e;float: left;font-family: 'Special Elite';font-size:32px;font-weight: normal;line-height:1;width: 100%;}
#banners .rbanner .banner7 .banner-inner .banner-content span {font-family: 'Homemade Apple';}
#banners .rbanner .banner7 .banner-inner .banner-content p {line-height: 2;margin-bottom: 15px;width: 190px;}
#banners .rbanner .banner7 .banner-inner .banner-content img {position:absolute;top:140px;right: 30px;width: auto;max-width: 68px;max-height: 69px;}

/* buttons */
#banners .banner.banner1 .banner-inner .banner-content .btn {}
#banners .banner.banner2 .banner-inner .banner-content .btn {background:#fff;border:0px solid #fff;color:#000;}
#banners .banner.banner3 .banner-inner .banner-content .btn {background:#c4857d;border:0px solid #fff;}
#banners .banner.banner4 .banner-inner .banner-content .btn {background:#2a403a;border:0px solid #fff;}
#banners .banner.banner5 .banner-inner .banner-content .btn {background:#ebc500;border:0px solid #000;}
#banners .banner.banner6 .banner-inner .banner-content .btn {background:#2a403a;border:0px solid #fff;}
#banners .banner.banner7 .banner-inner .banner-content .btn {background:#fff;border:0px solid #fff;color:#000;}

/* Brands
================================================== */
#brands {float:left;padding-bottom:30px;width:100%;}
#brands .title-box {float: left;padding: 30px 0px;width: 100%;}

/* Inspiration
================================================== */
#inspi {float:left;width:100%;}
#inspi .insta-overlay{ display:block;position:absolute;top:0;bottom:0;left:0;width:100%; }
#lastFacebookPost .post-info .facebook{ margin-bottom:13px; }
#inspi .custom .item-title {float: left;font-family: 'Special Elite', arial, sans-serif;font-size: 24px;line-height: 1;margin-top: 15px;margin-bottom: 15px;width: 100%;}

.instagramwrapper{ border:1px solid #dbdbdb; border-radius:3px;float:left;width:100%; }
.instagramwrapper .insta-profile{ padding:10px; }
.instagramwrapper .insta-profile .pf-wrapper img { width:40px; height:40px; overflow:hidden; border-radius:50%;border:1px solid #dbdbdb;  }
.instagramwrapper .insta-profile .pf-wrapper{ float:left;}
.instagramwrapper .insta-profile .pf-name{ float:left; padding-left:10px; }
.instagramwrapper .insta-profile .pf-name .name{ color: #262626; font-size: 16px;line-height: 20px; font-weight:600;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }

.grid-blog-item .item-title{ font-size:18px; text-transform:uppercase; }
.grid-blog .wrapper > h3{ margin-bottom:5px; }

/* Content
================================================== */
#page-description {float:left;padding:0 10px;margin:20px 0px;/*height:260px*/;width:100%;overflow:hidden;text-align:center;-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;}
#page-description .title-box > h2 {font-family: 'Special Elite', arial, sans-serif;font-size:32px;margin: 0px;width:100%;}
#page-description .title-box > strong {color: #91be9a;float: left;font-family: 'Amatic SC';font-size: 52px;font-weight: normal;line-height: 1;margin-bottom: 60px;width: 100%;}
.description-wrap {display:block;width:100%;height:auto;}
.more {display:block;width:100%;text-align:center;padding:0 10px;margin-top:-20px;margin-bottom:20px;}
.more p {display:inline;  }
#page-description .image-wrap {float:right;margin-left:10px;max-height:200px;max-width:200px;}
.content.colfull {width: 100%;margin: 0 auto;display: inline-block;}
#page-description .description-wrap h1,
#page-description .description-wrap h2,
#page-description .description-wrap h3,
#page-description .description-wrap h4,
#page-description .description-wrap h5 {
	font-family: "Proximanova-semibold", Helvetica, sans-serif; 
}
/* Textpages */
.textpage {}
.textpage h1, .textpage h2, .textpage h3, .textpage h4, .textpage h5, .textpage h6 {font-family: "Special elite", Helvetica, sans-serif;}
.textpage h1 {display: inline-block;padding:15px 0px;margin: 0px;vertical-align: middle;width:100%;}
.textpage strong {font-family: "Amatic SC", Helvetica, sans-serif;font-size:12pt;}
.textpage .breadcrumbs {display: inline-block;vertical-align: middle;}
.textpage .post-row {margin-bottom:60px;}
.textpage .cartoon-row {background: #eee;padding: 30px 15px;margin: 30px -15px;}
.textpage .cartoon2-row {background: #fff;padding: 30px 15px;margin: 30px -15px;}
.textpage .cartoon-img img, .textpage .cartoon2-img img {margin:0 auto;max-height: 250px;max-width: 100%;width: auto;}
.textpage .cartoon-row strong, .textpage .cartoon2-row strong {color: #c4857d;float: left;font-family: 'Amatic SC';font-size: 48px;font-weight: normal;padding: 15px 0px;text-align: center;width: 100%;}
.textpage .cartoon-row .align-center, .textpage .cartoon2-row .align-center {color: #2a403a;float: left;font-size: 18px;text-align: center;width: 100%;}
#gui-wrapper .gui-page-title {float: left;padding: 15px 0px;margin: 0px;width: 100%;}

/* Plantengids
================================================== */
#guide {float:left;width:100%;}
#guide  .title-box {padding:15px 15px;}
#guide  .title-box h1 {margin:0px;}
#guide  .title-box .title-two {float: left;font-family: 'Special Elite';font-size:36px;font-weight: lighter;line-height: 34px;text-transform: none;margin-bottom: 15px;}
#guide  .title-box h2 {color: #91be9a;font-family: 'Homemade Apple';font-size: 24px;}
#guide  .breadcrumbs {line-height: 38px;padding: 0px 15px;}
#guide .collection-content {padding: 15px 0px;max-width: 1360px;margin: 0 auto;}
#guide .collection-content .page-title h1 {font-family: 'Special Elite';font-size: 32px;margin: 0px;}
#guide .collection-content .breadcrumbs a {font-size: 12px;font-weight: bold;line-height: 38px;vertical-align: middle;}
#guide .collection-content .breadcrumbs a.last {color:#91be9a}

/* #guide .c-banners .c-banner {float:left;position:relative;} */
#guide .c-banners .c-banner .c-banner-details {background: rgba(255,255,255, 0.95);padding:15px; width: 100%;}
/* #guide .c-banners .c-banner .c-banner-details {position:absolute;top:50%;left:50%;background: rgba(255,255,255, 0.95);margin-top: -42.5px;margin-left: -148px;padding:30px;} */
#guide .c-banners .c-banner .c-banner-details strong,
#guide .c-banners .c-banner .c-banner-details span {display:block;text-align: center;width: 100%;}
#guide .c-banners .c-banner .c-banner-details strong {font-family: 'Special Elite';font-size:32px;font-weight:normal;text-transform:lowercase;}
#guide .c-banners .c-banner .c-banner-details span {color: #91be9a;font-family: 'Homemade Apple';font-size: 24px;}
#guide .c-banners .c-banner .c-banner-details .custom-kicon {display:block;font-size: 32px;line-height: 1;text-align: center;width: 100%;}

/* Banners */
#guide .c-banners .c-banner-1 {padding-right:5px;padding-bottom:5px;}
/* #guide .c-banners .c-banner-1 .c-banner-content {margin-top: -96px;margin-left: -185px;} */
#guide .c-banners .c-banner-2 {padding-left:5px;padding-bottom:5px;}
/* #guide .c-banners .c-banner-2 .c-banner-content {margin-top: -96px;margin-left: -151.5px;} */
#guide .c-banners .c-banner-2 .c-banner-content span {color:#c4857d;}
#guide .c-banners .c-banner-3 {padding-top:5px;padding-right:5px;}
/* #guide .c-banners .c-banner-3 .c-banner-content {margin-top: -96px;margin-left: -158px;} */
#guide .c-banners .c-banner-4 {padding-top:5px;padding-left:5px;padding-right:5px;}
#guide .c-banners .c-banner-4 .c-banner-content {background: transparent;}
#guide .c-banners .c-banner-4 .c-banner-content strong {color: #91be9a;font-family: "Amatic SC", Helvetica, sans-serif;font-size: 54px;font-weight: normal;line-height:1;text-transform: uppercase;}
#guide .c-banners .c-banner-4 .c-banner-content span,
#guide .c-banners .c-banner-4 .c-banner-content .custom-kicon {color: #fff;float: left;font-family: 'Special Elite';font-size: 24px;font-weight: lighter;text-transform:lowercase;width: 100%;}
#guide .c-banners .c-banner-5 {padding-top:5px;padding-left:5px;}
/* #guide .c-banners .c-banner-5 .c-banner-content {margin-top: -96px;margin-left: -135px;} */

/* Level 2 */
.textpage .shop-row {margin-bottom:10px;}
.textpage .shop-now .btn.btn-default {background: #8ebb98;color:#fff;display: inline-block;padding: 5px 25px;margin: 15px 0px;font-size: 16px;}
.textpage .shop-row .image1 {margin-right:5px;margin-bottom:5px;} 
.textpage .shop-row .image2 {float:left;margin-top:5px;margin-right:5px;} 
.textpage .shop-row .image3 {margin-left:5px;} 
.textpage .shop-row img {height:auto;width:100%;}

.textpage .table-row {border-bottom: 1px solid #2a403a;padding-bottom: 15px;margin-bottom: 15px;}
.textpage .table-row .green-block {background: #2a403a;color: #fff;float: left;padding: 60px 60px;width: 100%;}
.textpage .table-row .green-block h4 {color: #91be9a;font-size:42px;font-weight:normal;text-transform: uppercase;}
.textpage .table-row .green-block ul {float:left;margin-bottom:60px;width:100%;}
.textpage .table-row .green-block ul li a {color:#fff;display:inline-block;font-size:14px;font-weight:lighter;margin-bottom:10px;text-decoration:underline;}
.textpage .table-row .gray-block {background: #f6f5f3;float: left;height:440px;padding: 60px 60px;width: 100%;}
.textpage .table-row .gray-block table {margin-bottom: 26px;}
.textpage .table-row .gray-block table tr {line-height:28px;}
.textpage .table-row .gray-block table tr td:nth-child(1) {font-weight:bold;padding-right: 60px;}

.textpage .row-text h4, #guide .row-text2 h4 {font-family:'Special Elite';font-size:24px;font-weight:normal;line-height: 34px;}
.textpage .row-text > .col-sm-6 {border-bottom:1px solid #2a403a;padding-bottom: 15px;margin-bottom: 15px;}
.textpage .row-text #products .productborder {padding: 0px 0px;padding-left: 7.5px;margin-bottom:0px;max-width: 300px;float: right;}
.textpage .row-text #products .productborder .product {padding-bottom:15px;}
.textpage .row .text-block {padding-right:30px;padding-bottom:30px;}
.textpage .row-text2 {padding-top: 30px;}

#products .title-box h3 {float:left;font-family: 'Special Elite';font-size: 24px;font-weight: lighter;line-height: 34px;text-transform: none;margin-bottom: 15px;}
#products .title-box a {float:right;font-weight:bold;}

/* Watergeven */
#guide .care-row .gray-block {background: #f6f5f3;float: left;padding: 30px 30px;margin-bottom:30px;width: 100%;}
#guide .care-row .gray-block h4 {color: #91be9a;font-size: 32px;font-weight: normal;text-transform: uppercase;}
#guide .care-row .gray-block table {margin-bottom: 26px;}
#guide .care-row .gray-block table tr {line-height:28px;}
#guide .care-row .gray-block table tr td:nth-child(1) {font-weight:bold;padding-right: 60px;}

#guide.page-kamerplanten-water-geven .table-row {border-bottom:0px solid;}
#guide.page-kamerplanten-water-geven .table-row .green-block {padding:120px 60px;}
#guide .table-row .green-block h4 {color: #91be9a;font-size: 42px;font-weight: normal;text-transform: uppercase;}
#guide .table-row .green-block h5 {font-family: 'Special Elite';font-weight: normal;}
#guide .table-row .green-block .btn-default {background: #ebc500;border-radius: 0px;display: inline-block;font-size: 16px;padding: 5px 60px;margin: 15px 0px;}

#guide .row-water p {float:left;width:100%;padding-bottom:15px;}
#guide.page-kamerplanten-water-geven .row-text #products .productborder {margin-bottom:15px;}
#guide .row-mason {margin-top:15px;margin-bottom:30px;}
#guide .row-mason .green-block {background: #98c4a1;color: #fff;float: left;padding: 45px 30px;text-align: center;height: 100%;width: 100%;}
#guide .row-mason .white-block {background: #fff;border:1px solid #2a403a;color: #2a403a;float: left;padding: 45px 30px;text-align: center;height: 100%;width: 100%;}
#guide .row-mason h3 {font-size: 52px;font-weight: normal;margin:0px;}
#guide .row-mason h4 {font-family: 'Special Elite';font-size: 28px;font-weight: normal;line-height: 1;margin:0px;}
#guide .row-mason .white-block h3 {color: #98c4a1;}

/* Catalog categories
================================================== */
#guide .collection-guide {padding-top:15px;padding-bottom:15px;}
#guide .plant-bg {position: absolute;margin-top: -36px;left: -188px;}
#guide .categories {float: left;max-width: 1360px;margin: 0 auto;position: relative;width:100%;}
#guide .categories .categoryborder .category {margin-top: 15px;margin-bottom: 15px;padding:0px 0px;position: relative;}
#guide .categories .categoryborder a img {height:auto;width:100%;}
#guide .categories .categoryborder .category-content {position: absolute;bottom: 0px;padding: 15px;text-align: center;width: 100%;}
/*#guide .categories .categoryborder .category-content .title {display: inline-block;padding: 10px 25px;width: 200px;}*/
#guide .categories .categoryborder .category-content .title {background: rgba(255,255,255, 0.95) !important;position: relative;padding: 15px;color: #2a403a;display: inline-block;text-align: center;font-size: 16px;font-weight: bold;left: 0px;right: 0px;bottom: 0px;width: 100%;font-family: 'Special Elite';}
#guide .categories .categoryborder:nth-child(-n+5) .category-content .title {background: #91be9a;}
#guide .categories .categoryborder .category-content i {vertical-align:middle;}
.category-block { padding:7.5px;padding-top:0;padding-bottom:15px;  }
.category-block .category{ position: relative; }
.category-block .category img{ max-width:100%;height:auto;max-height:100%; }
.category-block .category .category-overlay{ padding: 15px;position: absolute;width: 100%; bottom: 0; left: 0;}
.category-block .category-half{ float:left;width:50%; }
.category-block .category span.title{background-color: rgba(255,255,255, 0.95);position: relative;padding:15px;color: #2a403a;display: inline-block;text-align: center;font-size: 16px;font-weight: bold;left: 0px;right: 0px;bottom: 0px;width: 100%;}
.category-block .category.category-full span.title{ width:40%;margin: 0% 30% }
.category-block .category span.title .description{ color: #91be9a; font-family: 'Homemade Apple';background-color:transparent; }
.category-block .category.onderhoud .category-overlay{ position: absolute;top: 30%;padding: 30px; width: 100%; }
.category-block .category.onderhoud strong{ color: #91be9a;font-size: 50px;font-weight: normal;line-height: 1;text-transform: uppercase; text-align: center;width: 100%;float: left;font-family: "Amatic SC", Helvetica, sans-serif; }
.category-block .category.onderhoud span{ color: #fff;font-family: 'Special Elite';font-size: 15px;font-weight: normal;line-height: 1;text-align: center;width: 100%;float: left;background-color:transparent; }

/* Blog
================================================== */
.blog-row {margin-right: -15px !important;margin-left: -15px !important;}
.blogborder {border: 1px solid #ddd;float:left;padding-right: 15px !important;padding-left: 15px !important;margin-bottom: 15px !important;position: relative;}
.blogborder .blog {float: left;position: relative;}
.blogborder .blog a img {max-width:100%;display:block;height:auto;}
.blogborder .blog .blog-content {position: absolute;bottom: 40px;text-align: center;width: 100%;}
.blogborder .blog .blog-content .title {display: inline-block;padding: 10px 25px;width: 200px;}
.blogborder .blog:nth-child(-n+5) .blog-content .title {background: #91be9a;}
.blogborder .blog .blog-content i {vertical-align:middle;}

/* Sidebar
================================================== */
.sidebar {border-right: 1px solid #f0f0f0;color: #797979;padding-right:60px;margin-top:30px;margin-bottom:30px;}
.sidebar strong {display: block;font-size:18px;padding:7.5px 0px;}
#filter_form .sidebar-filter-item input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ccc;border-radius: 0px;display: inline-block;height: 20px;width: 20px;margin: 0px;margin-right:5px;vertical-align: middle;cursor:pointer;}
#filter_form .sidebar-filter-item input[type="radio"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #ccc;border-radius: 0px;display: inline-block;height: 20px;width: 20px;margin: 0px;margin-right:5px;vertical-align: middle;cursor:pointer;}
#filter_form .sidebar-filter-item label {font-size:14px;vertical-align:middle;cursor:pointer;}
.sidebar .sort .side-block {border-bottom: 1px solid #ddd;float: left;padding-bottom: 15px;margin-bottom: 15px;width: 100%;}
#filter_form .sidebar-filter-item input[type="checkbox"]:checked {background-color:#c4847d;border: 1px solid #c4847d;}
#filter_form .sidebar-filter-item input[type="radio"]:checked {background-color:#c4847d;border: 1px solid #c4847d;}
.sidebar-mobile .btn.btn-default {background: #c4847d;height: auto;padding: 0px 10px;margin:10px 0px;}
.sidebar-mobile .btn.btn-default i {padding-left:5px;font-size:18px;}

/* .price-filter */
#collection-filter-price, #collection-filter-price *, #slider-range, #slider-range *, #dia-range, #dia-range *, #standplaatsfilter,#standplaatsfilter *{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
#collection-filter-price, #slider-range, #dia-range, #standplaatsfilter, #collection-filter-price_mob, #slider-range_mob, #dia-range_mob, #standplaatsfilter_mob{    border: 1px solid #ccc;height: 5px;border-radius: 5px;margin: 8px 10px;position: relative;}
.ui-slider-range {background-color:#c4847d;border:#c4847d;position: absolute;height: 5px;border-radius: 5px;margin-top: 0px;}
.ui-slider-handle {display: block;position: absolute;width: 20px;height: 24px;border: 0px none;top: -7px;border-radius: 0px;margin-left: -10px;cursor: col-resize;}
.ui-slider-handle {background:#c4847d;height: 20px;top: -8px;border-radius: 100%;}
.price-filter-range .min {float:left;}
.price-filter-range .max {float:right;}
.side-block.filters.filter-height #size_minlabel {float:left;margin-top:10px;}
.side-block.filters.filter-height #size_maxlabel {float:right;margin-top:10px;}
.custom-filter-icon {width: 20px;display: inline-block;margin-right: 5px;margin-left: 10px;vertical-align: middle;margin-top: -4px;}

/* select */
.sidebar select {border: 1px solid #000;color: #000;height:auto;padding: 12.5px 15px;margin-bottom: 10px;margin-right: 10px;max-width: 100%;}

/* nav */
.sidebar .item {float:left;padding: 0px 0px 0px 0px;width:100%;}
.sidebar .item .itemLink {display: block;text-transform: uppercase;float: left;font-size: 16px;font-weight: 600;padding: 10px 0px;width: 100%;}
.sidebar .item .itemLink, .sidebar .item .subitemLink {color: #797979;text-decoration: none;}
.sidebar .item .itemLink:hover, .sidebar .item .subitemLink:hover {color: #414141;}
.sidebar .item.active > a, .sidebar .item.active:hover > a {color: #54afe9;}
.sidebar .item .subnav .subnav {margin: 5px 0px 5px 10px;}
.sidebar .item .subnav .subitem a {font-size:14px;}
.sidebar .side-block.remove-filters {background: #ebc500;color: #fff;display: inline-block;padding: 5px 30px;margin-bottom:15px;text-align: center;width: 100%;}
.sidebar .side-block.remove-filters a {color:#fff;}

/* voor de vinkjes in de donkere kleuren */
#filter_form .color-filter .sidebar-filter-item input[type="checkbox"]:checked {background: transparent;border: 2px solid #c4847d;}
.color-filter .color-brons input {background-color: #cd7f32 !important;}
.color-filter .color-zwart input {background-color: #0D0D0D !important;}
.color-filter .color-grijs input {background-color: #A4A4A4 !important;}
.color-filter .color-zilver input {background-color: #BCC6CC !important;}
.color-filter .color-goud input {background-color: #CFB53B !important;}
.color-filter .color-wit input {background-color: #ffffff !important;}
.color-filter .color-groen input {background-color: #088A08 !important;}
.color-filter .color-blauw input {background-color: #0000FF !important;}
.color-filter .color-paars input {background-color: #9F1DA4 !important;}
.color-filter .color-bruin input {background-color: #87640C !important;}
.color-filter .color-geel input {background-color: #F4FA58 !important;}
.color-filter .color-rood input {background-color: red !important;}
.color-filter .color-roze input {background-color: pink !important;}
.color-filter .color-oranje input {background-color: orange !important;}
.color-filter .color-antraciet input {background-color: #45464c !important;}
.color-filter .color-zalm input {background-color: #FFA07A !important; }
.color-filter .color-wit input { border: 1px solid #ccc !important;}
body .color-filter .color-item input {
	border-radius:100% !important;
}

/* Collection
================================================== */
#collection #products {padding-left:30px;margin-top: 30px;margin-bottom: 30px;}
#collection #products .products {float:left;width:100%;}
#collection #products .page-title h1 {font-family: 'proximanova-semibold', Arial, sans-serif;font-size: 32px; margin: 0px;margin-bottom:15px;}
#collection #products .textpage {float:left;padding-bottom:15px;width:100%;}
#collection #products .textpage p {padding-bottom:15px;}
#collection #products .textpage ul {padding-left:20px;list-style-type:unset;}
#collection #products .textpage ol {padding-left:20px;}

#collection .filter-bar {display:none;background: #f5f4f0;border: 1px solid #ddd;float:left;margin-bottom:30px;width:100%;}
#collection .filter-bar .filter-bar-inner {}
#collection .filter-bar .filter-bar-inner .sidebar-mobile {float:left;margin:5px 5px;} 
#collection .filter-bar .filter-bar-inner .sidebar-mobile .btn {font-size:16x;}
#collection .filter-bar .filter-bar-inner .sorts {float: right;}
#collection .filter-bar .filter-bar-inner .sorts select {border: 1px solid #000;color: #000;float:left;padding: 7.5px 15px;margin:5px 5px;width: auto;}

/* Pager
================================================== */
.pager {color: #797979;margin: 0px;padding:15px 0px;}
.pager .left {line-height: 32px;padding-right: 15px;}
.pager ul {border: 1px solid #e5e5e5;}
.pager ul li {display: inline;}
.pager ul li a {color: #797979;float: left;font-size:14px;padding: 5px 13px;line-height: 20px;text-decoration: none;border-right: 1px solid #f0f0f0;}
.pager ul li a:hover {color: #414141;}
.pager ul li a .glyphicon {font-size: 10px;line-height: 18px;}
.pager ul li:last-child a {border-right: 0px;}
.pager ul li.active a {background-color: #f7f7f7;}
.pager ul li.prev a {border-left-width: 1px;}
.pager ul li.disabled {display: none;}

/* Footer
================================================== */
.footerimg {position: relative;bottom: -1px;margin:0 auto;width:100%;}
#footer {}
#footer .links .footercol {padding: 60px 0px;}
#footer .links .footercol h3,
#footer .links .footercol h3 a {color: #2a403a;font-size: 22px;font-weight: bold;margin-bottom: 15px;text-decoration:none;}
#footer .links .footercol h3 a.style-unset {font-size: unset;}
#footer .links .footercol ul li a {font-weight: lighter;}
#footer .ism-footer-image {position:relative;}
#footer .ism-text {color:#e0b3ad;font-family: 'Homemade Apple';font-size: 24px;line-height: 36px;transform: rotate(350deg);position: absolute;bottom: -25px;left: 0px;width: 100%;}

#toTop {background: none repeat scroll 0% 0% #91be9a;border-radius: 100px;bottom: 65px;box-shadow: none;color: #FFF;cursor: pointer;display: block;font-size: 18px;height: 50px;line-height: 50px;opacity: 0;position: fixed;right: 20px;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;}

/* Copyright */
.copyright {display: inline-block;padding-left: 5px;}
.copyright span,
.richsnippets-footer span {color: #2a403a;vertical-align: middle;display: inline-block;padding: 10px 0px;}
.richsnippets-footer a {color: #2a403a !important;font-weight:bold;}
.richsnippets-footer strong {color: #91be9a;padding-right: 5px;}
.richsnippets-footer span span {font-weight: bold;font-size: 16px;vertical-align: middle;}

/* DE */
.strict-shipping {padding-top: 0px;}
.shipping-cost {display: block;text-align: right;width: 100%;}
.shipping-cost.collection {margin-bottom: 30px;}

.home-stock {
  justify-content: center;
}

/* Payment icons */
/*.payments ul li:first-child,
.payments ul li:last-child {display: inline-block;height: 30px;width:32px;background-size: 100% auto;}*/
/*.payment-icons-holder {display:block;text-align:center;padding:15px;background:#fff}*/ 
.payment-icons {background-image: url(payments-color.png?1);display:inline-block;height:60px;width:100px;margin-right:5px;background-size:100% auto;margin-left:-22px;margin-right:-22px;margin-bottom:-15px;-ms-transform:scale(0.5);-webkit-transform:scale(0.5);transform:scale(0.5)}
.payment-icons.icon-payment-acceptgiro{background-position:0 0}
.payment-icons.icon-payment-achterafbetale{background-position:0 -60px}
.payment-icons.icon-payment-afterpay{background-position:0 -120px}
.payment-icons.icon-payment-alfabank{background-position:0 -180px}
.payment-icons.icon-payment-americanexpress{background-position:0 -240px}
.payment-icons.icon-payment-banktransfer{background-position:0 -300px}
.payment-icons.icon-payment-betaalnaontvangst{background-position:0 -360px}
.payment-icons.icon-payment-cartebleue{background-position:0 -420px}
.payment-icons.icon-payment-clickandbuy{background-position:0 -480px}
.payment-icons.icon-payment-cash{background-position:0 -3273px}
.payment-icons.icon-payment-dankort{background-position:0 -540px}
.payment-icons.icon-payment-directdebit{background-position:0 -600px}
.payment-icons.icon-payment-directebanki{background-position:0 -660px}
.payment-icons.icon-payment-discover{background-position:0 -720px}
.payment-icons.icon-payment-dotpay{background-position:0 -780px}
.payment-icons.icon-payment-ebo{background-position:0 -850px}
.payment-icons.icon-payment-ecare{background-position:0 -900px}
.payment-icons.icon-payment-ecelv{background-position:0 960px}
.payment-icons.icon-payment-empayment{background-position:0 -1020px}
.payment-icons.icon-payment-eps{background-position:0 -1080px}
.payment-icons.icon-payment-fashioncheque{background-position:0 -1140px}
.payment-icons.icon-payment-giftcard{background-position:0 -1200px}
.payment-icons.icon-payment-giropay{background-position:0 -1260px}
.payment-icons.icon-payment-ideal{background-position:0 -1320px}
.payment-icons.icon-payment-incasso{background-position:0 -1380px}
.payment-icons.icon-payment-invoice{background-position:0 -1440px}
.payment-icons.icon-payment-ippies{background-position:0 -1500px}
.payment-icons.icon-payment-klarna{background-position:0 -1560px}
.payment-icons.icon-payment-maestro{background-position:0 -1620px}
.payment-icons.icon-payment-mailru{background-position:0 -1680px}
.payment-icons.icon-payment-mastercard{background-position:0 -1740px}
.payment-icons.icon-payment-minitix{background-position:0 -1800px}
.payment-icons.icon-payment-mistercash{background-position:0 -1860px}
.payment-icons.icon-payment-multisafepay{background-position:0 -1920px}
.payment-icons.icon-payment-nordea{background-position:0 -1980px}
.payment-icons.icon-payment-onlinegiro{background-position:0 -2040px}
.payment-icons.icon-payment-onlinetransfer{background-position:0 -2100px}
.payment-icons.icon-payment-paypal{background-position:0 -2160px}
.payment-icons.icon-payment-paysafecard{background-position:0 -2220px}
.payment-icons.icon-payment-phone{background-position:0 -2280px}
.payment-icons.icon-payment-postfinance{background-position:0 -2340px}
.payment-icons.icon-payment-postnl{background-position:0 -3202px}
.payment-icons.icon-payment-pi{background-position:0 -3129px}
.payment-icons.icon-payment-przelewy24{background-position:0 -2400px}
.payment-icons.icon-payment-qiwi{background-position:0 -2460px}
.payment-icons.icon-payment-rembours{background-position:0 -2520px}
.payment-icons.icon-payment-ukash{background-position:0 -2580px}
.payment-icons.icon-payment-visa{background-position:0 -2640px}
.payment-icons.icon-payment-visadebit{background-position:0 -2700px}
.payment-icons.icon-payment-visaelectro{background-position:0 -2760px}
.payment-icons.icon-payment-vpay{background-position:0 -2820px}
.payment-icons.icon-payment-wallie{background-position:0 -2880px}
.payment-icons.icon-payment-webmoney{background-position:0 -2940px}
.payment-icons.icon-payment-webshopgiftcard{background-position:0 -3000px}
.payment-icons.icon-payment-yourgift{background-position:0 -3060px}
.payment-icons.icon-payment-afterpay_nl_b2c_digital_invoice,.payment-icons.icon-payment-afterpay_nl_b2c_direct_debit,.payment-icons.icon-payment-afterpay_nl_b2b_digital_invoice,.payment-icons.icon-payment-afterpay_be_b2c_digital_invoice{background-position:0 -120px}
.payment-icons.icon-payment-bitcoi{background-position:0 -3330px}
.payment-icons.icon-payment-belfius{background-position:0 -3395px}
.payment-icons.icon-payment-kbc{background-position:0 -3460px}
.payment-icons.icon-payment-postnllogo {background-image: url(postnl.png);width: 60px;}
.payment-icons.icon-payment-thuiswinkel {background-image: url(thuiswinkel-waarborg-kleur-verticaal.png)}

/* GUI
================================================== */
.gui {margin-top: 30px;}
#gui-wrapper {float: left;width: 100%;}
.gui-block {border: 0px solid #CCCCCC;float: left;margin-bottom:30px !important;width: 100%;}
.gui-progressbar {float:left;width:100%;}
.gui-page-title {float:left;font-size: 32px !important;padding:15px 0px !important;margin: 0px;margin-bottom: 15px;width:100%;}
.gui-cart .gui-div-cart-sum .gui-right {float:left;width:100%;}
.gui-right .gui-button-large.gui-button-action {background: #af675e!important;border: 0px solid transparent;color: #fff !important;float: left;width: 100% !important;}
.gui a.gui-button-large, .gui a.gui-button-small {border-color: transparent;color: #fff !important;background-color: #91be9a !important;}
.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;}
.gui-messages, .messages {margin-top: 15px;margin-bottom:15px !important;float: left;width: 100%;}
.gui-popover {position: fixed;left: 50%;top: 50%;width: 80%;max-width: 800px;}

.gui-confirm-buttons a.gui-button-small.gui-button-action {background-color: #af675e!important;float: left;padding: 5px 15px;width: 100%;}


/* OVER ONS */
.aboutus-mainimage{ float:left;width:100%;padding:30px 0; }
.team-list{ position:relative;margin-left:-7.5px;margin-right:-7.5px;display: flex;flex-flow: row wrap;margin-top:15px;margin-bottom:30px; }
.team-list .team-member{ padding:7.5px;flex:25%;max-width:25%;position:relative; }
.team-list .team-member .overlay{ background:rgba(255,255,255,.9);left:30px;right:30px;padding:15px;bottom:30px;text-align:center;position:absolute; }
.team-list .team-member .overlay .name{ display:block;font-size: 27px;line-height: 30px;font-family: 'Special Elite'; }
.team-list .team-member .overlay .function{ display:block;font-size:18px;color:#c4857d;font-family: 'Homemade Apple'; }
.team-list .team-member img{ max-width:100%;}
.team-list .team-fact{ padding:7.5px;flex:50%;max-width:50%;position:relative;display:flex;align-items: center;justify-content: center; }
.team-list .team-fact .fact-inner{ background:#2a413a;position:absolute;top:7.5px;left:7.5px;right:7.5px;bottom:7.5px;padding:75px; }
.team-list .team-fact.lighter .fact-inner{ background:#91bd99; }
.team-list .team-fact .fact-inner .fact-title{font-size:24px;color:#fff;text-align:center;font-family: 'Special Elite'; }
.team-list .team-fact .fact-inner .fact-text{font-size:16px;color:#fff;text-align:center; }

@media(max-width:1200px){
  .team-list .team-member .overlay{ padding:7.5px;font-size: 22px; }
  .team-list .team-member .overlay .function{ font-size:16px; }
  .team-list .team-fact .fact-inner{ padding:25px; }
  .team-list .team-fact .fact-inner .fact-text{ font-size:15px; }
}

@media(max-width:992px){
  .team-list .team-member{ flex:50%;max-width:50%; }
  .team-list .team-fact{ flex:100%;max-width:100%;min-height:200px; }
}

@media(max-width:767px){
  .team-list .team-member .overlay .name{ font-size:18px; }
  .team-list .team-member .overlay .function{ font-size:14px; }
  .team-list .team-fact .fact-inner .fact-text{ font-size:14px; }
  .team-list .team-fact{ min-height:250px; }
  .team-list .team-member, .team-list .team-fact { padding:5px; }
  .team-list .team-fact .fact-inner{ left:5px;right:5px;bottom:5px;top:5px; }
  .team-list .team-member .overlay{ left:15px;right:15px;bottom:15px; }
}

/* PRODUCT LABELS */
#products .productborder .product-image{ position:relative; }
#products .productborder .product-image img.product-label{ position:absolute;top:0;right:15px;max-width:50px; }
#product .product-img .product-image-wrap .item a img.product-label{ position:absolute;top:15px;right:15px;max-width:100px;border:0; }

@media(max-width:500px){
	#products .productborder .product-image img.product-label{ max-width:50px; }
  #product .product-img .product-image-wrap .item a img.product-label{ max-width:50px;right:0;top:0; }
}

/* Melding te druk */
.drukte-box {
  width: 100%;
  text-align: center;
}
.drukte-box-moving {
  white-space: nowrap;
  color: #FFF;
  width: 100%;
  position: relative;
  
}
.drukte-box-moving > p {
  margin: 0px;
}
@media screen and ( max-width: 782px ) {
  .drukte-box-moving {
  width: 230%;
  -moz-transform:translateX(100%);
  -webkit-transform:translateX(100%);
  transform:translateX(100%);
  -moz-animation: example 17s linear infinite;
  -webkit-animation: example 17s linear infinite;
  animation: example 17s linear infinite;
}
@keyframes example {
0% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}