/* 
Theme Name: Schippers Bouwconsult
Theme URI: 
Description: A 2025 framework for WordPress.
Author: Internetbureau Jun-E-Jay
Version: 1.00017
Tags:

General comments (optional).
*/
/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */

/*
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
*/
@font-face {
	font-family: 'Lato';
	src: url('fonts/lato/Lato-Semibold.woff2') format('woff2'),
	url('fonts/lato/Lato-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/myriadpro/MyriadPro-Regular.woff2') format('woff2'),
	url('fonts/myriadpro/MyriadPro-Regular.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html,
body { font-family: Lato; font-weight: 600; font-size: 16px; color: #7e7e7e; line-height: 1.7; }
body { background: #fff; }
input,
select,
textarea { font-family: sans-serif; font-size: 16px; color: #000; }
img { display: block; border: 0; height: auto; }
ul,
li { list-style: none; }
:focus { outline: none; }

p strong{ color: #000000; }

.button { padding: 10px 35px 10px 10px; background-color: #E85D4F; color: #fff; text-decoration: none; font-weight: 900; border-radius: 5px; transition: all 0.3s; border: 1px solid transparent; display: inline-block; position: relative; cursor: pointer; }
.button:hover { background-color: #8B0000; color: #fff; border: 1px solid #8B0000; }
.button:after { content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; position: absolute; top: 10px; right: 10px; }
.button.outline { background-color: transparent; color: #fff; border: 1px solid #fff; border-radius: 5px; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 900; color: #000000; line-height: 1; margin-top: 17px; margin-bottom: 8.5px;}

h1 { font-size: 72px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1880px; }
.centered { padding-right: calc((100% - 1440px) / 2); padding-left: calc((100% - 1440px) / 2); }
.woo_container{  width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 1200px){
	.woo_container {
	   width: 100%; max-width: 1440px;
	}
}


.gfield p{ display: none!important; }
.gform-button{ padding-left: 35px!important; padding-right: 35px!important;  width:100%!important;}
.gfield.gfield--type-submit{ }

.result-btn{ margin: 0 auto; display: flex; justify-content: center; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }
#page_template_wrapper{ position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; padding-top: 0px; padding-bottom: 60px; }
/* ### main container ### */
#mainCntr { width: 100%; padding-top: 100px; }

/* ### header container ### */
#headerCntr { background-color: #fff; position: fixed; top: 0; width: 100%; z-index: 9999999; }
#headerCntr.sticky { transform: translateY(-39px); box-shadow: -1px 6px 14px 0 rgba(0,0,0,0.19); }
#headerCntr .topbar { background-color: #273575; }
#headerCntr .topbar .topbar-flex { display: flex; justify-content: space-between; }
#headerCntr .topbar .left { width: 35%; display: flex; align-items: center; text-decoration: none; color: #ffffff; font-size: 13px; }
#headerCntr .topbar .left a.__fbcw__bar-widget__amount-of-reviews{ color: #ffffff!important; font-size: 13px!important; }
#headerCntr .topbar .__fbcw__bar-widget__score{ font-size: 13px!important; } 
#headerCntr .topbar .__fbcw__bar-widget__stars{ width: 80px!important }
#headerCntr .topbar .left li { margin-right: 2px; }
#headerCntr .topbar .left li:last-child { margin-right: 0; }
#headerCntr .topbar .right { width: 58%; text-align: right; }
#headerCntr .topbar .right ul{ margin: 0px; }
#headerCntr .topbar .right li { position: relative; border-left: 1px solid #4a599c; padding: 10px 0 9px 20px; margin-right: 16px; }
#headerCntr .topbar .right li a { display: inline-block; transition: all 0.3s; }
#headerCntr .topbar .right li a:hover { color: #e85d4f; }
#headerCntr .topbar .right li:last-child { margin-right: 0; }
#headerCntr .topbar li { display: inline-block; color: #fff; font-size: 12px; }
#headerCntr .topbar li a { text-decoration: none; color: #fff; font-size: 12px; }
#headerCntr .topbar p { margin-left: 10px; font-size: 13px; color: #fff; font-weight: 400; font-family: 'Lato', sans-serif; }
#headerCntr .topbar p span { font-size: 13px; font-weight: 600; font-family: 'Lato'; }
#headerCntr .topbar .timing { padding-left: 48px !important; }
#headerCntr .topbar .phone  { padding-left: 25px !important; }
#headerCntr .topbar .timing:before,
#headerCntr .topbar .phone:before { position: absolute; vertical-align: middle; font-family: 'Font Awesome 6 Pro', sans-serif; }
#headerCntr .topbar .timing:before { content: '\f017'; font-weight: 400; font-size: 18px; top: 4px; left: 21px; }
#headerCntr .topbar .phone:before { content: '\f879'; font-size: 16px; transform: rotate(90deg); top: 5px; left: 19px; }
#headerCntr .topbar .feedback { margin-left: 11px; display: flex; }
#headerCntr .topbar .feedback span { color: #fff; font-size: 10px; line-height: 0.9; margin-left: 10px; }
#headerCntr .topbar .feedback samp { font-weight: 400; font-family: 'Lato', sans-serif; display: block; }
#headerCntr .header { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; background-color: #fff; }
#headerCntr .logo { width: 155px; margin-left: -4px; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .navigation { width: 88%; display: flex; align-items: center; justify-content: flex-end; margin-right: 4px; }


#headerCntr .button { width: auto!important; background-color: transparent!important; border: 2px solid #e85d4f!important; color: #e85d4f!important; padding: 10px 35px 10px 10px!important; text-decoration: none!important; font-weight: 900!important; border-radius: 5px!important; transition: all 0.3s!important; display: inline-block!important; position: relative!important; background-color: transparent!important; }


#headerCntr .button:after { margin-left: 25px; }
#headerCntr .button:hover { background-color: #8B0000!important; border: 2px solid #8B0000!important; color: #fff!important; }
#headerCntr .mobileMenu { position: relative; top: 0; right: -5px; z-index: 15; display: none; float: right; width: 40px; height: 40px; transition: 0.2s; cursor: pointer; overflow: hidden; }
#headerCntr .mobileMenu span { position: absolute; top: 50%; right: 20%; left: 20%; display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #e85d4f; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 4px; border-radius: 5px; background-color: #e85d4f; transition-duration: 0.2s, 0.2s; content: ''; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#headerCntr .cartBtn { position: relative; margin-left: 20px; z-index: 15; float: right; width: 46px; height: 40px; transition: 0.2s; font-size: 8px; text-align: center; cursor: pointer; overflow: hidden; padding-top: 24px; color: #273575; }
#headerCntr .cartBtn:before{ position: absolute; content: '\f07a'; font-size: 16px; width: 100%; text-align: center; z-index: 10; font-family: 'Font Awesome 6 Pro'; top:2px;left:0; color: #273575; }
/* ### menu box ### */
.menuBox:not(.mm-menu) { margin-top: 1px; margin-right: 51px; }
.menuBox:not(.mm-menu) ul { width: auto; }
.menuBox:not(.mm-menu) ul li { position: relative; letter-spacing: 0.2px; display: inline-block; margin-left: 54px; font-family: 'Lato', sans-serif; font-weight: 900;  }
.menuBox:not(.mm-menu)>ul>li{ padding-bottom: 20px; padding-top: 20px; }
.menuBox:not(.mm-menu) .dropdown-icon:after { font-family: 'Font Awesome 6 Pro', sans-serif; content: '\f107'; color: #000; margin-left: 5px; transition: all 0.3s;  }
.menuBox:not(.mm-menu) ul li.is-hiden { display: none; }
.menuBox:not(.mm-menu) ul li:first-child { margin-left: 0; }
.menuBox:not(.mm-menu) ul li a { text-decoration: none; color: #000; transition: all 0.3s; }
.menuBox:not(.mm-menu) ul li a:hover { color: #273575; text-decoration: underline; }
.menuBox:not(.mm-menu) ul li ul { padding: 35px 25px; position: absolute; top: 64px; left: 50%; z-index: 2; opacity: 0; visibility: hidden; width: 200px; border-radius: 5px; background: #fff; transform: translateX(-50%); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
.menuBox:not(.mm-menu) ul li ul:before { position: absolute; top: -18px; left: 50%; border-right: 18px solid transparent; border-bottom: 18px solid #fff; border-left: 18px solid transparent; transform: translateX(-50%); content: ''; }
.menuBox:not(.mm-menu) ul li:hover ul { top: 64px; opacity: 1; visibility: visible; }
.menuBox:not(.mm-menu) ul li:hover.dropdown-icon:after { color: #273575; }
.menuBox:not(.mm-menu) li li { margin: 0; font-size: 18px; line-height: 1.5; text-transform: capitalize; width: 100%; }
.menuBox:not(.mm-menu) li li a { padding: 6px 0px; color: #000; }
.menuBox:not(.mm-menu) li li a:hover { color: #273575; text-decoration: none; }
.menuBox:not(.mm-menu) li li a:after { display: none; }

.bannerCntr { padding-top: 117px; padding-bottom: 101px; position: relative;  }
.bannerCntr img { position: absolute;left:0;top: 0;width: 100%; height: 100%; object-fit:cover; z-index: 0;  }
.bannerCntr .banner { display: flex; flex-wrap: wrap; justify-content: space-between;  }
.bannerCntr .text { margin-left: -3px; width: 60%; z-index:999;}
.bannerCntr .box { padding: 40px 50px 49px 45px; border-radius: 5px; width: 33%; max-width: 468px; background-color: #273575; transform: translateY(152px); margin-right: 2px; }
.bannerCntr h1 { color: #fff; margin-bottom: 34px; font-size: 72px; line-height: 1; font-weight: 900; }
.bannerCntr ul { margin-bottom: 32px; }
.bannerCntr p { color: #fff; margin-bottom: 43px; max-width: 675px; letter-spacing: 0.9px; }
.bannerCntr p div { display: inline-block; }
.bannerCntr li { color: #fff; line-height: 2.9; position: relative; padding-left: 35px; }
.bannerCntr li:before { background: url('images/check-circle.png') no-repeat; height: 26px; width: 26px; position: absolute; top: 11px; left: 0; content: ''; }
.bannerCntr .box .button { padding: 11px 18px; text-align: left; width: 100%; }
.bannerCntr .link { text-decoration: none; color: #fff; margin-left: 15px; transition: all 0.3s; }
.bannerCntr .link:hover { color: #8B0000; }

.bannerSmall { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; position: relative; overflow: hidden;  }
.bannerSmall img { position: absolute;left:0;top: 0;width: 100%; height: 100%; object-fit:cover; z-index: 0;  }
.bannerSmall .banner{ z-index:999; position: relative; }
.bannerSmall h1 { color: #fff; font-size: 36px;font-weight: 900; line-height: 1;  }
.breadcrumb { width: 100%; padding-left: 20px; padding-right: 20px; }
.breadcrumb ul{ padding:0;margin: 0; display: flex; }
.breadcrumb ul li{ padding:4px;margin: 0; font-size: 11px; }
.breadcrumb ul li a { text-transform: lowercase; }
.breadcrumb ul li a:hover {text-decoration: underline;}

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### usp box ### */
.uspBox { display: flex; padding-top: 30px; padding-bottom: 30px; }
.uspBox .left { width: 25%; }
.uspBox .right { width: 74%; margin-left: 2px; }
.uspBox h3 { margin: 0; line-height: 1; font-size: 24px; font-weight: 900; }
.uspBox h3 span { font-family: 'Lato'; font-weight: 600; display: block; color: #7a7a7a; font-size: 16px; }
.uspBox .media { display: flex; align-items: center;  }
.uspBox .media-body { margin-left: 5px; }

/* ### blog box ### */
.blogBox { background: #F9F9F9; padding-top: 93px; padding-bottom: 198px; }
.blogBox h2 { max-width: 570px; text-align: center; margin: 0 auto 48px auto; font-size: 36px;font-weight: 900;line-height: 1; }
.blogBox .blog { display: flex; flex-wrap: wrap; justify-content: space-between; }
.blogBox .box { transition: all 0.3s; border-radius: 10px; width: 32.7%; background-color: #fff; margin-bottom: 15px; display: block; text-decoration: none; overflow: hidden; }
.blogBox img { width: 100%; height: auto; }
.blogBox .text { padding: 47px 50px 48px 50px; }
.blogBox h3 { margin-bottom: 29px; font-size: 24px;font-weight: 900;line-height: 1; }
.blogBox p { margin-bottom: 25px; color: #7a7a7a; line-height: 1.65; }
.blogBox .link { font-family: 'Lato', sans-serif; font-weight: 900; color: #000; text-decoration: none; transition: all 0.3s; }
.blogBox .box:hover .link { color: #E85D4F; }
.blogBox .link:after { height: 24px; width: 24px; line-height: 24px; border-radius: 50%; background-color: #E85D4F; text-align: center; content: '\f061'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 300; display: inline-block; color: #fff; margin-left: 10px; }
.blogBox .blog-button { margin-top: 25px; text-align: center; }
.blog_single{ padding-top: 60px; padding-bottom: 60px; }

/* ### quality box ### */
.qualityBox { display: flex; background-color: #F9F9F9; margin-top: 140px; }
.qualityBox .left { position: relative; padding: 93px 50px 101px 233px; width: 50%; }
.qualityBox .left:before { border-radius: 0 5px 5px 0; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: calc(100% + 240px); background-color: #273575; content: ''; z-index: 1; }
.qualityBox .right { position: relative; z-index: 2; width: 50.2%; margin-left: 15px; border-radius: 5px; }
.qualityBox .wrap { margin-top: -99px; height: 100%; width: 100%; }
.qualityBox img { width: 100%; height: 100%; border-radius: 5px; object-fit: cover; object-position: center center; }
.qualityBox h2 { position: relative; z-index: 1; color: #fff; margin-bottom: 38px; max-width: 500px; font-size: 36px;font-weight: 900;line-height: 1; }
.qualityBox p { position: relative; z-index: 1; color: #fff; margin-bottom: 27px; line-height: 1.65; max-width: 596px; }
.qualityBox p ~ p { margin-bottom: 42px; }
.qualityBox .button { position: relative; z-index: 1; }
.qualityBox .button:hover { border: 1px solid #8B0000; color: #fff; }


.qualityBox.rev .left:before { border-radius:  5px 0 0 5px; position: absolute; top: 0; bottom: 0; left: -240px; height: 100%; width: calc(100% + 240px); background-color: #273575; content: ''; z-index: 1; }
.qualityBox.rev .right{ order:1; margin-left: 0px; }
.qualityBox.rev .left{ order:2;  }

/* ### feedback box ### */
.feedbackBox { background: #F9F9F9; padding-top: 94px; padding-bottom: 100px; }
.feedbackBox h2 { text-align: center; margin: 0 auto 32px auto; max-width: 365px; font-size: 36px; font-weight: 900; line-height: 1; }
.feedbackBox .star { display: flex; justify-content: space-between; align-items: center; width: 461px; margin: 0 auto 43px auto; }
.feedbackBox .company { display: flex; align-items: center; }
.feedbackBox .company img { display: inline-block; }
.feedbackBox .company span { display: inline-block; font-size: 26px; line-height: 0.9; margin-left: 20px; font-family: 'Lato', sans-serif; font-weight: 900; }
.feedbackBox .company samp { margin-bottom: 0; display: block; font-size: 26px; font-family: 'Lato', sans-serif; font-weight: 400; }
.feedbackBox .review p { color: #000; margin-bottom: 0; }
.feedbackBox .review ul { padding-top: 4px; line-height: 1.2; }
.feedbackBox .feedback { display: flex; justify-content: space-between; flex-wrap: wrap; }
.feedbackBox .box { padding: 50px 45px 45px 50px; background-color: #fff; width: 49.4%; border-radius: 5px; margin-bottom: 20px; }
.feedbackBox ul { line-height: 1.5; }
.feedbackBox li { display: inline-block; margin-right: 5px; }
.feedbackBox li:last-child { margin-right: 0; }
.feedbackBox samp { color: #000; font-family: 'Lato', sans-serif; font-weight: 600; font-size: 12px; display: block; margin-bottom: 5px; }
.feedbackBox p { color: #7a7a7a; margin-bottom: 5px; line-height: 1.65; }
.feedbackBox span { display: block; color: #000; }
.feedbackBox .feedback-button { text-align: center; margin-top: 40px; }
.feedbackBox .button { text-align: left; }
.feedbackBox .ster_img{ max-height: 32px; }
.feedbackBox .ster_img img{ max-height: 32px; width: auto; }
/* ### logo box ### */
.logoBox { padding-top: 94px; padding-bottom: 91px; }
.logoBox .logo { display: flex; flex-wrap: wrap; justify-content: space-between; }
.logoBox .item { width: 12%; }
.logoBox h2 { text-align: center; margin-bottom: 45px; }
.logoBox img { margin: 0 auto; }

/* ### help box ### */
.helpBox { padding-top: 55px; padding-bottom: 50px; background-color: #273575; }
.helpBox h2 { color: #fff; margin-bottom: 44px; text-align: center; font-size: 36px; font-weight: 900; line-height: 1; }
.helpBox .buttons { max-width: 1150px; margin: 0 auto; display: flex; justify-content: center; }
.helpBox .onze { width: 28%; margin-left: 1%; margin-right: 1%; }
.helpBox .button { padding: 12px 20px; border: 2px solid #fff; width: 320px; background: transparent; text-align: center; }
.helpBox .button:hover { background: #fff; color: #000; }
.helpBox .button:after { display: none; }

.titelBox { padding-top: 55px; padding-bottom: 50px; }
.titelBox h2 { margin-bottom: 44px; text-align: center; font-size: 36px; font-weight: 900; line-height: 1; }


/* ### company box ### */
.companyBox { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 97px; padding-bottom: 96px; }
.companyBox .left { width: 45%; }
.companyBox .right { width: 45%; }
.companyBox .full { width: 100%; }
.companyBox .item { margin-bottom: 40px; }
.companyBox .item:last-child { margin-bottom: 0; }
.companyBox h2 {font-size: 36px; margin-bottom: 9px; font-size: 36px; font-weight: 900; line-height: 1; }
.companyBox h3 {font-size: 24px; margin-bottom: 9px; }
.companyBox p { color: #7f7f7f; margin-bottom: 26px; line-height: 1.65; }
.companyBox p:last-child { margin-bottom: 0; }
.companyBox a{  color: #7f7f7f; text-decoration: underline; }
.companyBox a:hover{  color: #7f7f7f; text-decoration: none; }

/* ### company box ### */
.colBox { padding-top: 40px; padding-bottom: 40px; }
.colBox .colBoxInner {display: flex; justify-content: space-between; flex-wrap: wrap; }
.colBox .col2{ max-width: 49%; display: block; height: 100%;}
.colBox .col3{ max-width: 32.33%; display: block; height: 100%;}
.colBox .col3 img{ width: 100%; display: block; height: 335px; object-fit:cover;}
.colBox .col4{ max-width: 24%; display: block; height: 100%;}
.colBox .col4 img{ width: 100%; display: block; height: 335px; object-fit:cover;}
.colBox h4 {font-size: 18px; line-height: 22px;}
.colBox p { color: #7f7f7f; margin-bottom: 26px; line-height: 1.65; }
.colBox p:last-child { margin-bottom: 0; }
.colBox .team_members_info{ text-align: center; margin-bottom: 20px; }
.colBox .team_members_info h3{ line-height: 1; }
.colBox .team_members_info a{ color: #7f7f7f; text-decoration: underline; }
.colBox .team_members_info a:hover{ text-decoration: none; }

/* ### footer container ### */
#footerCntr { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #262626; padding-top: 98px; padding-bottom: 91px; }
#footerCntr h6 { color: #fff; margin-bottom: 30px; }
#footerCntr li { color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 1.9; }
#footerCntr li.hiden { display: none; }
#footerCntr a { color: #fff; text-decoration: none; transition: all 0.3s; }
#footerCntr a:hover { color: #e85d4f; }
#footerCntr address { color: #fff; margin-bottom: 30px; font-size: 16px; max-width: 330px; font-family: 'Poppins', sans-serif; font-weight: 300; font-style: normal; line-height: 1.9; }
#footerCntr .link { width: 23.7%; }
#footerCntr .link.two { padding-top: 48px; }
#footerCntr .over { width: 18%; }
#footerCntr .address { width: 30%; padding-left: 81px; }

/* ### copyright ### */
.copyright { text-align: center; background-color: #fff; padding-top: 11px; padding-bottom: 11px; }
.copyright li { color: #1A202C; display: inline-block; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; margin-right: 7px; }
.copyright li:last-child { margin-right: 0; }
.copyright li:after { background: #1a202c; height: 15px; width: 1px; content: ''; display: inline-block; margin-left: 10px; vertical-align: middle; }
.copyright li:last-child:after { display: none; }
.copyright a { color: #1A202C; text-decoration: none; transition: all 0.3s; }
.copyright a:hover { color: #e85d4f; }


/* ### building box ### */
.introBox { margin-bottom: 101px; padding-top: 94px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.introBox .content { width: 60%; }
.introBox h1 { margin-bottom: 36px; max-width: 560px; line-height: 1;  font-size: 36px; font-weight: 900; }
.introBox .paragraph { margin-bottom: 36px; line-height: 1.7; letter-spacing: 0.2px; }
.introBox .learn { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }
.introBox .learn .link { font-weight: 900; text-decoration: none; color: #000; }
.introBox .learn .link:hover { color: #e85d4f; }
.introBox .list { margin: 0; margin-top: 6px; width: 32.6%; }
.introBox .list .bg { padding: 58px 48px 54px; width: 100%; border-radius: 5px; background-color: #273575; }
.introBox .list ul { list-style: none; }
.introBox .list li { padding: 2px 0 24px 34px; font-weight: 600; color: #fff; background: url('images/check-circle.svg') no-repeat; background-position: top left; margin: 0!important; }
.introBox .list li:before{ display:none; }
.introBox.bronze .title { margin-bottom: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.introBox.bronze h2 { margin-bottom: 0; max-width: 360px; line-height: 1; }
.introBox.bronze .headding { margin: 11px 11px 0 0; }
.introBox.bronze .headding p { display: flex; align-items: center; }
.introBox.bronze .headding small { font-size: 18px; font-weight: 900; color: rgba(0, 0, 0, 0.5); }
.introBox.bronze .headding span { padding: 0 19px; display: inline-block; font-size: 36px; font-weight: 600; color: #000; }
.introBox .choose { margin-top: -8px; width: 32.6%; }
.introBox .choose .bg { padding: 40px; width: 100%; border-radius: 5px; background-color: #273575; }
.introBox .form-group { margin-bottom: 29px; }
.introBox label { margin-bottom: 3px; display: block; font-weight: 600; color: #fff; }
.introBox .form-control { padding: 15px 20px; width: 100%; font-size: 16px; color: rgba(0, 0, 0, 0.5); border: 0; border-radius: 5px; }
.introBox.bronze .headding.ideal { margin: -8px 0 0; width: 100%; }
.introBox.bronze .headding.ideal p { margin-bottom: 20px; color: #fff; }
.introBox.bronze .headding.ideal small { color: rgba(255, 255, 255, 0.5); }
.introBox.bronze .headding.ideal span { color: #fff; }
.introBox.bronze .button { margin-bottom: 22px; width: 100%; }
.introBox.bronze .button:before { right: 39px; }
.introBox.bronze .button:hover { background-color: #ce4233; }
.introBox.bronze .review { margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 304px; }
.introBox.bronze .review ul { margin-left: 4px; display: flex; flex-wrap: wrap; list-style: none; }
.introBox.bronze .review li { padding-right: 6px; }
.introBox.bronze .small-text { font-size: 13px; color: #fff; }
.introBox.bronze .small-text strong { font-weight: 900; }

.introBox .button { margin-right: 20px;}




.omenomBox { margin-bottom: 40px; padding-top: 40px;  }
.omenomBox .omenom_rij {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;margin-bottom: 40px;}
.omenomBox .omenom_rij.links{ flex-direction: row-reverse; }
.omenomBox .content { width: 60%; padding: 20px;  }
.omenomBox h2 {font-size: 24px; font-weight: 900; }
.omenomBox .paragraph { margin-bottom: 36px; line-height: 1.7; letter-spacing: 0.2px; }
.omenomBox .list { margin: 0; width: 40%; }
.omenomBox .list img{ width: 100%; height: 100%; object-fit:contain; }

.blogsArchiveBox { margin-bottom: 40px; padding-top: 40px;  }
#blogs_holder{ display: flex; justify-content: space-between; gap:40px; flex-wrap: wrap; margin-bottom: 60px; }
.blogitem{ width: calc(33.33% - 40px); display: flex; justify-content: flex-start; flex-direction: column; }
.blogitem .content{ height: 100%; display: flex; justify-content: flex-start; flex-direction: column; }
.blogitem .list{ margin: 0; }
.blogitem .list img{ width: 100%; height: 260px; object-fit:cover; }
.blogitem .learn{margin-top: auto;}

/* ### packages box ### */
.packagesBox { margin-bottom: 90px; padding-top: 89px; padding-bottom: 59px; background-color: #f9f9f9; }
.packagesBox h2 { letter-spacing: 0.3px; }
.packagesBox .box { margin-bottom: 36px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.packagesBox .item { margin-top: 1px; width: 32.7%; border-radius: 0 0 10px 10px; background-color: #fff; }
.packagesBox .image { position: relative; }
.packagesBox .image img { width: 100%; height: 234px; border-radius: 5px 5px 0 0; object-fit: cover; object-position: center center; }
.packagesBox .brons { position: absolute; top: 52px; right: 11px; display: flex; align-items: center; justify-content: center; width: 120px; height: 131px; background-image: url('images/bronze-empty.svg'); background-repeat: no-repeat; background-size: contain; }
.packagesBox .brons span { margin-top: -16px; display: block; width: 88px; font-weight: 300; line-height: 1; text-align: center; color: #fff; }
.packagesBox .zilver { position: absolute; top: 52px; right: 11px; display: flex; align-items: center; justify-content: center; width: 120px; height: 131px; background-image: url('images/silver-empty.svg'); background-repeat: no-repeat; background-size: contain; }
.packagesBox .zilver span { margin-top: -16px; display: block; width: 88px; font-weight: 300; line-height: 1; text-align: center; color: #fff; }
.packagesBox .goud { position: absolute; top: 52px; right: 11px; display: flex; align-items: center; justify-content: center; width: 120px; height: 131px; background-image: url('images/goud-empty.svg'); background-repeat: no-repeat; background-size: contain; }
.packagesBox .goud span { margin-top: -16px; display: block; width: 88px; font-weight: 300; line-height: 1; text-align: center; color: #fff; }
.packagesBox .list { width: 100%; margin: 0; }
.packagesBox .heading { padding: 33px 8px 34px; font-size: 24px; font-weight: 900; text-align: center; }
.packagesBox .list ul { list-style: none; }
.packagesBox .list li { padding: 20px 31px 16px; position: relative; display: inline-flex; width: 100%; font-weight: 600; color: rgba(0, 0, 0, 0.5); background-color: #f9f9f9; margin: 0;  }
.packagesBox .list li:before { padding-right: 15px; display: inline-block; width: 16px; height: 12px; vertical-align: middle; background: url('images/check.svg') no-repeat; background-position: center center; content: ''; }
.packagesBox .list li:nth-child(2n) { background-color: #fff; }
.packagesBox .list .last del { opacity: 0.4; }
.packagesBox .list .last:before { opacity: 0.4; }
.packagesBox .price { padding: 25px 20px 17px; width: 100%; text-align: center; }
.packagesBox .van { margin-bottom: 10px; opacity: 0.4; font-weight: 600; }
.packagesBox .van span { display: block; font-size: 34px; }
.packagesBox .voor { margin-bottom: 19px; font-size: 20px; font-weight: 600; line-height: 1; text-align: center; }
.packagesBox .voor span { display: block; font-size: 48px; }
.packagesBox .save { font-weight: 600; }
.packagesBox .save p { margin-bottom: 10px; }
.packagesBox .save p span { color: #e85d4f; }
.packagesBox .offer { padding: 21px 5px 23px; font-weight: 600; line-height: 1.1; text-align: center; background-color: #e6e6e6; }
.packagesBox .order { padding: 30px 40px; }
.packagesBox .button { margin-right: 0; padding: 17px 56px 13px 18px; display: block; }
.packagesBox .button:before { right: 41px; content: ''; }
.packagesBox .paragraph { letter-spacing: 0.2px; color: rgba(0, 0, 0, 0.5); }
.packagesBox .paragraph p { margin-bottom: 20px; }
.packagesBox .countdown { font-size: 36px; color: #e85d4f; list-style: none; }

/* ### faqs box ### */
.faqsBox { margin-bottom: 18px; width: 100%; color: #000000; }
.faqsBox .heading { margin-bottom: 67px; font-size: 36px; font-weight: 900; }
.faqsBox .acroding { max-width: 1073px; }
.faqsBox .card { width: 100%; border-top: solid 2px #dfe0e2; }
.faqsBox .card-title { padding: 26px 0 26px; position: relative; font-family: 'Myriad Pro'; font-size: 20px; cursor: pointer; }
.faqsBox .card-title h2{ font-weight: 600; font-size: 20px; margin: 0; padding: 0; }
.faqsBox .card-title:after { position: absolute; top: 8px; right: 20px; width: 25px; height: 51px; background: url('images/plus.svg') no-repeat; content: ''; }
.faqsBox .is_active:after { position: absolute; top: 8px; right: 19px; width: 25px; height: 51px; background: url('images/minus.svg') no-repeat; content: ''; }
.faqsBox .card-content { padding-bottom: 10px; display: none; max-width: 935px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 1.7; transform: translateY(-12px); }
.faqsBox .card:last-child { border-bottom: solid 2px #dfe0e2; }

/* ### tabs box ### */
.tabsBox ul.tabs { display: flex; flex-wrap: wrap; list-style: none; border-bottom: solid 1px #dfe0e2; }
.tabsBox ul.tabs li { padding: 25px 60px; font-family: 'Myriad Pro'; font-size: 20px; border-top: solid 1px #dfe0e2; border-left: solid 1px #dfe0e2; background: none; cursor: pointer; }
.tabsBox ul.tabs li.current { color: #fff; background-color: #5e656a; }
.tabsBox ul.tabs li:last-child { color: #e85d4f; border-right: solid 1px #dfe0e2; }
.tabsBox ul.tabs li.current:last-child { color: #fff; }
.tabsBox .tab-content { padding: 43px 0; display: none; }
.tabsBox .tab-content.current { display: block; }
.tabsBox .tab-content h3 { margin-bottom: 7px; margin-top: 0px; padding-top: 0px; font-weight: 900; }
.tabsBox .tab-content .paragraph { line-height: 1.55; letter-spacing: 0.14px; color: rgba(0, 0, 0, 0.5); }
.tabsBox .parts { margin-bottom: 27px; }
.tabsBox .sub-heading { font-weight: 600; color: rgba(0, 0, 0, 0.5); }
.tabsBox .sub-heading span { font-size: 20px; font-weight: 900; }
.tabsBox .parts ul { list-style: none; }
.tabsBox .parts li { padding: 7px 31px 0 0; position: relative; font-weight: 600; color: rgba(0, 0, 0, 0.5); }
.tabsBox .parts li:before { margin-right: 8px; display: inline-block; width: 16px; height: 12px; vertical-align: middle; background: url('images/check.svg') no-repeat; background-position: center center; content: ''; }


body.woocommerce-cart .woocommerce form .cart_totals tr.order-total td strong span.woocommerce-Price-amount.amount,body.woocommerce-cart .woocommerce form div.cart_totals tr.cart-subtotal td span.woocommerce-Price-amount.amount::after{ font-size: 10px!important; }





#single_title_price{ width: 100%; display: flex; justify-content: space-between; }
#single_title_price h2{font-size: 36px; }
#single_title { width: 50%; }
#single_price { width: 50%; text-align: right;padding-top: 20px; }
#single_price ins{ display: inline-block; padding-left: 20px; }
#single_price ins .amount{font-size: 36px!important; color: #000000!important; }
#single_price ins .amount bdi{  text-decoration: none!important;  }
#single_price del .amount{ font-size: 18px!important;
font-weight: 900;
color: rgba(0, 0, 0, 0.5); }

#single_product .price ins .amount{font-size: 36px!important; color: #ffffff!important; }
#single_product .price ins .amount bdi{  text-decoration: none!important;  }
#single_product .price del .amount{ font-size: 18px!important;
font-weight: 900;
color: rgba(255, 255, 255, 0.5)!important; }

.product-single-header .onsale{ top:10px!important; left:25px!important; }
#single_product .product form{ padding: 40px; border-radius: 5px; background-color: #273575; color: #ffffff; }
#single_product .product-single-header>div:first-child{ display:none; }
#single_product .product-single-header>div:last-child{ display:flex; width: 100%; justify-content: space-between; }
#single_product .woocommerce-product-details__short-description {width: 66.66%; padding-right: 60px;}
#single_product .variations_form {width: 33.33%;}


#single_product .product-single-header .variations, #single_product .product-single-header .variations tbody, #single_product .product-single-header .variations tr {display: block; width: 100%;}
#single_product .product-single-header .variations label{color: #ffffff; display: block;font-size: 16px; font-weight: 400; top:0; text-transform: none;}
#single_product .product-single-header .variations td{ display: block; width: 100%; padding: 0px;}
#single_product .product-single-header .variations select{ width: 100%;height: 55px; background-color: #ffffff; border-radius: 3px; border: 2px solid #ffffff; }
#single_product .product-single-header .variations .reset_variations{ display: none!important; }
#single_product .product-single-header .ww_product_size__label { text-transform: none; font-weight: 400;}
#single_product .product-single-header .ww_product_size__field{ width: 100%;height: 55px; background-color: #ffffff; border-radius: 3px; border: 2px solid #ffffff; }
#single_product .product-single-header .quantity{ display: none!important;}
#single_product .product-single-header .single_add_to_cart_button {width: 100%; }

#single_product .ww-cf7-max-width{ max-width: 100%!important; }
#single_product .wpcf7-submit {float: none;}
#single_product .related h2{ margin-bottom: 5px; margin-top: 20px; }
#single_product .related .products{ margin-top: 0px; }
#single_product .related .products .col-sm-3 {width: 33.33%;}

#single_product .tabs li{
	font-family: 'Myriad Pro';
	font-size: 20px;
	border-top: solid 1px #dfe0e2;
	border-left: solid 1px #dfe0e2;
	border-right: solid 1px #dfe0e2;
	background: none;
	cursor: pointer;
}
#single_product .tabs li a{
	color: #000000;
	padding: 0;
	display: block;
	padding: 25px 60px;
	}
#single_product .tabs li.current{ 
	background-color: #5e656a;  
	}
#single_product .tabs li.current a{ 
	color: #fff; 
	}
#single_product .ww_product_size__notice a{ color: #ffffff; text-decoration: underline; }







#page_template_wrapper .cart-sidebar{ background-color: #273575; color: #ffffff; font-size: 16px!important; padding: 40px; border-radius: 5px;}
#page_template_wrapper .cart-sidebar h2{ color: #ffffff!important; }
#page_template_wrapper .cart-sidebar .cart_totals th{ font-size: 16px!important; }
#page_template_wrapper .cart-sidebar .cart_totals td{ font-size: 16px!important; }
#page_template_wrapper .cart-sidebar .cart_totals p small{ font-size: 16px!important; }
#page_template_wrapper .cart-sidebar .btn{ font-size: 16px!important; text-transform: none!important;}
#page_template_wrapper .coupon .btn {background-color: #E85D4F; font-weight: 900; font-size: 16px; text-transform: none;}
#page_template_wrapper .coupon .btn:hover {background-color: #8B0000;}

#page_template_wrapper #wizard .steps ul{ border-bottom: 1px solid #dfe0e2;height: 79px!important; }
#page_template_wrapper #wizard .steps ul li{ text-align: center; cursor: pointer; border-radius: 0!important; border:1px solid #dfe0e2; border-bottom: none; padding: 0!important; margin: 0!important; height: 77px!important; }
#page_template_wrapper #wizard .steps ul li a{ text-decoration: none; display: block; padding: 25px 60px; border:none!important;border-radius: 0!important;margin: 0!important; }

#page_template_wrapper #wizard .actions a {background-color: #e65f53; text-decoration: none;}
#page_template_wrapper #wizard .actions a:hover {background-color: #8B0000;}
#page_template_wrapper #billing_address_2_field, #page_template_wrapper #additional_myfield5_field{ margin-right: 0%; margin-left: 2%;}

#page_template_wrapper .alert.alert-info{ background-color: transparent; }

#page_template_wrapper #payment ul{display: flex; flex-direction: column; padding-top: 20px;}
#page_template_wrapper #payment ul li{list-style-type: none; padding-top: 6px; padding-bottom: 6px; padding-left: 20px;  }
#page_template_wrapper #payment ul li input{ padding-top: 6px!important; margin-right: 10px!important; top:0!important; }
#page_template_wrapper #payment ul li label{ display: flex; margin-bottom: 0px; margin-top: 0px; }
#page_template_wrapper #payment ul li label img{ margin-left: 20px; }
#page_template_wrapper #payment ul li p {padding: 10px!important;}
#page_template_wrapper .woocommerce li.wc_payment_method.payment_method_mollie_wc_gateway_ideal .payment_box.payment_method_mollie_wc_gateway_ideal{ padding-left: 10px; display: flex; align-items: baseline; clear: left;}
#page_template_wrapper .woocommerce li.wc_payment_method.payment_method_mollie_wc_gateway_ideal .payment_box.payment_method_mollie_wc_gateway_ideal p:first-child{display: none!important;}
#page_template_wrapper .payment_method_mollie_wc_gateway_kbc p:first-child{display: none!important;}

#page_template_wrapper .payment_method_mollie_wc_gateway_kbc p select{width:auto!important;}


#index_template_wrapper .sidebar{ background-color: #273575; color: #ffffff; font-size: 16px!important; padding: 40px; border-radius: 5px;  }
#index_template_wrapper .sidebar h3 {color: #ffffff;}
#index_template_wrapper .sidebar a {color: #ffffff;}

#page_template_wrapper .col-md-9{ width: 65%; }
#page_template_wrapper .col-md-3{ width: 35%; }
#page_template_wrapper input[name="apply_coupon"]{ color: #ffffff; } 


.desktop_banner_img{display: block;}
.mobile_banner_img{display: none;}


#page_template_wrapper{ width: 100%; }

.woo_product_banner{ width: 100%; background-color: #e3e9f7; padding-top: 33px; padding-bottom: 38px; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 60px;  }
.woo_product_banner_titel h1{ font-size: 24px; line-height: 34px; font-weight: bold; color: #273576; }
.woo_product_banner_breadcrumb{ color: #292929;font-size: 14px; line-height: 1.62857; }
.woo_product_banner_breadcrumb nav{ margin-bottom: 0px!important; }

.woocommerce-shipping-destination strong{ color: #ffffff; }



.page-heading{ margin-bottom: 60px; }
.page-heading .container h1{ color:#273576!important; }

.woo_container .onsale{ background-color: #273576!important; border-radius: 4px!important; color: #fff; font-size: 11px; padding: 13px 6px; position: absolute; right: -5px; text-transform: uppercase; top: -5px; z-index: 1; display: flex!important; width: fit-content; }

.variations_form{ padding: 15px; max-width: 450px; border-radius: 5px; background: #273576; color: #fff; margin-top: 20px; }
.variations_form .variations tr{ display: flex; justify-content: space-between; }
.variations_form .variations tr td.value{ width: 48%; }
.variations_form .variations tr td.label { width: 48%;  color: #ffffff !important;font-size: 14px; font-weight: 300; margin-right: 27px; text-transform: uppercase; }
.variations_form .variations tr td.value select{ border: 1px solid #eee; background-color: #eee!important; border-radius: 3px; padding: 14px 19px!important; width: 100%; -webkit-transition: 0.2s border; transition: 0.2s border; }
.variations_form .variations tr td.value .reset_variations{ font-size: 12px; color: #ffffff !important; text-decoration: none;}
.single_variation span.price{ color: #ffffff !important; margin-bottom: 20px; display: flex; }
.single_variation span.price del bdi{ font-size: 15px!important; border:none!important; }
.single_variation span.price ins{ text-decoration: none!important; }
.single_variation span.price ins bdi{ text-decoration: none!important; border:none!important; font-size: 24px!important; }


.single_variation_wrap .single_add_to_cart_button{ border-radius: 4px; background-color: #e65f53!important; color: #ffffff; border: 1px solid #e65f53!important; height: 44px; text-transform: uppercase;  }
.single_variation_wrap .single_add_to_cart_button:hover{ background-color: transparent!important; border: 1px solid #ffffff!important;}

.product-type-simple .single_add_to_cart_button{ border-radius: 4px; background-color: #e65f53!important; color: #ffffff; border: 1px solid #e65f53!important; height: 44px; text-transform: uppercase;  }
.product-type-simple .single_add_to_cart_button:hover{ background-color: #8B0000!important; border: 1px solid #8B0000!important;}

.single_add_to_cart_button:after{ display: none; }
.quantity .qty{ width: 63px; height: 44px; }
.wc-tabs{ padding-left: 5px!important; padding-top: 9px!important; }
.wc-tabs:before{ border-bottom: 1px solid #ececec!important; bottom: 9px!important; }
.wc-tabs li{ padding: 13px 24px!important; overflow: hidden!important; display: inline-block!important; position: relative!important; border: 1px solid #ececec!important; border-radius: 0px!important; }
.wc-tabs li:before{ content: ""!important; height: 9px!important; border:none!important; border-radius: 0px!important; top: 0px!important;position: absolute!important;left: 0px!important; top: 0px!important; background-color: transparent!important; width: 100%!important; z-index: 100; }
.wc-tabs li.active:before{ background-color: #273576!important;}
.wc-tabs li:after{ display: none!important; }

.related.products a.button{ display: none!important; }
.related.products span.price { color: #292929!important; }
.related.products span.price del{ opacity: 0.4;  }

.related.products .product-type-variable picture{ position: relative; width: 100%;display: block; }
.related.products .product-type-variable picture img{  transition: all 0.3s; }
.related.products .product-type-variable picture:after{ content: 'OPTIES KIEZEN'; position: absolute; font-size: 14px; padding: 14px; width: 80%; top: calc(50% - 20px); left:10%; background-color: #273576; color: #ffffff; border: 0; border-radius: 4px; text-align: center; opacity: 0; transition: all 0.3s;}

.related.products .product-type-simple picture{ position: relative; width: 100%; display: block; }
.related.products .product-type-simple picture img{  transition: all 0.3s; }
.related.products .product-type-simple picture:after{ content: 'TOEVOEGEN AAN...'; position: absolute; font-size: 14px; padding: 14px; width: 80%; top: calc(50% - 20px); left: 10%; background-color: #273576; color: #ffffff; border: 0; border-radius: 4px; text-align: center; opacity: 0; transition: all 0.3s;}

.related.products .product-type-variable:hover picture img{ opacity: 0.5; }
.related.products .product-type-variable:hover picture:after{ opacity: 1; }

.related.products .product-type-simple:hover picture img{ opacity: 0.5; }
.related.products .product-type-simple:hover picture:after{ opacity: 1; }


.woocommerce.archive a.button{ display: none!important; }
.woocommerce.archive span.price{ color: #292929!important; }
.related.products span.price del{ opacity: 0.4;  }

.woocommerce.archive .site-main{ width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.woocommerce.archive .onsale{ background-color: #273576!important; border-radius: 4px!important; color: #fff; font-size: 11px; padding: 13px 6px; position: absolute; right: -5px; text-transform: uppercase; top: -5px; z-index: 1; display: flex!important; width: fit-content; }


.woocommerce.archive .product-type-variable picture{ position: relative; width: 100%;display: block; }
.woocommerce.archive .product-type-variable picture img{  transition: all 0.3s; }
.woocommerce.archive .product-type-variable picture:after{ content: 'OPTIES KIEZEN'; position: absolute; font-size: 14px; padding: 14px; width: 80%; top: calc(50% - 20px); left:10%; background-color: #273576; color: #ffffff; border: 0; border-radius: 4px; text-align: center; opacity: 0; transition: all 0.3s;}

.woocommerce.archive .product-type-simple picture{ position: relative; width: 100%; display: block; }
.woocommerce.archive .product-type-simple picture img{  transition: all 0.3s; }
.woocommerce.archive .product-type-simple picture:after{ content: 'TOEVOEGEN AAN...'; position: absolute; font-size: 14px; padding: 14px; width: 80%; top: calc(50% - 20px); left: 10%; background-color: #273576; color: #ffffff; border: 0; border-radius: 4px; text-align: center; opacity: 0; transition: all 0.3s;}

.woocommerce.archive .product-type-variable:hover picture img{ opacity: 0.5; }
.woocommerce.archive .product-type-variable:hover picture:after{ opacity: 1; }

.woocommerce.archive .product-type-simple:hover picture img{ opacity: 0.5; }
.woocommerce.archive .product-type-simple:hover picture:after{ opacity: 1; }


.shop_table .cart_item .product-thumbnail{width: 20%;}
.shop_table .cart_item .product-name{width: 20%;}
.shop_table .cart_item .product-thumbnail img{width: 100%; height: auto;  }
.woocommerce table.shop_table{ border:none!important; }
.shop_table .actions .coupon{ width: 100%; }




#gform_wrapper_1 .gform_fields{ display: flex; flex-wrap: wrap; }
#gform_wrapper_1 .ginput_container input{ width: 100%; height: 45.5px; border: 1px solid #8f8f9d;font-size: 15px; margin-bottom: 0; margin-top: 0; padding: 8px; }
#gform_wrapper_1 .ginput_container textarea{ width: 100%; height: 96px; border: 1px solid #8f8f9d; padding: 8px; }
#gform_wrapper_1 .gfield{ margin-bottom: 22px; width: 100%; }
#gform_wrapper_1 .gfield_required_text{color: #c02b0a; display: inline-block; font-size: 13.008px; padding-inline-start: 0.125em;font-style: italic; font-weight: 400; margin-left: 6px;}
#gform_wrapper_1 .gform-footer br{ display: none; }
#gform_wrapper_1 #field_submit{ width: 50%; display: flex; flex-direction: column; justify-content: flex-end; }
#gform_wrapper_1 #field_1_7{ width: 50%; }










/* #Media Queries
================================================== */

@media only screen and (max-width: 1900px) {
	.center { padding-left: 15px; padding-right: 15px; }

}

@media only screen and (max-width: 1700px) {
}

@media only screen and (max-width: 1500px) {
	.centered { padding-left: 15px; padding-right: 15px; }
	.bannerCntr .text { width: 57%; }
	.bannerCntr { padding-bottom: 70px; }
	.bannerCntr .box { width: 35%; padding: 40px 40px 40px 40px; margin-right: 0; align-self: flex-end; transform: translateY(110px); }
	.bannerCntr li { font-size: 14px; }
	.bannerCntr h1 { font-size: 60px; }
	.qualityBox .left { padding: 50px 50px 50px 50px }
}

@media only screen and (max-width: 1199px) {
	.menuBox:not(.mm-menu) { margin-right: 30px; margin-top: 0; }
	.menuBox:not(.mm-menu) ul li { margin-left: 24px; font-size: 14px; }
	.menuBox:not(.mm-menu) li li { margin: 0; }
	.menuBox:not(.mm-menu) ul li ul { width: 150px; }
	#headerCntr .topbar .right { width: 59%; }
	#headerCntr .topbar .left { width: 40%; }
	#headerCntr .topbar .right li { font-size: 10px; padding: 10px 0 9px 10px; margin-right: 10px; }
	#headerCntr .topbar .timing { padding-left: 30px !important; }
	#headerCntr .topbar .phone { padding-left: 20px !important; }
	#headerCntr .topbar .timing:before { font-size: 16px; top: 5px; left: 8px; }
	#headerCntr .topbar .phone:before { font-size: 14px; top: 7px; left: 8px; }
	.bannerCntr .text { width: 50%; }
	.bannerCntr { padding-top: 89px; }
	.bannerCntr .box { width: 43%; }
	.uspBox .left { width: 32%; }
	.uspBox .right { width: 65%; }
	.blogBox .text { padding: 40px 40px 40px 40px; }
	.blogBox h3 { font-size: 22px; }
	.qualityBox .left { padding: 50px 15px 50px 15px }
	.qualityBox h2 { margin-bottom: 20px;  }
	.qualityBox p { margin-bottom: 20px; font-size: 14px; }
	.qualityBox p ~ p { margin-bottom: 20px; }
	.logoBox img { max-width: 100%; }
	.helpBox .button { width: 260px; }
	.helpBox .onze { margin: 0 auto; }
	#footerCntr .address { padding-left: 0; }
	#page_template_wrapper .col-md-9{ width: 100%; }
	#page_template_wrapper .col-md-3{ width: 100%; }

}

@media only screen and (max-width: 1024px) {
	#headerCntr .mobileMenu { display: block; }
	.menuBox:not(.mm-menu) { margin-right: 15px; display: none; }
	.menuBox:not(.mm-menu) ul li { margin-left: 15px; font-size: 11px; }
	.menuBox:not(.mm-menu) li li { margin: 0; }
	.mm-listview > li > a.time,
	.mm-listview > li > a.phone { padding: 10px 10px 10px 50px; }
	.time:before,
	.phone:before { position: absolute; vertical-align: middle; font-family: 'Font Awesome 6 Pro', sans-serif; }
	.time:before { content: '\f017'; font-weight: 400; font-size: 18px; top: 10px; left: 21px; }
	.phone:before { content: '\f879'; font-size: 16px; transform: rotate(90deg); top: 9px; left: 23px; }
	#headerCntr .topbar .right li.hiden { display: none; }
	#headerCntr .button { padding: 8px 10px; font-size: 12px; }
	#headerCntr .button:after { margin-left: 10px; }
	#headerCntr .topbar { padding-top: 9px; padding-bottom: 9px;}
	#headerCntr .topbar .left { width: 100%; }
	#headerCntr .topbar .right { display: none; }
	#headerCntr .navigation { width: 50%; }
	.bannerCntr { padding-top: 70px; padding-bottom: 70px; }
	.bannerCntr h1 { font-size: 50px; }
	.bannerCntr .button { width: 195px; font-size: 14px;  }
	.bannerCntr .box { width: 49%; padding: 20px 20px 20px 20px; }
	.bannerCntr li:before { background-size: contain; width: 20px; height: 20px; }
	.bannerCntr li { padding-left: 30px; }
	.uspBox { padding-top: 50px; padding-bottom: 50px; }
	.uspBox .left { width: 40%; }
	.uspBox .right { width: 58%; }
	.uspBox h3 { font-size: 20px; }
	.blogBox { padding-bottom: 93px; }
	.blogBox .text { padding: 30px; }
	.blogBox h3 { font-size: 18px; margin-bottom: 20px; }
	.blogBox p { font-size: 14px; }
	.qualityBox { display: block; }
	.qualityBox .left { background-color: #273575; width: 100%; padding: 50px 15px 130px 15px; }
	.qualityBox .left:before { display: none; }
	.qualityBox .right { position: relative; margin: 0 auto; width: 100%;  }
	.qualityBox h2 { max-width: 100%; }
	.qualityBox p { max-width: 100%; }
	.helpBox .onze { width: 31%; }
	.helpBox .button { width: 229px; font-size: 14px; }
	#footerCntr li { font-size: 13px; }
	#footerCntr address { font-size: 13px; max-width: 100%; }
	#footerCntr h6 { font-size: 16px; }
	.copyright li { font-size: 12px; }
	
	.colBox { padding-top: 40px; padding-bottom: 0px; }
	.colBox .col2{ max-width: 50%; margin-bottom: 40px;}
	.colBox .col3{ max-width: 50%; margin-bottom: 40px;}
	.colBox .col4{ max-width: 50%; margin-bottom: 40px;}
	
	.blogitem{ width: 100%; }
}

@media only screen and (min-width: 767px) {
	#footerCntr .footer-toggle .hidden-menu { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 24px; }
	.menuBox:not(.mm-menu) ul li.is-hiden { display: block; }
	#headerCntr .topbar .right { text-align: left; }
	#headerCntr .topbar .right li { border-left: 0; }
	#headerCntr .topbar .timing:before { left: 0; }
	#headerCntr .topbar .timing { padding-left: 22px !important; margin-right: 0; }
	#headerCntr .topbar .right li:last-child { float: right; }
	.bannerCntr .text { width: 100%; margin-bottom: 30px; }
	.bannerCntr .box { width: 100%; max-width: 362px; transform: translateY(0); }
	.bannerCntr h1 { font-size: 36px; margin-bottom: 30px; }
	.bannerCntr p { margin-bottom: 30px; }
	.uspBox { text-align: center; padding-top: 15px; padding-bottom: 15px; display: block; }
	.uspBox img { margin: 0 auto 5px auto; }
	.uspBox .left { width: 100%; margin-bottom: 15px; float: none;}
	.uspBox .right { width: 100%; margin-left: 0;float: none; }
	.uspBox .media { display: block; }
	.blogBox { padding-top: 60px; padding-bottom: 60px; }
	.blogBox h2 { text-align: left; margin: 0 0 48px 0; }
	.blogBox .box { width: 49%; }
	.blogBox .button { width: 280px; }
	.qualityBox .button { width: 280px; }
	.qualityBox .left{ float: none; }
	.qualityBox .right{ float: none; }
	.feedbackBox { padding-top: 60px; padding-bottom: 60px; }
	.feedbackBox .box { padding: 30px 30px 30px 30px; }
	.feedbackBox span { font-size: 14px; }
	.feedbackBox .button { width: 280px; }
	.logoBox { padding-top: 60px; padding-bottom: 60px; }
	.logoBox .item { width: 33%; }
	.logoBox .item.hiden { display: none; }
	.helpBox .onze { width: 100%; margin-bottom: 15px; }
	.helpBox .buttons { display: block; justify-content: inherit; text-align: center; }
	.companyBox .left { width: 100%; margin-bottom: 30px; }
	.companyBox .right { width: 100%; }
	.companyBox { padding-top: 60px; padding-bottom: 60px; }
	#footerCntr { padding-top: 60px; padding-bottom: 60px; }
	#footerCntr li.hiden { display: block; }
	#footerCntr .link { width: 100%; margin-bottom: 30px;  }
	#footerCntr .link.two { display: none; }
	#footerCntr .over { width: 100%; margin-bottom: 30px; }
	#footerCntr .address { width: 100%; }
	#footerCntr .footer-toggle { display: block; border-bottom: 1px solid #718096; }
	#footerCntr .footer-toggle .hidden-menu { display: none; padding-bottom: 30px; }
	#footerCntr .js-footer-toggle h6:after { font-family: 'Font Awesome 6 Pro', sans-serif; content: '\f105'; float: right; margin-left: 5px; }
	#footerCntr .js-footer-toggle.active h6:after { transform: rotate(90deg); }
	
	#single_title_price{ display: block; }
	#single_title { width: 100%; }
	#single_price { width: 100%; text-align: left;padding-top: 20px; }
	#single_product .product-single-header>div:last-child{ display:block; width: 100%; justify-content: space-between; }
	#single_product .woocommerce-product-details__short-description {width: 100%; padding-right: 60px;}
	#single_product .variations_form {width: 100%;}
	#single_product .related .products .col-sm-3 {width: 100%;}
	
	
	.desktop_banner_img{display: none;}
	.mobile_banner_img{display: block;}
	
	#gform_wrapper_1 #field_submit{ width: 100%;}
	#gform_wrapper_1 #field_1_7{ width: 100%; }
	
}

@media only screen and (max-width: 575px) {
	.blogBox .box { width: 100%; }
	.feedbackBox .box { width: 100%; margin-bottom: 30px;  }
	.feedbackBox .company { display: block; align-items: inherit; margin-bottom: 30px; }
	.feedbackBox .star { width: 100%; text-align: center; display: block; justify-content: inherit; align-items: inherit; }
	
	.colBox { padding-top: 40px; padding-bottom: 0px; }
	.colBox .col2{ max-width: 100%; margin-bottom: 40px;}
	.colBox .col3{ max-width: 100%; margin-bottom: 40px;}
	.colBox .col4{ max-width: 100%; margin-bottom: 40px;}
}

@media only screen and (max-width: 520px) {
	#headerCntr .button { display: none; }
	#headerCntr .mobileMenu span { background: #273575; }
	#headerCntr .mobileMenu span:before,
	#headerCntr .mobileMenu span:after { background: #273575; }
	.bannerCntr .button { padding: 10px 18px; }
	.bannerCntr .link { display: block; margin-left: 0; }
	#headerCntr .topbar .left ul { line-height: 0.4; }
	#headerCntr .topbar .left li { margin-right: 0; }
	#headerCntr .topbar .left li img { width: 9px; }
	#headerCntr .topbar p { font-size: 9px; margin-left: 5px; }
	#headerCntr .topbar p span { font-size: 9px; }
}


/* #Media Queries
================================================== */

@media only screen and (max-width: 1450px) {
	.centered { padding-right: 15px; padding-left: 15px; }
	.introBox .list { width: 36%; }
	.introBox .list .bg { padding: 50px 20px; }
	.introBox .button { padding: 16px 120px 14px 18px; }
	.tabsBox ul.tabs li { padding: 20px 40px; font-size: 18px; }
	.tabsBox .parts li { display: inline-flex; }
	.tabsBox .parts li:before { margin-top: 5px; width: 34px; }
}

@media only screen and (max-width: 1199px) {
	.introBox { margin-bottom: 50px; padding-top: 50px; }
	.introBox .button { margin-bottom: 0; padding: 16px 50px 14px 18px; font-size: 15px; }
	.introBox .learn .link { margin-top: 20px; width: 100%; }
	.introBox .learn strong { font-size: 14px; }
	.packagesBox { margin-bottom: 50px; padding-top: 50px; }
	.packagesBox .list li { padding: 16px 10px; }
	.packagesBox .van span { font-size: 28px; }
	.packagesBox .voor span { font-size: 40px; }
	.packagesBox .order { padding: 25px 20px; }
	.introBox.bronze .headding { margin-top: 25px; }
	.introBox .choose .bg { padding: 20px; }
	.introBox label { font-size: 15px; }
	.introBox .form-control { padding: 15px 7px; font-size: 14px; }
	.introBox.bronze .headding.ideal { font-size: 14px; }
	.introBox.bronze .headding span { padding: 0 10px; font-size: 32px; }
	.introBox.bronze .review { justify-content: center; width: 100%; }
	.faqsBox .heading { margin-bottom: 50px; }
}

@media only screen and (max-width: 991px) {
	.introBox h1 { font-size: 30px; }
	.introBox .content { width: 55%; }
	.introBox .button { margin-bottom: 0; }
	.introBox .list { width: 40%; }
	.packagesBox .heading { padding: 20px 10px; font-size: 20px; }
	.packagesBox h2 { font-size: 30px; }
	.packagesBox .list li { font-size: 14px; }
	.packagesBox .price { padding: 25px 10px; }
	.packagesBox .offer { font-size: 14px; }
	.packagesBox .offer span { font-size: 30px; }
	.faqsBox .heading { font-size: 30px; }
	.introBox .choose { margin-top: 0; width: 42%; }
	.introBox.bronze .title { margin-bottom: 0; }
	.introBox.bronze h2 { font-size: 30px; }
	.tabsBox ul.tabs li { padding: 16px; font-size: 16px; }
}


@media only screen and (max-width: 768px) {
	.introBox .content { margin-bottom: 20px; width: 100%; }
	.introBox .list { width: 100%; }
	.omenomBox .omenom_rij.links,
	.omenomBox .omenom_rij { flex-direction: column-reverse; }
	.omenomBox .content { width: 100%; }
	.omenomBox .list { width: 100%; }
	.packagesBox { padding-bottom: 30px; }
	.packagesBox .box { margin-bottom: 25px; }
	.packagesBox .item { margin-bottom: 20px; width: 100%; }
	.packagesBox .list li { font-size: 16px; }
	.faqsBox .card-title { font-size: 18px; }
	.introBox .choose { width: 100%; }
	.tabsBox ul.tabs li { width: 100%; }
	.tabsBox ul.tabs li:last-child { border-right: 0; }
	.tabsBox .parts li:before { width: 90px; }
}

@media only screen and (max-width: 479px) {
	.introBox h1 { font-size: 25px; }
	.packagesBox h2 { font-size: 25px; }
	.faqsBox .heading { font-size: 25px; }
	.faqsBox .card-content { font-size: 14px; }
	.introBox label { font-size: 13px; }
	.introBox.bronze .headding.ideal p { font-size: 13px; }
	.introBox.bronze h2 { font-size: 25px; }
}