/*
	Theme Name: CPI
	Theme URI: https://www.quick-online.nl
	Description: Basis voor de template
	Version: 1.0
	Author: QuickOnline
	Author URI: https://www.quick-online.nl

*/


@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;600&family=Poppins:wght@300;400;500;600;700&display=swap');

a, .cat-box-content, input[type="submit"], #category-filter li {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.yith-wapo-block .title-image img {
    width: 100%;
    height: auto!important;max-height:100%!important
}
/*------------------------------------*\
    MAIN

font-family: 'Bodoni Moda', serif;
400 
600

font-family: 'Poppins', sans-serif;
Light 300
Regular 400
Medium 500
Semi-bold 600
Bold 700
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#DCAF52;
	text-decoration:none;
}
a:hover {
	color:#2d2d2d;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


/*Klantenvertellen*/
.klanten-vertellen-float {
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 1500;
}

iframe {border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}

@media screen and (max-width:550px){
	.klanten-vertellen-float {
	display:none
}
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
body, html {margin:0;padding:0}

/* wrapper */
.wrapper {
	max-width:1440px;
	width:100%;
	margin:0 auto;
}


.relative-wrapper {position:relative;z-index:100}

h1, h2, h3, h4, h5, h6 {
    margin: 0;color:#385538; font-size:36px; font-weight:600;line-height:1.3;text-transform:none; font-family: 'Bodoni Moda', serif;
}

.standaard-content h3 {font-size:32px}
.standaard-content h4 {font-size:28px}
.standaard-content h5 {font-size:26px;}
.standaard-content h6 {font-size:20px;}

ol { counter-reset: li}
ol li {display:block;padding-left:20px!important;position:relative;margin-bottom:5px!important}
ol li:before{counter-increment: li;content: counter(li)'.'; color: #DCAF52;  display: inline-block; position:absolute;left:0;top:0;} 

.yith-wapo-addon-type-html_text ol, .yith-wapo-addon-type-html_text li {padding:0;margin:0;}
.yith-wapo-addon-type-html_text p {margin-bottom:10px!important;}
body {font-size:16px;line-height:1.5;font-family: 'Poppins', sans-serif;color:#22201F;font-weight:400;}

p { margin:0 0 25px}
p:last-child {margin:0}

.large-title-box h2 {font-size:36px}


.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}

.textcenter, .text-center {text-align:center;}
.title-box {margin-bottom:25px}
.large-title-box {margin-bottom:40px}

.overlay, .video-url.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.margin-fix,.marginfix {margin-bottom:40px}
.nomargin {margin-bottom:0!important}

.banner + .call-to-action {margin-top:140px}

.content-row {padding:100px 0 60px;position:relative;}

.white-background + .white-background {padding-top:0;}
.green-background {padding:0;position:relative}
.green-background .wrapper, .minus-bottom .wrapper {position:relative;z-index:100}
.green-background:before {content:"";position:absolute;z-index:1;background:#385538;top:0;left:0;width:100%;height:calc(100% - 80px)}
.minus-bottom:before {content:"";position:absolute;z-index:1;background:#fff;bottom:0;left:0;width:100%;height:140px}  


.green-background + .white-background {padding-top:60px}

.grey-background {background-color:#EDEDED}
.grey-background + .grey-background {padding-top:0;}

.grey-background.minus-bottom  + .white-background {padding-top:0;}




.media-holder img {width:100%;}
.media-holder a {display:block;}
.media-holder > div {overflow:hidden;position:relative;}
.video-box { position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;    } 
.video-box iframe,.video-box object,.video-box embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;   }
.video-url {position:relative}
.video-url i {position:absolute;font-size:50px;line-height:1;left:calc(50% - 20px);top:calc(50% - 25px)}

.media-galerij-row {padding-bottom:10px;}
.media-box {margin-bottom:30px;position:relative;}
.media-grid-box img {display:none}
.media-grid-box {height:450px;background-size:cover;background-position:center center;background-repeat:no-repeat;}

.double-media {width:50%}


.box-background {position:absolute;background-size:contain;background-repeat:no-repeat;width:535px;max-width:30%;z-index:1;height:calc(100% - 15px);top:0;left:-90px;background-position:bottom right}

.green-background .txtmedia-content {padding:80px 0 80px}
.green-background  .media-container {padding-top:80px}
.green-background h2, .green-background {color:#fff}


.banner {padding-top:265px;background-color:#22201F;margin-bottom:40px}
.banner h1 {font-size:72px;color:#fff;}
.banner .read-more {margin-top:110px}
.banner-titel {    padding: 30px 15px 110px;}
.banner-img-hold {position:relative;min-height:610px;}
.banner-img-hold > .banner-img, .banner-projecten {position:absolute;top:0;left:0;height:calc(100% + 40px);width:100%;background-size:cover;background-position:center center;z-index:1;}
.banner-content {position:relative;z-index:10;    padding: 70px 55px 20px;}
.large-banner {position:relative;margin-bottom:0}
.large-banner .wrapper {position:relative;z-index:10;}
.banner-background {z-index:1;position:absolute;top:0;right:0;height:100%;width:60%;background-size:cover;background-position:center center}
.large-banner h1 {font-size:150px;line-height:1.2;margin-bottom:80px}
.large-banner h1:last-child {margin-bottom:0}

.banner-background:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f0f0f+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(15,15,15,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(15,15,15,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(15,15,15,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */opacity:.6}

.contact-info, .contact-info li, .banner-socials, .banner-socials li {padding:0;margin:0;list-style:none;display:block}
.contact-info, .contact-info a {color:#fff;font-weight:600}
.contact-info a:hover {color:#DCAF52}
.contact-info li {position:relative;padding-left:35px;margin-bottom:15px;}
.contact-info li:last-child {margin-bottom:0;}
.contact-info li i {color:#DCAF52;position:absolute;left:0;top:4px}

.contact-info {margin-top:40px;}
.banner-socials {margin-top:100px}
.banner-socials a {    font-size: 20px;display:inline-block;width:50px;height:50px;color:#fff;background:#DCAF52;text-align:center;padding-top:10px;}
.banner-socials li {margin-right:50px;display:inline-block}



.page-template-template-contact .banner-img:before{background:#385538;opacity:.85;content:"";position:absolute;top:0;left:0;width:100%;height:100%;}


.watwedoen-row .title-box h2 {color:#DCAF52}
.title-btn {text-align:right;}
.watwedoen-rows {margin-top:10px}
.watwedoen-box {padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #C4C4C4}
.watwedoen-box:last-child {margin-bottom:0;}
.watwedoen-box h3 {    font-size: 28px;}
.watwedoen-box h3 a  {   margin: 0;color:#385538; font-size:36px; font-weight:600;line-height:1.3;text-transform:none; font-family: 'Bodoni Moda', serif;  font-size: 28px;}
.watwedoen-box h3 a:hover, .watwedoen-box h3 a:focus {    color: #22201F;}

.watwedoen-box .title-box, .watwedoen-box .desc-box {width:50%;margin-bottom:0}



.cat-box {position:relative;padding-bottom:100%;background-size:cover;background-position:center center;background-color:#fff;}
.cat-box .overlay {z-index:100;}
.cat-box-content {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background: rgb(34 32 31 / 70%);}
.cat-box:hover .cat-box-content {background: rgb(34 32 31 / 0%)}
.cat-box h3 {    font-family: 'Poppins', sans-serif;    color: #fff;    font-weight: 600;font-size:26px;}


.portfolio-banner-titel {    padding: 30px 15px 90px;}
.project-slider-arrows {    margin-top: 100px;}
.project-arrow {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #dcaf51;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 18px;margin-right:50px;cursor:pointer;
}
.project-arrow:hover, .project-arrow:focus {background:#385538;}
.banner .project-box-content {    background: #385538;}
.banner .project-image {height:650px}
/*------------------------------------*\
   PROJECTEN
\*------------------------------------*/
.post-tax-box {width:50%;text-align:center;font-size:26px;color:#385538;text-transform:uppercase;font-weight:600}
.post-tax-icon {
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}


.project-image {background-color:#ddd;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;height:650px}
.project-box-content { z-index:2;   position: absolute;    background: #22201F;    padding: 30px;    text-align: center;    bottom: 0;    left: 0;}

.project-box-content h3, .project-box-content h3 a {color:#fff;font-size:20px;}
.project-box-hidden-content {color:#fff;}
.project-box-hidden-content ul, .project-box-hidden-content li {padding:0;margin:0;list-style:none;}
.project-box-hidden-content li {display:inline-block}
.project-box-hidden-content li:after {content:"|";margin:0 10px}
.project-box-hidden-content li:last-child:after {display:none}
.project-box-hidden-content ul {margin:20px 0}
.project-box-hidden-content {display:none}


.portfolio-grid .project-box {margin-bottom:30px}
.portfolio-grid {margin-bottom:10px}


#category-filter ul, #category-filter li {padding:0;margin:0;list-style:none;float:left;width:100%;}
#category-filter li {width:25%;}
#category-filter li input {display:none}
#category-filter li {    font-weight: 600;    font-size: 26px;    text-transform: uppercase;    line-height: 1;    text-align: center;    padding: 17px 20px;cursor:pointer;background:#EDEDED}

#category-filter li.clear-all {    width: 60px;    height: 60px;    color: #fff!important;    background: #DCAF52;    cursor: pointer;    font-size: 26px;    text-align: center;padding:0;    padding-top: 17px;    line-height: 1;}
#category-filter li li:hover, #category-filter li li.selected {color:#DCAF52}

#category-filter .filter-box > ul > li {    padding: 0;    background: none;}
#category-filter .filter-box > ul > li:first-child {width:60px}
#category-filter .filter-box > ul > li:last-child {width:calc(100% - 60px)}

.banner .project-box-slide {    width: 450px;}
.banner .project-box-slide .btn:hover {background:#fff;color:#dcaf51!important}


@media screen and (max-width:1200px){
	.project-image {height:600px;}
	.project-box-slide .project-image {height:600px;}
	
	.project-slider-arrows {    margin-top: 30px;}
	.banner .project-box-slide .project-image {    height: 650px;}
	
	#category-filter li {font-size: 22px;padding: 19px 10px;}
}
@media screen and (max-width:991px){
	.project-image {height:450px;}
	.project-box-slide .project-image {height:550px;}
	.banner .project-box-slide .project-image {height:100%}
	.banner .project-box-slide {    width: 410px;    min-height: 450px;}
}
@media screen and (max-width:767px){
	.project-image {height:400px;}
	.portfolio-grid .project-box {width:50%}
	.portfolio-grid .project-box:nth-child(11){display:none}
	.project-box-slide .project-image {height:500px;}
	
	.banner .project-box-slide {    width: 300px;    min-height: 340px;}
	#category-filter li {width:50%}
	#category-filter li.clear-all {    height: 120px;    padding-top: 47px;}
	.project-arrow {margin-right:30px}
}
@media screen and (max-width:550px){
	.project-image {height:400px;}
	.portfolio-grid .project-box {width:100%}
	#category-filter li {    font-size: 14px;    padding: 23px 5px;}
	
}

/*------------------------------------*\
    CALL TO ACTION
\*------------------------------------*/
.call-to-action {min-height:500px;background-size:cover;background-position:center center;position:relative;padding:100px 0 60px;}
.call-to-action .wrapper {position:relative;z-index:3;}
.call-to-action:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f0f0f+0,ffffff+100&0.8+0,0+100 */
background: -moz-linear-gradient(top, rgba(15,15,15,0.8) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(15,15,15,0.8) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(15,15,15,0.8) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0f0f0f', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}

.call-to-action h2 {font-size:70px;color:#fff;font-weight:400}
.cta-titel {    width: calc(100% - 240px);}
.cta-btn {width:230px;}
.cta-btn .btn {width:100%;max-width:240px}









/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {top:0;position:fixed;left:0;width:100%;background-color:transparent;padding:15px 0 20px;z-index:9000}
.header.fixed-header {top:0;background-color:#22201F}
.header .wrapper {max-width:1750px}

.header .logo {    width: 300px;    margin-top: 0;margin-top: 57px;}
.header .logo a, header .logo img {display:block;width:100%;}
.header .navigatie {width:calc(100% - 300px);margin-top: 3px;}



.desktop-navigatie ul, .desktop-navigatie li {
    padding: 0;
    margin: 0;
    list-style: none;position:relative;
}
.desktop-navigatie > ul {text-align:right}
.desktop-navigatie > ul > li {display:inline-block;margin-right:65px;}
.desktop-navigatie > ul > li:last-child {margin-right:0}
.desktop-navigatie a {display:block;font-size:18px;font-weight:500;color:#fff;}
.desktop-navigatie .current-menu-item > a, .desktop-navigatie .current-menu-ancestor > a, .desktop-navigatie li:hover > a {color:#DCAF52}

.desktop-navigatie .sub-menu {position:absolute;top:100%;left:-20px;background:#22201F;padding:10px 20px;    width: 250px;
    text-align: left;display:none}
.desktop-navigatie .sub-menu li {margin-bottom:10px;display:block}
.desktop-navigatie .sub-menu li:last-child {margin-bottom:0;}
.desktop-navigatie .sub-menu a {font-size:17px}
.desktop-navigatie li:hover > .sub-menu {display:block}
.desktop-navigatie > ul > li > a {padding:10px 0;}


.mobbtn {display:none;position:relative;width:28px;height:18px;cursor:pointer;    float: right;}
.mobbtn span {background:#fff;content:"";position:absolute;left:0;height:2px;width:100%;}
.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:8px;}
.mobbtn span:nth-child(3){top:16px;}

.mobbtn.active-menu span:nth-child(2){width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1){	top: 8px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active-menu span:nth-child(3){	top: 8px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}

.responsive-nav {     text-align:left;  position: fixed;    top: 0;    right: -250px;    width: 250px;    z-index: 9000;
    background-color: #22201f;    height: 100vh;    padding-top: 62px;    padding-bottom: 50px;  padding-left:20px;padding-right:0px;overflow:auto;}
.responsive-nav .sub-menu {display:none;padding-left:10px;}
.responsive-nav .sub-menu a {font-size:17px;text-transform:none;font-weight:400;}
.resp-nav ul, .resp-nav li {padding:0;margin:0;list-style:none;display:block}
.resp-nav li {margin-bottom:10px}
.resp-nav li:last-child{margin-bottom:0}
.resp-nav a{font-size:18px;    font-weight: 600;color:#FFFFFF;display:inline-block;text-transform:uppercase}
.resp-nav ul {width:100%}
.resp-nav > ul {margin-bottom:50px}
.resp-nav > ul:last-child {margin-bottom:0;}

.resp-nav li:hover >a, .resp-nav li.current-menu-item >a {color:#DCAF52}




.responsive-nav li.menu-item-has-children {    position: relative;}
.responsive-nav li.menu-item-has-children > span {    position: absolute;    width: 25px;    height: 25px;    content: "";    top: -1px;    right: 0;    z-index: 1}
.responsive-nav li.menu-item-has-children > span:after, .responsive-nav .menu-item-has-children > span:before {    content: "";    width: 14px;    height: 3px;    position: absolute;    left: 6px;    top: 11px;    background: #fff;}

.responsive-nav span.open-nav:after {    display: none}
.responsive-nav li.menu-item-has-children > span:after {    -ms-transform: rotate(-90deg);    -webkit-transform: rotate(-90deg);     transform: rotate(-90deg);}

.header-top {text-align:right;margin-bottom:25px;}
.header-top ul, .header-top li {padding:0;margin:0;list-style:none}
.header-top ul {display:block}
.header-top li {display:inline-block}
.header-top a {
    color: #FFF;
}

.header-top .menu-item a {font-size:14px;}
.header-top .menu-item {margin-right:40px;}
.header-top .login-list {margin-right:20px}
.login-list a, .cart-list a {
    font-size: 20px;
}
.cart-list a{position:relative;}
.header-cart-count {    position: absolute;    width: 20px;    height: 20px;    border-radius: 50%;    background: #DCAF52;    color: #fff;    font-size: 11px;    font-weight: bold;    text-align: center;    line-height: 1;    padding-top: 5px;    right: -14px;    top: -5px;}


.header-top a:hover, .header-top .current-menu-item a {color:#DCAF52}


@media screen and (max-width:1300px){
	.desktop-navigatie > ul > li {margin-right:25px}
	.menu-btn > a {min-width:150px; padding:17px 20px!important}
	.header .logo {    width: 220px;    margin-top: 47px;}
	.header .navigatie {    width: calc(100% - 220px);    margin-top: 0;}
	.desktop-navigatie a {font-size:15px;}
	.menu-btn > a {padding: 14px 25px!important;}
	.desktop-navigatie .sub-menu a {font-size:14px}
	.header-top {margin-bottom:10px;}
}
@media screen and (max-width:960px){
	.desktop-navigatie > ul {display:none!important}
	.responsive-nav.active-menu {right: 0;    text-align: left;}
	.header.active-menu {left:-250px;}
	.mobbtn {display:block}
	
	.header .logo {    width: 185px;margin-top:10px;padding-right:0;}
	.header .navigatie {	padding-left:0;	width: calc(100% - 185px);    margin-top: 11px;}
	.header {    padding: 5px 0;}
	
	.header-top .login-list {    margin-right: 10px;}
	
	.header-top >ul > li {display:none}
	.header-top > ul > li:last-child {display:block}
	.desktop-navigatie {width:50px;    margin-top: 5px;}
	.header-top{width:calc(100% - 50px);padding-left:0;padding-right:0;margin-bottom:0;}
}


.mobbtn span, .responsive-nav, header{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {padding:60px 0 20px;background-color:#22201F;position:relative}
footer .wrapper {position:relative;z-index:10;}

footer h4 {font-size:24px;color:#DCAF52;margin-bottom:25px;}

.footer-top, .footer-top a {font-weight:600;color:#fff;}
.footer-top a:hover {color:#DCAF52}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none;display:block}
.footer-top li {margin-bottom:15px;}

.footer-top .large-3 {margin-bottom:30px}

.footer-top {padding-bottom:15px;}

.footer-bottom, .footer-bottom a {color:#fff;font-size:14px;}
.footer-bottom a:hover {color:#DCAF52}
.footer-bottom ul, .footer-bottom li {padding:0;margin:0;list-style:none;display:block}
.footer-bottom li {display:inline-block;;}
.footer-bottom li:after {content:"|";margin:0 5px}
.footer-bottom li:last-child:after {display:none}

.footer-bottom div:last-child {text-align:right;}

.footer-contact li {position:relative;padding-left:35px}
.footer-contact li i {color:#DCAF52;position:absolute;left:0;top:4px}

.footer-logo a {
    display: block;
    max-width: 300px;
}

@media screen and (max-width:767px){
	footer h4 {    font-size: 20px;    margin-bottom: 15px;}
	.footer-top li {    margin-bottom: 5px;}
	.footer-bottom div {text-align:left!important}
	.footer-bottom div:last-child {margin-top:5px}
	.footer-top .large-3 {width:50%; margin-bottom: 20px;}
	
}
@media screen and (max-width:500px){
	.footer-top .large-3 {width:100%}
	.footer-top {background-size:contain}
}

/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn, .menu-btn > a, input[type="submit"], .yith-wapo-popup .yith-wapo-footer .yith-wapo-add-to-cart .button {
    font-size: 16px;
    color: #fff!important;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    padding: 17px 25px!important;
    background: #DCAF52;
    border-radius: 0;
    min-width: 210px;
    text-align: center;cursor:pointer;
}
.btn:hover, .btn:focus, .btn.secundair , .menu-btn > a:hover,  .menu-btn > a:focus, .yith-wapo-popup .yith-wapo-footer .yith-wapo-add-to-cart .button{background: #385538;color: #fff!important;}
.btn.secundair:hover, .btn.secundair:focus { background: #DCAF52;}
input[type="submit"]:hover, input[type="submit"]:focus, .yith-wapo-popup .yith-wapo-footer .yith-wapo-add-to-cart .button:hover, .yith-wapo-popup .yith-wapo-footer .yith-wapo-add-to-cart .button:focus{background: #22201F;color: #fff!important;}

.read-more {display:inline-block}

.read-more i {vertical-align:middle;margin-left:15px;}
.read-more:hover {color:#385538}
.banner .read-more:hover {color:#fff;}
.green-background .read-more:hover {    color: #2d2d2d;}
.standaard-content .read-more:after {    font-family: "Font Awesome 5 Pro";    content: "\f178";    margin-left: 20px;    font-weight: 300;}

.responsive-nav .menu-btn {margin-top:25px;}
.responsive-nav .menu-btn > a {
    padding: 15px!important;
    min-width: 1px;
    max-width: 100%;
    font-size: 15px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
.project-box .btn {width:100%;min-width:0;max-width:210px}

.responsive-hide {display:block}
.responsive-show {display:none}

@media screen and (max-width:1750px){
	.box-background {    width: 305px;    left: -50px;max-width:25%}
	
}

@media screen and (max-width:1440px){

	.call-to-action h2, .banner h1 {font-size:65px}
	
	
	
	
}
@media screen and (max-width:991px){
	h1, h2, h3, h4, h5, h6, .watwedoen-box h3 a { font-size:32px; }
	.standaard-content h3 {font-size:28px}
	.standaard-content h4 {font-size:24px}
	.standaard-content h5 {font-size:22px;}
	.standaard-content h6 {font-size:19px;}	
	
	
	.call-to-action h2, .banner h1 {font-size:55px}
	.large-title-box h2 {    font-size: 34px;}
	
	.call-to-action {min-height:400px;padding:60px 0 20px}
	.green-background .media-container {    padding-top: 0;}
	.green-background .txtmedia-content {padding:0 0 20px}
	.green-background:before {    height: 100%;}
	.minus-bottom:before {height:90px}
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	.portfolio-slider {margin-bottom:40px}
	.title-box {    margin-bottom: 15px;}
	.media-galerij-row {padding-bottom:0}
	
	.content-row {    padding: 50px 0 20px;}
	.banner + .call-to-action {    margin-top: 100px;}
	
	.banner-content {    padding: 30px 15px 20px;}
	.banner-titel {    padding: 10px 15px 60px;}
	.banner .read-more {    margin-top: 60px;}
	
	
	.banner {		padding-top: 175px;}
	
	.post-tax-box {font-size:23px}
	
	.project-box-content {padding:20px;}
	.watwedoen-box {    padding-bottom: 30px;		margin-bottom: 30px;}
	.large-banner h1 {margin-bottom:60px}
	
		.project-box-hidden-content li:after {content:""}

	.banner-img-hold {min-height:400px}
	
	.box-background {display:none}
	.watwedoen-box h3 {    font-size: 24px;}
	.banner-socials li {		margin-right: 30px;}
	
}
@media screen and (max-width:767px){
	body {font-size: 14px;}
	h1, h2, h3, h4, h5, h6, .watwedoen-box h3 a  { font-size:30px; }
	.standaard-content h3 {font-size:26px}
	.standaard-content h4 {font-size:22px}
	.standaard-content h5 {font-size:20px;}
	.standaard-content h6 {font-size:18px;}		
	.large-title-box h2 {    font-size: 32px;}
	
	.call-to-action h2, .banner h1 {font-size:45px}
	
	.btn, input[type="submit"] {    padding: 12px 20px!important;}
	.title-btn {    text-align: left;}
	.large-banner h1 {margin-bottom:30px}
	
	
	.call-to-action {min-height:300px;}
	.cta-titel, .cta-btn {    width:100%;text-align:center}
	.post-tax-box {font-size:21px}
	.project-box-content h3, .project-box-content h3 a {font-size:18px}
	
		.green-background:before {height:100%}
	.green-background + .white-background {    padding-top: 50px;}
	.green-background .txtmedia-content {    padding: 0;}
	.green-background .media-container {    padding-top: 0;}

	.banner-content {padding-bottom:0;}
	.banner-socials {    margin-top: 30px;}
	.contact-info {    margin-top: 20px;}
	.banner-socials a {    font-size: 15px;    width: 40px;		height: 40px;}
	.banner-titel {padding-top:0;}
	.banner {    padding-top: 150px;}
	.banner .read-more {    margin-top: 30px;}
	.banner-img-hold {min-height:300px}
	.header {    padding: 5px 0 10px;}
	.watwedoen-box .title-box, .watwedoen-box .desc-box {width:100%}
	
	.cat-box-holder {width:50%}
	.cat-box h3 {font-size:21px}
	.banner-background {width:100%}
	
	.responsive-hide {display:none}
.responsive-show {display:block}
	.responsive-show .title-btn {text-align:center}
	.minus-bottom:before {    height: 160px;}
	
}
@media screen and (max-width:550px){
	h1, h2, h3, h4, h5, h6, .watwedoen-box h3 a  { font-size:26px; }
	.standaard-content h3 {font-size:24px}
	.standaard-content h4 {font-size:20px}
	.standaard-content h5 {font-size:18px;}
	.standaard-content h6 {font-size:17px;}		
	.large-title-box h2 {    font-size: 27px;}
	
	.call-to-action h2, .banner h1 {font-size:35px}
	.footer-bottom li:after {display:none!important}
	.post-tax-box {width:100%}
	.watwedoen-box {    padding-bottom: 20px;		margin-bottom: 20px;}
	.cat-box h3 {    font-size: 18px;}
	
}




/*------------------------------------*\
    GRAVITY FORMS
\*------------------------------------*/
input[type="text"], input[type="tel"], input[type="email"], input[type="search"],textarea,select {outline:none}

input[type="text"], input[type="tel"], input[type="email"], input[type="search"],textarea,select  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 35px;
    border-radius: 0;padding:0!important;
    background: none;
	border:none;
    border-bottom: 1px solid #FFFFFF;
    font-size: 16px!important;font-weight:600;
    padding-left: 0!important;margin-bottom:25px;    float: left;color:#fff;font-family: 'Poppins', sans-serif;font-weight:600
}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"] {border-top:none!important;border-left:none!important;border-right:none!important}
textarea {height:180px;resize:none;    font-family: 'Poppins', sans-serif;padding:15px!important;border:1px solid #fff;}
select {border:none;margin-bottom:0;}

input[type="submit"]{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;border:none}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}
:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}



.gfield, .gform_fields, .gform_body, .gform_footer {	float: left;    width: 100%;position:relative}
.hidden_label label {display:none}

.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 600!important;
    color: #fff;margin-top:10px!important
}

/*Select*/
.ginput_container_select {    float: left;position:relative;    width: 100%; border: 1px solid #DCAF52;border-radius:10px;margin-bottom:25px;background:#fff}
.ginput_container_select select {position:relative;z-index:10;background:none}
.ginput_container_select:before {font-family: "Font Awesome 5 Pro";color:#DCAF52;    font-weight: 400;    content: "\f078";position:absolute;right:10px;top:10px}

/*Date*/
.ginput_container_date {    float: left;position:relative;    width: 100%; border: 1px solid #DCAF52;border-radius:10px;margin-bottom:25px;background:#fff}
.ginput_container_date input  {position:relative;z-index:10;background:none;margin:0;border:none}
.ginput_container_date:before  {font-family: "Font Awesome 5 Pro";color:#DCAF52;    font-weight: 400;    content: "\f073";position:absolute;right:10px;top:10px}


/*Datepicker*/
.ui-state-disabled {
    opacity: 0.4;
}
table.ui-datepicker-calendar a {
    color: #191919;
}
table.ui-datepicker-calendar a:hover, table.ui-datepicker-calendar a:focus {color:#DCAF52}

select.ui-datepicker-month, select.ui-datepicker-year {
    float: left;
    width: calc(50% - 10px);
    font-size: 15px;
    height: 40px;margin-bottom:5px
}
select.ui-datepicker-year {float:right}

.ui-timepicker-standard {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background-color: #FFF;
    border: none;
    color: #162f79;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    border-radius: 0 0 10px 10px;
}
.ui-timepicker-standard a {
    border: none;
    color: #162f79;
    display: block;
    padding: 5px;
    padding-left: 30px;
    text-decoration: none;
    font-weight: 300;
    text-align: left;
    border-bottom: 1px solid #f9f9f9;
}
.ui-timepicker-standard .ui-state-hover {
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    font-weight: 400;
    color: #162f79;
}
div#ui-datepicker-div {
    background: #f1f1f1;
    padding: 25px;padding-bottom:15px;
 -webkit-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 4px 5px 0px rgb(0 0 0 / 10%);
    border-radius:10px;
}
a.ui-datepicker-next.ui-corner-all {
    float: right; 
}
.ui-datepicker-header .ui-corner-all {display:none!important}
.ui-datepicker-header a {cursor:pointer}

table.ui-datepicker-calendar td {
    padding: 5px;
    text-align: center;
    width: 40px;
    height: 40px;font-size: 15px;
}
a.ui-state-default.ui-state-active {
    background: #DCAF52;
    display: block;
    color: #fff!important;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    line-height: 1;
    padding-top: 7px;
    border-radius: 50%;
}
table.ui-datepicker-calendar th {
    color: #DCAF52;   
}
.ui-datepicker-title {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;

    font-size: 25px;
    color: #162f79;
}


/*Check inputs*/
input[type="checkbox"]{display:none!important}
input[type="checkbox"]:checked + label:after {
    font-weight: 400;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    left: 4px;
    position: absolute;
    font-size: 26px;
    top: calc(50% - 23px);
}
input[type="checkbox"]:checked + label:before {background:#DCAF52}


legend.gfield_label {    display: none;}
fieldset.form-row {    border: none;    padding: 0;    margin: 0;margin-bottom:20px}
fieldset.form-row:last-child {margin-bottom:45px}
label.gfield_consent_label {    color: #818181;position:relative;padding-left:50px;}
label.gfield_consent_label:before {width:34px;height:34px;border-radius:5px;background:#fff;border:1px solid #DCAF52;position:absolute;content:"";left:0;top:calc(50% - 17px);}
.ginput_container_consent + .validation_message {    padding: 0;    left: 50px;}


/*Uploads*/
.gform_fileupload_rules {display:none}
.ginput_container_fileupload {    float: left;    width: 100%;}
.gform_drop_area {    text-align: center;    border: 4px dashed #f1f1f1;    padding: 30px 10px;    margin-bottom: 25px;}
span.gform_drop_instructions {    display: block;    margin: 0;    line-height: 1;}


.gform_button_select_files {-webkit-appearance:none;-moz-appearance:none;appearance:none;
    border: none;
    padding: 10px 19px;
    font-size: 15px;
    margin-top: 10px;
}

.ginput_preview {    float: left;    width: 100%;}
.ginput_preview:last-child {margin-bottom:25px}
button.gform_delete_file {
    border: none;
    background: none;
    padding: 0;
    vertical-align: middle;
    color: #03963e;
    font-size: 14px;
}
.ginput_preview strong {
    font-size: 16px;
    vertical-align: middle;
}
/*Validation*/

span.gform-icon.gform-icon--close {    position: absolute;    border-radius: 50%;    left: 9px;    top: calc(50% - 13px);    font-weight: 400;    font-family: "Font Awesome 5 Pro";    font-size: 20px;color:#fff;}
span.gform-icon.gform-icon--close:before {content: "\f071";}
.gform_validation_errors h2 {    font-size: 14px;    font-weight: normal;    color: #fff;    padding-left: 45px;position:relative}
.gform_validation_errors {    float: left;    width: 100%;    padding: 20px;    margin-bottom: 30px;    background: #ffaea9;    color: #fff;}


.gfield_visibility_hidden {
    visibility: hidden;
    display: none;
}


.gform_wrapper .gfield_error [aria-invalid=true] {
	border-color:#c02b0a
}


.banner-content .gform_wrapper .gfield_description.validation_message {
    float: left;
    width: 100%;
    padding: 5px 10px!important;
    background: #c02b0a;
    border: none;
    color: #fff;
}
.banner-content .gform_wrapper .gform_validation_errors {
    background: #c02b0a;
    border-radius: 0;
    border: none;
    box-shadow: 0 1px 4px rgb(0 0 0 / 11%), 0 0 4px rgb(18 25 97 / 4%);
    margin-bottom: 8px;
    margin-top: 0;
    padding: 16px 16px 16px 48px;
    position: relative;
    width: 100%;
}
.gform_wrapper .gform_validation_errors>h2 {color:#fff!important;font-weight:600!important;font-family: 'Poppins', sans-serif;}




/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/
.breadcrumbs {margin-bottom:40px;}
.breadcrumbs,.breadcrumbs a {color:#9B9B9B;font-size:14px;}
.breadcrumbs a:hover, .breadcrumbs .last {color:#22201F}




.header-pusher {height:160px;background:#22201F}

.header-pusher + .content-row {padding-top:30px;}

@media screen and (max-width:1300px){
	.header-pusher {height:135px;}
}
@media screen and (max-width:960px){
	.header-pusher {height:65px;}
}


.product-box {margin-bottom:30px;}
.product-box > div {background:#FFFFFF}

.product-box-image {position:relative;background:#D8D8D8}
.product-box-content h3, .product-box-content h3 a {font-family: 'Poppins', sans-serif;margin:0;color:#22201F;font-size:20px;font-weight:600}
.product-box-content h3 {margin-bottom:5px;}
.product-box-content {padding:20px 30px 30px;color:#385538}
.product-box-content .btn {width:100%;min-width:0}
.product-box  p {margin-bottom:20px;}
.product-box-prijs {color:#22201F;font-weight:600}

@media screen and (max-width:1250px){
	.post-type-archive-product .product-box {width:33.33333%}
}

@media screen and (max-width:800px){
	.post-type-archive-product .product-box {width:50%}
}
@media screen and (max-width:600px){
	.post-type-archive-product .product-box {width:100%}
}

.small-12 .woocommerce {float:left;width:100%}








.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content  {margin-bottom:40px;}


.woocommerce table.cart td.actions .coupon {
    width: calc(100% + 60px);
    margin-top: 50px;
    background: #fff;
    margin-bottom: -40px;
    margin-left: -30px;
    padding: 30px 30px 0;
}
.woocommerce table.cart td.actions .input-text {
    width: calc(100% - 240px);margin-bottom:20px;margin-right:0!important
}
.woocommerce-page table.cart td.actions button[type="submit"][name="apply_coupon"] {
    margin-top: 0;
    float: left;
    margin-right: 0;
    margin-bottom: 30px;
    margin-top: 0;
    max-width: 220px;
    padding-left: 20px!important;
    padding-right: 20px!important;
    margin-left: 20px;
}

@media screen and (min-width:768px){
	.woocommerce input#coupon_code {
    height: 50px;
}
}




/*------------------------------------*\
    WOOTABLES
\*------------------------------------*/

.woocommerce table.shop_table {
    border: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
}


.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {    font-weight: 600;    border-top: none;}
.woocommerce-cart .cart-collaterals .cart_totals tr td strong {font-weight:600}


#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {border:none}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {padding:0;}
.woocommerce table.shop_table td {padding:0;    border-top: 1px solid #EDEDED;}

#add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {
    width: 35%;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {text-align:right}


.woocommerce-cart .cart-collaterals .cart_totals table .order-total th , .woocommerce-cart .cart-collaterals .cart_totals table .order-total td{    padding-top: 10px;border-top:1px solid #EDEDED}

.woocommerce-cart .cart-collaterals .cart_totals table tr:nth-last-child(2) th, .woocommerce-cart .cart-collaterals .cart_totals table tr:nth-last-child(2) td{padding-bottom:10px}



.woocommerce form .form-row textarea {height:100px;}
.woocommerce input[type="text"],.woocommerce  input[type="tel"],.woocommerce  input[type="email"], .woocommerce input[type="search"],.woocommerce  textarea, .woocommerce select , .woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password]{    height: 40px;margin-bottom:0!important;  border:1px solid #707070!important;    color: #22201F!important;padding-left:15px!important;background:#fff;font-weight:400!important;    font-family: 'Poppins', sans-serif;font-size:14px!important}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {display:none!important}

.woocommerce form .form-row {
    padding: 0;
    margin: 0;
	margin-bottom:15px;
}
.woocommerce form .form-row label {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
.woocommerce form .form-row .required {	color: #DCAF52;}


input.select2-search__field {float:none!important}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #707070;
    border-radius: 0;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0 0 0;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111;
    line-height: 40px;
    padding-left: 15px;
    font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #707070 transparent transparent transparent;}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #707070;
	border-radius: 10px;}
.select2-search--dropdown {
    display: block;
    padding: 10px 15px 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #707070;font-weight:400;color:#22201F
}
.select2-search--dropdown .select2-search__field {
	padding: 0 15px;}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #707070;
    color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #DCAF52;
    color: #fff;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #707070 transparent;
    border-width: 0 4px 5px 4px;
}
 






.woocommerce ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   font-family: 'Poppins', sans-serif;font-weight:400;color:#999
}
.woocommerce ::-moz-placeholder { /* Firefox 19+ */
 font-family: 'Poppins', sans-serif;font-weight:400;color:#999}
.woocommerce :-ms-input-placeholder { /* IE 10+ */
 font-family: 'Poppins', sans-serif;font-weight:400;color:#999}
.woocommerce :-moz-placeholder { /* Firefox 18- */
 font-family: 'Poppins', sans-serif;font-weight:400;color:#999}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {line-height:1;}
#payment select {
    float: none;
}
#payment li p {margin:0}
/*------------------------------------*\
    SINGLEPRODUCT
\*------------------------------------*/


.product-content-box {    padding: 30px;    background: #fff;    margin-bottom: 20px;}
.product-content-box:last-child {margin-bottom:0;}
.product-content-box h3, .archive-title-box h2, .single-product.woocommerce form.cart h4, .product-base-titel h1 { font-family: 'Poppins', sans-serif;font-size:20px;color:#22201F;font-weight:600}



ul.slick-dots {margin:0;padding:0;list-style:none;position:absolute;z-index:100;bottom:10px;left:0;width:100%;text-align:center}
ul.slick-dots li {display:inline-block;padding:0;margin:0 3px;list-style:none}
ul.slick-dots li button {-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;width:15px;height:15px;line-height:1;font-size:0;color:transparant;border-radius:50%;border:1px solid #EDEDED;background:#fff;cursor:pointer;}
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button{background:#385538}


.product-scroller {position:absolute;top:0;}

@media screen and (max-width:768px){
	.product-scroller {position:relative;top:0!important;}

}

.single-product-images {
    position: relative;
}

.product-images-side {margin-top:20px;}
.product-thumb {
	height: 140px;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}

.product-images-main .product-slide  > div {position:relative;height:100%;    overflow: hidden;}
.product-images-main .product-slide a {display:block;width:100%;height:100%}
.product-images-main .product-slide img{    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;}


.product-images-main .product-slide {
    min-height: 200px;
    max-height: 500px;
}


div#wapo-total-price-table {    display: none;}
.yith-wapo-block .yith-wapo-addon {    margin-bottom: 10px;}

.single-product.woocommerce form.cart h4.wapo-addon-title {    font-size: 14px;    margin-bottom: 5px;}
.single-product.woocommerce form.cart clear {margin:0!important}
.single-product.woocommerce form.cart p {margin:0}
.single-product.woocommerce form.cart button {width:100%;}
.single-product.woocommerce form.cart, .product-base-content {  float:left;width:100%;  padding: 30px;    background: #fff;    margin: 0 0 20px;}

.product-base-content {padding-bottom:10px;font-size:14px;}
.product-base-titel {margin-bottom:20px;}
.product-base-titel > div {width:calc(100% - 130px);}
.product-base-titel > .pricing {width:130px;   font-size: 12px;text-align:right}
.product-base-titel h3 {margin-bottom:4px;font-family: 'Poppins', sans-serif;font-size:16px;font-weight:400;}
.product-base-content .shop-usps ul, .product-base-content .shop-usps li {float:left;width:100%;}
.product-base-content .shop-usps li {width:50%;}
.product-base-content .standaard-content {margin-bottom:20px}
.wapo-addon-description {display:none;-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);position: absolute;
    z-index: 10;width:230px;font-size:12px;background:#fff;padding:15px;left:0;top:0;z-index:200}

.with-tooltip  h4+ .options  {position:relative;}
.with-tooltip .wapo-addon-title {cursor:pointer;}
.with-tooltip .wapo-addon-title:after{font-weight:400;font-family: "Font Awesome 5 Pro";
    content: "\f05a";color:#DCAF52}


.single-product.woocommerce form.cart > div, .single-product.woocommerce form.cart button, .yith-wapo-block, .yith-wapo-block > div {float:left;width:100%;}
.single-product.woocommerce form.cart button {margin-top:5px}
.woo-hulpinmeten-btn {margin-top:10px;width:100%;}
div#yith-wapo-addon-4 ,div#yith-wapo-addon-5, div#yith-wapo-addon-6, div#yith-wapo-addon-25, div#yith-wapo-addon-26,  div#yith-wapo-addon-27, div#yith-wapo-addon-14, div#yith-wapo-addon-15, div#yith-wapo-addon-16{	width: 33.3333%;}
div#yith-wapo-addon-4, div#yith-wapo-addon-25, div#yith-wapo-addon-14 {padding-right:5px!important}
div#yith-wapo-addon-5, div#yith-wapo-addon-26, div#yith-wapo-addon-15  {padding-left:5px!important;padding-right:5px!important;}
div#yith-wapo-addon-6, div#yith-wapo-addon-27, div#yith-wapo-addon-16  {padding-left:5px!important}


.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option {
    max-width: 100%;
    width: calc(25% - 10px);
    clear: none!important;
    margin: 0 10px 10px 0;
    border:1px solid #22201F;opacity:.5;position:relative;float:left;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option.selected, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option.selected:before{opacity:1}
.yith-wapo-addon-type-radio .yith-wapo-option{background:#22201F}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image {
    max-width: 100%;
    margin: 0;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option:before {
    width: 20px;
    height: 20px;
    background: #22201F;
    content: "";
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #fff;
    line-height: 0;
    padding-top: 10px;
    text-align: center;opacity:0
}



.woocommerce .yith-wapo-addon-type-select select {background:none;position:relative;z-index:20;padding-right:25px}
.woocommerce .yith-wapo-addon-type-select .options {width:100%!important;background:#fff;position:relative}
.woocommerce .yith-wapo-addon-type-select .options:before {font-family: "Font Awesome 5 Pro";color:#22201F;    font-weight: 400;    content: "\f078";position:absolute;right:10px;top:10px;font-size:14px}

.yith-wapo-addon-type-radio {margin:0!important}
.yith-wapo-addon-type-html_text {    font-size: 14px; margin-bottom:30px!important}

.yith-wapo-addon-type-radio .options .yith-wapo-option .yith-wapo-label {
    margin-left: 0;
    width: 100%;
    display: block;
    color: #fff;
    padding: 0 5px 5px;
    text-align: center;
    font-size: 12px;
}
.yith-wapo-addon-type-radio .options .yith-wapo-option > span:first-child + .yith-wapo-label {
    padding-top: 6px;
    padding-left: 20px;
}

.image-container + .radio-button-container {
    color: #fff;
    font-size: 12px;
    padding: 0 5px 3px;
}



.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above img {max-height:1000px;width:100%}


@media screen and (max-width:1250px){
div#yith-wapo-addon-4, div#yith-wapo-addon-5, div#yith-wapo-addon-6, div#yith-wapo-addon-25, div#yith-wapo-addon-26, div#yith-wapo-addon-27, div#yith-wapo-addon-14, div#yith-wapo-addon-15, div#yith-wapo-addon-16 {width:100%;padding:0!important}
	
}


@media screen and (max-width:1100px){
	.product-base-titel > div {width:100%;}	
	.product-base-titel > .pricing {float:left;width:100%;text-align:left;margin-top:10px;}
}


.yith-wapo-block .yith-wapo-addon.empty-title , .yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open){
    margin-top: 0!important;
}
.woocommerce .yith-wapo-addon-type-select .options.per-row-1 {width:100%!important}
.yith-wapo-block .yith-wapo-addon .addon-header {display:block!important}
.yith-wapo-block .yith-wapo-addon .addon-header .title-image {
    max-width: 100%!important;
    padding: 0!important;
}

.yith-wapo-block .yith-wapo-addon .addon-header .title-image + h4 {margin-top:15px;}
.with-tooltip {
    position: relative;
}
.yith-wapo-block div.yith-wapo-addon .options.per-row-1{
    display: block!important;
    grid-template-columns: none!important;
    gap: 0!important;	
}


.yith-wapo-edit-product-cart small {display:none}
.yith-wapo-edit-product-cart:before {content:"Bewerk opties";}
.cart_item .product-name a.yith-wapo-edit-product-cart {    font-weight: 500;text-decoration:underline!important;color:#385538;display:inline-block;margin-top:4px;font-size:90%}


/*Edit options delete*/
.yith-wapo-popup .header-pusher, .yith-wapo-popup .breadcrumbs, .yith-wapo-popup .single-product-images, .yith-wapo-popup .product-add-cart-bottom  {display:none}
.yith-wapo-popup .single-product-images + div {width:100%;}

.yith-wapo-popup .yith-wapo-content {padding:0;}
.yith-wapo-popup .wrapper {    max-width: 800px;}
.yith-wapo-popup .yith-wapo-footer {background:#fff;}
/*------------------------------------*\
    ADDCART SINGLE
\*------------------------------------*/
.product-add-cart-bottom {position:fixed;bottom:0;left:0;padding:15px 0;background:#fff;z-index:5000;width:100%;-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);}

.product-add-cart-bottom h2, .product-add-cart-bottom h3 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #22201F;
    font-weight: 600;
}

.product-add-cart-bottom h3  {font-size:16px; color: #385538;font-weight:normal;margin-bottom:5px;}
.product-add-cart-bottom .btn {width:420px;float:left}
.product-add-cart-bottom .pricing {width:calc(100% - 420px);text-align:right;float:left;padding-right:30px;font-size:12px;color:#22201F}
.dynamic-pricing {margin-top:5px;display:block;color:#22201F;font-size:20px;font-weight:600}





@media screen and (max-width:1100px){
	.product-add-cart-bottom h3 {		font-size: 13px;}
	.product-add-cart-bottom h2 {		font-size: 16px;}
		.product-add-cart-bottom .btn {width:275px;    padding: 12px!important;}
.product-add-cart-bottom .pricing {	width: calc(100% - 275px);}
	.dynamic-pricing {    line-height: 1.3;
		margin-top: 3px;font-size:16px;}
}



@media screen and (max-width:800px){
	.product-add-cart-bottom .small-12 {width:100%}
	
		.product-add-cart-bottom h3 {display:none}
	.product-add-cart-bottom .medium-7 .pricing {display:none}
	.dynamic-pricing {display:inline-block;margin-top: 0;}
	.product-add-cart-bottom .resp-dynamic-pricing {display:block;width:50%}
	.product-add-cart-bottom .pricing {
    width: 100%;
    text-align: right;
    padding: 0;
}
	
	.product-add-cart-bottom .small-12.medium-5 {width:50%}
	.product-add-cart-bottom .btn {width:100%;margin-top:10px;}
}

@media screen and (max-width:600px){
	.product-add-cart-bottom .resp-dynamic-pricing {width:100%;}
	.product-add-cart-bottom .small-12.medium-5 {width:100%;text-align:center;margin-bottom:5px;}
	.product-add-cart-bottom .pricing {text-align:center}
	.product-add-cart-bottom h2 {    font-size: 14px;}
	.product-add-cart-bottom .pricing {font-szie:10px;}
	
	
}
/*------------------------------------*\
    MainShop
\*------------------------------------*/
.shop-usps ul, .shop-usps li {padding:0;margin:0;list-style:none;display:block}
.shop-usps li {position:relative;padding-left:32px;margin-bottom:15px;}
.shop-usps li:last-child {margin-bottom:0;}
.shop-usps li i {position:absolute;top:3px;left:0;color:#385538}

.page-description + a {margin-top:25px;}

.archive-title-box {margin-bottom:15px;}





/*------------------------------------*\
    WOOCART
\*------------------------------------*/
body.woocommerce-cart .small-12> .woocommerce {padding:0 15px}

.woocommerce-cart-form {float:left;width:66.66667%;padding-right:15px;padding-left:0;}
.woocommerce-cart-form + .cart-collaterals, .cart-usps {float:right;width:33.33333%;padding-left:15px;padding-right:0}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {float:left;width:100%}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-cart-form table.shop_table{background:#fff;padding:30px;margin-bottom:30px;    position: relative;
    z-index: 10;}

.woocommerce-cart-form table.shop_table.woocommerce-cart-form__contents {padding-bottom:0;}


.woocommerce-cart-form table.shop_table {background:none}
.woocommerce-cart-form table.shop_table tr {position:relative;}
.woocommerce-cart-form table.shop_table thead tr:before {content:"";position:absolute;z-index:-1;background:#fff;width:calc(100% + 60px);left:-30px;height:calc(100% + 30px);top:-30px}

.woocommerce-cart-form table.shop_table tbody tr:before {content:"";position:absolute;z-index:-1;background:#fff;width:calc(100% + 60px);left:-30px;height:100%;top:0px}
.woocommerce-cart-form table.shop_table tbody tr:nth-last-child(2):before {height:calc(100% + 30px)}
.woocommerce-cart-form table.shop_table tbody tr:last-child:before {display:none}


.cart_totals h2 { font-family: 'Poppins', sans-serif;font-size:20px;color:#22201F;font-weight:600}

.cart_totals h2 {margin-bottom:25px;}

.shop-usps li:before {    position: absolute;
    top: 0px;
    left: 0;
    color: #385538;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";}

.woocommerce-page table.cart td.actions button[type="submit"] {
    float: right;
    margin-right: -30px;
    margin-top: 60px;
    width: 100%;
    max-width: 330px;
}

#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {margin:0 0 20px}

#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {padding:0;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {margin:0}






.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 180px;
}
.woocommerce table.shop_table.cart td:last-child, .woocommerce table.shop_table.cart th:last-child {
    text-align: right;
}

.woocommerce table.shop_table.cart td:first-child, .woocommerce table.shop_table.cart th:first-child {
   width:180px;
}
.woocommerce table.shop_table.cart td {padding:20px 0;vertical-align:top}
.woocommerce table.shop_table.cart td.actions {padding:0!important;width:100%!important}
.woocommerce table.shop_table.cart td:last-child {    font-size: 18px;    color: #22201F;    font-weight: 600;}
.woocommerce table.shop_table.cart th {
    font-size: 12px;
    font-weight: 400;
    color: #385538;
    padding-bottom: 10px;
}
.woocommerce a.remove {
    display: inline-block;
    font-size: 18px;
    height: auto;
    width: auto;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #22201F!important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}
.woocommerce a.remove:hover {
    color: red!important;
    background: none;
}
.product-remove {
    display: block;
    margin-top: 120px;
}
.cart_item .product-name a {
    color: #22201F;
    font-weight: 600;
    font-size: 18px;
}

.cart_item dl.variation {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .cart_item dl.variation::before, .cart_item dl.variation::after {
    content: ' ';
    display: table; }
  .cart_item dl.variation::after {
    clear: both; }

.cart_item dl.variation {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.5;
}
.cart_item dl.variation dt, .cart_item dl.variation dd {float:left;width:calc(100% - 150px);margin:0!important}
.cart_item dl.variation dt{
    font-weight:500;width:150px;
}
.woocommerce table.shop_table.cart td.product-name {
    padding-left: 30px;
    padding-right: 10px;
}

/*------------------------------------*\
    WOOCHECKOUT
\*------------------------------------*/
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last , #customer_details #account_username_field{
    width: 50%;
    overflow: visible;padding-right:15px;float:left;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last, #customer_details #account_password_field {
    width: 50%;padding-left:15px;padding-right:0;
    overflow: visible;float:left;
}


.woocommerce-checkout .small-12 > .woocommerce {padding:0 15px;}


.woocommerce-form-login p.lost_password {margin:0;}

.checkout-customer_details {
    float: left;
    width: 58.33335%;
    padding-right: 15px;
    padding-left: 0;
}

.checkout-order_review {
    float: right;
    width: 41.66665%;
    padding-left: 15px;
    padding-right: 0;
}


#customer_details .woocommerce-billing-fields, .woocommerce-additional-fields {
    background: #fff;
    padding: 30px 30px 15px;
    margin-bottom: 20px;float:left;width:100%
}


#customer_details h3 {
    color: #385538;
    font-size: 12px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #EDEDED;
    font-weight: 500;
}
p.form-row.form-row-wide.create-account.woocommerce-validated, .create-account, #customer_details h3#ship-to-different-address, #customer_details .shipping_address {    background: #fff;
    padding: 30px 30px 30px;
    margin-bottom: 20px;float:left;width:100%}
.create-account, #customer_details .shipping_address {padding-bottom:15px;}

.create-account input[type="checkbox"] + span, h3#ship-to-different-address input[type="checkbox"] + span{position:relative;padding-left:30px;}
.create-account input[type="checkbox"] + span:before,h3#ship-to-different-address input[type="checkbox"] + span:before{content:"";position:absolute;left:0;top:0px;border:1px solid #707070;background:#fff;    width: 20px;    height: 20px;}

.create-account input[type="checkbox"]:checked + span:after, h3#ship-to-different-address input[type="checkbox"]:checked + span:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    font-weight: 400;
    color: #436643;
    position: absolute;
    line-height: 1;
    left: 1px;
    top: 1px;
    font-size: 18px;
}
.woocommerce-password-strength {font-size:12px;}

#customer_details h3#ship-to-different-address {border:none;font-size:14px;font-weight:600;color:#22201F}
#customer_details .shipping_address:before, div.create-account:before {display:block;    color: #385538;
    font-size: 12px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #EDEDED;
    font-weight: 500;content:"Verzendadres gegevens"}
div.create-account:before {content:"Account aanmaken"}


.woocommerce-checkout-review-order-table, h4#order_review_heading{    background: #fff;
    padding: 20px 30px 30px;
    margin-bottom: 20px;float:left;width:100%}
h4#order_review_heading, .woocommerce-checkout-payment h4 {margin-bottom:0;padding-bottom:0;color:#22201F;font-size:20px;font-weight:600;font-family: 'Poppins', sans-serif;}
.woocommerce-checkout-payment h4 {margin-bottom:15px;}
.woocommerce-checkout-review-order-table {margin-bottom:20px!important;}


#order_review th.product-name, #order_review th.product-total {
    color: #385538;
    font-size: 12px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #EDEDED;
    font-weight: 500;
}
#order_review th.product-total {text-align:right}

.woocommerce #order_review table.shop_table td {border:none}
.woocommerce #order_review table.shop_table tbody tr:last-child td {padding-bottom:10px;}
.woocommerce #order_review table.shop_table tbody tr:first-child td {padding-top:10px;}

.woocommerce #order_review table.shop_table tfoot  td, .woocommerce #order_review table.shop_table tfoot th {border-top:1px solid #EDEDED;padding-top:10px;padding-bottom:10px;}

.woocommerce #order_review table.shop_table tfoot tr:last-child td, .woocommerce #order_review table.shop_table tfoot tr:last-child th {padding-bottom:0!important}

#order_review table.shop_table th, #order_review table.shop_table td {    font-size: 12px;vertical-align:top}
#order_review table.shop_table tbody td:first-child {font-weight:600}
#order_review table.shop_table tbody td:last-child, .woocommerce #order_review table.shop_table tfoot td {text-align:right;font-weight:normal}

.woocommerce #order_review ul#shipping_method .amount {
	font-weight: normal;}

tr.woocommerce-shipping-totals.shipping td, tr.woocommerce-shipping-totals.shipping th {
    display: block;
    width: 100%;
    padding: 0!important;
    border: none!important;
    text-align: left!important;
}
tr.woocommerce-shipping-totals.shipping th {padding-bottom:5px!important}
.woocommerce ul#shipping_method li:last-child {margin:0;}

input[type="radio"] {    display: none;}

input[type="radio"] + label {display:block;padding-left:25px;position:relative}
input[type="radio"] + label:before {content:"";position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid #707070;left:5px;top:2px;}
input[type="radio"]:checked + label:after {content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#385538;left:7px;top:4px;}



div#payment {
    float: left;
    width: 100%;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background:none}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {background:#fff;padding:30px 30px 0!important;float:left;width:100%;margin-bottom:20px;}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    text-align: left;
    padding: 0;
    border-bottom: none;
    margin: 0;
    list-style: none outside;
}


#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0;
    margin: 0;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:left;width:100%}
.form-row.place-order {
    float: left;
    width: 100%;
}
.woocommerce-privacy-policy-text {
    background: #fff;
    padding: 30px 30px 30px;
    margin-bottom: 20px!important;
}


/*------------------------------------*\
    WOOINVOICE
\*------------------------------------*/
section.woocommerce-order-details:not(.woocommerce-info) {
    padding: 30px;
    background: #fff;
    margin: 0 0 20px!important;
}


.woocommerce ul.order_details {
    margin: 0 0 25px;
    list-style: none;
    padding: 0;
}
h2.woocommerce-order-details__title {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #22201F;
    font-weight: 600;
    margin: 0 0 10px;
}

section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses {
    width: calc(100% + 30px);
    margin-left: -15px;
}
section.woocommerce-columns.addresses h2, h2.woocommerce-column__title{
	font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #22201F;
    font-weight: 600;
    margin: 0;
	background:#fff;padding:30px 30px 10px;
}
body .woocommerce .woocommerce-customer-details address {padding:0 30px 30px;background:#fff;margin-bottom:20px;border-radius:0;border:none;}

.woocommerce .woocommerce-order-details .order_details thead th {
    font-size: 12px;
    font-weight: 400;
    color: #385538;
    padding-bottom: 10px;
}
.woocommerce .woocommerce-order-details .order_details tfoot tr:first-child td, .woocommerce .woocommerce-order-details .order_details tfoot tr:first-child th {
padding-top:10px;border-top:1px solid #EDEDED;
}

.woocommerce table.shop_table.order_details td {
    border: none;
    vertical-align: top;
}

.woocommerce table.shop_table.order_details tbody td{border-top:1px solid #EDEDED;padding-top:10px;padding-bottom:10px;}
.woocommerce table.shop_table.order_details  td:last-child, .woocommerce table.shop_table.order_details  th:last-child {text-align:right}


.woocommerce table.shop_table.order_details  td:last-child, .woocommerce table.shop_table.order_details  td a{
    font-size: 18px;
    color: #22201F;
    font-weight: 600;
}
.order_details  ul.wc-item-meta {
    margin: 0;margin-top:5px;
    padding: 0;
    font-size: 12px;
    line-height: 1.5;
}
.order_details  ul.wc-item-meta strong {font-weight:500}
mark {
    background: #22201f;
    color: #FFF;
    display: inline-block;
    padding: 0 5px;
}


/*------------------------------------*\
    WOOACCOUNT
\*------------------------------------*/
.woocommerce ul.order_details li {margin-bottom:15px;}

.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0 15px;
    width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul, .woocommerce-account .woocommerce-MyAccount-navigation li {padding:0;margin:0;list-style:none;display:block}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin-bottom:10px}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {margin-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation a {font-size:16px;color:#22201F;font-weight:600;}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover, .woocommerce-account .woocommerce-MyAccount-navigation .is-active a{color:#DCAF52}
.woocommerce-account .woocommerce-MyAccount-content {float:left;width:75%;padding:0 15px;}


.woocommerce-MyAccount-content form h3, .woocommerce-account .addresses .title h3 {font-weight:600;font-size:20px;margin-bottom:25px;    font-family: 'Poppins', sans-serif;color: #22201F}
.woocommerce-account .addresses .title h3 {margin-bottom:0;float:none}
.woocommerce-account .addresses .title .edit {float:none;margin-bottom:10px;}
.woocommerce-address-fields > div {    padding: 30px 30px 15px;    background: #fff;    margin-bottom: 30px;float:left;width:100%}

.woocommerce-account .addresses .woocommerce-Address-title.title {    margin-bottom: 10px;}



.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 50%;
    padding: 0 15px;
}

form.woocommerce-EditAccountForm.edit-account {
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px;
}
fieldset {
    margin: 0 0 20px;
    border: 1px solid #ddd;
    padding: 10px 20px;
}

.woocommerce-page .woocommerce-MyAccount-content .col2-set .col-1, .woocommerce-page .woocommerce-MyAccount-content .col2-set .col-2 {padding:0;margin-bottom:20px;}

.woocommerce-page .woocommerce-MyAccount-content section.woocommerce-customer-details .col2-set .col-1, .woocommerce-page .woocommerce-MyAccount-content section.woocommerce-customer-details .col2-set .col-2 {padding:0 15px;}

#customer_login h2 {font-size:20px;color:#22201F}
form.woocommerce-ResetPassword.lost_reset_password {
    float: left;
    width: calc(100% - 30px);
    background: #fff;
    padding: 30px;
    margin-left: 15px;margin-bottom:30px;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    padding: 30px;
    margin: 15px 0 30px;
    text-align: left;
    border-radius: 0;
    background: #fff;
}

.woocommerce-privacy-policy-text {
    margin: 0 0 15px;
    color: #949494;
}


.woocommerce table.my_account_orders .button {
    background: none;
    padding: 0!important;
    color: #000!important;
    text-decoration: underline;
    min-width: 0;
    margin-right: 10px;font-size:14px!important
}
.woocommerce table.my_account_orders .button:last-child {margin-right:0!important}
.woocommerce table.my_account_orders .button:hover, .woocommerce table.my_account_orders .button:focus{background:none!important;color:#DCAF52!important}



.woocommerce table.shop_table.woocommerce-MyAccount-orders td {vertical-align:middle;border-top:1px solid #e4e4e4!important;padding:5px 0}
.woocommerce table.my_account_orders th {padding-bottom:5px!important}
/*------------------------------------*\
    WOOBUTTONS
\*------------------------------------*/
input, button, .btn {-webkit-appearance:none;	-moz-appearance:none;	-ms-appearance:none;appearance:none;}

button, .btn, input[type="submit"] {border:none;}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-size: 16px;
    color: #fff!important;
    font-weight: 600;
    display: inline-block;
    line-height: 1;
    padding: 17px 25px!important;
    background: #DCAF52;
    border-radius: 0;
    min-width: 210px;
    text-align: center;cursor:pointer;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt

{background: #385538;color: #fff!important;}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover { background: #DCAF52;}
input[type="submit"]:hover, input[type="submit"]:focus{background: #22201F;color: #fff!important;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {font-size:16px;}

/*------------------------------------*\
    WOONOTIFICATIONS
\*------------------------------------*/
.woocommerce-error,.woocommerce-info,.woocommerce-message {
    padding:16px 20px 16px 51px;
    margin: 0 0 30px;
    position: relative;
    background-color: #fff;
    color: #515151;
    border-top: 3px solid #22201f;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;    font-size: 14px;
    font-weight: 600;
}

.woocommerce-message {    border-top-color: #DCAF52}
.woocommerce-message::before {    content: "\e015";    color: #DCAF52;    top: 16px} 

.woocommerce-info {    border-top-color: #22201f}
.woocommerce-info::before {    color: #22201f; top: 16px}

.woocommerce-error {
    border-top-color: #b81c23
}

.woocommerce-error::before {
    content: "\e016";
    color: #b81c23
}
.woocommerce-form-login-toggle > div {border-top:none}


.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {top:16px;}


/*------------------------------------*\
    WOORESPONSIVE
\*------------------------------------*/
.resp-dynamic-pricing 
{display:none}


@media screen and (max-width:1100px){
.woocommerce table.shop_table.cart td:first-child, .woocommerce table.shop_table.cart th:first-child {    width: 100px;}
	.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width:100%;}
	.product-remove {margin-top:20px;}
	.woocommerce table.shop_table.cart td.product-name {		padding-left: 20px;}
	
	.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option {    max-width: 100%;
		width: calc(33.333% - 10px);}
	
	
}


@media screen and (max-width:991px){
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content  {margin-bottom:30px;}
	
	
	.woocommerce-cart-form, .checkout-customer_details {width:100%;padding-right:0;}
	.woocommerce-cart-form + .cart-collaterals, .cart-usps, .checkout-order_review {width:100%;float:left;padding-left:0;}
	.woocommerce-cart-form table.shop_table tbody tr:before, .woocommerce-cart-form table.shop_table thead tr:before {width:calc(100% + 30px);left:-15px}
	.woocommerce-cart-form table.shop_table thead tr:before {    height: calc(100% + 15px);    top: -15px;}
	.woocommerce-cart-form table.shop_table tbody tr:nth-last-child(2):before {    height: calc(100% + 15px);}
	.woocommerce table.shop_table.cart td {		padding: 15px 0;}
	.woocommerce-page table.cart td.actions button[type="submit"] {margin-top:40px;
    margin-right: -15px;}
	
	/* Paddings */
	.product-content-box, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-cart-form table.shop_table {		padding: 15px;}
	.product-content-box h3, .archive-title-box h2 {font-size:17px}
	
	.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register,form.woocommerce-ResetPassword.lost_reset_password {padding:15px}
	
	
	.cart_totals h2 {    margin-bottom: 10px;}
	
	#customer_details .woocommerce-billing-fields, .woocommerce-additional-fields {    padding: 15px 15px 0px;}
	p.form-row.form-row-wide.create-account.woocommerce-validated, .create-account, #customer_details h3#ship-to-different-address, #customer_details .shipping_address {padding:15px;}
	
	.woocommerce-checkout-review-order-table, h4#order_review_heading {    background: #fff;		padding: 15px 15px 15px;}
	#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {padding:15px 15px 0!important}
	
	
	.single-product.woocommerce form.cart, .product-base-content, form.woocommerce-EditAccountForm.edit-account {padding:15px;}
	section.woocommerce-order-details:not(.woocommerce-info) {
		padding: 15px;}
	section.woocommerce-columns.addresses h2, h2.woocommerce-column__title {padding:15px 15px 10px;}
	body .woocommerce .woocommerce-customer-details address {padding: 0 15px 15px;}
	
	.woocommerce table.cart td.actions .coupon {
    width: calc(100% + 30px);
    margin-top: 50px;
    background: #fff;
    margin-bottom: -10px;
    margin-left: -15px;
    padding: 15px 15px 0;
}
	.woocommerce-page table.cart td.actions button[type="submit"][name="apply_coupon"] {margin-bottom:15px;}
	
}
@media screen and (min-width:768px){
	
}

@media screen and (max-width:768px){
	.woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page .cart_totals table.shop_table_responsive tr:nth-child(2n) td {background:none}
	
	.woocommerce-page table.cart td.actions button[type="submit"] {    float: left;    margin-right: 0;		margin-left: -15px;}
	.woocommerce table.shop_table.cart td.product-name {padding-left:0;padding-right:0;}
	
	.woocommerce table.shop_table_responsive tr.cart_item td.product-name::before, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name::before {display:none}
	.woocommerce table.shop_table_responsive tr.cart_item td.product-name, .woocommerce-page table.shop_table_responsive tr.cart_item td.product-name {text-align:left!important}
	.product-remove , .cart_item dl.variation{    margin-top: 5px;}
	.cart_item .product-name a {font-size:16px;}
	.woocommerce table.shop_table.cart td:last-child {font-size:16px;}
	.woocommerce table.shop_table.cart td.product-name {padding-bottom:0;}
	.woocommerce table.shop_table.cart td.product-subtotal {padding-top:0;border-top:0!important}
	
	.woocommerce-cart-form table.shop_table tbody tr:nth-child(2n):before {background:#fafafa}
	.woocommerce-cart-form table.shop_table tbody tr:nth-child(2n) td {background:none!important}
	
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {width:100%}

	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, #customer_details #account_username_field, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last, #customer_details #account_password_field {width:100%;padding:0}
	
	
	.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {    width:100%;float:left;}
	.woocommerce table.shop_table.order_details td:last-child, .woocommerce table.shop_table.order_details td a {
		font-size: 16px;}
	h2.woocommerce-order-details__title, section.woocommerce-columns.addresses h2, h2.woocommerce-column__title {font-size:18px}
	
	
	.woocommerce table.cart td.actions .coupon .input-text {width:100%!important;margin-bottom:10px!important;}
	.woocommerce table.cart td.actions .coupon .input-text+.button {float:left!important;margin-left:0!important}
}

@media screen and (max-width:767px){
	.product-box-content h3, .product-box-content h3 a, .cart_totals h2 {font-size:18px;}
	.product-box-content {		padding: 20px 20px 20px;}
	.product-box p {    margin-bottom: 15px;}
	
	.shop-usps li {margin-bottom:5px;padding-left:25px;}

		.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {padding:12px 25px!important}
	
		.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .options.per-row-1 .yith-wapo-option {    max-width: 100%;
		width: calc(50% - 10px);}
	
	
	.product-images-main .product-slide {max-height:350px}
	
	
	
	
}
@media screen and (max-width:600px){
	.product-base-content .shop-usps li {width:100%}
	
	.product-thumb {height:100px}
	
	
	
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#DCAF52;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#DCAF52;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#DCAF52;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}