/*
Theme Name: Roaldcraenen v2.7
Author: Roald Craenen
Author URI: https://www.roaldcraenen.nl/
Description: Integratie Google Reviews + CPT reviews
Version: 2.7
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
html,body{font-family:'Montserrat', sans-serif;font-weight:400;font-size:16px;line-height:26px;color:#252525;}
b,strong{font-weight:700}
em,i{font-style:italic}
img{max-width:100%;height:auto;}
a img{border:none;text-decoration:none}
a{color:#12769f;text-decoration:underline;}
a:1{color:#12769f;text-decoration:none}
h1,h2,h3,h4{line-height:100%;font-weight: 700;/* word-break: break-all; */}
h1{font-size:24px;margin:0 0 30px 0}
h2{font-size:24px;margin:0 0 30px 0}
h3{font-size:24px;margin:0 0 30px 0}
p{margin:5px 0 20px 0}
i.padding-left{padding-left:10px}
i.padding-right{padding-right:10px}

/* General */
.ab-show{display:none !important;}

*:focus {outline: none;}
button.cta,input.cta,a.cta{padding:12px 20px;background:#12769f;color:#fff;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;margin-top:10px;border-radius:5px;border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-transition: background 100ms ease-in-out;
	-moz-transition: background 100ms ease-in-out;
	-o-transition: background 100ms ease-in-out;
	-ms-transition: background 100ms ease-in-out;
	transition: background 100ms ease-in-out;
}
button.cta:hover,input.cta:hover,a.cta:hover{background:#fff;color:#12769f;text-decoration:none;cursor:pointer}
.cta.white{background-color:#fff;color:#12769f;}
.cta.white:hover{background-color:#12769f;color:#fff;}
.cta.ghost{background-color:#fff;border:1px solid #E2E2E2;color:#252525;box-shadow:none;transition:all 100ms ease;}
.cta.ghost:hover{color:#252525;transform:translateY(-3px);}
span.blue{color:#12769f;}
#text-2,.cta.gradient,.gradient,.line.gradient::after{
	background: #12769f; /* Old browsers */
	background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #12769f 0%,#41b3e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #12769f 0%,#41b3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 ); /* IE6-9 */
}
.line.gradient{background:none;}
.line::after{content:"";width:40px;height:5px;display:block;margin:30px 0;background-color:#fff;}
/*.fa-input {font-family: FontAwesome,'Montserrat',sans-serif;}*/
a.readmore{cursor: pointer;}
.grecaptcha-badge{display:none;}
.fixed{position:fixed;top:0;left:0;width:100%}

.pagination{width:100%;margin:0}
.pagination .cta{margin:0}
.nav-previous{float:left}
.nav-next{float:right}

/* Top */
.secnav{height:30px;color: #fff;font-size:9px;padding: 2px 0 0 0;}
.secnav span{margin-left: 10px}
.top{padding:0;border-bottom:1px solid #ebebeb;background:#fff;z-index:999999999;transition:all 150ms ease-in-out;}
.top.fixed{box-shadow:0 0 10px 2px rgba(0,0,0,0.2);}
.single .top,.home .top{border-bottom:none;}
.single-post .top{border-bottom:1px solid #ebebeb;}
.logo{display:none}
.logo{margin:30px 0;}

/* Nav */
.navigation{background-color:#1a171b}
.navbar{margin-bottom:0}
.navbar-default{border:none;background-color:transparent;margin:0 -15px}
.navbar ul{list-style:none;margin:0;padding:0}
.navbar-nav {float:initial}
.navbar-nav li a{text-decoration:none;color:#fff !important;display:block;font-size:16px;font-weight:400;padding:10px 25px;border-bottom:1px solid rgba(255,255,255,0.1);text-transform: uppercase;}
.navbar-nav li a i{font-size:16px;/* line-height:1px; */float:right;transition:all 150ms ease-in-out;}
.navbar-nav li a i.active{float:right;-moz-transform: scaleY(-1);-o-transform: scaleY(-1);-webkit-transform: scaleY(-1);transform: scaleY(-1);filter: FlipV;-ms-filter: "FlipV";}
.navbar-nav li li a{padding:10px 50px}
.navbar-nav li li li a {padding:10px 60px}
.navbar-toggle{border:none;padding:25px 0 20px 0}
.navbar-toggle .icon-bar{background-color:#252525 !important;height:3px}
.navbar-collapse{background-color:#1a171b;z-index:1;position:relative;margin-top:0px;border:none;text-align:left;padding:0}
.navbar-brand{padding:0;height:auto}
.navbar-brand img{width:140px;padding:15px 0 15px 15px}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none}
button.navbar-toggle .txt{float:left;text-transform:uppercase;font-weight:700;margin-right:10px;}
button.navbar-toggle .icon{float:right;padding-top:3px;}

/* Hero */
.unslider{position:relative;}
.unslider-arrow{display:none}
.hero{width:100%;}
.hero-img{background-size:cover;background-attachment:initial;background-position:50% 100%;position:relative;width:100%;margin:0 auto;}
.hero .txt{padding:80px 0}
.hero h3{font-size:40px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.hero p{font-size:16px;color:#fff;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,0.5);}
.hero.project,.hero.project .img{width:100%;height:400px;}
.hero.project .img{background-size:cover;background-position:50%;}

/* Main */
.main{padding:80px 0;}
.main h1{margin-bottom:20px}
.main.home h1{font-size:20px;}
.main h2{font-size:30px;font-weight:400;margin:20px 0 30px 0;display:inline-block;}
.main h1 + h2{font-size:30px;font-weight:400;margin:20px 0 30px 0}
.main .img{height:400px;background-size:cover;background-position:50%;margin-bottom:30px}
.main.home .txt{column-count:initial;}
.main.home.overige .txt{column-count:initial;}
.main.home .video{margin-top:30px;}
.main .galerij .img{height:auto;margin-bottom:20px;}

.logos{margin-top:60px;}
.logos img{width:100px;display:inline-block;vertical-align:middle;}
.logos img + img{margin-left:10px;}

.main.project{}
.main.project h1{font-size:32px;line-height:32px;}
.main.project h2.subtitle{font-size:16px;line-height:16px;margin:0 0 30px 0;color:#252525;font-weight: 700;}
.main.project .form{color:#fff;}
.main.project .form h3{font-size:20px;padding:30px;border-bottom: 1px solid rgba(255,255,255,0.2);margin:0;}
.main.project .form .inner{padding:30px;}
.main.project .form .inner p{margin:0 0 30px 0;}
.main.project .form .inner a{display:inline-block;margin:0 auto}
.main.project .form .inner span{display:block;margin:0 auto;margin-top:10px;}

.video .img{height:200px;background-size:cover;background-position:50%;}
.video .img .overlay{width:100%;height:100%;display:table;background-color:rgba(0,0,0,0.5);
	-webkit-transition: background-color 100ms ease-in-out;
	-moz-transition: background-color 100ms ease-in-out;
	-o-transition: background-color 100ms ease-in-out;
	-ms-transition: background-color 100ms ease-in-out;
	transition: background-color 100ms ease-in-out;
}
.video .img .overlay i{display:table-cell;vertical-align:middle;text-align: center;color:#fff;font-size:46px;opacity:0.8;}
.video .img:hover{cursor:pointer;}
.video .img:hover .overlay{background-color:rgba(0,0,0,0.0);}

.types{padding:80px 0 20px 0;}
.types h2{font-size:20px;font-weight:700;}
.types h3{font-size:20px;color:#12769f;}
.types h3 a{text-decoration:none;}
.types .col-md-8{margin-bottom:60px;}
.types .col-md-6{margin-bottom:60px;}
.types p{}
.types img{display:block;margin-bottom: 30px;}
.types a{}
.types a i{display:initial;}
.types .col-md-6:nth-child(2n+1) {clear: left;}

.usps{background-size:cover;background-position:50%;}
.usps .item{background-size:cover;background-position:50%;position:relative;}
.usps .usps-txt{padding:60px 0;min-height:595px;}
.usps .usps-txt .txt{color:#fff;}
.usps .usps-txt i{color:#fff;font-size:60px;}
.usps .usps-txt .txt h3{font-size:40px;}
.usps .usps-txt .txt p{}
.shadow{position:absolute;bottom:0;height:90%;width:100%;
	background:rgba(0,0,0,0.6);
	background:-moz-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
	background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
	background:linear-gradient(bottom,rgba(0,0,0,0.6),rgba(0,0,0,0));
}

.usps button.owl-dot{border:none;padding:0;margin:0 5px;background:transparent}
.usps .owl-dots{position: absolute;width:100%;margin:0 auto;bottom:60px;}
.usps .owl-dots span{width:16px !important;height:16px !important;border-radius:50% !important;background-color:transparent !important;opacity:1;margin:0 !important;border:2px solid #fff}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #12769f; /* Old browsers */
	background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #12769f 0%,#41b3e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #12769f 0%,#41b3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 ); /* IE6-9 */
}

/* Producten */
a.category{padding:12px 20px;border:1px solid #ebebeb;text-decoration:none;color:#252525;font-weight:700;margin-right:30px;font-size:16px;background: #fff;margin-top:10px;display: inline-block;}
a.category:hover,a.category.active{color: #fff;
	background: #12769f; /* Old browsers */
	background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #12769f 0%,#41b3e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #12769f 0%,#41b3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 ); /* IE6-9 */
}
.projecten,.producten{padding:0 0 50px 0;}
.main.projecten{padding:80px 0 60px 0;}
.projecten .project,.producten .product{margin-bottom: 30px;}
.producten .product:nth-child(3n+1){clear:both;}
.projecten img,.producten img{display:block;}
.projecten .txt,.producten .txt{padding:20px;}
.projecten .txt a,.producten .txt a{text-decoration: none;color: #fff;font-weight: 400;line-height:100%;}
.projecten .txt a.title,.producten .txt a.title{text-transform:uppercase;display:block;font-weight: 700;}
.project a.img{display:block;height:250px;width:100%;background-size:cover;background-position:50%;}

/* Projecten */
.single-project{}
.projecten .project .inner{position:relative}
.projecten .txt{position:absolute;bottom: 0;width:100%;background-color:rgba(0,0,0,0.5);}

/* Content */
.content{padding:80px 0}
.content h2{font-size:30px;margin:0 0 30px 0}

/* Blog - index */
.posts{padding:80px 0;}
.posts .recent{border-bottom:1px solid #ebebeb;margin-bottom:60px;padding-bottom: 60px;}
.posts .recent:last-child{border:none;margin-bottom:0;padding-bottom:0;}
.posts .recent img{}
.posts .recent a.cta{margin:30px 0 0 0;}
.posts h3{margin-top:30px;}
.posts .recent h3 a{text-decoration: none;color:#252525;}
.posts .recent p{margin:0;}

/* Single */
.singlepost{padding:80px 0}
.singlepost h1{font-size:24px;}
.page-template-default .txt h2,.single h2{font-size:20px;color:#12769f;font-weight:700;margin:40px 0 20px 0;line-height:100%;}
.singlepost .entry-content h3{font-size:18px;color:#12769f;font-weight:700;margin:30px 0 15px 0;line-height:100%;}
.singlepost time{margin-bottom:30px;display:inline-block;font-weight:700;}
.single.header{height:340px;background-size:cover;background-position:50% 50%;display: table;width:100%;position:relative;}
.single.header .txt-inner{display:table-cell;vertical-align:middle;}
.single.header .txt{color:#fff;}
.single.header .txt h1{margin-bottom:20px;}
.single.header .txt a{color:#fff;}
.single.header .arch{position:absolute;bottom:-1px;width:100%;background-image:url("images/arch.svg");width:100%;height:100%;background-repeat:no-repeat;background-position:bottom center;}

.recentposts{padding:80px 0;background-color:#ebebeb;}
.recentposts h3{color:#252525;font-size:24px;font-weight:700;margin:0 0 40px 0;}
.recentposts .recent{margin-bottom: 30px;width:100%;height:250px;background-size:cover;background-position:50%;position:relative;line-height:100%;}
.recentposts .recent:hover{cursor:pointer}
.recentposts .recent a{position:absolute;bottom:0;padding:20px;background-color:rgba(0,0,0,0.5);color:#fff;width:100%;display:block;text-decoration:none;}

/* Feedback */
.feedback{padding:0 0 50px 0}
.feedback .item{padding:30px 0 0 0;margin-bottom:30px}
/*.feedback .item .img{width:100%;height:165px;background-size:cover;background-position:50%;border-radius:50%;}*/
.feedback .item .img{width:100%;height:100%}
.feedback .item .img img{border-radius:50%;max-width:200px;margin-bottom:30px}
.feedback .item .review{border-bottom:1px solid #dcdcdc;}
.feedback .item .review h4{font-size:19px;font-weight:400;margin:0;text-transform:initial;}
.feedback .item .review h4 b{font-weight:700;}
.feedback .item .review .bedrijf{font-size:15px;}
.feedback .item .review .rating{}
.feedback .item .review .rating i{color:#12769f;margin-right:5px;font-size:24px}
.feedback .item .review .txt{font-weight:300;font-style:italic;margin-bottom:30px;margin-top:20px;}

/* Review bar */
.reviewbar{background-color:#f0f0f0;padding:10px 0 20px 0;overflow-y:hidden;height:auto;font-weight:400;}
.reviewbar .score{text-align:center;border-radius:50%;background-color:#12769f;color:#fff;font-size:32px;padding:40px 32px;margin:0 20px;font-weight:700;}
.reviewbar .aantal{}
.reviewbar .cta{margin:10px 0 0 0;position:relative;right:0;display:block;}
/* .reviewbar .cta:hover{background-color:#fff;color:#004987} */

/* FAQ */
.faq{padding:0 0 60px 0;}
.faq h1{margin:0 0 60px 0;font-size:36px;}
.faq #accordion{}
.faq .panel{margin-bottom: 10px;box-shadow:none}
.faq .panel-default{border:1px solid #ebebeb}
.faq .panel-default > .panel-heading+.panel-collapse>.panel-body{border-color:#ebebeb}
.faq .panel-heading{padding:0px;border:none}
.faq .panel-heading h4{text-decoration: none;font-size:18px;font-weight: 700;margin: 0;color:#fff;}
.faq .panel-heading i{float: right;font-size: 18px;color: #fff;transform:rotate(180deg);}
.faq .panel-heading a{text-decoration: none;padding:20px;display:block;border-top-left-radius:3px;border-top-right-radius:3px;color:#fff;
	background: #12769f; /* Old browsers */
	background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #12769f 0%,#41b3e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #12769f 0%,#41b3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 ); /* IE6-9 */
}
.faq .panel-heading a.collapsed,.faq .panel-heading a.collapsed h4,.faq .panel-heading a.collapsed i{background:transparent;color:#252525;}
.faq .panel-heading a.collapsed i{transform:rotate(360deg);}
.faq .panel-heading a i{text-decoration: none;}
/* .faq .panel:first-child a i{text-decoration: none;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);} */
/* .faq .panel-heading a.collapsed i{text-decoration: none;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);} */
.faq .panel-collapse{font-size: 16px;line-height:24px;}

/* Contact */
.contact{padding:0 0 60px 0;}
.main.contact{padding:80px 0 40px 0}
.contact b{}
.contact .form{color:#fff;margin-top:-20px;}
.contact .form .inner{padding:15px}
.contact .form h3{font-size:24px;line-height:30px;margin:0;padding:15px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.contact .form p{margin:0 0 30px 0}

.team{padding:60px 0;}
.team .lid{margin-bottom:30px;}
.team .card{display:table;width:100%;margin-bottom:30px}
.team .card div{height:300px !important;cursor:pointer;}
/*.team .card .front{background-size:cover;background-position:50%;filter:grayscale(1);-webkit-filter:grayscale(100%);}
.team .card .back{display:table-cell;vertical-align:middle;}*/

/* Nieuw */
.team .card .front{position: relative;border-radius: 5px;overflow: hidden;}
.team .card .front img{position: relative;width: 100%;height: 100%;object-fit: cover;display: block;-webkit-filter:grayscale(1);filter:grayscale(1);transition:all 250ms ease-in-out;transform-origin: center right}
.team .card .back{position: absolute;padding: 40px;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;transition:all 250ms ease-in-out;top:0;left:0;width: 100%;height: 100%;opacity: 0;transform-origin: center center;transform:translateX(-40px);}

.team .card:hover > .front img{transform: scaleX(0);}
.team .card:hover > .front .back{transform:translateX(0);opacity: 1;}

/* Producten */
.sidebar{}
.sidebar .border{width:100%;height:5px;display:block;}
.sidebar .img{height:270px;margin:0;background-size:cover;background-position:50%;}
.sidebar .usp{color:#fff;padding-bottom:30px;}
.sidebar .usp h3{color:#fff;padding:30px;border-bottom:1px solid rgba(255, 255, 255, 0.1);margin:0;font-size:20px}
.sidebar .usp ul{list-style:none;margin:0 0 20px 0;padding:0}
.sidebar .usp ul li{padding:15px 30px;border-bottom:1px solid rgba(255, 255, 255, 0.1);font-weight:700;font-size:16px;}
.sidebar .usp ul li i{font-weight:400;margin-right:10px;color:#fff;}
.sidebar .usp .contact{padding:0}
.sidebar .usp a.small{color:#fff;margin-top:5px;display:inline-block;}
.sidebar .garantie{margin-top:30px;display:flex;}
.sidebar .garantie ul{display:inline-block;font-size:14px;margin:0 0 0 30px;padding:0}
.sidebar .garantie ul li i{color:#12769f;font-size:20px;}
.sidebar .garantie ul li + li{margin-top:10px;}
.sidebar .garantie .img{margin-left:15px;}

.extra{padding-top: 0;}
.extra h2{color:#12769f;font-weight: 700;font-size: 24px;margin:20px 0 10px 0}
h2.h1{font-size:20px;margin:0 0 30px 0;font-weight:700;line-height:100%;color:#252525}
h2.h1{margin-bottom:0;}

/* Footer */
.footer{padding:80px 0 40px 0;color:#fff;font-weight:400;font-size:13px;line-height:21px;}
.footer h4{color:#fff;font-size:18px;margin:0 0 20px 0;font-weight:600;}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline;}
.footer i{padding-right:10px;padding-left:0}
.footer a i{font-size:14px;color:#fff;padding-right:10px;opacity:1}
.footer a:hover{opacity:.5;text-decoration:none;}
.footer .col-md-4{margin-bottom:30px;}

.footer ul{list-style:none;margin: 0;padding: 0;}
.footer span{width:100px;display:inline-block;}

/* Copyright */
.copyright{text-align:center;color:#fff;font-size:10px;padding:40px 0;line-height:120%;}
.copyright a{color:#fff;text-decoration:none}
.copyright img{margin-top:10px}

/* Sidebar */
.widget.normal, .widget.normal ul, .widget.normal li{list-style:none;margin:0;padding:0}
.widget.normal{margin:80px 0 80px 0}
.widget.normal h3{font-size:28px;margin:0 0 30px 0;color:#fff}
.widget.normal li{padding:0 0 10px 0}
.widget.normal li:last-child{border:none}
.widget.normal .textwidget .center{text-align:center;}

.sidebar-widget{margin-bottom:40px}
.sidebar-widget.widget_recent_entries li{border-bottom:1px solid #f2f2f2;padding:10px 0}
.sidebar-widget.widget_recent_entries li:last-child{border:none;}
.sidebar-widget.widget_recent_entries a{text-decoration:none;color:#252525}

#text-2{padding:30px;color:#fff;}
#text-2 h3{}
#text-2 p{font-size:14px;line-height:20px;}
#text-2 a{text-align:center;}

/* Contact form */
.wpcf7-form table{width:100%}
.wpcf7-form{margin-top:20px}
.wpcf7-form p{margin:0 0 10px 0 !important}
.wpcf7-form .field{display:block;margin-bottom:20px}
.wpcf7-form strong{margin-bottom:5px;display:block;font-weight:700;}
.wpcf7-form .telefoonnummer input{width:200px}
.wpcf7-form td{padding-bottom:20px}
.wpcf7-form small{font-size:12px;font-style:italic;}
.wpcf7-form input[type="date"],.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form select,.wpcf7-form textarea,.wpcf7-tel {margin:0;padding:10px;border:1px solid #e1e1e1;}
.wpcf7-form .ajax-loader{background-image:url("images/default.svg") !important;}
select.wpcf7-not-valid,input.wpcf7-not-valid{border:1px solid #ff0000 !important}
.wpcf7-validation-errors{border:2px solid #ff0000 !important;margin:0 0 20px 0 !important;color:#ff0000 !important;padding:10px !important}
#wpcf7-f57-p20-o1 .versturen{margin-bottom:0}
.wpcf7-form input[type="date"],.wpcf7-form textarea,.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form select{width:100%;color:#000;border-radius:5px;font-size:14px}

.wpcf7-form .form-50{width:calc(50% - 3px) !important;}
.wpcf7-form p.small{color:#252525;font-size:12px;}

/* Contact form validation */
span.wpcf7-not-valid-tip{font-size:12px !important;display:none !important;}

/* Default Wordpress */
.entry-content td{padding-right:20px}
.alignleft{float:left;margin-right:20px}
.alignright{float:right;margin-left:20px}
.aligncenter{clear:both;display:block;margin:0 auto 20px}
blockquote{font-style:italic;border-left:4px solid #e1001a;padding-left:10px}
.gallery{margin-top:40px}
.gallery img{width:100%}
.gallery dl{margin-bottom:30px}

/* Modal */
.modal{margin-top:0 !important;}
.modal.video{background-color:rgba(0,0,0,0.4)}
.modal.video .modal-content{box-shadow:none;background-color:transparent;border:none;}
.modal.video .modal-header{border:none;}
.modal.video .modal .close{color:#fff;opacity:1;font-size:40px}
.modal.product{color:#252525;}
.modal.product h4{color:#12769f;text-transform:uppercase;margin:0 0 20px 0}

.modal .wpcf7-form br + span input{margin-top:10px;}
.modal .wpcf7-form input[type="submit"]{margin-top:20px;}

/* IE fixes */
.widget-area{width:100%}
.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,0.1);}
.table>tbody>tr>td{border:none;}
video{height:auto}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:30px}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe[name='google_conversion_frame'] {font-size: 0 !important;height: 0 !important;line-height: 0 !important;margin-top: -13px;width: 0 !important;}

/* Responsive oembed */
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe,.embed-container object,.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* ---------- Aanpassingen augustus 2024 ---------- */

/* Fonts */
.tekst :is(p, a, span, li){}
.titel.wit, .tekst.wit :is(p, a, span, li),.line.gradient.wit{color: #fff;}
.line.gradient.wit::after{background: #fff;}
.clickable:hover{cursor: pointer;}
.clickable :is(a, a:hover){text-decoration: none;}

/* Images */
.img-wrap{display: block;width: 100%;height: 100%;}
.img-wrap img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 5px;box-shadow:3px 3px 10px rgba(0,0,0,0.15);}

/* Blokken */
.blok{margin:80px 0;}
.blok-p{padding:80px 0;}

/* Buttons */
:is(.page-template-homepage-nieuw, .banner, .top, .oo-faqs, .single-faq, .single-product) .cta{width: fit-content;height: fit-content;margin-top:0;padding-right: 25px;}
:is(.page-template-homepage-nieuw, .banner, .top, .oo-faqs, .single-faq, .single-product) a.cta > i{transition: all 150ms ease-in-out;}
:is(.page-template-homepage-nieuw, .banner, .top, .oo-faqs, .single-faq, .single-product) a.cta:hover > i{transform: translateX(5px);}
:is(.page-template-homepage-nieuw, .banner, .top, .oo-faqs, .single-faq, .single-product) a.cta.gradient:hover{background: #12769f;background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%);background: -webkit-linear-gradient(left, #12769f 0%, #41b3e2 100%);background: linear-gradient(to right, #12769f 0%, #41b3e2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 );color: #FFF;}
.page-template-homepage-nieuw a.cta.white:hover{background: #fff;color: #12769f;}
.page-template-homepage-nieuw .cta.trans{background: transparent;border:1px solid #fff;}
.page-template-homepage-nieuw :is(.cta.trans:hover, .cta.trans:hover i){color: #fff;}

/* Menu */
.top{padding: 8px 0;}
.top.scrolled{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
:is(.top, .oc-menu) a.navbar-brand{display: inline-flex;width: fit-content;height: fit-content;margin: 0;}
:is(.top, .oc-menu) a.navbar-brand img{display: block;height: 100%;object-fit: contain;padding: 0;width: 125px;max-width: 125px;}
.top .navbar-toggler{font-size: 16px;font-weight: bold;text-transform: uppercase;color: #252525;border: none;padding: 20px 0;display: flex;align-items: center;}
.top .navbar-toggler:focus{outline: none;border:none;box-shadow: none;}
.top .navbar-toggler i{padding-left: 10px;font-size: 20px;}
.top .navbar-collapse{top:12px;}

.swiper-usps{width: 100%;height:30px;max-height:30px;overflow: hidden;position: relative;}
.swiper-usps .usp{height: 100%;}
.h-30{height:30px;max-height:30px;}

:is(.secnav .left, .swiper-usps) .usp{font-size: 10px;}
:is(.secnav .left, .swiper-usps) .usp span{position: relative;top:1px;}
:is(.secnav .left, .swiper-usps) .stars{margin-right: 8px;font-size: 10px;}

.oc-menu .oc-header{padding: 11px 16px;border-bottom: 1px solid #f1f1f1;}
.oc-menu .oc-close{padding: 0 8px;border: none;background: transparent;font-size: 24px;color:#252525;}
.oc-menu .navbar-collapse{background: #fff;margin: 25px 0;}
.oc-menu .navbar-nav li a{color: #252525 !important;font-weight: 600;display: flex;flex-direction: row;justify-content: space-between;align-items: center;text-transform: none;}
.oc-menu .navbar-nav li ul{margin-bottom: 20px;}
.oc-menu .navbar-nav li ul li a{font-weight: 400;border: none;}
.oc-menu .navbar-nav li.offerte-button a{border: none;color:#fff !important;padding: 20px 25px !important;}

.oc-menu .info-blok{background: #e1f2f9;padding: 25px;}
.oc-menu a.btn-tel{text-decoration: none;}
.oc-menu a.btn-tel span:nth-child(1){color: #41b3e2;font-weight: 500;display: inline-flex;align-items: center;}
.oc-menu a.btn-tel span:nth-child(2){color: #252525;font-size: 14px;}
.oc-menu a.btn-mail{font-size: 14px;font-weight: 500;background: linear-gradient(to right, #12769f 0%, #41b3e2 100%);text-decoration: none;color:#fff;border-radius: 5px;padding: 12px 20px;}
.oc-menu a.btn-mail span.icon{min-width: 30px;min-height: 30px;width: 30px;height: 30px;background: #fff;border-radius: 50%;color: #12769f;margin-right: 10px;}

.oc-menu ul.sub-menu{list-style-type: none;padding: 0;}
.oc-menu ul.sub-menu li a{border-top:none !important;}

/* Homepage */
.home-header{position: relative;width: 100%;}
.home-header .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;}
.home-header .bg :is(img, video){display: block;width: 100%;height: 100%;object-fit: cover;-webkit-filter:brightness(0.5);filter:brightness(0.5);position: absolute;top: 0;left:0;}
.home-header .inner{padding: 100px 0 150px 0;}
.home-header h1{line-height: 34px;}

.home-header .scroll{position: absolute;bottom: 50px;left: calc(50% - 10px);width: 20px;height: 50px;border-radius: 50px;border:1px solid #fff;overflow: hidden;}
.home-header .scroll span{position: absolute;width: 8px;height: 8px;border-radius: 50%;background: #fff;animation: scrollDot 3.5s ease-in-out infinite;transition: all 250ms ease-in-out;left: calc(50% - 4px);top: 4px;transform-origin: center center;}
@keyframes scrollDot {
	0% { transform: translateY(0);opacity:0; }
	10% { transform: translateY(0);opacity:1; }
	60% { transform: translateY(32px);opacity:1; }
	70% { transform: translateY(32px);opacity:0; }
	100% { transform: translateY(32px);opacity:0; }
}

.home-intro .galerij a{overflow: hidden;border-radius: 5px;}
.home-intro .galerij a::after{position: absolute;content: '\f002';font-family: 'Font Awesome 6 Pro';display: flex;align-items: center;justify-content: center;top: calc(50% - 20px);left: calc(50% - 20px);color: #252525;font-weight: 600;border-radius: 50%;background: rgba(255, 255, 255, 0.75);min-width: 40px;min-height: 40px;}
.home-intro .galerij a img{aspect-ratio: 4/3;-webkit-filter:brightness(0.75);filter:brightness(0.75);}

.swiper-voordelen{width: 100%;overflow: hidden;position: relative;margin-top: 50px;}
.swiper-voordelen .swiper-slide{height: auto;align-self: stretch;}
.swiper-voordelen .usp-blok{border-radius: 5px;border: 1px solid #C4C4C4;padding: 30px;height: 100%;}
.swiper-voordelen .usp-blok .icon{min-width: 44px;min-height: 44px;width: 44px;height: 44px;margin-bottom: 20px;background: #167BA5;border-radius: 5px;}
.swiper-voordelen .usp-blok .icon i{color: #fff;font-size: 24px;}
.swiper-voordelen .usp-blok strong{color:#000;font-size: 20px;font-weight: bold;display: block;margin-bottom: 10px;}

.swiper-voordelen .swiper-pagination{bottom:0;}
.swiper-voordelen .swiper-pagination .swiper-pagination-bullet{transition: all 150ms ease-in-out;}
.swiper-voordelen .swiper-pagination .swiper-pagination-bullet-active{background: #41b3e2;}

.swiper-producten{width: 100%;overflow: hidden;position: relative;}
.swiper-producten .product-blok .bg{background: #fff;border-radius: 5px 5px 0 0;overflow: hidden;}
.swiper-producten .product-blok .bg img{display: block;width: 100%;height: 100%;aspect-ratio: 4/3;object-fit:contain;}
.swiper-producten .product-blok .p-content{background: rgb(22,123,165);background: linear-gradient(106deg, rgb(15 84 113) 0%, rgb(55 147 185) 100%);padding: 20px;border-radius: 0 0 5px 5px;}
.swiper-producten .product-blok .p-content :is(strong, span, a){color: #fff;font-size: 16px;line-height: 20px;display: block;}

.swiper-nav{width: 100%;height: 30px;margin-top: 40px;}
.swiper-nav .swiper-scrollbar{height: 8px;width: calc(100% - 90px);left: 45px;background: #fff;}
.swiper-nav .swiper-scrollbar-drag{background: #40B2E1;}
.swiper-nav .swiper-btn{min-width: 30px;min-height: 30px;width: 30px;height: 30px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;top:0;margin-top: 0;transition: all 150ms ease-in-out;}
.swiper-nav .swiper-btn::after{content:'\f105';font-family: 'Font Awesome 6 Pro';font-weight: 400;color: #40B2E1;font-size: 14px;}
.swiper-nav .swiper-btn.prev::after{content: '\f104';}
.swiper-nav .swiper-btn.prev{left:0;right: unset;}
.swiper-nav .swiper-btn.next{right: 0;left: unset;}

.swiper-projecten{width: 100%;overflow: hidden;position: relative;}
:is(.mega-menu, .swiper-projecten) .project-blok .bg{border-radius: 5px;overflow: hidden;}
:is(.mega-menu, .swiper-projecten) .project-blok .bg img{display: block;width: 100%;height: 100%;aspect-ratio: 4/3;object-fit:cover;-webkit-filter:brightness(0.75);filter:brightness(0.75);}
:is(.mega-menu, .swiper-projecten) .project-blok .p-content{position: absolute;bottom: 0;left:0;z-index:5;padding: 20px;}

.swiper-projecten .swiper-nav .swiper-btn{background:#40B2E1;}
.swiper-projecten .swiper-nav .swiper-btn::after{color: #fff;}
.swiper-projecten .swiper-nav .swiper-scrollbar{background: #ededed;}
:is(.mega-menu, .swiper-projecten) .project-blok .p-content :is(strong, span, a){color: #fff;font-size: 16px;line-height: 20px;display: block;}
:is(.mega-menu, .swiper-projecten) .project-blok .p-content span{font-size: 12px;}

.home-projecten{margin-bottom: 40px;}

/* Banner */
.banner{bottom:-80px;/*margin-top: -80px;*/}
.banner .row.inner .inner{padding: 60px 30px;border-radius: 5px;box-shadow:0px 3px 20px rgba(0,0,0,0.2);background: #fff;}
.banner .cta{width: fit-content;}
.banner .divider{width:100%;height:1px;margin: 50px 0;background: rgba(0,0,0,0.15);}
.banner .reviews .left{background: #3AAAD8;border-radius: 50%;font-size: 24px;color: #fff;font-weight: 600;min-width: 66px;min-height: 66px;box-shadow: -1px 2px 5px rgba(0,0,0,0.35);}
.banner .reviews .right{padding: 8px 15px;}
.banner .reviews .right::before{position: absolute;top: 0;left: -33px;width: calc(100% + 33px);height: 100%;content: '';border-radius: 5px;background: #fff;z-index: -1;box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.25);}
.banner .reviews .right a{font-size: 12px;line-height: 100%;margin-top: 10px;}
.banner .reviews .right .stars{font-size: 19px;line-height: 100%;color: #12769F;}
.banner .reviews .right .stars i + i{margin-left: 2px;}

/* Footer */
.footer .row.first{margin-top: 80px;}
.footer ul{-webkit-columns:2;columns:2;}
.footer .copyright{padding: 80px 0 0 0;}
.footer .copyright span{width: fit-content;}
.footer .copyright .copy-list .divider{margin: 0 3px;}

/* Offerte form */
.page-id-270 h1.line.gradient{word-break: break-word;}

.offerte-form .section + .section{margin-top: 40px;}
.offerte-form .form-header{border-radius: 5px 5px 0 0;padding: 15px 20px;}
.offerte-form .form-header h2{color:#fff;font-size: 18px;font-weight: bold;margin: 0 !important;}
.offerte-form .form-body{padding: 20px 20px 15px 20px;background: #F5F5F5;border-radius: 0 0 5px 5px;}

.offerte-form input{padding: 10px 15px !important;}
.offerte-form textarea{padding: 15px !important;height: 150px;}
.offerte-form button.versturen{display: flex;align-items: center;justify-content: center;min-width: 100%;border: none;background:#E2802C;border-radius: 5px;font-size: 18px;color:#fff;font-weight: bold;padding: 15px 20px;box-shadow: 1px 3px 5px #0000001A;}
.offerte-form button.versturen i{transition:all 100ms ease-in-out;}
.offerte-form button.versturen:hover > i{transform: translateX(10px);}

/*.offerte-form select{appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.offerte-form select{padding: 15px;background-image: url(images/form/angle-down.svg);background-position: calc(100% - 17px) 22px;background-size: 14px 12px;
    background-repeat: no-repeat;}*/

.offerte-form #custom-dropdown{display: block;margin-bottom: 5px;}
.offerte-form .selected{width: 100%;background: #fff;padding: 15px 60px 15px 15px;border-radius: 5px;border: 1px solid #e1e1e1;position: relative;}
.offerte-form .selected::after{content: '';background-image: url(images/form/angle-down.svg);background-repeat: no-repeat;background-size: 16px auto;position: absolute;right: 20px;top: 0;width: 16px;height: 100%;background-position: 50% 50%;transition: all 100ms ease-in-out;}
.offerte-form .selected.open::after{transform: rotate(180deg);}
.offerte-form :is(.selected:hover, .option:hover){cursor: pointer;}
.offerte-form :is(.selected, .option) p{display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 0 !important;}
.offerte-form :is(.selected, .option) p span{white-space: nowrap;font-size: 14px;}
.offerte-form :is(.selected, .option) p img{max-width: 55px;height: 40px;display: block;object-fit: contain;}

.offerte-form .options-list{display:none;position: absolute;top: 100%;left: 0;overflow-y: auto;width: 100%;background: #fff;border: 1px solid #e1e1e1;border-top: none;border-radius: 5px;box-shadow: 1px 3px 10px #00000033;z-index: 999;height: 280px;}
.offerte-form .options-list.show{display: block !important;}
.offerte-form .option{padding: 15px;position: relative;transition:all 100ms ease-in-out;}
.offerte-form .option.disabled{pointer-events: none;opacity: 0.5;background:rgba(0,0,0,0.05);}
.offerte-form .option:not(:last-child)::after{content:'';background:rgba(0,0,0,0.05);position: absolute;bottom:0;width: calc(100% - 20px);left:10px;height: 1px;}
.offerte-form .option p{display: flex;flex-direction: row;justify-content: space-between;}

.offerte-form .no-margin p{margin-bottom: 0 !important;line-height: 20px;}
.offerte-form .no-margin p{font-size: 14px;}
.offerte-form .codedropz-upload-container{padding: 25px;}
.offerte-form .codedropz-upload-wrapper{margin-top: 15px;}
.offerte-form .codedropz-upload-wrapper h3{font-size: 18px;}

.offerte-form .spinner-wrap p{margin:0 !important;line-height: 100%;}
.offerte-form .wpcf7-spinner{margin: 10px 0 0 0;}
.offerte-form .wpcf7-response-output{margin: 20px 0 0 0 !important;padding: 10px 15px !important;background: #f9f9f9 !important;}

/* Over ons */
.oo-header .usps{flex-wrap:nowrap !important;overflow-x:scroll;}
.oo-header .usp{background:#F5FBFE;border-radius: 5px;padding: 25px;margin:0 20px 20px 0;flex:none;}
.oo-header .usp strong{font-size: 16px;font-weight: bold;color:#252525;line-height: 17px;}
.oo-header .usp span{font-size: 13px;color:#252525;line-height: 20px;}
.oo-header .usp .left{border-radius: 50%;background:#fff;min-width: 40px;min-height: 40px;max-width: 40px;max-height: 40px;}
.oo-header .usp .left img{display: block;width: 35px;height: 35px;object-fit: contain;object-position: 50% 100%;position: absolute;bottom: -2px;left: 2px;}
.oo-header .img-wrap{aspect-ratio: 4/3;width: 100%;height: fit-content;}
.oo-header .cert{display: block;object-fit: contain;width: auto;max-height: 65px;margin: 0 0 0 20px;}

.oo-team .swiper-team{width: 100%;overflow: hidden;position: relative;}
.oo-team .team-blok .bg{overflow: hidden;border-radius: 5px;padding:0;background: #fff;position: relative;}
.oo-team .team-blok .bg::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 40%;background: rgb(255, 255, 255);background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);z-index: 0;}
.oo-team .team-blok .bg img{display: block;width: 100%;height: 100%;aspect-ratio:1;object-fit: cover;object-position: 50% 0%;}
.oo-team .team-blok .info{position: absolute;bottom: 0;left: 0;padding: 25px;width: 100%;z-index: 3;}
.oo-team .team-blok .info strong{color: #fff;font-size: 16px;font-weight: bold;line-height: 22px;}
.oo-team .team-blok .info span{color: #fff;font-size: 14px;line-height: 18px;}

.oo-team .team-blok{overflow:hidden;}
.oo-team .team-blok .info .contactinfo{opacity:0;transition:all 150ms ease-in-out;max-height:0;}
.oo-team .team-blok:hover .info .contactinfo{opacity:1;max-height:200px;font-size: 14px;line-height: 18px;color:#fff;}
.oo-team .team-blok .info .contactinfo a{color:#fff;text-decoration:none;}

.oo-intro .galerij img{overflow: hidden;border-radius: 5px;aspect-ratio: 4/3;}

.oo-faqs{background: #F6F6F6;}
.oo-faqs .accordion-item{border-radius: 0;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.075);background: transparent;}
.oo-faqs .accordion-item:last-of-type{border-bottom: 1px solid rgba(0, 0, 0, 0.075);}
.oo-faqs .accordion-item .accordion-button{background: transparent;outline: none;border: none;box-shadow: none;font-weight: bold;color: #000;font-size: 16px !important;line-height: 24px !important;padding: 20px 0;}
.oo-faqs :is(.accordion-item:first-of-type>.accordion-header, .accordion-item:last-of-type>.accordion-header) .accordion-button{border-radius: 0 !important;}
.oo-faqs .accordion-button::after{display:none !important;}
.oo-faqs .accordion-body{padding: 0 0 20px 0;font-size:14px;line-height:1.5;}
.oo-faqs .accordion-body p{margin: 0 !important;}

.oo-faqs .accordion-button > i{transition:all 0.15s ease-in-out;color:#12769F;margin-left:30px}
.oo-faqs .accordion-button > i.fa-minus{position: absolute;opacity: 0;right: 0;transition:all 150ms ease-in-out;transform:rotate(-45deg);}
.oo-faqs .accordion-button > i.fa-plus{transition:all 150ms ease-in-out;}
.oo-faqs .accordion-button:not(.collapsed) > i.fa-plus{opacity: 0;transform:rotate(45deg);}
.oo-faqs .accordion-button:not(.collapsed) > i.fa-minus{opacity: 1;transform:rotate(0deg);}

.oo-reviews .review-item{overflow: hidden;border-radius: 5px;border:1px solid #F1F1F1;background: #fff;padding: 30px;}
.oo-reviews .review-item .left{overflow: hidden;border-radius: 50%;min-width: 70px;max-width: 70px;min-height: 70px;max-height: 70px;border:1px solid #F1F1F1;}
.oo-reviews .review-item .left img{display: block;object-fit: cover;object-position: 50% 0%;width: 100%;height: 100%;max-width: 70px;max-height: 70px;}
.oo-reviews .review-item h4{font-size: 20px;line-height: 28px;color:#000000;}
.oo-reviews .review-item .bedrijf{font-size: 14px;line-height: 18px;color:#252525;}
.oo-reviews .review-item .rating i{color:#12769F;font-size: 18px;}
.oo-reviews .review-item .rating i + i{margin-left: 3px;}
.oo-reviews .review-item .txt p{padding: 0;margin: 0;color:#252525;font-size: 14px;line-height: 24px;}

/* FAQ's */
.home .faq-module{margin-top: 80px;}
.faq-module{background: #F6F6F6;}

:is(.faq-module, .faq-archief) .faq{padding: 0 12px;}
:is(.faq-module, .faq-archief) .faq .accordion-item{border-radius: 0;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.075);background: transparent;}
:is(.faq-module, .faq-archief) .faq .accordion-item:last-of-type{border-bottom: 1px solid rgba(0, 0, 0, 0.075);}
:is(.faq-module, .faq-archief) .faq .accordion-item .accordion-button{background: transparent;outline: none;border: none;box-shadow: none;font-weight: bold;color: #000;font-size: 16px !important;line-height: 24px !important;padding: 20px 0;}
:is(.faq-module, .faq-archief) .faq :is(.accordion-item:first-of-type>.accordion-header, .accordion-item:last-of-type>.accordion-header) .accordion-button{border-radius: 0 !important;}
:is(.faq-module, .faq-archief) .faq .accordion-button::after{display:none !important;}
:is(.faq-module, .faq-archief) .faq .accordion-body{padding: 0 0 20px 0;font-size:14px;line-height:1.5;}
:is(.faq-module, .faq-archief) .faq .accordion-body p{margin: 0 !important;font-size: 16px;line-height: 24px;}

:is(.faq-module, .faq-archief) .faq .accordion-body img{display: block;width: 75px;height: auto;float: unset;object-fit: contain;margin-top: 15px;}
:is(.faq-module, .faq-archief) .faq .accordion-body a.leesmeer{display: block;width: fit-content;font-size: 16px;margin-top: 15px;}

:is(.faq-module, .faq-archief) .faq .accordion-button > i{transition:all 0.15s ease-in-out;color:#12769F;margin-left:30px}
:is(.faq-module, .faq-archief) .faq .accordion-button > i.fa-minus{position: absolute;opacity: 0;right: 0;transition:all 150ms ease-in-out;transform:rotate(-45deg);}
:is(.faq-module, .faq-archief) .faq .accordion-button > i.fa-plus{transition:all 150ms ease-in-out;}
:is(.faq-module, .faq-archief) .faq .accordion-button:not(.collapsed) > i.fa-plus{opacity: 0;transform:rotate(45deg);}
:is(.faq-module, .faq-archief) .faq .accordion-button:not(.collapsed) > i.fa-minus{opacity: 1;transform:rotate(0deg);}

.blok-faq{margin-top: 80px;}
.blok-faq h1{font-size: 24px;margin: 0 0 30px 0;}

.faq-archief .accordion-col .accordion-item{border-bottom: none !important;}
.faq-archief .accordion-col:last-child .accordion-item{border-bottom: 1px solid rgba(0, 0, 0, 0.075) !important;}

.single-faq .top{border-bottom: 1px solid #ebebeb;}
.single-faq .faq-widget{background:#F6F6F6;padding: 40px;}
.single-faq .faq-widget h3{font-size: 22px;line-height: 28px;}
.single-faq .faq-widget .tekst p:last-child{margin:0;}

/* Breadcrumbs */
.breadcrumbs{line-height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.breadcrumbs span{font-weight:500;font-size:16px;}
.breadcrumbs span i{padding:0 8px;font-size:14px;color:#E2E2E2;}
.breadcrumbs span i.fa-house{padding: 0;}
.breadcrumbs span a{text-decoration:none;color:#E2E2E2;}
.breadcrumbs span .breadcrumb_last{color:#A0A0A0;font-weight: bold;}

/* Productpagina */
.pdp-projecten{background: #E2E2E2;margin:0;padding: 75px 0;}
.pdp-projecten :is(h2, h2 span){color:rgb(37, 37, 37) !important;}

.cta-link{width: fit-content;height: fit-content;color:#12769f;white-space: nowrap;}

.pdp-details h1{margin-bottom: 5px;font-size: 32px;}
.pdp-details .divider{width: 40px;height: 5px;display: block;background: linear-gradient(to right, #12769f 0%,#41b3e2 100%);margin: 15px 0;position: relative;left:1px;}

.pdp-details .cat{font-weight: 500;opacity: 0.85;}
.pdp-details :is(.excerpt, .main-content) p:first-of-type{margin-top: 0;}
.pdp-details :is(.excerpt, .main-content) p:last-of-type{margin-bottom: 0;}

.pdp-details .usps .usp i{color: #41b3e2;}

.pdp-details .buttons .cta{flex-grow: 1;display: flex;width: 100%;justify-content: center;align-items: center;}

.cta-bar{pointer-events:none;opacity:0;transform:translateY(20px);transition:all 150ms ease-in-out;position: fixed;bottom: 0;width: 100%;z-index: 999;background: #fff;padding: 12px 12px;box-shadow: 0 -6px 15px 3px rgba(0, 0, 0, 0.2);text-align: center;}
.cta-bar.show{pointer-events:all;opacity:1;transform:translateY(0)}
.cta-bar .cta{width:100%;text-align: center;}

/* Productpagina - swiper */
.swiper-pdp{width: 100%;overflow: hidden;position: relative;aspect-ratio: 1;margin-bottom:10px;}
.swiper-pdp img.wp-post-image{transition: all 150ms ease-in-out;display: block;border-radius: 10px;padding: 0;aspect-ratio: auto;object-fit: cover;height: 100%;width: 100%;}
.swiper-pdp img.wp-post-image:hover{cursor: zoom-in;}

.swiper-pdp-thumbs .pointer:hover{cursor: pointer;}
.swiper-pdp-thumbs{width: 100%;position: relative;overflow-x: scroll;}
.swiper-pdp-thumbs img.wp-post-image{transition: all 150ms ease-in-out;display: block;border-radius: 10px;opacity: 0.35;}
.swiper-pdp-thumbs img.wp-post-image:hover{opacity: 1;}
.swiper-pdp-thumbs :is(.swiper-slide,.swiper-slide img){min-width: 50px;max-width: 50px;min-height: 50px;max-height: 50px;}
.swiper-pdp-thumbs .swiper-slide-thumb-active img.wp-post-image{opacity: 1;}

.swiper-pdp .pdp-pag{bottom: 10px;z-index: 1;height: 30px;width: fit-content;margin: 0 auto;left: 0;right: 0;max-width: 100%;}
.swiper-pdp .pdp-pag .swiper-pagination-bullet{width: 10px;height: 10px;position: relative;background: #ebebeb;opacity: 1;border-radius: 50%;transition: var(--transition);}
.swiper-pdp .pdp-pag .swiper-pagination-bullet-active{background: #40B2E1;}

/* Aanpassingen (jun 2026) */
.single-product .faq-module{background:#fff;}
.single-product :is(.faq-module, .pdp-producten) :is(h2, h2 span){color:rgb(37, 37, 37) !important;}

.pdp-producten{background: #F6F6F6;}
.pdp-producten .swiper-producten{width: 100% !important;}

.pdp-producten .product-blok .bg{background: #fff;border-radius: 5px 5px 0 0;overflow: hidden;}
.pdp-producten .product-blok .bg img{display: block;width: 100%;height: 100%;aspect-ratio: 4/3;object-fit:contain;}
.pdp-producten .product-blok .p-content{background: rgb(22,123,165);background: linear-gradient(106deg, rgb(15 84 113) 0%, rgb(55 147 185) 100%);padding: 20px;border-radius: 0 0 5px 5px;}
.pdp-producten .product-blok .p-content :is(strong, span, a){color: #fff;font-size: 16px;line-height: 20px;display: block;}

/* Reviews */
.review-blok h2{text-wrap: balance;}

.swiper-reviews{position: relative;width: 100%;overflow: hidden;}
/*.review-blok :is(.swiper-button-prev, .swiper-button-next){position: relative;right: unset;left:unset;margin-top: 0;border-radius: 50%;background: #40B2E1;top:0;min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;transition: var(--transition);}
.review-blok .swiper-button-prev::after, .review-blok .swiper-button-next::after{color: #fff;font-family: "Font Awesome 6 Pro";content:'\f105';font-weight: 300;font-size: 18px;}
.review-blok .swiper-button-prev::after{content:'\f104';}*/
.review-blok .swiper-slide{height: auto;align-self: stretch;padding:10px 10px 20px 10px;}

.review-item{border-radius: 15px;background: #fff;padding: 30px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.review-item .icon img{display: block;object-fit: scale-down;}

.review-item .avatar{min-width: 60px;max-width: 60px;min-height: 60px;max-height: 60px;border-radius: 50%;margin-right: 15px;background-color: #f5f5f5;color: #000;font-size: 20px;border: 1px solid rgba(0, 0, 0, 0.1);overflow: hidden;}
.review-item .avatar img{display: block;object-fit: scale-down;width: 100%;height: 100%;}

.review-item .author strong{font-size: 18px;line-height: 22px;}

.review-item .stars i{color: #FFC400;}

.review-blok .review-item .tekst{-webkit-line-clamp: 5;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-box-orient: vertical;}
.review-blok .review-item .tekst p{font-size: 14px;line-height: 24px;}
.review-blok .review-item .tekst p:first-of-type{margin-top: 0;}
.review-blok .review-item .tekst p:last-of-type{margin-bottom: 0;}

.ref-divider{display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);margin: 60px 0 40px 0;}

.avg-google img{display: block;object-fit: scale-down;margin-right: 10px;}
.avg-google :is(strong, span){font-size: 16px;line-height: 100%;color:rgb(37, 37, 37);}
.avg-google a{text-decoration: none;color: rgb(37, 37, 37);}
.avg-google .stars i{color: #FFC400;font-size: 13px;margin-right: 2px;}

/* ------------------------------ Media Queries ------------------------------ */

/* Small devices (tablets, 768px and up) */
@media (max-width: 321px) {
	/*h1,h2,h3,h4{word-break: break-all;}*/
}

@media (min-width: 768px) {
	.navbar-brand img{width:200px;padding:25px 0 25px 15px}
	.navbar-toggle{border:none;padding:50px 0 20px 0}

	h1,h2,h3,h4{line-height:100%;word-break: keep-all;}
	h1{font-size:60px;margin:0 0 30px 0}
	h2.h1,h2{font-size:40px;margin:0 0 30px 0;font-weight:700;line-height:40px;}
	h2.h1{margin-bottom:0;}
	h3{font-size:36px;margin:0 0 30px 0}

	.secnav{font-size:12px;}
	.secnav span{margin-left: 20px}

	.navbar-default{margin:0 -24px}

	.main.home h1{font-size:40px;}
	.usps .usps-txt .txt h3{font-size:60px;}
	.usps .usps-txt{padding:160px 0;min-height:595px;}
	.widget.normal{margin:80px 0 0 0}
	.hero h3{font-size:60px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,0.5);}
	.hero .txt{padding:300px 0}
	.contact .wpcf7{margin-bottom:0}
	.contact .form .inner{padding:30px}
	.contact .form h3{padding:30px;font-size:30px}
	.single.header{height:440px;background-size:cover;background-position:50% 50%;display: table;width:100%;}
	.hero.project,.hero.project .img{width:100%;height:700px;}
	.main.project h1{font-size:40px;line-height:40px;}
	.main.project .form h3{font-size:30px;}

	li#menu-item-37{display:none;}
	.types h2{font-size:40px;}
	.singlepost h1{font-size:36px;}
	.page-template-default .txt h2,.single h2{font-size:24px;color:#12769f;}
	.singlepost .entry-content h3{font-size:20px;color:#12769f;}
	.recentposts h3{font-size:30px;}
	.posts h3{font-size:30px;margin-top:0;}
	a.category{font-size:18px;}
	.sidebar .usp ul li{font-size:18px;}
	.wpcf7-form input[type="date"],.wpcf7-form textarea,.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form select{font-size:16px}
	.team .card{margin-bottom:0}

	.feedback .item .img img{max-width:100%;}
	.reviewbar .cta{display:inline-block;margin:10px 0 0 30px}

	/* Offerte form */
	.page-id-270 h1.line.gradient{font-size: 45px;}
	.offerte-form .left{padding-right: 5px !important;}
	.offerte-form .right{padding-left: 5px !important;}

	/* ---------- Aanpassingen augustus 2024 ---------- */

	/* Menu */
	.secnav .left .usp{font-size: 12px;}
	.secnav .left .usp span{top:unset;}
	.secnav .left .stars{margin-right: 10px;font-size: 12px;}

	.top{padding: 10px 0;}
	:is(.top, .oc-menu) a.navbar-brand img{width: 132px;max-width: 132px;}

	/* Blokken */
	.blok{margin:120px 0;}
	.blok-p{padding:120px 0;}

	/* Homepage */
	.home-header .inner{padding: 150px 0 200px 0;}
	.home-header h1{line-height: 50px;font-size: 40px;}
	.home-projecten{margin-bottom: 60px;}

	/* Footer/banner */
	.banner{bottom: -120px;/*margin-top: -120px;*/}
	.banner .row.inner .inner{padding: 60px;}
	.footer ul{-webkit-columns:unset;columns:unset;}
	.footer .row.first{margin-top: 140px;}
	.footer .copyright{padding: 100px 0 0 0;}

	/* Offerte form */
	.offerte-form .form-header{padding: 10px 20px;}
	.offerte-form .form-header h2{font-size: 20px;}
	.offerte-form .form-body{padding: 30px 30px 20px 30px;}
	.offerte-form .codedropz-upload-container{padding: 50px;}
	.offerte-form .no-margin p, .offerte-form :is(.selected, .option) p span{font-size: 16px;}
	.offerte-form .codedropz-upload-wrapper h3{font-size: 20px;}
	.offerte-form #custom-dropdown{margin-bottom: 10px;}

	/* Over ons */
	.page-template-over-ons h1{font-size: 40px;}

	/* FAQ's */
	.home .faq-module{margin-top: 120px;}
	.blok-faq{margin-top: 90px;}
	.blok-faq h1{font-size: 40px;}
	.single-faq .faq-widget h3{font-size: 28px;line-height: 34px;}

	/* Productpagina */
	.pdp-details h1{font-size: 40px;}
	.pdp-projecten{padding: 90px 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.column{column-count:2;}
	.logo{display:block;transition:all 150ms ease-in-out;}

	.top.fixed .logo{margin:15px 0;}
	.top.fixed .navbar-collapse > ul{margin:15px 0 0 0;}
	
	.navbar{text-align:center;}
	.navbar-nav {float:right}
	.navbar-default{border:none;}
	.navbar-collapse{padding:0;margin-top:0;box-shadow:none}
	.navbar-collapse.collapse{background-color:transparent;}
	.navbar-collapse ul{list-style:none;position:relative;float:right;/*margin:40px 0 0 0;*/padding:0}
	.navbar-collapse ul a{display:block;color:#252525 !important;text-decoration:none;font-weight:bold;font-size:12px;line-height:100%;padding:20px 0;}
	.navbar-collapse ul li{position:relative;float:left;margin:0;padding:0 7px}
	.navbar-collapse ul li.current-menu-item > a,.navbar-collapse ul#menu-hoofdmenu > li.current-menu-parent > a{color:#12769f !important;}
	.navbar-collapse ul li.current-menu-item > a::after,.navbar-collapse ul#menu-hoofdmenu > li.current-menu-parent > a::after{
		content: "";
		display: block;
		width: 100%;
		height: 5px;
		margin: 20px 0 0 0;
		background: #12769f; /* Old browsers */
		background: -moz-linear-gradient(left, #12769f 0%, #41b3e2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #12769f 0%,#41b3e2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #12769f 0%,#41b3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12769f', endColorstr='#41b3e2',GradientType=1 ); /* IE6-9 */
	}
	li.offerte-button a::after{content:none !important}
	.navbar-collapse ul ul li.current-menu-item i{display:none}
	.navbar-collapse ul ul li.current-menu-item a{border-bottom:none}
	.navbar-collapse ul ul li.current-menu-item a::after{content:none}
	.navbar-collapse ul li a:hover{background:none !important;color:#12769f !important}
	.navbar-collapse ul li a:hover + i{}
	
	.navbar-collapse ul ul{display:none;position:absolute;top:100%;left:0;text-align:left;background-color:rgba(255,255,255,1);margin: 0;box-shadow:0 2px 5px rgba(0, 0, 0, .2);}
	.navbar-collapse ul ul li{float:none;width:auto}
	.navbar-collapse ul ul li:hover{background-color:rgba(0,0,0,0.1);}
	.navbar-collapse ul ul a{padding:15px;color:#252525 !important;text-shadow:none;white-space:nowrap;}
	.navbar-collapse ul ul ul{top:0;left:100%}
	.navbar-collapse ul li:hover > ul{display:block;z-index:1;}
	.navbar-nav li li li a {padding:10px}
	.navbar-brand{display:none}

	.navbar-collapse ul{/*margin:35px 0 0 0;*/transition:all 150ms ease-in-out;}
	.navbar-collapse ul li{padding:0 15px}
	.navbar-collapse ul li:last-child{padding-right: 0;}
	.navbar-collapse ul a{font-size:12px;padding:20px 0;}
	.navbar-collapse ul ul li{float:none;}

	.modal-lg{width:75%;max-width:1200px}
	.widget.normal{margin:0 0 80px 0}
	.unslider-arrow{top:calc(50% - 30px);color:#12759e;font-size:14px;display:block;width:60px;height:60px;background-color:#fff;border-radius:50%;vertical-align:middle;text-align: center;}
	.unslider-arrow.next{right:-30px;padding:16px 6px 0 0;}
	.unslider-arrow.prev{left:-30px;padding:16px 0 0 6px;}
	.logo{width:200px}

	/* ---------- Aanpassingen augustus 2024 ---------- */

	/* Blokken */
	.blok{margin:160px 0;}
/*	.blok-p{padding:160px 0;}*/

	/* Homepage */
/*	.home-header{height: calc(100vh - 176px);}*/
	.home-header .inner{padding: 175px 0 225px 0;}
	.home-header h1{line-height: 52px;font-size: 42px;}
	.home-header :is(h1, p){text-wrap:balance;}

	.home-voordelen, .home-producten, .home-projecten, .oo-team{overflow: hidden;}
	.swiper-voordelen{margin-top: 100px;width: calc((100vw + 960px - 24px)/2);}
	.oo-team .swiper-team{width: calc((100vw + 960px - 24px)/2);}
	.oo-team .team-blok .bg img{aspect-ratio:3/4;}
	.oo-header .usps{flex-wrap:wrap !important;overflow-x:hidden;}
	.oo-header .usp{flex:auto}
	.swiper-producten, .swiper-projecten{width: 100vw;left: calc((-100vw + 960px - 24px) / 2);}
	.swiper-nav{width: 936px;margin: 0 auto;margin-top: 40px;}
	.swiper-nav.oo{width: 936px;margin: unset;margin-top: 40px;}

	.home-projecten{margin-bottom: 80px;}

	/* Footer */
	.footer ul{-webkit-columns:2;columns:2;}
	.footer .row.first{margin-top: 160px;}
	.footer .copyright{padding: 120px 0 0 0;}

	/* Banner */
	.banner .row.inner{border-radius: 5px;box-shadow:0px 3px 20px rgba(0,0,0,0.2);background: #fff;}
	.banner .row.inner .inner{padding: 60px 60px 60px 0;border-radius: unset;box-shadow:none;}
	.banner .persoon{position: relative;display: block;overflow: hidden;left:30px;height: 100%;}
	.banner .persoon img{display: block;width: 100%;height: 100%;object-fit: contain;object-position:50% 100%;max-height: calc(100% - 30px);}

	.banner{bottom: -140px;/*margin-top: -140px;*/}
	.banner .reviews{position: absolute;bottom: 30px;left: 30px;}

	/* Menu */
	.top{position: relative;padding: 12px 0;}
	.top .logo{margin: 0 !important;}
	.top .cta{margin-left: 50px;font-size: 16px;}

	:is(.top, .oc-menu) a.navbar-brand img{width: 140px;max-width: 140px;}

	/* .top .mm-toggler{color:#252525;background: transparent;border: none;padding: 6px 0 6px 6px;font-size: 24px;margin-left: 44px;position: relative;} */
	.top .mm-toggler{color:#252525;background:transparent;border:none;padding:11px 12px;font-size:24px;margin-left:44px;position:relative;border:1px solid #252525;border-radius:5px;}
	.top .mm-toggler i{transition: all 250ms ease-in-out;transform-origin: center center;}
	.top .mm-toggler .fa-xmark{position: absolute;transform:scale(0);font-size: 26px;}
	.top .mm-toggler.open > i.fa-xmark{transform: scale(1);}
	.top .mm-toggler.open > i.fa-bars{transform: scale(0);}

	.top .menu-lg .navbar-nav li + li{margin-left: 50px;}
	.top .menu-lg .navbar-nav li a{color: #252525 !important;text-transform: unset;font-weight: 600;padding: 0;border: 0;}

	.mega-menu{position: absolute;top: 100%;width: 100%;left: 0;border-top: 1px solid #ededed;transform: translateY(-30px);transition: all 250ms ease-in-out;opacity: 0;z-index: -999;pointer-events: none;}
	.mega-menu.show{z-index:999;opacity: 1;pointer-events: unset;transform: translateY(0);}
	.mega-menu::before{position: absolute;z-index:-1;width: 100%;height: calc(100vh - 100%);top:100%;content:'';background: rgba(0,0,0,0.5);}
	.no-scroll{overflow-y:hidden;}

	.mega-menu .menu{padding: 50px 0 20px 0;background: #fff;}
	.mega-menu .menu-ul{list-style-type: none;}
	.mega-menu .menu-ul li{float:left;margin-bottom: 15px;width: 21%;}
	.mega-menu .menu-ul > li:nth-child(1){width: 36%;}
	.mega-menu .menu-ul > li:nth-child(2){width: 43%;}
	.mega-menu .menu-ul li ul.sub-menu li{float: unset;width: unset;}
	.mega-menu .menu-ul li.menu-item-has-children:nth-child(2) > a{pointer-events: none;}
	.mega-menu .menu-ul li a, .mega-menu span.feat-projects{text-decoration: none;color:#252525;font-weight: 600;font-size: 16px;}
	.mega-menu span.feat-projects{display: block;width: fit-content;margin-bottom: 15px;}
	.mega-menu .menu-ul ul.sub-menu{list-style-type: none;margin-top: 15px;padding: 0;}
	.mega-menu .menu-ul ul.sub-menu li a{font-weight: 400;}

	.mega-menu .bar{background: #e1f2f9;padding: 15px 0;}
	.mega-menu .bar .c-link{color:#3AAAD8;font-weight: bold;}
	.mega-menu .bar .c-link a{color: #414141 !important;font-weight: 400;margin-left: 10px;text-decoration: none;}
	.mega-menu .bar .socials a{display: inline-flex;align-items: center;justify-content: center;min-width: 40px;min-height: 40px;background: #fff;color:#3AAAD8;text-decoration: none;border-radius: 50%;}
	.mega-menu .bar .socials a + a{margin-left: 10px;}

/*	.secnav .left .stars{margin-right: 12px;font-size: 10px;position: relative;top: -1px;}*/
	.secnav .right span a{margin-left: 5px;}

	/* Offerte form */
	.offerte-form :is(.section, .wpcf7-response-output){width: 85%;}

	.contact .form{margin-top:0;}

	/* FAQ's */
	.home .faq-module{margin-top: 150px;margin-bottom: 50px;}
	.blok-faq{margin-top: 100px;}
	.faq-archief .accordion-col .accordion-item{border-top: none !important;border-bottom: 1px solid rgba(0, 0, 0, 0.075) !important;}
	.faq-archief .accordion-col.first .accordion-item{border-top: 1px solid rgba(0, 0, 0, 0.075) !important;}

	/* Productpagina */
	.pdp-projecten{padding: 110px 0;}
	.pdp-projecten :is(h2, h2 span){font-size: 36px;}
	.pdp-details h1{font-size: 48px;}

	/* Productpagina - swiper */
    .swiper-pdp{aspect-ratio: 4 / 3;}
    .swiper-pdp img.wp-post-image{aspect-ratio: 1;}
    .swiper-pdp-thumbs{overflow-x: unset;overflow: hidden;}
    .swiper-pdp-thumbs :is(.swiper-slide,.swiper-slide img){min-width: 70px;max-width: 70px;min-height: 70px;max-height: 70px;}

    .pdp-nav{min-width: 40px;max-width: 40px;min-height: 40px;max-height: 40px;border-radius: 50%;background: #40B2E1;transition: all 150ms ease-in-out;box-shadow: 0px 5px 20px rgba(0,0,0,0.35);}
    .pdp-nav::after{content: '\f105';font-family: 'font awesome 6 pro';font-weight: 600;color: #fff;font-size: 18px;transition: all 150ms ease-in-out;}
    .pdp-nav.prev::after{transform: rotate(180deg);}
    .pdp-nav.prev{left: 10px;transform: translateX(-50px);}
    .pdp-nav.next {right: 10px;transform: translateX(50px);}
    .pdp-nav-show {transform: translateX(0)!important;}

    /* Aanpassingen (jun 2026) */
    .single-product .faq-module :is(h2, h2 span){}
    .single-product :is(.faq-module, .pdp-producten) :is(h2, h2 span){font-size: 36px !important;}

    /* Reviews */
    .banner .avg-google{background: #fff;border-radius: 0 5px 5px 0;padding: 10px 20px;left: 0 !important;bottom: 50px !important;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.top.fixed .navbar-collapse > ul{margin:30px 0 0 0;}
	.navbar-collapse ul{margin:50px 0 0 0;}
	.navbar-collapse ul li{padding:0 10px}
	.navbar-collapse ul a{font-size:15px;padding:20px 0;}
	.navbar-collapse ul ul li{float:none;width:auto}
	li#menu-item-37{display:initial;}

	/* ---------- Aanpassingen augustus 2024 ---------- */

	/* Homepage */
	.swiper-voordelen, .oo-team .swiper-team{width: calc((100vw + 1140px - 24px)/2);}
	.swiper-producten, .swiper-projecten{left: calc((-100vw + 1140px - 24px) / 2);}
	.swiper-nav, .swiper-nav.oo{width: 1116px;}

	/* Menu */
	.mega-menu .project-blok{max-height: 104px;}

	/* Offerte form */
	.offerte-form :is(.section, .wpcf7-response-output){width: 75%;}
}

@media (min-width: 1400px) {
	.navbar-collapse ul li{padding:0 15px}
	.navbar-collapse ul a{font-size:16px;padding:20px 0;}

	.hero-img{background-size:cover;background-attachment:initial;background-position:50% 100%;position:relative;width:1400px;margin:0 auto;}
	.unslider{width:1400px;margin:0 auto;position:relative;}
	.single.header{width:1400px;margin:0 auto;}

	/* ---------- Aanpassingen augustus 2024 ---------- */

	/* Homepage */
	.swiper-voordelen, .oo-team .swiper-team{width: calc((100vw + 1320px - 24px)/2);}
	.swiper-producten, .swiper-projecten{left: calc((-100vw + 1320px - 24px) / 2);}
	.swiper-nav, .swiper-nav.oo{width: 1296px;}

	/* Banner */
	.banner .row.inner .inner{padding: 60px 120px 60px 0;}
	.banner .persoon{left: 75px;width: 85%;height: 450px;max-height: 450px;top: -50px;margin-bottom: -50px;}
	.banner .persoon img{max-height: unset;}

	/* Menu */
	.mega-menu .project-blok{max-height: unset;}

	/* Offerte form */
	.page-id-270 h1.line.gradient{font-size: 50px;}
	.offerte-form :is(.section, .wpcf7-response-output){width: 66.66666667%;}
	.offerte-form .form-img{position: absolute;top: 0;left: 100%;width: 431px;height: 100%;padding-left: 25px;}
	.offerte-form .form-img :is(p, img){display: block;margin: 0 !important;}
}

/* @media (min-width: 1200px) {
.top .container {
    width: 1420px;
}
} */

@media (min-width: 1400px) {
.top .container {
    width: 1400px;
}
}

.offerte-button a {
    background: #e2802c;
    padding: 20px !important;
    color: #fff !important;
    font-weight: 500;
	transition: all .2s ease-in-out;
}
li#menu-item-8851 a:hover {
    background: #c5834b  !important;
}
li#menu-item-8851 a {
	color: #ffffff !important;
}

/* ---------- Aanpassingen augustus 2024 ---------- */

@media(min-width: 1600px){
	.home-voordelen{padding: 100px 0 160px 0;margin: 0;}
	.img-wrap.patroon::before{position: absolute;content: '';top: -95px;left: -115px;width: 100%;height: 100%;z-index: -1;background-image: url(images/patroon-spacing.png);background-repeat: repeat;background-size: 75px auto;opacity: 0.25;}
	.img-wrap.patroon.rechts::before{left: unset;right: -115px;top: unset;bottom: -50px;height: calc(100% - 10px);}
	.footer{position:relative;overflow: hidden;}
	.footer::before{content: '';background-image: url(images/beeldmerk.svg);background-repeat: no-repeat;width: 500px;height: 500px;background-size: contain;position: absolute;top: 30px;left: -30px;z-index: 0;opacity: 0.15;mix-blend-mode: soft-light;}
	.banner .row.inner{background: #fff;}
	.banner::before{width:100%;height:75%;z-index:-1;top:25%;content:'';background-image:url(images/patroon-spacing.png);background-repeat: repeat;background-size: 75px auto;opacity: 0.25;position: absolute;}
	.banner .reviews{left: -30px;}
}
@media(min-width:2560px){
/* 	.swiper-voordelen, .oo-team .swiper-team{width: 100%;padding-bottom: 50px !important;} */
	.swiper-voordelen{width: 100%;padding-bottom: 50px !important;}
	.swiper-pagination{display: block !important;}
	.swiper-producten, .swiper-projecten{left:unset !important;width: 100%;}
}