/* 20240219205841 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #8d8d8d;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #8d8d8d;
  box-shadow: 0 0 2px #8d8d8d;
}

.gui-select.gui-focus .gui-handle {
  border-color: #8d8d8d;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #f6a800;
  color: #ffffff;
  background-color: #f6a800;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #c48600;
  border-color: #c48600;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #8d8d8d;
}

/* custom */
.wsa-demobar {  font-size: 1,5em !important;  color: #333 !important;  padding-top: 200px;  height: 100% !important;  background: url("https://seoshop.rehabfootwear.com/HOME/demo-bar-achtergrond.jpg"); /* Old browsers */  background: url("https://seoshop.rehabfootwear.com/HOME/demo-bar-achtergrond.jpg") !important; /* FF3.6-15 */  background: url("https://seoshop.rehabfootwear.com/HOME/demo-bar-achtergrond.jpg") !important; /* Chrome10-25,Safari5.1-6 */  background: url("https://seoshop.rehabfootwear.com/HOME/demo-bar-achtergrond.jpg") !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}.wsa-demobar a {    display: none;}.wsa-demobar .close {    display: none !important;}


.price, {
    font-size: 27px;
    color: #000;
    font-weight: 800;
}

/*start cta button */
figure.overlay100 figcaption {position: absolute; z-index: 100; width:90%;top: 90%; padding: 0 0 0 0;}
.overlay100 a[title="Meer wit"] {font-size:50px;font-weight:700;line-height:36px;text-align: center;}
.contentright {
    margin-right:80px;
}

@media (max-width: 479px) {
  	figure.overlay50 figcaption {
    top: 70%!important;
  }
    .small{
    padding:6px 12px!important;
    font-size: 14px!important;
  }
  .ctas a{
		  line-height: 18px!important;
    	padding:6px 8px!important; 
  }
  .figure50 .ctas .content {
   margin: 15px -8px!important;
   
}
  .overlay50 a{
  line-height: 18px!important;
  }
  .overlay-button{
  	margin-bottom:0%!important;
  }
  .contentright {
    margin-right:0px;
	}
  .content{
      padding:0 12px!important;
   		font-size: 10px!important;
	}
  
}


.image2 {
display:none;
}
div.figure50 {
	position:relative;
}

div.figure50 .ctas {
	display: block;
  position: absolute;
  width: 100%;
  bottom: 50%;
  text-align:center;
}

div.figure50 .ctas .content {
	display:inline-block;
  margin: 0px 10px
}
a.buttonjune {
margin: 2px 15px 2px 15px; 
  position: absolute; 
  left: 50%; -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  padding: 10px 10px; 
  color: #000; 
  font-size: 18px; 
  border-style: solid; 
  border-color: rgba(0,0,0,0.6); 
  line-height: 18px!important;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  a.buttonjune {
  margin: 2px 10px 2px 10px; 
  position: absolute; 
  top: 190%;
  left: 50%; 
  -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  padding: 10px 10px; 
  color: #777; 
  font-size: 12px; 
  font-weight:400;
  border-style: solid; 
  border-color: rgba(0,0,0,0.6); 
  line-height: 18px!important;
    white-space: nowrap;
}
  }
  
a.buttonjune:hover {
margin: 2px 15px 2px 15px; 
  position: absolute; 
  left: 50%; -ms-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%); 
  padding: 10px 10px; 
  color: #000; 
  font-size: 18px; 
  border-style: solid; 
  border-color: rgba(0,0,0,0.6);
  text-decoration-line: underline;
  line-height: 18px!important;
}  


a.overlay-button {
  padding:10px 10px;
  color: #000;
  font-size:18px;
  text-align:center;
  right: -10px,
  border: 1px;
  border-style: solid;
  border-color:  rgba(0,0,0,0.6);
}
a.overlay-button:hover {
  text-decoration-line: underline;
    color: #000;
}
a.overlay-button-new {
  padding:10px 10px;
  left: 50%;
  margin: 0;
  color: #000;
  font-size:18px;
  text-align:center;
  border: 1px;
  border-style: solid;
  border-color:  rgba(0,0,0,0.6);
}
/* If the screen size is 496px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 496px) {
  .image1{
     display:none !important; 
   }
.image2{
     display:block;
   }
 a.overlay-button {
   padding:10px 15px;
  }
  
  div.figure50 .ctas {
  bottom: 30%;
  }
  
  .fronttitle{
  text-align: center;
  }
	div.figure50 .ctas .content {
    display: inline-block;
    margin: 10px 2px;
	}
  
  .overlay-button{
    display: block;
    margin-bottom: 100%;
  }

}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
  div.fronttitle {
    line-height:60px;
    font-size: 4em;
    color:  rgba(255,255,255,0.9);
    margin-bottom:40px;
  }
    div.figure50 .ctas {
  bottom: 40%;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.fronttitle {
    font-size: 1.5em;
    color:  rgba(255,255,255,0.9);
        margin-bottom:15px;
  }
    div.figure50 .ctas {
  bottom: 10%;
  }
  
  div.figure50 .center {
  bottom: 20%!important;
  }
}
/*end CTA */

.mobile-count {
    display: none;
}
@media (max-width: 599px) {
  .header .cart {
    width: 50px;
  }
  .mobile-count {
    display: block;
    position: absolute;
    color: #FFF;
    top: 10px;
    right: 5px;
  }
}

.product-info .buy .add {
    display: block;
    height: 60px;
    line-height: 60px;
    background: #333;
    font-size: 18px;
    color: #FFF;
    position: relative;
    margin-bottom: 22px;
    font-weight: 500;
}

/* Valentijn LightspeedHQ - 07-04-2021 - Hide contact form - START */
.gui-block.gui-div-faq-form {
/* 	display: none!important; */
}
/* Valentijn LightspeedHQ - 07-04-2021 - END */

.products.products-grid.collection .product.last-product-img img {border-color:#FFF;}

.mobile-count {
    display: none;
}
@media (max-width: 599px) {
  .header .cart {
    width: 50px;
  }
  .mobile-count {
    display: block;
    position: absolute;
    color: #FFF;
    top: 10px;
    right: 5px;
  }
}

a[title="Bezoek Rehabfootwear.com op ShopMania"] {display:none;}
img[alt="Bezoek Rehabfootwear.com op ShopMania"] {display:none;;}

.DIVsubmenu {width:420px;margin: 0;padding: 0;position:absolute;margin-left:0px;background-color:#1c1b1b;margin-top:-4px;margin-left:-14px;z-index:999;display:none;}
.DIVsubmenu2 {width:450px;margin: 0;padding: 0;position:absolute;margin-left:0px;background-color:#1c1b1b;margin-top:-4px;margin-left:-14px;z-index:999;display:none;}

/* IMG Responsive */
img {
  max-width: 100%;
  height: auto;
}

/* HEADER SUBMENU */
.header .header-top .menu ul li a {
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
}
.header .menu-categories li {position:relative;}
.header .menu-categories .submenu {float:left;position:relative;display:inline;font-size: 12px;list-style: none;margin:12px 0px 8px 8px;padding:8px 0px 8px 8px;z-index:999;} 
.header .menu-categories li:hover .submenu {display:block;}
.header .menu-categories li:hover .DIVsubmenu {display:block;}
.header .menu-categories li:hover .DIVsubmenu2 {display:block;}
.header .menu-categories .submenu li {float:none!important;border:none!important;padding:0!important;margin:0!important;}
.header .menu-categories .submenu li:first-child {color:#999;font-size:12px;}            
.header .menu-categories .submenu li a {display:block;text-align:left;line-height:28px!important;padding-left:8px;padding-right:14px;margin-left:-4px;}
.header .menu-categories .submenu li a:hover {opacity:1!important;}
.header .header-top .menu ul li.active li a {font-weight:normal;}   


@media (min-width: 799px) {
  #searchbar {display:none;position:absolute;z-index:900;width:100%;}*/
} 

/* PRODUCTEN 3 op een rij */
/*
.categories .category, .products.products-grid.collection .product {width: 31.66%;}
.categories .category:nth-child(4n + 1), .products.products-grid.collection .product:nth-child(4n + 1) {margin-right: 0;}
.categories .category:nth-child(3n + 1), .products.products-grid.collection .product:nth-child(3n + 1) {margin-right:0;}
@media (max-width: 799px) {
 .categories .category, .products.products-grid.collection .product {width: 48.7%;}
 .categories .category:nth-child(3n + 1), .products.products-grid.collection .product:nth-child(3n + 1) {margin-right:0;}
 .categories .category:nth-child(2n + 1), .products.products-grid.collection .product:nth-child(2n + 1) {margin-right: 0;}
}
@media (max-width: 479px) {
 .categories .category, .products.products-grid.collection .product {width: 100%;}
 .categories .category, .products.products-grid.collection .product {margin-right: 0;}
}
*/

/* CSS door Zana */
.categories .category, .products.products-grid.collection .product {
    width: calc(33.333% - 15px);
    margin-right: 15px!important;
}
#collectionProductsContainer, .products.products-grid {
    margin-right: -15px;
}
@media (max-width: 799px) {
 .categories .category, .products.products-grid.collection .product {width: 45%;}
/*  .categories .category:nth-child(3n + 1), .products.products-grid.collection .product:nth-child(3n + 1) {margin-right:0;}
 .categories .category:nth-child(2n + 1), .products.products-grid.collection .product:nth-child(2n + 1) {margin-right: 0;} */
}
@media (max-width: 479px) {
 .categories .category, .products.products-grid.collection .product {width: 100%;}
/*  .categories .category, .products.products-grid.collection .product {margin-right: 5px;} */
  .price{margin-right:20px;}
}
.index-content .figure50{
margin-left:8px;}

/* TEKSTPAGINA TEMPLATE */
#theme {border-spacing:30px;margin:-20px -30px -30px -30px;;width:105%;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);}
#theme table {border-spacing:30px;margin:-45px -30px;width:105%;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);}
#theme td {text-align:center;font-size:13px;text-transform:uppercase;font-weight:100;background-repeat:no-repeat!important;width:25%;/*height:240px;padding:15px 0;*/line-height:15px;position:relative;background-position:center center;background-size:100%;}
#theme td.vierkant {background-size:cover;}
#theme td.vierkant > a {position: absolute;width: 100%;height: 13%;left: 0;top: 0;}
#theme td.vierkant[valign="bottom"] > a {padding: 82% 0 4% 0;}
#theme td.vierkant[valign="top"] > a {padding: 4% 0 82% 0;}
#theme td.vierkant[valign="middle"] > a {padding: 36% 0 36% 0;height: 28%;}
#theme td * {position:relative;z-index:9;}
#theme h3 {font-size:30px;font-weight:100;line-height:40px;}
#theme td.label {color:#FFF;/*padding:50px 0;height:170px;*/}
/*#theme td.label:after {content:'';display:block;position:absolute;left:0;height:100px;width:100%;background:rgba(0,0,0,0.15);z-index:1;}*/
#theme td.label .innerLabel {background:rgba(0,0,0,0.15);padding: 23px 0;}
/*
#theme td.label[valign="middle"]:after {top:50%;margin-top:-50px;}
#theme td.label[valign="top"]:after {top:25px;top:5%;}
#theme td.label[valign="bottom"]:after {bottom:25px;bottom:5%;}
*/
#theme td.vierkant.label[valign="bottom"] > a {padding:76% 0 12% 0;height:11%;}
#theme td.vierkant.label[valign="top"] > a {padding:8% 0 81% 0;height: 11%;}
#theme td.vierkant.label[valign="middle"] > a {padding: 44% 0 45% 0;height:11%;}
#theme td.vierkant.label[valign="middle"] > h3 {margin-top:-20px;} 
#theme td.no-label {padding:10px 0;/*padding:35px 0;height:200px;*/}
#theme td.no-label[valign="middle"] > a {position: absolute;width: 100%;left: 0;top: 0;padding: 17% 0 16% 0;height: 25%;}
#theme td.no-label[valign="top"] > a {position: absolute;width: 100%;left: 0;top: 0;padding: 4% 0 71% 0;height: 25%;}
#theme td.bold {font-size:20px;line-height:25px;}
#theme td.nieuwsbrief {border-width:3px!important;padding:10px 0;font-weight:normal;letter-spacing:1px;line-height:20px;height:244px;}
#theme td.nieuwsbrief h3 {font-size:45px;font-weight:500;line-height:40px;letter-spacing:2px;}
#theme td.nieuwsbrief b, #theme td.nieuwsbrief strong {font-size:30px;line-height:40px;font-weight:normal;letter-spacing:2px;}
#theme td.nieuwsbrief h4 {font-size:9px;line-height:14px;font-weight:normal;}

@media (max-width: 768px) {
  #theme > tbody,
  #theme > tbody > tr {display:block;width:100%;}
  #theme > tbody > tr > td {width:100%;display: block;margin-bottom:20px;background-size:100%;height:auto;}
  #theme table {margin: -25px -30px;}
  #theme td.vierkant[valign="middle"] > a {padding: 39% 0 36% 0;height: 25%;}
  #theme td.vierkant.label[valign="middle"] > a {padding: 47% 0 42% 0;}
  /*#theme td.label[valign="bottom"]:after {bottom:8%;}*/
}

@media (max-width: 360px) {
  #theme body,
  #theme tr  {display:block;width:100%;}
  #theme tr td {width:100%;display: block;margin-bottom:20px;background-size:cover;height:auto;}
  #theme td.nieuwsbrief {width: calc(100% - 6px);}
  /*#theme td.label[valign="bottom"]:after {bottom:6%;}*/
  #theme td.vierkant.label[valign="bottom"] > a {padding:46% 0 12% 0;height:11%;}
}

@media (max-width: 320px) { /* < mobile landscape */ 
  #theme td.vierkant.label[valign="top"] > a {padding: 11% 0 75% 0;height: 14%;} 
  #theme td.vierkant.label[valign="middle"] > a {padding: 41% 0 39% 0;height: 20%;}
  #theme h3 {font-size:24px;}
  #theme td.nieuwsbrief h3 {font-size:35px;}
  #theme td.nieuwsbrief b, #theme td.nieuwsbrief strong {font-size:19px;}
  #theme td.nieuwsbrief br {display:none;}
  #theme td.nieuwsbrief span {display:block;}
  #theme td.nieuwsbrief h4 {margin-top:10px;}
  /*#theme td.label[valign="bottom"]:after {bottom:4%;}*/
}

/* KLEUROPTIES */
.option-color li a.kleur1 {background-image:url('http://static.webshopapp.com/shops/061155/files/022188265/70x70x2/rehab-josh-leather-sheep-lining-cafe.jpg');}
.option-color li a.kleur2 {background-image:url('http://static.webshopapp.com/shops/061155/files/022188265/70x70x2/rehab-josh-leather-sheep-lining-cafe.jpg');}
.option-color li a.kleur3 {background-image:url('http://static.webshopapp.com/shops/061155/files/022188265/70x70x2/rehab-josh-leather-sheep-lining-cafe.jpg');}
.option-color li a.kleur4 {background-image:url('http://static.webshopapp.com/shops/061155/files/022188265/70x70x2/rehab-josh-leather-sheep-lining-cafe.jpg');}
.option-color li a.kleur5 {background-image:url('http://static.webshopapp.com/shops/061155/files/022188265/70x70x2/rehab-josh-leather-sheep-lining-cafe.jpg');}

/* SIZES GRID */
.products-grid .product .sizes {display:none;position: absolute;z-index: 99;border-bottom:1px solid #eaeaea;width: 100%;border-top:none;background:#FFF;}
.products-grid .product.filled:hover {z-index:1;}
.products-grid .product.filled:hover .sizes {display:block;}
.products-grid .product .sizes strong {display: block;margin:10px 0;line-height: 18px;font-weight: 300;color: #666666;}
.products-grid .product .sizes ul {list-style: none;}
.products-grid .product .sizes ul li {display: block;float: left;margin: 0 10px 10px 0;}
.products-grid .product .sizes ul li.sold a {color:#eaeaea;}

/* FOOTER */
.footer h4,
.footer .footer-nav ul li a, 
.footer .btw,
.footer .footer-copyright,
#newsletterbar .button {color:#7C7C7C;}
#newsletterbar .button,
#newsletterbar {border-color:#7C7C7C;}

/* OVERZICHT */
.products .label {top:15px;}
.recent .last-product-img {display:none;}
.label.pre-order {border: 2px solid #384D59!important;background: none!important;color: #384D59!important;font-weight: 300!important;}
.header .cart-contents {box-shadow: 0px 1px 2px #CCC;}
.header a.logo img {padding:18px 0; width:180px;}

/* PRODUCT */
.productpage .content-container {height:490px;}
.productpage .content-container .content .content-inner {display:block;}
.productpage .content-container .content {    
  background:no-repeat 100% top;           
  height: 410px;
  margin: 0 auto;
  padding: 20px 0;
  width:100%;
  position:absolute;
  right:0;
}
.productpage .content-container .content .wrapper {padding: 15px 0;}
.productpage .content-container .content .wrapper {position:relative;}
.productpage .content-container .content .wrapper .content-inner.fixed {position:absolute;}

.preorder {margin-bottom: 20px;color:#F25009;}

/* BUNDEL POP */
.gui-popover.bundelPop .gui-popover-content {width:830px;margin-left:-415px;}
.gui-popover.bundelPop .gui-popover-content h2 {font-weight:100;}
.gui-popover.bundelPop .gui-popover-content .form {width:100%;padding:40px 60px;margin:0;}
.gui-popover.bundelPop .bundle {margin-bottom:0;}
.gui-popover.bundelPop .bundle .product h3 {font-size: 8px;margin-bottom: 0;}
.gui-popover.bundelPop .bundle .product img {margin-bottom:5px;}
.gui-popover.bundelPop .bundle-actions .plus {line-height: 105px;font-size: 25px;}
.gui-popover.bundelPop .bundlecart {margin-top:40px;font-size:10px;line-height: 14px;}
.gui-popover.bundelPop .bundlecart .discount {margin-bottom:5px;}
.gui-popover.bundelPop .bundlecart .cart a {width: 25px;height: 25px;line-height: 25px;font-size: 16px;}
.gui-popover.bundelPop {position:absolute;background:none;}
.gui-popover.bundelPop:before {content:'';position:fixed;top:0;left:0;width:100%;height:100%;display:block;background: rgba(0, 0, 0, 0.6);}

@media (max-width: 1023px) {
  .gui-popover.bundelPop .gui-popover-content {margin: 0 2%;left:0;width: 96%;top:20%;}
}
@media (max-width: 599px) {
  .gui-popover.bundelPop .bundle {margin-bottom:40px;}
  .gui-popover.bundelPop .bundlecart {margin-top: 40px;font-size: 14px;line-height: 20px;}
  .gui-popover.bundelPop .bundlecart .cart a {width: 40px;height: 40px;line-height: 40px;font-size: 22px;}
}

/* BUNDLEPRODUCTS */
.bundles .bundle {margin-bottom:20px;}
.bundles .bundle-actions .plus {float: left;line-height: 200px;font-size: 50px;width: 2.5%;color: #999999;font-weight: 300;}
.bundles .bundlecart {float:right;text-align:right;line-height:20px;margin-top:80px;width: 20%;}
.bundles .bundlecondition {margin:20px;}
.bundles .bundle:nth-child(2) {color:#999;}
.bundles .bundle .product h3 {height:36px;}
.bundles .bundlecart .discount {margin-bottom:10px;}
.bundles .bundlecart .price {float:right;margin-right:15px;}
.bundles .bundlecart .cart {float:right;}
.bundles .bundlecart .cart a {display: block;width: 40px;height: 40px;line-height: 40px;background-color: #8A2433;text-align: center;font-size: 28px;color: #FFF;}
.bundles .bundlecart .cart a:hover {opacity:0.8;}
.bundles .bundlecart .percentage,
.bundles .bundlecart .old-price {font-weight:700;}
.bundles .bundlecart .title,
.bundles .bundlecart .new-price{font-weight:300;}
.bundles .bundlecart .old-price {text-decoration: line-through;}

@media (max-width: 1023px) {
  .bundles .bundle-actions .plus {font-size:35px;}
}
@media (max-width: 799px) {
  .bundles .bundle .product {width: 23.1%;}
  .bundles .bundle-actions .plus {font-size:25px;}
}
@media (max-width: 599px) {
  .bundles .bundle .product,
  .bundles .bundlecart {width: 48%;margin-right:1%!important;}
  .bundles .bundle { padding: 30px;border: 1px solid #999;}
  .bundles .bundle .plus {display:none;}
}  
@media (max-width: 479px) {
  .bundles .bundle .product {width: 100%;margin:0 0 10px 0;}
  .bundles .bundlecart {width: 100%;margin-right:0;}
}

/* SALE SEARCH */
.saleHeading {margin-top:130px;color:#FFF;background:#003c4d;}
.saleLeft {width:56.2%;float:left;}
.saleLeft img {display:block;width:100%;}
.saleRight {width:43.8%;float:right;text-align:center;}
.saleRight .logo {margin:12% 0;}
.saleRight .title {margin-bottom:7%;font-size:55px;font-weight:400;}
.saleRight .subtitle {margin-bottom:13%;font-size:30px;font-weight:100;}
.saleRight .button {line-height:110px;font-size:25px;color:#FFF;border:4px solid #FFFFFF;font-weight:300;display: block;width: 340px;margin: 0 auto;}
.saleRight .button:hover {opacity:0.8;}
@media (max-width: 1550px) {
  .saleRight .title {font-size:45px;}
  .saleRight .subtitle {font-size:24.5px;}
  .saleRight .logo {margin:9% 0;}
  .saleRight .subtitle {margin-bottom: 9%;}
}
@media (max-width: 1300px) {
  .saleRight .title {font-size:36px;}
  .saleRight .subtitle {font-size: 19.6px;}
  .saleRight .logo {margin: 6% 0;}
  .saleRight .button {width: 300px;line-height: 80px;}
}
@media (max-width: 1024px) {
  .saleHeading {margin-top:-20px;}
  .saleRight .title {font-size: 27px;}
  .saleRight .subtitle {font-size: 14.8px;}
}
@media (max-width: 799px) {
  .saleLeft, .saleRight {width:100%;}
  .saleRight {margin-bottom:70px;}
  .saleRight .title {font-size: 25px;}
  .saleRight .subtitle {font-size: 13.7px;}
  .saleRight .button {width: 288px;line-height: 65px;}
}

/* FANPAGINA */
  .wysiwyg.fanpagina table + table td {font-size: 14px;font-weight: 300;}
  .wysiwyg.fanpagina {margin-top:-22px;margin-bottom:-30px;}
  .wysiwyg.fanpagina table:first-child {width:100%;border-spacing:0;}
  .wysiwyg.fanpagina table td {/*display:block;*/background-size:100%;}
  .wysiwyg.fanpagina table td .wrap {font-size:12px;font-weight:300;width: 96%;max-width: 1170px;margin: 0 auto;text-transform:uppercase;}
  .wysiwyg.fanpagina table td .wrap .inner {height:600px;/*padding:85px 0 64px 0;*/}
  .wysiwyg.fanpagina table:first-child td h2 {font-size:45px;font-weight:100;line-height:50px;margin-bottom:20px;}
  .wysiwyg.fanpagina table td span {font-size:12px;/*margin-bottom:50px;*/display:block;}
  .wysiwyg.fanpagina table td a[title="Meer"] {font-size:12px;font-weight:100;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;} 
  .wysiwyg.fanpagina table td a[title="Meer"]:hover {border: 2px solid #fff;color:#fff;}
  .wysiwyg.fanpagina table td.wit {color:#FFF;}
  .wysiwyg.fanpagina table td.wit a {color:#FFF;border-color:#FFF;}
  .wysiwyg.fanpagina table td.wit a:hover {color:#000;border-color:#fff;background-color:#fff;}
  /*.wysiwyg.fanpagina table td.wit a[title="Meer"] {font-size:20px;font-weight:100;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid #ff0000;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
  .wysiwyg.fanpagina table td.wit a[title="Meer"]:hover {} */
  .wysiwyg.fanpagina table + table {width: 96%;max-width: 1246px;margin:0 auto 70px auto;text-transform:uppercase;color: #000;font-weight:100;}
  .wysiwyg.fanpagina table + table tr:last-child {font-size:20px;}
  .wysiwyg.fanpagina table + table td {vertical-align:top;}
  .wysiwyg.fanpagina table + table h2 {font-weight:100;font-size:30px;line-height:30px;}
  .wysiwyg.fanpagina table + table h2 strong {font-weight:400;}
  .wysiwyg.fanpagina table + table h3 {font-size:30px;font-weight:100;margin-bottom:50px;line-height:30px;}
  .wysiwyg.fanpagina table + table p {font-size: 12px;font-weight: 300;margin:0;line-height:20px;}
  .wysiwyg.fanpagina table + table img {display:block;width:100%;height:auto;}
  .wysiwyg.fanpagina table + table table.schoenen {margin: -38px;width: calc(100% + 38px);table-layout: fixed;}
  .wysiwyg.fanpagina table + table table.schoenen tr {vertical-align:top;}
  .wysiwyg.fanpagina table + table table.schoenen td {width:33%;vertical-align:top;}
  .wysiwyg.fanpagina table + table table.schoenen table {border-spacing: 38px;width: calc(100% + 38px);}
@media (min-width: 768px) {
  .wysiwyg.fanpagina table td .wrap .inner {padding:85px 63.8% 64px 5.3%;}
  .wysiwyg.fanpagina table tr td[align="right"] .wrap .inner {padding:85px 5.3% 64px 63.8%;text-align:left;}
  .wysiwyg.fanpagina table[id="TxtInleiding"]{display:none;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .wysiwyg.fanpagina table tr td[align="right"] .wrap .inner {padding-left:50%;}
}
@media (max-width: 1170px) {
 .wysiwyg.fanpagina table + table td {font-size: 12px;font-weight: 300;}
.wysiwyg.fanpagina table + table h3 {font-size: 22px;font-weight: 100;margin-bottom: 5px;line-height: 30px;}
.wysiwyg.fanpagina table + table p {font-size: 10px;font-weight: 400;margin: 0;line-height:18px;}
}
@media (max-width: 1023px) {
 .wysiwyg.fanpagina table td .wrap .inner {width:50%;padding-right:50%;}
 .wysiwyg.fanpagina table + table {border-spacing:0;}
 .wysiwyg.fanpagina table + table tr {display:block;}
 .wysiwyg.fanpagina table + table td {display:block;margin:30px;width:auto!important;}
 .wysiwyg.fanpagina table + table table.schoenen {width: calc(100% + 60px);margin: -30px;}
 .wysiwyg.fanpagina table + table table.schoenen table {border-spacing: 0;width: 100%;}
 .wysiwyg.fanpagina table + table table table td {margin:0;}
}
@media (max-width: 767px) {
  .wysiwyg.fanpagina table td {background-repeat:no-repeat;background-size:cover;}
.wysiwyg.fanpagina table td h2 br,
.wysiwyg.fanpagina table td p[title="inleiding"] {display:none;}
.wysiwyg.fanpagina table td h2,
.wysiwyg.fanpagina table td span {text-align:center;color:#FFF!important;}
.wysiwyg.fanpagina table td h2 {margin:0 30px 0 30px!important;color:#FFF;padding-top:60px;}
.wysiwyg.fanpagina table td a[title="Meer"] {margin: 0 auto;float: none;width: 50%;margin-bottom:50px;text-align:center;color:#FFF;border-color:#FFF;}
.wysiwyg.fanpagina table td .wrap .inner {height:340px;}
.wysiwyg.fanpagina table td span {margin-bottom:60px;}
.wysiwyg.fanpagina table td.links {background-position:25% center;}
.wysiwyg.fanpagina table td.rechts {background-position:75% center;}
.wysiwyg.fanpagina table td.middel {background-position:center center;}
.parallax-mirror {height:300px;}
.wysiwyg.fanpagina table[id="TxtInleiding"]{color;#000;font-size:12px;margin:0 auto 0px auto;text-transform:uppercase;}
}

 /* STORELOCATOR - niet aanpassen */
#storelocatorContainer {position:relative;margin-bottom:1350px;}
#storelocatorContainer iframe {position:absolute;top:0;left:0;}
#storelocatorContainer .wysiwyg {float: left;width: 57.264957265%;color: #666;font-weight: 300;}
#storelocator {font-family:'Roboto';font-size:15px;color:#666;background:transparent;}
#storelocator .bh-sl-form-container p {float:left;width:57.264957265%;color:#666;font-weight:300;}
#storelocator .bh-sl-form-container form {float:right;width:40.17094017%;}
#storelocator .bh-sl-form-container form label {font-weight:normal;width:19%;line-height:40px;float:left;color:#666;}
#storelocator .bh-sl-form-container form input {border:1px solid #CCC;width:76%;height:38px;float:right;margin:0 0 10px 0;padding:0 10px;}
#storelocator .bh-sl-form-container form .selectcontainer {margin-bottom: 10px;margin-right:4.255319148%;position: relative;cursor: pointer;width: 27.44680851%;overflow: hidden;float:right;border: 1px solid #CCC;}
#storelocator .bh-sl-form-container form .selectcontainer:after {display: block;content: '';position: absolute;width: 37px;height: 38px;line-height: 38px;font-size: 20px;color: #9A9898;font-family: FontAwesome;right: 0;top: 0;border-left: 1px solid #CCCCCC;text-align: center;pointer-events: none;background: url(tui-dropdown-arrow-pdp.png) no-repeat center center #fff;}
#storelocator .bh-sl-form-container form select {width: 120%;border: none;height: 38px;line-height: 38px;font-size: 14px;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';color: #666;-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.3);box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.3);padding-left: 2px;background: #FFF;cursor: pointer;}
#storelocator .bh-sl-form-container form button {background:#e76737;color:#FFF;height:40px;line-height:40px;border:none;border-radius:none;font-size:14px;width:44%;text-align:center;float:right;}
#storelocator .bh-sl-form-container:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
#storelocator .bh-sl-form-container:after  {clear: both;}
#storelocator #map-container {width:100%;margin-top:40px;}

.bh-sl-container .bh-sl-loc-list {margin-top:5px;height:650px;}
.bh-sl-container .bh-sl-loc-list ul li {width:100%;margin:0;padding:10px 0;border-bottom:1px solid #CCC;background:none!important;}
.bh-sl-container .bh-sl-loc-list .list-details {color:#666;width:100%;margin:0;}
.bh-sl-container .bh-sl-loc-list .list-details a {color:#666!important;}
.bh-sl-container .bh-sl-loc-list .list-details .col1,
.bh-sl-container .bh-sl-loc-list .list-details .col2,
.bh-sl-container .bh-sl-loc-list .list-details .col3,
.bh-sl-container .bh-sl-loc-list .list-details .col4 {float:left;margin-right:2.564102564%;}
.bh-sl-container .bh-sl-loc-list .list-details .col1 {width:31.623931623%;}
.bh-sl-container .bh-sl-loc-list .list-details .col2 {width:23.076923076%;}
.bh-sl-container .bh-sl-loc-list .list-details .col3 {width:31.623931623%;}
.bh-sl-container .bh-sl-loc-list .list-details .col4 {width:5.982905982%;margin-right:0;}
.bh-sl-container .bh-sl-loc-list .list-details .loc-name {font-size:20px;text-transform:uppercase;color:#666;}
.bh-sl-container .bh-sl-loc-list .list-details .loc-addr3 {text-transform:uppercase;}
.bh-sl-container .bh-sl-loc-list .list-details .col4 a {display:block;width:100%;height:40px;line-height:40px;text-align:center;color:#FFF!important;background:#CCC;font-weight:bold;text-transform:uppercase;}

@media (max-width: 799px) {
  #storelocatorContainer .wysiwyg {width:100%;} 
  #storelocatorContainer iframe {position:static;}
}

@media (max-width: 767px) { /* iframe */
  #storelocator .bh-sl-form-container form {width:100%;}
  .bh-sl-container .bh-sl-loc-list ul {font-size:12px;}
  .bh-sl-container .bh-sl-loc-list .list-details .loc-name {font-size:14px;}
  .bh-sl-container .bh-sl-loc-list .list-details .loc-web {font-size:11px;}
  .bh-sl-container .bh-sl-map {height:200px;}
  .header a.logo img {padding: 12px 0;}
  .header .search {height:50px;line-height:50px;}
}

@media (max-width: 567px) { /* iframe */
  .bh-sl-container .bh-sl-loc-list .list-details .col4 {width: 100%;margin-top: 10px;} 
  .bh-sl-container .bh-sl-loc-list .list-details .col1 {width: 37%;}
}

@media (max-width: 461px) { /* iframe */
  .bh-sl-container .bh-sl-loc-list .list-details .col1, .bh-sl-container .bh-sl-loc-list .list-details .col2, .bh-sl-container .bh-sl-loc-list .list-details .col3, .bh-sl-container .bh-sl-loc-list .list-details .col4 {width:100%;margin-top: 10px;}
}

/* CHECKOUT */
#gui-block-billing-address .gui-section .messages {display:none;}
.gui-progressbar ul li a {color:#FFF;text-transform:uppercase;}
.gui-table thead tr th {border-color: #CBCBCB!important;background-color: #F9F9F9!important;color: #000000;}
.gui-table tbody tr td {border-color: #EDEDED!important;}
.gui-block.gui-block-highlight .gui-block-title strong {color: #000000!important;}
.gui .gui-div-cart-sum .gui-align-right {width: 100%;height: 60px;background: #dbaa00;font-size: 28px;}
.gui .gui-div-cart-sum .gui-align-right a {height: 60px;line-height: 60px;font-size: 28px;color: #FFF;font-weight: 100;text-transform:uppercase;}
.gui .gui-div-cart-sum .gui-align-right:hover {opacity:0.8;}
.gui-block.gui-block-highlight .gui-block-title {background:#f25005!important;color:#FFF!important;}
.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {border-color: #f60!important;color: #FFF!important;background-color: #f60!important;}
.gui-progressbar {background: #CCC;border-color:#CCC;}
.gui-progressbar .gui-active {color:#999;font-weight: 100;}
.gui-progressbar .gui-done {color:#999;font-weight: 100;}
.gui-checkout .gui-progressbar ul li a span {display:none!important;}
.gui-checkout .gui-progressbar li {background: #CCC!important;}
.gui-checkout .gui-progressbar li a {color: #FFF;background: #CCC;font-weight: normal;}
.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action,
.gui-checkout .gui-form a.gui-button-small.gui-button-block,
.gui-checkout .gui-form a.gui-button-small.gui-button-outline {
    font-size: 18px;
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 40px;min-height:40px;padding:0;
    border-radius: 0;border:none;
  padding:0 20px;
}
.gui-checkout .gui-form .gui-right.gui-button-link {font-size: 14px!important;}
.gui-checkout .gui-form .gui-buttons-large.strict-submit a.gui-button-action {width: 49.5%;font-size:28px!important;margin-right:-30px;}
.gui a.gui-button-large.gui-button-action:hover, 
.gui a.gui-button-small.gui-button-action:hover, 
.gui-checkout .gui-form a.gui-button-small.gui-button-block:hover, 
.gui-checkout .gui-form a.gui-button-small.gui-button-outline:hover {opacity:0.8;}
.gui-checkout .gui-block.gui-block-highlight .gui-block-content {background:#FFF;}
.gui-checkout .gui-buttons.gui-buttons-large .gui-button-link.checkout-back-to-cart {width: auto;font-size: 14px!important;display: inline;}
.gui-form a.gui-button-small:hover {border-color:#666;}
.gui-checkout .strict-submit {width:100%!important;}
.gui-checkout .strict-submit a {height: 60px;line-height: 60px!important;font-size: 28px!important;display: block;}
.gui-checkout #gui-form-login .gui-form a.gui-button-small.gui-button-block {background:#F25009;}
.gui-checkout .gui-form a.gui-button-small.gui-button-outline {background:#CCCCCC;}
.gui-checkout .gui-form a.gui-button-fb {padding:0!important;}
.gui-checkout .gui-form a.gui-button-fb span {height:40px!important;}
.gui-checkout .gui-block-option:hover {border-color:#999;}
.gui-form .gui-input:hover,
.gui-form .gui-text:hover {border-color:#666;}
.gui-form .gui-select select:hover {border-color:#999;}
.gui-form label {color:#666666;}
.gui-form label:hover,
.gui-form input:checked + label {color:#000;}
.gui-block-title strong {text-transform:uppercase;font-weight:300;}
.gui-table thead tr th {font-size:14px!important;}
.gui-block {border-radius:0;}
.gui-block-subtitle, .gui-content-subtitle {height:auto!important;}

@media (max-width: 480px) {
  .gui .gui-div-cart-sum .gui-align-right a {font-size:20px!important;}
  .gui-checkout .gui-form .gui-right {width:100%!important;}
  .gui-checkout .gui-form a.gui-button-small {width:100%;margin-bottom:10px;}
  .gui-table table tbody tr td:nth-child(4) {padding-right:10px;}

  .gui-checkout input,
  .gui-checkout select {font-size:16px;}

.gui-col3-center .gui-col3-center-col2,
.gui-col3-center .gui-col3-center-col3 {padding-top:10px;clear:both;}

#gui-checkout-shipment-methods label.gui-left {width: 80%;}
.gui-checkout .gui-form .gui-right.gui-payment-method-price {width:16%!important;}

#gui-checkout-shipment-methods .gui-block-option {position:relative;}
.gui-checkout .gui-form .gui-right.gui-price {position: absolute;text-align: right;bottom: 10px;right:10px;}
}

.gui .gui-div-cart-sum .gui-align-right {width: 100%;height: 60px;background: #dbaa00;font-size: 28px;}
.gui .gui-div-cart-sum .gui-align-right a {height: 60px;line-height: 60px;font-size: 28px;color: #FFF;font-weight: 100;text-transform:uppercase;}
.gui .gui-div-cart-sum .gui-align-right:hover {opacity:0.8;}


.gui-messages ul, .messages ul,
.gui-messages ul.gui-success {color: #FFF;background-color: #FFA57E;border-color: #F25009;text-shadow: none;}
/*.gui-messages ul.gui-success {color: #8D8D8D;border-color: #CBCBCB;background: #F9F9F9;}
.messages ul.success {color: #8D8D8D;border-color: #CBCBCB;background: #F9F9F9;}*/

/* OUD

.gui-progressbar {background:#CCC;}
.gui-progressbar .gui-active {background:#FFA57E;}
.gui-progressbar .gui-done {background:#8D8D8D;}
.gui-progressbar ul li a {color:#FFF;text-transform:uppercase;}

.gui .gui-div-cart-sum .gui-align-right {width: 100%;height: 60px;background: #dbaa00;font-size: 28px;}
.gui .gui-div-cart-sum .gui-align-right a {height: 60px;line-height: 60px;font-size: 28px;color: #FFF;font-weight: 100;text-transform:uppercase;}
.gui .gui-div-cart-sum .gui-align-right:hover {opacity:0.8;}


.gui-block.gui-block-highlight .gui-block-title {background:#f25005!important;color:#FFF!important;}
.gui-block.gui-block-highlight .gui-block-title strong {color:#FFF!important;}
.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {border-color: #F25009!important;color: #FFF!important;background-color: #F25005!important;}
*/

/*CHECKOUT ALGEMENE VOORWAARDEN POPUP*/

#gui-popover-terms-and-conditions{
  position:fixed; 
  top:30%; 
  left:25%; 
  background:rgba(0,0,0,0.6); 
  z-index:5; 
  width:50%; 
  height:50%; 
  display:none;
}

@media (max-width: 767px) {
  #gui-popover-terms-and-conditions{width:80%;left:10%;}
}
@media (max-width: 600px) {
  #gui-popover-terms-and-conditions{width: 100%;left: 0;top: 0;}
}

/* NIEUWE HOMEPAGE PER 29 MEI 2019*/
figure.overlay {position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
figure.overlay img {width: 100%; margin: 0 auto; vertical-align:bottom; }
figure.overlay figcaption {position: absolute; z-index: 100; width:94%;top: 0; padding: 0 0 0 0; }
figure.overlay figcaption2 {position: absolute; z-index: 100; width:98%;top: 30%; padding: 0 0 0 0;margin:auto;}

.figure50 {position: relative; width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 1.45%; margin-top:1.45%;}
figure.overlay100 {position: relative; width: 100%; padding-left:1.45%; padding-right: 1.45%; overflow: hidden; float:left;}
figure.overlay50 {position: relative; width: 47.825%; margin: 0 auto; overflow: hidden; float:left;}
figure.overlay50 img {width: 100%; margin: 0 auto; vertical-align:bottom;}
figure.overlay50:nth-of-type(1) {margin-left:1.45%; margin-right: 1.45%;}
figure.overlay50:nth-of-type(2) {margin-right: 1.45%;}

/*nieuwe button voor homepage.*/


a.overlay-button {padding:10px 25px;}
a.overlay-button:hover {padding:10px 25px; color:#000;}

figure.overlay50 figcaption {position: absolute; z-index: 100; width:90%;top: 90%; padding: 0 0 0 0;}
.overlay50 a[title="Meer wit"] {font-size:16px;font-weight:300;line-height:36px;text-align: center;}
/*.overlay50 div {width:80%;font-size: 16px; font-weight: 300; line-height: 23px; margin-bottom: 10px; margin-top: 25%; display:block;}
.overlay50 a[title="Meer wit"] {white-space:nowrap;width:80%;font-size:16px;font-weight:300;line-height:24px;text-align: center;padding:10px 10px;margin:5%;display:block;border: 0px solid;color:#000; background-color:#fff;opacity: 0.7; filter: alpha(opacity=70); transition: all 0.2s; -webkit-transition: all 0.2s;}*/

.overlay50 a[title="Meer wit"]:hover {opacity: 0.95; filter: alpha(opacity=95); }
.overlay50.wit {color:#fff;}
.overlay50.rechts div {float:right;}   /* margin-right: 5%;*/
.overlay50.links div {float:left;}   /* margin-left: 10%; */

    .overlay h2 { padding-top: 8%; width: 100%; font-size:90px;font-size: 4.11vw;font-weight:500;line-height:5.4vw; margin-bottom: 2px;}
    .overlay a[title="Meer"] {font-size:16px;font-weight:300;line-height:24px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid#000;color:#000; transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="Meer wit"] {font-size:16px;font-weight:300;line-height:24px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="Meer"]:hover {background:#000;color:#fff;}
    .overlay a[title="Meer wit"]:hover {background:#fff;color:#999;}

    .overlay a[title="Meer-wit-fixed"] {width:60%;font-size:16px;font-weight:500;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="Meer-wit-fixed"]:hover {background:#fff;color:#999;}
    .overlay a[title="ss17-Meer"] {font-size:16px;font-weight:500;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 1px solid #000;color:#fff;background:#000; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="ss17-Meer wit"] {font-size:16px;font-weight:500;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 1px solid #fff;color:#000; background:#fff; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="ss17-Meer"]:hover {background:#fff;color:#000;}
    .overlay a[title="ss17-Meer wit"]:hover {background:#000;color:#fff;}

/* ORDER NOW HOMEPAGE */
	.overlay a:link{color:#fff;font-size:16px;font-weight:500;line-height:44px;padding:12px 20px 12px 20px;display:inline-block; margin:20px; border: none ; transition: all 0.2s; -webkit-transition: all 0.2s;background: rgba(0, 0, 0, 0.8);}
  .overlay a:hover {color:#fff; background: rgba(0, 0, 0, 1);}

@media (max-width: 1028px) {
  .overlay50 a[title="Meer wit"] {font-size:16px}
  a.overlay-button{}
  }
@media (max-width: 768px) {
  .overlay50 a[title="Meer wit"] {font-size:16px}
  }
@media (max-width: 479px) {
  .overlay50 a[title="Meer wit"] {font-size:15px}
  a.left{margin-left:0px;} 
/*   a.right{margin-right: -6px;} */
  figure.overlay50 figcaption {top: 82%;}
  }
@media (max-width: 360px) {
  .overlay50 a[title="Meer wit"] {font-size:12px}
  figure.overlay50 figcaption {top:82%;}
}


@media (max-width: 1023px) {
	.overlay a:link{color:#fff;font-size:20px;font-weight:700;line-height:24px;padding:8px 12px 8px 12px;display:inline-block; margin:12px; border: none ; transition: all 0.2s; -webkit-transition: all 0.2s;background: rgba(0, 0, 0, 0.8);}
}

@media (max-width: 479px) {
	.overlay a:link{color:#fff;font-size:12px;font-weight:400;line-height:14px;padding:8px 12px 8px 12px;display:inline-block; margin:10px auto; border: none ; transition: all 0.2s; -webkit-transition: all 0.2s;background: rgba(0, 0, 0, 0.8);}
}

		.overlay a{color:#fff;}
    .overlay.wit {color:#fff;}
    .overlay.zwart {color:#000;}
    .overlay.rechts h2 {margin-left: 55%;}
    .overlay.links h2{margin-left: 6%;}
		.overlay p {text-align:center;margin: 0 auto;}

@media (max-width: 1280px) {
	.overlay a[title="Meer-wit-fixed"] {width:100%;font-size:20px;font-weight:300;line-height:36px;padding:0 20px;margin:20px 20px 0px 8px;display:block;float: left;border: 2px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
}

@media (max-width: 768px) {
    .overlay a[title="Meer"] {font-size:14px;font-weight:300;line-height:36px;padding:0 12px;margin:12px 12px 0px 8px;display:block;float: left;border: 1px solid#000;color:#000; transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="Meer wit"] {font-size:14px;font-weight:300;line-height:36px;padding:0 12px;margin:12px 12px 0px 8px;display:block;float: left;border: 1px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="ss17-Meer"] {font-size:14px;font-weight:300;line-height:36px;padding:0 12px;margin:12px 12px 0px 8px;display:block;float: left;border: 1px solid #000;color:#fff;background:#000; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="ss17-Meer wit"] {font-size:14px;font-weight:300;line-height:36px;padding:0 12px;margin:12px 12px 0px 8px;display:block;float: left;border: 1px solid #fff;color:#000; background:#fff; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
    .overlay a[title="Meer-wit-fixed"] {width:80%;font-size:12px;font-weight:300;line-height:24px;padding:0px 12px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
}

@media (max-width: 479px) {
  .overlay a[title="Meer"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #000;color:#000; transition: all 0.2s; -webkit-transition: all 0.2s;}
  .overlay a[title="Meer wit"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
  .overlay a[title="ss17-Meer"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #000;color:#fff;background:#000; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
   .overlay a[title="ss17-Meer wit"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 2px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#000; background:#fff; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
  .overlay a[title="Meer-wit-fixed"] {width:90%;font-size:8px;font-weight:300;line-height:18px;padding:2px 2px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
  .overlay h2 { display:none;}
}
@media (max-width: 360px) {
.overlay div {font-size: 8px;font-weight: 300;line-height: 23px;margin-bottom: 4px;margin-top: 4px;display:block;}
.overlay a[title="Meer"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #000;color:#000; transition: all 0.2s; -webkit-transition: all 0.2s;}
.overlay a[title="Meer wit"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#fff; transition: all 0.2s; -webkit-transition: all 0.2s;}
.overlay a[title="ss17-Meer"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #000;color:#fff;background:#000; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
.overlay a[title="ss17-Meer wit"] {font-size:8px;font-weight:400;line-height:18px;padding:2px 4px;margin:4px 8px 0px 4px;display:block;float: left;border: 1px solid #fff;color:#000; background:#fff; opacity: 0.85; filter: alpha(opacity=85); transition: all 0.2s; -webkit-transition: all 0.2s;}
}

.gui-blog-article {line-height: 28px;}
.gui-blog-article footer { padding: 12px 0 28px 0;}
.gui-blog-article-content {line-height: 32px;}
.gui-blog-article-more a {font-weight:200;padding:0 10px;margin-right:10px;display:block;float: right;border: 1px solid #666;color:#666; transition: all 0.2s; -webkit-transition: all 0.2s;}
.gui-blog-article-more a:hover{background:#666;color:#fff;}
.gui-blog-article h2 {text-align: left;font-weight:100;text-transform: uppercase;}

/* GUI BLOG AANPASSING
.gui-blog-article ul {display:none;}
.gui-blog-article-more a {font-size:2vw;font-weight:200;line-height:4vw;padding:0 10px;margin-top:10px;margin-right:10px;display:block;float: right;border: 1px solid #666;color:#666; transition: all 0.2s; -webkit-transition: all 0.2s;}


.gui-blog-article h1 {text-align: left;}
.gui-blog-article h2 {text-align: left;}

@media (max-width: 767px) {
.gui-blog-article-more a {font-size: 13px;font-weight:400;line-height:24px;padding:0 10px;;display:block;float: right;border: 1px solid #666;color:#666; transition: all 0.2s; -webkit-transition: all 0.2s;}
}

@media (min-width: 1023px) {
.gui-blog-article-more a {font-size: 18px;font-weight:400;line-height:32px;padding:0 10px;;display:block;float: right;border: 1px solid #666;color:#666; transition: all 0.2s; -webkit-transition: all 0.2s;}
}
 */

/* LOOKBOOK SS16 mrt16*/

.container_lookbook {max-width: 1280px;margin: auto;}
.row-1 {margin-bottom: 20px;overflow: hidden;}
.row-1:nth-of-type(1) {margin-top: 20px;}
.row-1:after {content: "";clear: both;display: block;}
.row-2:nth-of-type(1) {margin-bottom: 20px;overflow: hidden;}
.row-2:after {content: "";clear: both;display: block;}

* {box-sizing: border-box;}
[class*="col-"] {float: left;overflow: hidden;position: relative;}

.col-3:nth-of-type(1) {margin-right: 1.5625%;}
.col-3:nth-of-type(2) {margin-right: 0.78125%;}
.col-3:nth-of-type(3) {margin-left: 0.78125%;}
.col-3:nth-of-type(4) {margin-left: 1.5625%;}

.col-6:nth-of-type(1) {margin-left: 1.5625%;margin-right: 1.5625%;}
.col-6:nth-of-type(2) {margin-right: 1.5625%;}

.col-6-2:nth-of-type(1) {margin-right: 3.27868852459%;}
.col-12-2 {width: 100%} /* resized with gutter margin*/

.col-2 {width: 16.66%;}
.col-3 {width: 23.828125%;} /* resized with gutter margin*/
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6-2 {width: 48.360655737705%;} /* resized with gutter margin*/
.col-6 {width: 47.65625%;} /* resized with gutter margin*/
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 96.875%;margin-left: 1.5625%;margin-right: 1.5625%;} /* resized with gutter margin*/

[class*="col-"] img {max-width: 100%;vertical-align: top;}

/* Heart beat animation */
@keyframes beat{
  0%  { transform: scale(1); }
  14% { transform: scale(1.04); }
  28% { transform: scale(1); }
  42% { transform: scale(1.02); }
  70% { transform: scale(1); }    
}

.img-beat {max-width: 100%;vertical-align: top;
        -webkit-transform:scale(1); /* Safari and Chrome */
        -moz-transform:scale(1); /* Firefox */
        -ms-transform:scale(1); /* IE 9 */
        -o-transform:scale(1); /* Opera */
         transform:scale(1);
        -webkit-transition: all .3s ease; /* Safari and Chrome */
        -moz-transition: all .3s ease; /* Firefox */
        -ms-transition: all .3s ease; /* IE 9 */
        -o-transition: all .3s ease; /* Opera */
        transition: all .3s ease;
      }
.img-beat:hover {animation: beat 1s linear;}

.col-12 h3 {font-size:30px;text-align:center;font-weight:300;line-height:40px;}
.col-12 p {font-size:20px;text-align:center;font-weight:100;line-height:22px;}

@keyframes bouncing {0%,20%, 50%, 80%, 100% {bottom: 0;} 40% {bottom: 10px;} 60% {bottom: 5px;}}

.arrow {animation: bouncing 2s infinite ease-in-out;
    bottom: 0;
    display: block;
    height: 50px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    z-index: 4;
}

.arrow:hover {cursor: pointer;}

.view-effect img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-effect .mask {
   background-color: rgba(146,96,91,0.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-effect h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-effect p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-effect a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-effect:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-effect:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-effect:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-effect:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-effect:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
        
.view {float: left;overflow: hidden;position: relative;text-align: center;}
.view .mask,.view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}

.mask_content {width: 100%;position: absolute;overflow: hidden;top: 60%;}
.mask_content_top {width: 100%;position: absolute;overflow: hidden;top: 9%;}
.mask_content_middle {width: 100%;position: absolute;overflow: hidden;top: 30%;}
.mask_content_bottom {width: 100%;position: absolute;overflow: hidden;top: 75%;}

.mask_left p {text-align:left!important;margin-left:6%;}
.mask_right p {text-align:right!important;margin-right:6%;}

.about_left p {text-align:left!important;margin-left:10%;margin-right:10%; text-transform:uppercase;}
.about_right p {text-align:right!important;margin-left:10%;margin-right:10%; text-transform:uppercase;}
.about_content_middle {width: 100%;position: absolute;overflow: hidden;top: 20%;}
.fadeInBlock { opacity:0;}

.mask_left div {text-align:left!important;margin-left:6%;}
.mask_right div {text-align:right!important;margin-right:6%;}
.ss17-bigger a {display: inline-block; background-color: #000000; color: #ffffff; opacity: 0.75; filter: alpha(opacity=75); font-size: 21px; padding-top: 14px; padding-bottom: 14px; padding-left:24px; padding-right:24px; border:solid #000 1px;}
.ss17-bigger a:hover {background-color: #ffffff; color: #000000!important; opacity: 0.75; filter: alpha(opacity=75); border:solid #000 1px;}

  .sneakers-row {background-color: #003645; height: 40px; text-align: center; color:#fff; border: 1px solid #003645;}
  .sneakers-row:hover {background-color: #fff; color:#003645;}
  .sneakers-row:hover a { color:#003645;font-weight:500;}
  .sneakers-row p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%);}
  .sneakers-row a {color:#fff;font-weight:500;}
  .sneakers-row a:hover {color:#003645;}

  .classic-row {background-color: #7c202d; height: 40px; text-align: center; color:#fff; border: 1px solid #7c202d;}
  .classic-row:hover {background-color: #fff; color:#7c202d;}
  .classic-row:hover a { color:#7c202d;font-weight:500;}
  .classic-row p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%);}
  .classic-row a {color:#fff;font-weight:500;}
  .classic-row a:hover {color:#7c202d;}

  .casual-row {background-color: #b98f23; height: 40px; text-align: center; color:#fff; border: 1px solid #b98f23;}
  .casual-row:hover {background-color: #fff; color:#b98f23;}
  .casual-row:hover a { color:#b98f23;font-weight:500;}
  .casual-row p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%);}
  .casual-row a {color:#fff;font-weight:500;}
  .casual-row a:hover {color:#b98f23;}

  .bs-row {background-color: #818181; height: 40px; text-align: center; color:#fff; border: 1px solid #818181;}
  .bs-row:hover {background-color: #fff; color:#818181;}
  .bs-row:hover a { color:#818181;font-weight:500;}
  .bs-row p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%);}
  .bs-row a {color:#fff;font-weight:500;}
  .bs-row a:hover {color:#818181;}

  .nvd-row {background-color: #818181; height: 40px; text-align: center; color:#fff; border: 1px solid #818181;}
  .nvd-row:hover {background-color: #fff; color:#818181;}
  .nvd-row:hover a { color:#818181;font-weight:500;}
  .nvd-row p {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: perspective(1px) translateY(-50%);}
  .nvd-row a {color:#fff;font-weight:500;}
  .nvd-row a:hover {color:#818181;}

.view img {display: block;position: relative;}

.view h2 {
   font-family:'Roboto', Arial, Helvetica, sans-serif;
   font-size:45px;
   font-weight:100;
   line-height:80%;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   padding: 8px;
   background: rgba(0, 0, 0, 0.4);
   margin: 0 0 0 0;
}
.view p {
   font-size: 14px;
   font-weight: 100;
   text-transform: uppercase;
   position: relative;
   color: #fff;
   padding: 10px 20px 8px;
   text-align: center;
}

.view a {font-size: 14px;color: #fff;text-decoration:none;}
.view a:hover {color: #DEDEDE;}
.grey a {font-size: 14px;color: #999;text-decoration:none;}
.grey a:hover {color: #333;}
.bigger a {font-size: 21px;}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 4px 30px ;
   background: #fff;
   color: #999;
   text-transform: uppercase;
   margin-bottom: 2px;
}
.view a.info: hover {
   background: #fff;
   color: #000;  
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-effect img { 
  transition: all 0.4s ease-in-out 0.5s; 
}
.view-effect .mask{ 
  background-color: rgba(0,0,0,0.2);
  opacity:0;
  transition: all 0.3s ease-in 0.4s;
}
.view-effect h2{
    opacity:0;
    background: transparent;
    margin: 10px 40px 0px 40px;
    transform: scale(1.2);
    transition: all 0.3s ease-in-out 0.1s;
}
.view-effect p { 
  opacity:0;
  transform: scale(1.2);
  transition: all 0.3s ease-in-out 0.2s;
}
.view-effect a.info { 
  opacity:0;
    transform: translateY(100px);
  transition: all 0.3s ease-in-out 0.1s;
}

@media screen and (max-width: 1280px) {
  .row-1 {margin-bottom: 16px;overflow: hidden;}
  .row-2:nth-of-type(1) {margin-bottom: 16px;overflow: hidden;}
}

@media screen and (max-width: 1024px) {
  .row-1 {margin-bottom: 12px;overflow: hidden;}
  .row-2:nth-of-type(1) {margin-bottom: 12px;overflow: hidden;}
  .arrow {display: none;}
  .view h2 {font-size:20px!important;}
  .view p {font-size: 11px!improtant;line-height:100%;padding: 4px;}
  .view a.info {padding: 4px 8px;}
  .view a {font-size: 11px;}
  .grey a {font-size: 11px;}
  .bigger a {font-size: 16px;line-height:120%;}
  .ss17-bigger a {font-size: 16px;}

@media screen and (max-width: 768px) {
  .row-1 {margin-bottom: 12px;overflow: hidden;}
  .row-2:nth-of-type(1) {margin-bottom: 12px;overflow: hidden;}
  .view h2 {font-size:24px!important;}
  .view p {font-size: 10px!important;line-height:90%;padding: 4px;}
  .view a.info {padding: 4px 8px;}
  .view a {font-size: 10px;}
  .grey a {font-size: 10px;}
  .bigger a {font-size: 14px;line-height:120%;}
  .ss17-bigger a {font-size: 14px;}

}

@media screen and (max-width: 480px) {
   .container {max-width: 480px; margin: auto;} 
   .col-6 {width: 96.6666666666667%; margin-bottom: 8px} /* resized with gutter margin*/
   .col-6:nth-of-type(1) {margin-left:1.6666666667%;}
   .col-6:nth-of-type(2) {margin-left:1.6666666667%;}
   .col-6-2 {width: 49.137931034483%;} /* resized with gutter margin*/
   .col-6-2:nth-of-type(1) {margin-right:1.66666667%; }

   .mask_content_top {display:none;}
   .mask_content_middle {display:none;}
   .mask_content_bottom {display:none;}

}
  
<!-- MAILCHIMP CSS OPT IN FORM -->
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #fff; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #7C7C7C; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; border-color:#7C7C7C;}
#mc_embed_signup .button:hover {background-color:#ccc;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
  
  
  /* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}
