/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

.openstaande-vacatures {
    color: #fff;}

button.owl-next {width: 77px !important;}
button.owl-prev {width: 77px !important;}


.search-results h1.page-header-title {
    font-size: 45px !important;
    line-height: 1.2em !important;}
	
	#search-entries .search-entry-thumb {display: none !important;}
	
	#search-entries h2.search-entry-header-title {font-size: 35px !important; line-height: 1.2em !important;}


.author-bio {display: none !important;}
.wpex-mt-20 {margin-top: 0px !important;}


.related-posts {display: none !important;}
.meta {display: none !important;}

.search-results h1.page-header-title {font-size: 50px !important;}
.search-results h2.search-entry-header-title.entry-title a {font-size: 30px !important; line-height: 1em !important;}
.search-results h2.search-entry-header-title.entry-title a:hover {color: #005CB8 !important;}
.search-results #site-header-sticky-wrapper.wpex-sticky-header-holder.wpex-can-sticky.not-sticky {background: #00253D !important;}

#layerslider_1 {overflow: hidden !important;}

#slider {z-index: 0 !important; position: absolute !important; top: 0px !important;}

.owl-item {box-shadow: -10px 60px 20px 0px rgba(0,0,0,0.6)!important;}

#layerslider_1 {z-index: 0 !important;}

#home-text-header {margin-top: -944px; margin-bottom: 100px;}

.home-foto-drijfveren {box-shadow: 0px 0px 60px 20px rgba(0,0,0,0.6) !important; z-index: 2 !important;}


.keuzevak-2 {box-shadow: -40px 60px 50px -20px #000 !important;}
.keuzevak-3 {box-shadow: -40px 60px 50px -20px #000 !important;}
.keuzevak-4 {box-shadow: -40px 60px 50px -20px #000 !important;}


	h2 {font-size: 60px !important;}
h1 {font-size: 80px !important;}


#foto-header #titel h1 {text-shadow: 3px 3px 6px rgba(0,0,0,0.5) !important;}
#foto-header p {text-shadow: 2px 2px 5px rgba(0,0,0,0.5) !important;}


.tekst-blok h4  {font-size: 22px !important; line-height: 1.1em !important; margin: 0px 0px 20px !important;}


#searchform-dropdown input[type="search"] {
    border-color: #005CB8; color: #00253D !important;
	margin-bottom: 0px !important;}

.single-blog-header {display: none !important;}

.single-blog-article #comments {display: none !important;}
.single-blog-content {margin-bottom: 0px !important;}

.owl-dots {
    text-align: left !important;
    line-height: 0;
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
}


.home-foto-space {margin-top: -200px !important; z-index: 0 !important;}


.verhalen-mobile {display: none;}
.verhalen-desktop {display: inherit;}

.vc_icon_element {margin-bottom: 0px !important;}


.breadcrumb-vdb {padding-left: 40px;}


.keuzeblok-home-desktop {display: inherit;}
.keuzeblok-home-mobile {display: none;}

.desktop {display: inherit;}
.mobile {display: none;}

.footer-desktop {display: inherit;}
.footer-mobile {display: none;}

.lines-desktop {display: inherit;}
.lines-mobile {display: none;}

#site-header-sticky-wrapper.is-sticky #site-header {background-color: rgba(0,0,0,0.0) !important; box-shadow: 0px 2px 5px rgba(0,0,0,0.0); top: 30px !important;}


#site-header-sticky-wrapper.is-sticky #site-header-inner .site-search-toggle {
    border: 2px solid #00A0DF;}

#site-header-sticky-wrapper.is-sticky #site-header-inner {
    position: relative;
    padding-top: 0px;
    padding-bottom: 6px;
    width: 300px;
    background-color: #00253D;
    background-image: url(/wp-content/uploads/2020/09/mobile-menu-logo.svg);
    background-repeat: no-repeat;
    background-position: 0px center;
    border-radius: 30px 0;
margin: 0 auto;
left: 492px;
box-shadow: 0px 10px 20px 5px rgba(0,0,0,0.35) !important; }

#site-header-sticky-wrapper.is-sticky #site-logo a {
    height: 70px !important;
    padding: 0px !important;
    margin: 0px !important;
    display: inline-block !important;
    width: 100px !important;
}

body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
    display: block;
    right: 20px;
    /* top: 87px !important;
    margin-top: -25px; */
    height: 50px !important;}


#site-header-sticky-wrapper.is-sticky #site-header-inner .navbar-style-one {top: 34px !important;}
#site-header-sticky-wrapper.is-sticky body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {top: 34px !important;}

#site-header-sticky-wrapper.is-sticky #mobile-menu.wpex-mobile-menu-toggle {top: 34px !important;}



#site-header-sticky-wrapper.is-sticky #site-header #site-logo img {display: none !important}


#site-header.header-one.fixed-scroll.overlay-header.white-style.clr.dyn-styles div#site-header-inner.container.clr {background: linear-gradient(90deg, rgba(0,37,61,0) 0%, rgba(0,37,61,0.5998774509803921) 30%, rgba(0,37,61,0.6) 70%, rgba(0,37,61,0) 100%);}

#mobile-menu::before {content: none !important;}

/* Menu */ 
li.blauw.col-1, li.blauw.col-2, li.blauw.col-3 {
    width: 33%;
	float: left;
padding: 50px 0;}

	



.mobile-toggle-nav-ul .menu-item-has-children ul {
	display: block !important;}

#mobile-menu::before {
    content: "";
    padding-right: 15px;
}

.mobile-toggle-nav-ul .menu-item-has-children ul a {
    color: #00253D;
    padding: 10px 0px;
    font-size: 22px;
}

.mobile-toggle-nav-ul .menu-item-has-children ul a:hover {
    color: #00A0DF;}

.mobile-toggle-nav-ul .menu-item-has-children ul a::before {content: none;}
.mobile-toggle-nav.wpex-mobile-menu.wpex-clr.wpex-togglep-afterheader.visible div.mobile-toggle-nav-inner.container, .mobile-toggle-nav.wpex-mobile-menu.wpex-clr.wpex-togglep-absolute.visible div.mobile-toggle-nav-inner.container {min-height:457px;}


.mobile-toggle-nav-ul .menu-item-has-children ul {
    display: block;
}

.mobile-toggle-nav-ul .wpex-open-submenu {display:none;}
.mobile-toggle-nav-ul .menu-item-has-children > a {padding-right: 0px;}

.blauw a {color: #00A0DF; font-weight: 500; font-size: 26px; padding: 0px 0px 40px;}
.blauw a:hover {color: #00A0DF;}

.navbar-style-one {right: 150px;}
.blauw a {color: #00A0DF; font-weight: 500; font-size: 26px;}
.full-screen-overlay-nav-menu li {padding:5px; text-transform: uppercase;}

.mobile-toggle-nav {background: none !important;}
.mobile-toggle-nav-inner.container {background: #fff !important; padding: 60px !important; }


.wpex-mobile-menu a {text-align: left !important; padding-left: 80px !important;}
.mobile-toggle-nav-ul a {border-top: 0px solid #eee !important;}

.mobile-toggle-nav.wpex-togglep-absolute {max-height: 500px; overflow-y: hidden;}

.blauw.col-1 {background: url(/wp-content/uploads/2020/09/Oplossingen-menu.png);
        background-repeat: repeat;
    background-repeat: no-repeat;}

.blauw.col-2 {background: url(/wp-content/uploads/2020/09/VanDenBroek-menu.png);
        background-repeat: repeat;
    background-repeat: no-repeat;}

.blauw.col-3 {background: url(/wp-content/uploads/2020/09/Contact-menu.png);
        background-repeat: repeat;
    background-repeat: no-repeat;}

.item-menu-blank a {color: #fff !important;}
.item-menu-blank a:hover {color: #fff !important;}


.wpex-bars span {background: #FC0 !important; height: 2px !important; }
.wpex-active .wpex-bars span {background: none !important;}

.wpex-bars span::before {background: #FC0 !important; height: 2px !important; }
.wpex-bars span::after {background: #FC0 !important; height: 2px !important; }


.wpex-menu-search-icon {color: #00A0DF !important;}

.site-search-toggle {height: auto !important; padding: 7px 8px !important; border: 2px solid #fff;
border-radius: 100px; line-height: 0px !important;}

.navbar-style-one {
    right: 100px; 
	/* top: 87px; */
}


#mobile-menu a {
    color: #FC0 !important;
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 19px 17px;
	background-color: rgba(1,37,61,0.4);
	margin-top: 0px;
}

#mobile-menu a:hover {
    color: #0098DC !important;
    border: 2px solid #fff;
    border-radius: 100px;
	background-color: #fff;
}






.quote-foto p {font-size: 30px; font-weight: 300; color: #fff; line-height: 1.3em;}



/* footer */ 

#footer p a {color:#00253D !important;}

.footer p {font-size: 15px;}

.footer-copyright {font-size: 14px !important; font-weight: 400 !important;}
.footer-payoff {font-size: 20px !important; font-weight: 500 !important;}

/* buttons */ 
.button-header {border: 1px solid rgba(255,255,255,0.3) !important;}
.button-yellow {border: 1px solid #B7B7B7 !important;}



.button-lees-verhalen span.fas.fa-arrow-right:before {color: #FFCC00 !important;}
.button-alle-projecten  span.fas.fa-arrow-right:before {color: #0098DC  !important;}

/* Form downloads */ 

.verzenden-button #nf-field-13-wrap .nf-field-element {
width: auto;
margin: auto;}

.verzenden-button #nf-field-18-wrap .nf-field-element {
width: auto;
margin: auto;}



.nf-before-form-content {display: none !important;}
#nf-field-12-container p {color: #FECC2F;}

#nf-field-17-container p {color: #FECC2F;}

.nf-form-content input:not([type="button"]) {background: linear-gradient(0deg, rgba(24,152,220,0.35) 0%, rgba(24,152,220,0) 60%) !important; border-bottom: 1px solid #FECC2F !important; border-top:none !important; border-left:none !important; border-right:none !important; color: #fff !important; font-family: inherit; font-size: 18px !important;}


.nf-form-content select.ninja-forms-field:not([multiple]) {background: linear-gradient(0deg, rgba(24,152,220,0.35) 0%, rgba(24,152,220,0) 60%) !important; border-bottom: 1px solid #FECC2F !important; border-top:none !important; border-left:none !important; border-right:none !important; color: rgb(24, 152, 220) !important; font-family: inherit; font-size: 18px !important;}

.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	border: 1px solid rgba(183, 183, 183, 0.5) !important;}

.nf-form-content input[type="button"] {
    background: rgba(24, 152, 220, 0.5) !important;
        color: rgb(24, 152, 220) !important;
       font-family: inherit;
    font-size: 16px;
    padding: 15px 40px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 600;
    height: auto;
}





.nf-form-content input[type="button"]:hover {
	background: #00253D !important;}


.list-select-wrap div::after {color: #fff !important;}
.nf-form-content .list-select-wrap > div div::after {font-size:15px !important;}
.nf-form-content .list-select-wrap .nf-field-element > div {background: none !important; border: none !important;}


#nf-label-field-23 {color: #fff !important;}
#nf-label-field-23-0 {color: #fff !important;}
#nf-label-field-23-1 {color: #fff !important;}
#nf-label-field-23-2 {color: #fff !important;}

#nf-label-field-27 {color: #fff !important;}
#nf-label-field-27-0 {color: #fff !important;}
#nf-label-field-27-1 {color: #fff !important;}
#nf-label-field-27-2 {color: #fff !important;}


#nf-label-field-41 {color: #fff !important;}
#nf-label-field-41-0 {color: #fff !important;}
#nf-label-field-41-1 {color: #fff !important;}
#nf-label-field-41-2 {color: #fff !important;}

#nf-field-39-container p {color: #FECC2F;}

.bestekteksten-downloaden-nieuw span.ninja-forms-req-symbol {display: inherit !important;}
#nf-label-field-44 {color: #fff !important;}
#nf-label-field-45 {color: #fff !important;}
#nf-label-field-38 {color: #fff !important;}
#nf-label-field-46 {color: #fff !important;}



.nf-checked-label::before {color: #FECC2F !important;}

#nf-field-21-container p {color: #FECC2F;}
.nf-response-msg {color: green !important;}

#nf-field-25-container p {color: #FECC2F;}

/* Form contact */ 
  
span.ninja-forms-req-symbol {display: none !important;}

.contactform .verplicht-contact p {color: #fff !important;}

.contactform .contact-vraag div.nf-field-label {color: #fff !important;}


.contactform .contact-vraag textarea#nf-field-8.ninja-forms-field.nf-element {background: linear-gradient(0deg, rgba(24,152,220,0.35) 0%, rgba(24,152,220,0) 60%) !important;}
.contactform .contact-vraag textarea#nf-field-32.ninja-forms-field.nf-element {background: linear-gradient(0deg, rgba(24,152,220,0.35) 0%, rgba(24,152,220,0) 60%) !important;}

.nf-fu-fileinput-button {background: rgba(24, 152, 220, 0.5) !important;
color: #fff !important;
font-family: inherit;
font-size: 14px;
padding: 15px 40px;
line-height: 1em;
text-transform: uppercase;
	font-weight: 600;
border-radius: 0px !important;
margin-bottom: 10px !important;}

.files_uploaded nf-section p {color: #fff !important;}


/* Keuzeblok home */ 

.keuzeblok-titel p {font-size: 28px !important; line-height: 1.2em !important;}

.keuzevak-1 div.vc_column-inner {border-radius: 110px 0 0 0 !important;}
.keuzevak-6 div.vc_column-inner {border-radius: 0 0 110px 0 !important;}




.verhalen-background-rounded-1 div.vc_column-inner {border-radius: 0 0 0 50px !important;}
.verhalen-background-rounded-1 div.vc_column-inner:hover {background-color: rgb(0,37,61) !important;}

.verhalen-background-rounded-2 div.vc_column-inner {border-radius: 0 0 0 50px !important;}
.verhalen-background-rounded-2 div.vc_column-inner:hover {background-color: rgb(0,152,220) !important;}

.verhalen-background-rounded-3 div.vc_column-inner {border-radius: 0 0 0 50px !important;}
.verhalen-background-rounded-3 div.vc_column-inner:hover {background-color: rgb(255,204,0) !important;}

.verhalen-background-rounded-4 div.vc_column-inner {border-radius: 0 0 0 50px !important;}
.verhalen-background-rounded-4 div.vc_column-inner:hover {background-color: rgb(0,92,184) !important;}

.verhalen-background-rounded div.vc_column-inner {border-radius: 0 0 0 50px !important;}

#fotoblok-home-office {margin-top: -200px !important;}



/* Verhalen home */ 

#lees-alle-verhalen {margin-top: -265px !important;}
#verhalen a:hover {text-decoration: none !important;}
.quote-home-blue div.vc_column-inner {border-radius: 0 160px 0 0 !important;}

#verhalen-pagina a:hover {text-decoration: none !important;}
#verhalen-pagina {box-shadow: 0px 40px 50px -10px rgba(0,0,0,0.35) !important}

/* Projecten home */ 

.logo-3d-home img 
{height: auto;
max-width: 150%;
vertical-align: top;
margin-top: -430px;
right: -200px;
position: relative;
z-index: 9999;
	width: 110%;}


#alle-projecten-embleem {z-index: 9999;}

#afspraak-maken {background-position: right bottom !important; border-radius: 0 0 0 320px; box-shadow: -10px 32px 69px -11px rgba(0,0,0,0.35) !important;}

#afspraak-maken-blok {background-position: right bottom !important; border-radius: 320px 0 0 320px !important; box-shadow: -10px 32px 69px -11px rgba(0,0,0,0.35) !important;}


#images-half-white {z-index: 9999 !important;}

#white-110px {margin-top: -110px !important;}

#order-radius-110-left-corner {border-radius: 110px 0 0 0 !important;}

#border-radius-110-left-corner .vc_column-inner {border-radius: 110px 0 0 0 !important;}
#border-radius-240-left-corner .vc_column-inner {border-radius: 240px 0 0 0 !important;}

.logo-3d-no-lines img {
    height: auto;
    max-width: 500%;
    vertical-align: top;
    right: 350px;
    position: relative;
    width: 550px;
    margin-top: 100px;
    margin-bottom: -100px;}

#maps-contact {box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.35) !important; z-index: 999 !important;}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    
    color: #fff;
    border-top: none;
    background: linear-gradient(0deg, rgba(24,152,220,0.35) 0%, rgba(24,152,220,0) 60%);
    border-radius: 0px;
      border-left: none;
    border-right: none;
    border-bottom: 1px solid #FECC2F;
	margin-bottom: 16px;
	width: 100% !important;}

.wpcf7-form.init p label {color: #fff !important;}

#background-downloads {
background-position: left bottom -100px !important;
background-repeat: no-repeat !important;
	background-size: 350px !important;}

#afspraak-embleem-links-blok {margin-top: -600px !important; z-index: 99999;}


.accordeon-vdb .vc_tta-panel-body {border-radius: 0 0 0 110px !important; padding: 40px 80px 80px 80px !important;}

.accordeon-vdb .vc_active .vc_tta-panel-heading {background: radial-gradient(circle, rgba(12,92,184,1) 0%, rgba(1,37,61,1) 110%); border-radius: 0 110px 0 0 !important;}
.accordeon-vdb .vc_tta-panel-heading {background: radial-gradient(circle, rgba(24,152,220,1) 0%, rgba(12,92,184,1) 110%); border-radius: 0 110px 0 0 !important;}
.accordeon-vdb .vc_tta-panel-title a {padding: 24px 120px 24px 100px !important; color: #fff !important; font-size: 26px !important; font-weight: 400 !important;} 
   
.accordeon-vdb .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #FECC2F !important;}
.accordeon-vdb .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #1898DC !important;}


.accordeon-vdb .vc_tta-controls-icon {height: 20px !important; width: 20px !important; right: 100px !important;}

.accordeon-vdb .fas {content: url(/wp-content/uploads/2020/09/VDB-embleem-faq-1.svg); width: 20px; margin-left: -34px !important;}




.accordeon-vdb-werken .vc_tta-panel-body {border-radius: 0 0 0 110px !important; padding: 40px 80px 80px 80px !important;}

.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {background: #00253D !important; border-radius: 0 110px 0 0 !important;}
.accordeon-vdb-werken .vc_tta-panel-heading {background: radial-gradient(circle, rgba(24,152,220,1) 0%, rgba(12,92,184,1) 110%); border-radius: 0 110px 0 0 !important;}


.accordeon-vdb-werken .vc_tta-panel-title a {padding: 24px 120px 24px 100px !important; color: #fff !important; font-size: 26px !important; font-weight: 400 !important;}  
   

.accordeon-vdb-werken .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #FECC2F !important;}
.accordeon-vdb-werken .vc_tta-panel-heading .vc_tta-controls-icon::before {border-color: #1898DC !important;}

.accordeon-vdb-werken .vc_tta-controls-icon {height: 20px !important; width: 20px !important; right: 100px !important;}

.accordeon-vdb-werken .fas {content: url(/wp-content/uploads/2020/09/VDB-embleem-faq-1.svg); width: 20px; margin-left: -34px !important;}




.onze-visie-afb-rechts img {
    left: -40px;
    position: relative;
    border-radius: 110px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);}

.onze-visie-afb-links img {
    right: -40px;
    position: relative;
    border-radius: 110px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);}

.timeline-jaartal-lichtblauw p {color: #0098DC; font-size: 70px; font-weight: 300; line-height: 1em;}
.timeline-titel-donkerblauw p {color: #005CB8; font-size: 28px; font-weight: 300; line-height: 1em;}
.timeline-tekst-grijs p {color: #838383;}

.timeline-jaartal-wit p {color: #fff; font-size: 70px; font-weight: 300; line-height: 1em;}
.timeline-titel-wit p {color: #fff; font-size: 28px; font-weight: 300; line-height: 1em;}
.timeline-tekst-wit p {color: #fff;}


.timeline-blok-rechts-grijs .vc_column-inner {border-radius: 0 0 150px 0; padding: 60px !important; box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.35);}
.timeline-blok-links-blauw .vc_column-inner {border-radius: 0 0 0 150px; padding: 60px !important; box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.35);}
.timeline-blok-links-wit .vc_column-inner {border-radius: 0 0 0 150px; padding: 60px !important; box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.35);}
.timeline-blok-rechts-lichtblauw .vc_column-inner {border-radius: 0 0 150px 0; padding: 60px !important; box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.35);}
.timeline-blok-rechts-donkerblauw .vc_column-inner {border-radius: 0 0 150px 0; padding: 60px !important;}

#visie-below-timeline {
    background-position: right bottom !important;
    border-radius: 0 0 0 320px !important;
	box-shadow: 0px 65px 60px 10px rgba(0,0,0,0.15) !important;}

#visie-below-timeline-blok {margin-top: -200px;}

.timeline-heading-wit p {font-size: 70px;
line-height: 1em;
font-weight: 300;
color: #fff;}

.timeline-text-wit p {color: #fff; font-weight: 500;}

#Timeline {background-position: left top;
	background-size: 50%;}

#Timeline #wrap .bg-fixed-top {
    background-position: center top !important;
    background-attachment: scroll !important;
    background-size: 50% !important;
    background-position: left top !important;}

#timeline-1 {z-index: 5 !important;}
#timeline-3 {z-index: 5 !important;}
#timeline-5 {z-index: 5 !important;}


.button-timeline-right img {
    top: 33px !important;
    position: relative !important;
    margin-left: -28px !important;
    z-index: 99999 !important;
 }

.button-timeline-left img {
    top: 33px !important;
    position: relative !important;
    margin-right: -28px !important;
    z-index: 99999 !important;
	float: right !important;}


.timeline-3d-logo img {margin-top: -180px;}


img.button-timeline-left  {
    top: 67px !important;
    position: relative !important;
    margin-right: -27px !important;
    z-index: 99999 !important;
    float: right !important;
}


img.bullet-timeline-right {top: 28px !important;
position: relative !important;
z-index: 99999 !important;
	left: -28px !important;}




#quote-afgeronde-hoek-rechts {border-radius: 0 200px 0 0 !important;}



.voordelen-opsomming p {font-size: 26px; color: #005CB8 !important;}
.voordelen-opsomming-donkerblauw p {font-size: 26px; color: #00253d !important;}
.voordelen-opsomming-wit p {font-size: 26px; color: #fff !important;}
.voordelen-opsomming-kop {font-size: 50px !important;}



#quote-afgeronde-hoek-rechts p {font-size: 30px; font-weight: 300; color: #00253D; line-height: 1.3em;}

#foto-werken-bij {box-shadow: 0px 40px 50px -10px rgba(0,0,0,0.35) !important; z-index: 999 !important;}

#alle-projecten-embleem {margin-top: -200px !important;}

#kies-duurzaam {margin-top: -600px !important;}

#duurzaam-kiezen-blok {
    background-position: right bottom !important;
    border-radius: 0px 0 0 320px !important;
    box-shadow: -10px 60px 50px -11px rgba(0,0,0,0.15) !important;
}

#duurzaam-kiezen-blok-boven-onder {
    background-position: right bottom !important;
    border-radius: 320px 0 0 320px !important;
    box-shadow: -10px 60px 50px -11px rgba(0,0,0,0.15) !important;}


#faq-background {
    background: url(/wp-content/uploads/2020/09/left-partial-b-shadow.png);
    background-position: -200px 90%;
    background-size: 800px;
    background-repeat: no-repeat;}

#Specialistahw {
    background: url(/wp-content/uploads/2020/09/left-partial-b-shadow.png);
    background-position: -200px 90%;
    background-size: 800px;
    background-repeat: no-repeat;}

#header-downloads {
    background: url(/wp-content/uploads/2020/09/left-partial-b-shadow.png);
    background-position: -200px 90%;
    background-size: 800px;
    background-repeat: no-repeat;}

#tekeningen-downloaden {
    background-position: right bottom !important;
    border-radius: 0px 0 0 320px !important;
    box-shadow: -10px 60px 50px -11px rgba(0,0,0,0.15) !important;}

#onzeprojecten {
    background: url(/wp-content/uploads/2020/09/left-partial-b-shadow.png), url(/wp-content/uploads/2020/09/right-partial-b-shadow.png);
    background-position: -200px 90%, 110% 30%;
    background-size: 700px, 600px;
    background-repeat: no-repeat;}



.projecten-grid-background-rounded .vc_column-inner {border-radius: 0 0 180px 0 !important;}
.projecten-filter-rounded {border-radius: 0 110px 0 0 !important;}

.projecten-blokken-shadow {box-shadow: 0px 40px 50px -10px rgba(0,0,0,0.35) !important;}


.gusta-type-button {
    cursor: pointer;
    padding: 10px 20px !important;
    background-color: #00253D !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: initial;
    border-bottom: 1px solid #FC0 !important;
    text-transform: uppercase;}

.gusta-post-filter .gusta-type-button {padding: 10px 20px !important;}


.gusta-post-filter ul.gusta-type-dropdown li.gusta-active a {
	background-color: #00253D !important;}
	
.gusta-post-filter ul.gusta-type-dropdown li a {
    padding: 10px 10px !important;
    font-size: 18px !important;}

.card-1114 .projecten-pagina-titel {
    font-size: 47px; line-height: 1.1em !important;
}


.projecten-filter-rounded ul#filter-category.gusta-type-dropdown a {color: #00253D !important;}

.projecten-filter-rounded ul#filter-category.gusta-type-dropdown .gusta-active a {color: #fff !important;}



.olinq-stappen-heading p {font-size: 200px; font-family: koho; line-height: 1em;}
.olinq-stappen-subheading p {
    font-size: 55px;
    line-height: 1em;
    text-transform: uppercase;
	font-weight: 300;}

.olinq-stappen-yellow .vc_column-inner {border-radius: 100px 0 0 0 !important;}

.stappencarousel-olinq .gusta-post-excerpt.stappenplan-tekst.show-show {color: #fff !important;}

.stappencarousel-olinq .stappenplan-titel.show-show.ani-fade {font-size: 65px !important; color: #fff !important; line-height: 1em !important; font-weight: 300 !important;}

.post-listing-container {margin-bottom: 0px !important;}

.stappenplan-background-rounded .vc_column-inner {border-radius: 0 0 0 100px !important;}


#stappen-background {margin-top: -300px !important;}

.stappencarousel-olinq button.owl-dot {transform: rotate(45deg) !important;}



#stappenplan-rij {background: linear-gradient(0deg, rgba(0,37,61,1) 0%, rgba(0,37,61,1) 60%, rgba(255,255,255,1) 60%) !important;}




.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {border-radius: 0 0 0 180px !important;}


.owl-carousel .owl-nav .owl-next {
    position: absolute !important;
    top: 100% !important;
    margin-top: 32px !important;
	z-index: 99999 !important;
left: 50%;
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute !important;
    top: 100% !important;
    margin-top: 32px !important;
	z-index: 99999 !important;
	right: 50%;
}


.poltec p a {color: #fff !important;}



/* --- Mobiel --- */
@media screen and (max-width: 767px) {

	
	#visie-below-timeline-blok h2 {font-size: 30px !important;}
	
	
	.tekst-blok .quote-werken-bij p {
    font-size: 21px !important;
}
	
	.search-results h1.page-header-title {
    font-size: 30px !important;
    line-height: 1.2em !important;}
	
	#search-entries .search-entry-thumb {display: none !important;}
	
	#search-entries h2.search-entry-header-title {font-size: 22px !important; line-height: 1.2em !important;}
	
	
	.empty-700 {height: 250px !important;}

	#header-downloads {
    background-position: -200px 60% !important;
    background-size: 400px !important;
}
	
	.specialist-empty-400 {height: 100px !important;}
	
	
	.page-id-2015 #foto-header {background: url(/wp-content/uploads/2020/09/vdb-home-image-2.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: 31% top !important; }
		
	.specialist-empty {height: 100px !important;}
	
	.header-img-home {background-position: 50% center !important;}	

#home-text-header {margin-top: -450px !important; margin-bottom: 60px !important;}	
	
#foto-header {padding-top: 124px !important;}
	
	
.breadcrumb-vdb {padding-left: 20px !important;}	
	
.footer-desktop {display: none !important;}
.footer-mobile {display: inherit !important;}	

	.verhalen-mobile {display: inherit !important;}
.verhalen-desktop {display: none !important;}
	
.footer p {font-size: 13px !important;}
	
	.lines-desktop {display: none !important;}
.lines-mobile {display: inherit !important;}
	
	.desktop {display: none !important;}
.mobile {display: inherit !important;}
	
.keuzeblok-home-desktop {display: none !important;}
.keuzeblok-home-mobile {display: inherit !important;}

.keuzeblok-home-mobile .keuzevak-6 {border-radius: 0 0 60px !important;}

.keuzeblok-home-mobile .keuzeblok-titel p {font-size: 22px !important;	}

.home-foto-space div.vc_empty_space {height: 400px !important;}

#afspraak-maken {border-radius: 0 0 0 140px !important; padding: 0 20px !important; background-size: 150px !important;}	

#tekeningen-downloaden	{border-radius: 0 0 0 140px !important; background-size: 150px !important;}

#duurzaam-kiezen-blok-boven-onder {
	border-radius: 140px 0 0 140px !important; background-size: 150px !important;}

#duurzaam-kiezen-blok {
	border-radius: 0 0 0 140px !important; background-size: 150px !important;}

	
#visie-below-timeline {
	border-radius: 0 0 0 140px !important; background-size: 150px !important;}
	
.projecten-home-titel .title p {font-size: 24px !important; line-height: 1em !important;}

.keuzevak-1 {border-radius: 60px 0 0 0 !important;}

#keuzeblok-home-mobile {margin-top: -120px !important;}



	.header-img {background-position: 60% !important;}	
	
.header-img .vc_custom {background-position: 60% !important;}	
	
	
.logo-3d-home-mobile img 
{
    height: auto;
    max-width: 120%;
    vertical-align: top;
    margin-top: -30px;
   right: 0 !important;
    position: relative;
    z-index: 99999;
	width: 150%;
	margin-bottom: -130px !important;}

.mobile .owl-carousel .owl-nav .owl-next {
}

.mobile .owl-carousel .owl-nav .owl-prev {
}
		
	
.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 0 120px !important;}	
	
.projecten-blokken-shadow .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 120px 0 !important;}	

	
	
	/* Menu */ 
li.blauw.col-1, li.blauw.col-2, li.blauw.col-3 {
    width: 100%;
	float: left;
padding: 60px 0 30px !important;  margin-bottom: 20px !important;}	

	

	
	
body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
	right: 10px !important; top: 80px !important;}

	
	#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 0px !important;}
	
body.has-mobile-menu .hide-at-mm-breakpoint {
	display: inherit !important;}	
	
	.navbar-style-one {
		right: 80px !important; top: 79px !important;}
	
	#site-logo img {width: 80% !important;}	

	.tekst-blok {padding: 0 20px !important;}
	
	.onze-visie-afb-rechts-mobile img {
    border-radius: 80px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);
	}

.onze-visie-afb-links-mobile img {
    border-radius: 80px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);}
	

.logo-3d-no-lines img {
    height: auto;
    max-width: 500%;
    vertical-align: top;
    right: 151px;
    position: relative;
    width: 250px;
    margin-top: 60px;
    margin-bottom: -200px;
}	
	
	.olinq-stappen-heading p {font-size: 120px !important;}
.olinq-stappen-subheading p {
    font-size: 40px !important;}
	

.voordelen-opsomming p {font-size: 20px; color: #005CB8 !important;}
.voordelen-opsomming-wit p {font-size: 20px; color: #fff !important;}
.voordelen-opsomming-donkerblauw p {font-size: 20px; color: #00253d !important;}

	
#Specialistahw {background-position: -50px 85% !important;
	background-size: 350px !important;}

#faq-background {background-position: -50px 80% !important;
	background-size: 350px !important;}	
	
	.accordeon-vdb .vc_tta-panel-title a {padding: 20px 60px 20px 50px !important;}	
	.accordeon-vdb .vc_tta-panel-body {
    border-radius: 0 0 0 40px !important;
    padding: 60px 30px 60px 30px !important;}
	

	.accordeon-vdb .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}

.accordeon-vdb .vc_tta-panel-heading {
	border-radius: 0 40px 0 0 !important;}	


.accordeon-vdb-werken .vc_tta-panel-heading {
	border-radius: 0 40px 0 0 !important;}	
	
.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}
	
	
.accordeon-vdb-werken .vc_tta-panel-title a {padding: 20px 60px 20px 50px !important;}	
.accordeon-vdb-werken .vc_tta-panel-body {
    border-radius: 0 0 0 40px !important;
    padding: 60px 30px 60px 30px !important;}
	

.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}
	
.breadcrumb-vdb	{font-size: 13px !important;}
	
.accordeon-vdb-werken .vc_tta-controls-icon {
    height: 16px !important;
    width: 16px !important;
    right: 35px !important;}

.accordeon-vdb .vc_tta-controls-icon {
    height: 16px !important;
    width: 16px !important;
    right: 35px !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-title a {font-size: 20px !important;}	
	.accordeon-vdb .vc_tta-panel-title a {font-size: 20px !important;}	

.projecten-filter-rounded {
    border-radius: 0 60px 0 0 !important;}
	
	.projecten-filter-rounded .projecten-filter .vc_custom_1600245468420 {padding-left: 20px !important; padding-right: 60px !important;}

	.quote-foto p {text-shadow: 3px 3px 5px #000 !important;}


	.timeline-blok-links-blauw .vc_column-inner {
    border-radius: 0 0 0 120px !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}
	
	.timeline-blok-rechts-grijs .vc_column-inner {
    border-radius: 0 0 120px 0 !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}
	
	.timeline-blok-links-wit .vc_column-inner {
    border-radius: 0 0 0 120px !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}

	.timeline-blok-rechts-donkerblauw .vc_column-inner {
    border-radius: 0 0 120px 0 !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}

	#timeline-1 {background-color: #fff !important;}
	#timeline-2 {background-color: #fff !important;}
#timeline-3 {background-color: #fff !important;}
	#timeline-4 {background-color: #fff !important;}
#timeline-5 {background-color: #fff !important; z-index: 1 !important;}
#timeline-6 {background-color: #fff !important; z-index: 0 !important;}

#Timeline {background-position: center top !important;
	background-size: 100% !important;}

	.timeline-3d-logo img {width: 75% !important;}

	#Timeline .timeline-kop p {padding: 0 20px !important;}	
	
	#kies-duurzaam {margin-top: -80px !important;}

	
.mobile-toggle-nav.wpex-togglep-absolute {
	max-height: 450px !important;}	

.blauw.col-1 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-oplossingen.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}
	
	
.blauw.col-2 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-vandenbroek.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}
	
.blauw.col-3 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-contact.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}


	
.wpex-mobile-menu a {text-align: left !important; padding-left: 0px !important;}

.mobile-toggle-nav-inner.container {padding: 40px !important;}	
	
	.blauw a {font-size: 22px !important; padding: 0px 0px 10px !important;}
	

	.item-menu-blank {display: none !important;}
	
	.mobile-toggle-nav.wpex-mobile-menu.wpex-clr.wpex-togglep-absolute.visible div.mobile-toggle-nav-inner.container {
		min-height: 840px !important;}
	
	.mobile-toggle-nav.wpex-togglep-absolute {overflow-y: scroll !important;}
	
	#site-header-sticky-wrapper.is-sticky #site-header-inner {width: 400px !important;}

	.vc_custom_1600262277994 {background-position: 58% center !important;}
	
		h2 {font-size: 48px !important;}
h1 {font-size: 50px !important; word-break: break-word !important;}
	
	.voordelen-opsomming-kop {font-size: 44px !important;}

	
	
} 



/* --- tablet portrait --- */
@media screen and (min-width:768px) and (max-width:999px) {
	
		.specialist-empty-400 {height: 200px !important;}

.tekst-blok .quote-werken-bij p {
    font-size: 24px !important;
}
	
	#visie-below-timeline-blok {margin-top: 0px !important;}
	#visie-below-timeline-blok h2 {font-size: 30px !important;}
	
	
	#Timeline .vc_column_container.vc_col-sm-6 {width: 100% !important;}
	#Timeline .vc_column_container.vc_col-sm-4 {width: 100% !important;}
		#Timeline .vc_column_container.vc_col-sm-8 {width: 100% !important;}

	
	#quote-image-overons .vc_column_container.vc_col-sm-3 {width: 75% !important;}
	#quote-image-overons .empty-300 {height: 200px !important;}

	
	#header-downloads {
    background-position: -200px 80% !important;
		background-size: 500px !important;}
	
	
	#nf-field-14-container .nf-field-element p {text-align: left !important;}
	
	
	#verhalen-pagina .vc_col-sm-8.vc_col-xs-6 {min-height: 0px !important;}
	
#verhalen-pagina .verhalen-background-rounded-1.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
#verhalen-pagina .verhalen-background-rounded-2.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
#verhalen-pagina .verhalen-background-rounded-3.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
#verhalen-pagina .verhalen-background-rounded-4.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
#verhalen-pagina .verhalen-background-rounded-5.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
#verhalen-pagina .verhalen-background-rounded-6.vc_column_container.vc_col-sm-4 {width: 60% !important; float: right !important;}
	
	
	
	.accordeon-vdb-werken .vc_col-sm-6 {width: 100% !important;}
	
	.specialist-empty {height: 200px !important;}
	
	.empty-700 {height: 250px !important;}
	.empty-600 {height: 200px !important;}
		
#onzeprojecten .vc_col-sm-2\/5 {width: 60% !important;}
	
	.card-1114 .projecten-pagina-titel {
    font-size: 38px !important; line-height: 1.1em !important;
}
	
	
	.onze-visie-afb-links img {border-radius: 70px 0 !important;}
	.onze-visie-afb-rechts img {border-radius: 70px 0 !important;}
	
	#stappenplan-rij .vc_col-sm-3 {width: 40% !important;}
	#stappenplan-rij .vc_col-sm-9 {width: 60% !important;}
	#stappenplan-rij .vc_custom_1600330762402 {padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
		padding-left: 30px !important;}
	
	.empty-160 {height: 80px !important;}
	.empty-340 {height: 120px !important;}
	.empty-140 {height: 120px !important;}

	
	#foto-quote .vc_col-sm-9 {width: 50% !important;}
	#foto-quote .vc_col-sm-3 {width: 50% !important;}
	
	body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {top: 79px !important;}
	
	.quote-home-blue p {font-size: 24px !important; line-height: 1.2em !important;}
	
	
	.verhalen-mobile-cijfer p {font-size: 50px !important;}
.verhalen-mobile-text p {font-size: 12px !important; line-height: 1.2em !important;}
	
	#lees-alle-verhalen {margin-top: -50px !important;}
	
	
	.lines-desktop img.vc_single_image-img.attachment-full {vertical-align: middle !important;}
	
				
	#lees-alle-verhalen .vc_empty_space	{height: 50px !important;}
	
	.header-img-home {background-position: 50% center !important;}	

#home-text-header {margin-top: -450px !important; margin-bottom: 60px !important;}	
	
#foto-header {padding-top: 136px !important;}
	
	
.breadcrumb-vdb {padding-left: 20px !important;}	
	
.footer-desktop {display: none !important;}
.footer-mobile {display: inherit !important;}	

	.verhalen-mobile {display: inherit !important;}
.verhalen-desktop {display: none !important;}
	
.footer p {font-size: 13px !important;}
	
	.lines-desktop {display: inherit !important;}
.lines-mobile {display: none !important;}
	
	.desktop {display: inherit !important;}
.mobile {display: none !important;}
	
.keuzeblok-home-desktop {display: none !important;}
.keuzeblok-home-mobile {display: inherit !important;}

.keuzeblok-home-mobile .keuzevak-6 {border-radius: 0 0 60px !important;}

.keuzeblok-home-mobile .keuzeblok-titel p {font-size: 22px !important;	}

.home-foto-space div.vc_empty_space {height: 400px !important;}

#afspraak-maken {border-radius: 0 0 0 140px !important; padding: 0 20px !important; background-size: 150px !important;}	

#tekeningen-downloaden	{border-radius: 0 0 0 140px !important; background-size: 150px !important;}

#duurzaam-kiezen-blok-boven-onder {
	border-radius: 140px 0 0 140px !important; background-size: 150px !important;}

#duurzaam-kiezen-blok {
	border-radius: 0 0 0 140px !important; background-size: 150px !important;}

	
#visie-below-timeline {
	border-radius: 0 0 0 140px !important; background-size: 150px !important;}
	
.projecten-home-titel .title p {font-size: 24px !important; line-height: 1em !important;}

.keuzevak-1 {border-radius: 60px 0 0 0 !important;}

#keuzeblok-home-mobile {margin-top: -129px !important;}


	.header-img {background-position: 60% !important;}	
	
.header-img .vc_custom {background-position: 60% !important;}	
	
	
.logo-3d-home-mobile img 
{
    height: auto;
    max-width: 120%;
    vertical-align: top;
    margin-top: -150px;
   right: 0 !important;
    position: relative;
    z-index: 9999;
	width: 150%;}
	
.logo-3d-home img {
    height: auto !important;
    max-width: 150% !important;
    vertical-align: top !important;
    margin-top: -40px !important;
    right: -50px !important;
    position: relative !important;
    z-index: 9999 !important;
    width: 140% !important;
}
	
	.button-alle-projecten {font-size: 14px !important;}

.mobile .owl-carousel .owl-nav .owl-next {
left: auto !important;
}

.mobile .owl-carousel .owl-nav .owl-prev {
	right: auto !important;}
		
.owl-carousel .owl-nav .owl-next {

}

.owl-carousel .owl-nav .owl-prev {
}
			
	
	
.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 0 120px !important;}	
	
.projecten-blokken-shadow .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 120px 0 !important;}	

	
	
	/* Menu */ 
li.blauw.col-1, li.blauw.col-2, li.blauw.col-3 {
    width: 100%;
	float: left;
padding: 120px 0 50px !important;  margin-bottom: 20px !important;}	

	
	
body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
	right: 10px !important;}


	#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 145px !important;}
	
body.has-mobile-menu .hide-at-mm-breakpoint {
	display: inherit !important;}	
	
	.navbar-style-one {
		right: 80px !important; top: 79px !important;}
	
	#site-logo img {width: 80% !important;}	

	.tekst-blok {padding: 0 20px !important;}
	
	.onze-visie-afb-rechts-mobile img {
    border-radius: 80px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);
	}

.onze-visie-afb-links-mobile img {
    border-radius: 80px 0;
	box-shadow: 0px 47px 58px -34px rgba(0,0,0,0.75);}
	

.logo-3d-no-lines img {
    height: auto;
    max-width: 500%;
    vertical-align: top;
    right: 151px;
    position: relative;
    width: 250px;
    margin-top: 60px;
    margin-bottom: -200px;
}	
	
	.olinq-stappen-heading p {font-size: 110px !important; }
.olinq-stappen-subheading p {
    font-size: 36px !important; word-break: break-word !important;}
	

.voordelen-opsomming p {font-size: 20px; color: #005CB8 !important;}
.voordelen-opsomming-wit p {font-size: 20px; color: #fff !important;}
.voordelen-opsomming-donkerblauw p {font-size: 20px; color: #00253d !important;}

	
#Specialistahw {background-position: -50px 85% !important;
	background-size: 350px !important;}

#faq-background {background-position: -50px 80% !important;
	background-size: 350px !important;}	
	
	.accordeon-vdb .vc_tta-panel-title a {padding: 20px 60px 20px 60px !important;}	
	.accordeon-vdb .vc_tta-panel-body {
    border-radius: 0 0 0 40px !important;
    padding: 60px 30px 60px 30px !important;}
	

	.accordeon-vdb .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}

.accordeon-vdb .vc_tta-panel-heading {
	border-radius: 0 40px 0 0 !important;}	


.accordeon-vdb-werken .vc_tta-panel-heading {
	border-radius: 0 40px 0 0 !important;}	
	
.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}
	
	
.accordeon-vdb-werken .vc_tta-panel-title a {padding: 20px 60px 20px 60px !important;}	
.accordeon-vdb-werken .vc_tta-panel-body {
    border-radius: 0 0 0 40px !important;
    padding: 60px 30px 60px 30px !important;}
	

.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 40px 0 0 !important;}
	
.breadcrumb-vdb	{font-size: 13px !important;}
	
.accordeon-vdb-werken .vc_tta-controls-icon {
    height: 16px !important;
    width: 16px !important;
    right: 35px !important;}

.accordeon-vdb .vc_tta-controls-icon {
    height: 16px !important;
    width: 16px !important;
    right: 35px !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-title a {font-size: 20px !important;}	
	.accordeon-vdb .vc_tta-panel-title a {font-size: 20px !important;}	

.projecten-filter-rounded {
    border-radius: 0 60px 0 0 !important;}
	
	.projecten-filter-rounded .projecten-filter .vc_custom_1600245468420 {padding-left: 20px !important; padding-right: 60px !important;}

	.quote-foto p {text-shadow: 3px 3px 5px #000 !important;}


	.timeline-blok-links-blauw .vc_column-inner {
    border-radius: 0 0 0 120px !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}
	
	.timeline-blok-rechts-grijs .vc_column-inner {
    border-radius: 0 0 120px 0 !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}
	
	.timeline-blok-links-wit .vc_column-inner {
    border-radius: 0 0 0 120px !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}

	.timeline-blok-rechts-donkerblauw .vc_column-inner {
    border-radius: 0 0 120px 0 !important;
    box-shadow: 0px 43px 29px -34px rgba(0,0,0,0.35) !important;}

	#timeline-1 {background-color: #fff !important;}
	#timeline-2 {background-color: #fff !important;}
#timeline-3 {background-color: #fff !important;}
	#timeline-4 {background-color: #fff !important;}
#timeline-5 {background-color: #fff !important; z-index: 1 !important;}
#timeline-6 {background-color: #fff !important; z-index: 0 !important;}

#Timeline {background-position: center top !important;
	background-size: 100% !important;}

	.timeline-3d-logo img {width: 75% !important;}

	#Timeline .timeline-kop p {padding: 0 20px !important;}	
	
	#kies-duurzaam {margin-top: -100px !important;}

	
.mobile-toggle-nav.wpex-togglep-absolute {
	max-height: 450px !important;}	

.blauw.col-1 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-oplossingen.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}
	
	
.blauw.col-2 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-vandenbroek.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}
	
.blauw.col-3 {background: url(/wp-content/uploads/2020/09/vdb-menu-mobile-contact.png), url(/wp-content/uploads/2020/09/small-gray-lines.svg) !important;
            background-repeat: no-repeat, no-repeat !important; background-size: 100%, 100% !important; background-position: top, bottom !important;}


	
.wpex-mobile-menu a {text-align: left !important; padding-left: 0px !important;}

.mobile-toggle-nav-inner.container {padding: 40px !important;}	
	
	.blauw a {font-size: 22px !important; padding: 0px 0px 10px !important;}
	

	.item-menu-blank {display: none !important;}
	
	.mobile-toggle-nav.wpex-mobile-menu.wpex-clr.wpex-togglep-absolute.visible div.mobile-toggle-nav-inner.container {
		min-height: 1050px !important;}
	
	.mobile-toggle-nav.wpex-togglep-absolute {overflow-y: scroll !important;}
	
	#site-header-sticky-wrapper.is-sticky #site-header-inner {width: 400px !important;}

	.vc_custom_1600262277994 {background-position: 58% center !important;}
	
		h2 {font-size: 40px !important;}
h1 {font-size: 50px !important;}

	.tekst-blok p {font-size: 16px !important; line-height: 1.2em !important;}
	
	.voordelen-opsomming-kop {font-size: 38px !important;}

	.tekst-blok h4 {font-size: 20px !important;
		line-height: 1.1em !important;}
	
	.button-yellow {padding-right: 14px !important; padding-left: 14px !important; font-size: 12px !important;}
	
	.tekst-blok .vc_col-sm-4 {width: 50% !important;}
	
.tekst-blok.vc_column_container.vc_col-sm-4 {width: 70% !important;}

	
.tekst-blok.vc_column_container.vc_col-sm-5 {
    width: 80% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}
	
	.tekst-blok.vc_column_container.vc_col-sm-8 {
    width: 80% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}


	
}

/* --- tablet landscape --- */
@media screen and (min-width:1000px) and (max-width:1024px) {
	
	.footer-payoff {
		font-size: 16px !important;}

	#footer .footer-copyright p {
		font-size: 12px !important;}
	
	#duurzaam-kiezen-blok-boven-onder {border-radius: 200px 0 0 200px !important;}	
	#tekeningen-downloaden {border-radius: 0px 0 0 200px !important;}
	#duurzaam-kiezen-blok {border-radius: 0px 0 0 200px !important;}
	#afspraak-maken {border-radius: 0 0 0 200px !important;}
	
	
.olinq-stappen-subheading p {
	font-size: 42px !important; word-break: break-word !important;}
	
	.olinq-stappen-heading p {
		font-size: 170px !important;}

	.stappencarousel-olinq .gusta-post-excerpt.stappenplan-tekst.show-show {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.2em !important;
}
	
	.owl-carousel .owl-nav .owl-next {
}

.owl-carousel .owl-nav .owl-prev {
}

	#kies-duurzaam {
    margin-top: -200px !important;
}
	
	#visie-below-timeline-blok h2 {font-size: 34px !important;}

	#Timeline .vc_column_container.vc_col-sm-4 {width: 20% !important;}
		#Timeline .vc_column_container.vc_col-sm-8 {width: 80% !important;}

	#Timeline .timeline-kop .vc_column_container.vc_col-sm-4 {
    width: 70% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
		#Timeline .timeline-kop .vc_column_container.vc_col-sm-2 {width: 0% !important;}

	#Timeline .timeline-kop .left-column.vc_column_container.vc_col-sm-4 {width: 0% !important;}
	
	#quote-image-overons .vc_column_container.vc_col-sm-3 {width: 75% !important;}
	#quote-image-overons .empty-300 {height: 200px !important;}

	
	#header-downloads {
    background-position: -200px 80% !important;
		background-size: 500px !important;}
	
	
	#nf-field-14-container .nf-field-element p {text-align: left !important;}
	
#verhalen-pagina .verhalen-text p {font-size: 15px !important; line-height: 1.2em !important;}
	
	
	#verhalen .verhalen-text p {font-size: 13px !important; line-height: 1.2em !important;}
	
	.accordeon-vdb-werken .vc_col-sm-6 {width: 100% !important;}
	
	.specialist-empty-400 {height: 200px !important;}
	.specialist-empty {height: 200px !important;}
	
	.empty-700 {height: 250px !important;}
	.empty-600 {height: 200px !important;}
		
#onzeprojecten .vc_col-sm-2\/5 {width: 60% !important;}
	
	.card-1114 .projecten-pagina-titel {
    font-size: 38px !important; line-height: 1.1em !important;
}
	
	.olinq-stappen-yellow .vc_column-inner {border-radius: 70px 0 0 0 !important;}
	
	.onze-visie-afb-links img {border-radius: 70px 0 !important;}
	.onze-visie-afb-rechts img {border-radius: 70px 0 !important;}
	
	#stappenplan-rij .vc_col-sm-3 {width: 40% !important;}
	#stappenplan-rij .vc_col-sm-9 {width: 60% !important;}
	#stappenplan-rij .vc_custom_1600330762402 {padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
		padding-left: 30px !important;}
	
	.empty-160 {height: 80px !important;}
	.empty-340 {height: 120px !important;}
	.empty-140 {height: 120px !important;}

	
	#foto-quote .vc_col-sm-9 {width: 50% !important;}
	#foto-quote .vc_col-sm-3 {width: 50% !important;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 300px !important;}

	#home-text-header {margin-top: -700px !important; margin-bottom: 60px !important;}

	
	.blauw a {font-size: 20px !important;}
	.mobile-toggle-nav-ul .menu-item-has-children ul a {font-size: 16px !important;}
	
	.keuzeblok-titel p {
		font-size: 18px !important;}
	
	
	.home-foto-space .vc_empty_space {height: 400px !important;}
	
	
	.verhalen-desktop .vc_col-sm-8 {width: 50% !important;}
	.verhalen-desktop .vc_col-sm-4 {width: 50% !important;}

	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-titel {font-size: 16px !important; line-height: 1.2em !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-tekst {font-size: 14px !important; line-height: 1.2em !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-grid-background-rounded .vc_column-inner {padding-right: 20px !important;
padding-left: 20px !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .read-more-button-19654727885f5742c08309c.gusta-icon-link {padding-top: 1px !important;
padding-right: 10px !important;
padding-bottom: 1px !important;
		padding-left: 10px !important;}

	
#post-listing-6602507845f61cc34235e7f573f8d1730b .projecten-pagina-titel {font-size: 38px !important; line-height: 1.2em !important;}

	
	.quote-home-blue p {font-size: 24px !important;}

	.quote-home-blue .vc_empty_space {height: 100px !important;}
.projecten-geel .empty-140 {height: 80px !important;}
	
	
	
	.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 0 100px !important;}
	

.logo-3d-home img {
    height: auto !important;
    max-width: 150% !important;
    vertical-align: top !important;
    margin-top: -180px !important;
    right: -60px !important;
    position: relative !important;
    z-index: 99999 !important;
    width: 150% !important;}

	h2 {font-size: 45px !important;}
	h1 {font-size: 60px !important;}
	
	.voordelen-opsomming-kop {font-size: 42px !important;}

	
	.onze-visie-afb-links img {
    right: -10px !important;
       width: 90% !important;}
	
	.onze-visie-afb-rechts img {
    left: -10px !important;
       width: 90% !important;}
	
	.voordelen-opsomming p {font-size: 20px !important;}
		.voordelen-opsomming-wit p {font-size: 20px !important;}
.voordelen-opsomming-donkerblauw p {font-size: 20px; color: #00253d !important;}

	
	.button-yellow {padding-right: 14px !important; padding-left: 14px !important; font-size: 12px !important;}
	
	.tekst-blok .vc_col-sm-4 {width: 50% !important;}
	
.tekst-blok.vc_column_container.vc_col-sm-4 {width: 50% !important;}
	
		
.tekst-blok.vc_column_container.vc_col-sm-5 {
    width: 60% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
	
	.logo-3d-no-lines img {right: 300px !important;}
	
	
	.stappenplan-background-rounded .vc_column-inner {border-radius: 0 0 0 80px !important; padding: 20px !important;}
	
	#foto-quote .vc_empty_space {height: 140px !important;}
	
	.accordeon-vdb .vc_tta-panel-body {
    border-radius: 0 0 0 60px !important;
		padding: 40px !important;}
	
	.accordeon-vdb .vc_tta-panel-title a {
		padding: 24px 60px !important;}
	
	.accordeon-vdb .vc_active .vc_tta-panel-heading {
    border-radius: 0 60px 0 0 !important;}
	
	.accordeon-vdb .vc_tta-panel-heading {border-radius: 0 60px 0 0 !important;}
	
	
	.accordeon-vdb .vc_tta-controls-icon {right: 60px !important;}
	
	
	.accordeon-vdb-werken .vc_tta-panel-body {
    border-radius: 0 0 0 60px !important;
		padding: 40px !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-title a {
		padding: 24px 60px !important;}
	
	.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 60px 0 0 !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-heading {border-radius: 0 60px 0 0 !important;}
	
	
	.accordeon-vdb-werken .vc_tta-controls-icon {right: 60px !important;}
	
	#onzeprojecten {background-position: -200px 90%, 140% 20% !important; background-size: 500px, 600px !important;}
	
}




/* --- desktop --- */
@media screen and (min-width:1025px) and (max-width:1300px) {
	
	#home-text-header {margin-top: -700px !important; margin-bottom: 60px !important;}

	#visie-below-timeline-blok h2 {
    font-size: 44px !important;
}
	
	#header-downloads {
    background-position: -200px 80% !important;
    background-size: 550px !important;
}
	
	
	#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 460px !important;}
	
	.keuzeblok-titel p {
		font-size: 20px !important;}
	
	.verhalen-desktop .vc_col-sm-8 {width: 50% !important;}
	.verhalen-desktop .vc_col-sm-4 {width: 50% !important;}

	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-titel {font-size: 22px !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-tekst {font-size: 14px !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-grid-background-rounded .vc_column-inner {padding-right: 20px !important;
padding-left: 20px !important;}
	
	
	.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 0 100px !important;}
	
		.quote-home-blue p {font-size: 24px !important;}
	.quote-home-blue .vc_empty_space {height: 100px !important;}
.projecten-geel .empty-140 {height: 80px !important;}

	

.logo-3d-home img {
    height: auto !important;
    max-width: 150% !important;
    vertical-align: top !important;
    margin-top: -180px !important;
    right: -60px !important;
    position: relative !important;
    z-index: 99999 !important;
    width: 150% !important;
}

	h2 {font-size: 50px !important;}
h1 {font-size: 55px !important;}
	
	.voordelen-opsomming-kop {font-size: 44px !important;}

	
	.onze-visie-afb-links img {
    right: -10px !important;
       width: 90% !important;}
	
	.onze-visie-afb-rechts img {
    left: -10px !important;
       width: 90% !important;}
	
	.voordelen-opsomming p {font-size: 20px !important;}
		.voordelen-opsomming-wit p {font-size: 20px !important;}
.voordelen-opsomming-donkerblauw p {font-size: 20px; color: #00253d !important;}

	
	.button-yellow {padding-right: 14px !important; padding-left: 14px !important; font-size: 12px !important;}
	
	.tekst-blok .vc_col-sm-4 {width: 50% !important;}
	
.tekst-blok.vc_column_container.vc_col-sm-4 {width: 50% !important;}
	
	.logo-3d-no-lines img {right: 340px !important;}
	
	
	.stappenplan-background-rounded .vc_column-inner {border-radius: 0 0 0 80px !important; padding: 20px !important;}
	
	.olinq-stappen-heading p {font-size: 140px !important;}
	
	#foto-quote .vc_empty_space {height: 140px !important;}
	
		.accordeon-vdb .vc_tta-panel-body {
    border-radius: 0 0 0 60px !important;
		padding: 40px !important;}
	
	.accordeon-vdb .vc_tta-panel-title a {
		padding: 24px 60px !important;}
	
	.accordeon-vdb .vc_active .vc_tta-panel-heading {
    border-radius: 0 60px 0 0 !important;}
	
	.accordeon-vdb .vc_tta-panel-heading {border-radius: 0 60px 0 0 !important;}
	
	
	.accordeon-vdb .vc_tta-controls-icon {right: 60px !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-body {
    border-radius: 0 0 0 60px !important;
		padding: 40px !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-title a {
		padding: 24px 60px !important;}
	
	.accordeon-vdb-werken .vc_active .vc_tta-panel-heading {
    border-radius: 0 60px 0 0 !important;}
	
	.accordeon-vdb-werken .vc_tta-panel-heading {border-radius: 0 60px 0 0 !important;}
	
	
	.accordeon-vdb-werken .vc_tta-controls-icon {right: 60px !important;}
	
	#post-listing-6602507845f61cc34235e7f573f8d1730b .projecten-pagina-titel {font-size: 38px !important; line-height: 1.2em !important;}

		#onzeprojecten {background-position: -200px 90%, 140% 20% !important; background-size: 500px, 600px !important;}

	.tekst-blok.vc_column_container.vc_col-sm-5 {
    width: 60% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}
	
	
}


/* --- desktop groot --- */
@media screen and (min-width:1301px) and (max-width:1750px) {
	
	
	.keuzeblok-titel p {
		font-size: 26px !important;}
	
		.home-foto-space .vc_empty_space {height: 600px !important;}

	
	.verhalen-desktop .vc_col-sm-8 {width: 50% !important;}
	.verhalen-desktop .vc_col-sm-4 {width: 50% !important;}

	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-titel {font-size: 26px !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-home-tekst {font-size: 16px !important;}
	#post-carousel-20098020985f60a600bbd7ff579ac16b172 .projecten-grid-background-rounded .vc_column-inner {padding-right: 20px !important;
padding-left: 20px !important;}
	
	
	.projecten-blokken-home .projecten-grid-background-rounded .vc_column-inner {
    border-radius: 0 0 0 100px !important;}
	
		.quote-home-blue p {font-size: 28px !important;}
	.quote-home-blue .vc_empty_space {height: 100px !important;}

		.onze-visie-afb-links img {
    right: -20px !important;
       width: 90% !important;}
	
	.onze-visie-afb-rechts img {
    left: -20px !important;
       width: 90% !important;}

.logo-3d-home img {
    height: auto !important;
    max-width: 150% !important;
    vertical-align: top !important;
    margin-top: -220px !important;
    right: -60px !important;
    position: relative !important;
    z-index: 99999 !important;
    width: 130% !important;}

	h2 {font-size: 60px !important;}
h1 {font-size: 75px !important;}
	
		.voordelen-opsomming-kop {font-size: 50px !important;}

	
	.stappenplan-background-rounded .vc_column-inner {border-radius: 0 0 0 80px !important; padding: 30px !important;}
	
	.olinq-stappen-heading p {font-size: 140px !important;}
	
.tekst-blok.vc_column_container.vc_col-sm-4 {width: 50% !important;}

		.voordelen-opsomming p {font-size: 24px !important;}
.voordelen-opsomming-wit p {font-size: 24px !important;}
	.voordelen-opsomming-donkerblauw p {font-size: 24px; color: #00253d !important;}

		.button-yellow {padding-right: 25px !important; padding-left: 25px !important;}

	#post-listing-6602507845f61cc34235e7f573f8d1730b .projecten-pagina-titel {font-size: 55px !important; line-height: 1.2em !important;}

		#onzeprojecten {background-position: -200px 90%, 110% 30% !important; background-size: 550px, 450px !important;}
	
}


/* --- desktop groot --- */
@media screen and (min-width:1751px) and (max-width:2300px) {

	.logo-3d-home img {margin-top: -300px !important;}	
	
			.button-yellow {padding-right: 20px !important; padding-left: 20px !important;}

			#onzeprojecten {background-position: -200px 90%, 110% 30% !important; background-size: 500px, 400px !important;}

	
}



/* --- mobile menu --- */
@media screen and (min-width:1301px) and (max-width:1430px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 460px !important;} 
	.tekst-blok.vc_column_container.vc_col-sm-5 {
    width: 60% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;}
	

}

/* --- mobile menu --- */
@media screen and (min-width:1025px) and (max-width:1300px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 320px !important;}
.blauw a {font-size: 20px !important;}
	.mobile-toggle-nav-ul .menu-item-has-children ul a {font-size: 16px !important;}
}

/* --- mobile menu --- */
@media screen and (min-width:1025px) and (max-width:1300px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 320px !important;}
.blauw a {font-size: 20px !important;}
	.mobile-toggle-nav-ul .menu-item-has-children ul a {font-size: 16px !important;}
}

/* --- mobile menu --- */
@media screen and (min-width:1300px) and (max-width:1350px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 430px !important;}
.blauw a {font-size: 20px !important;}
	.mobile-toggle-nav-ul .menu-item-has-children ul a {font-size: 16px !important;}
}

/* --- mobile menu --- */
@media screen and (min-width:1351px) and (max-width:1400px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 460px !important;}
.blauw a {font-size: 20px !important;}
	.mobile-toggle-nav-ul .menu-item-has-children ul a {font-size: 16px !important;}
}

/* --- mobile menu --- */
@media screen and (min-width:1401px) and (max-width:1450px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 490px !important;}
	.tekst-blok.vc_column_container.vc_col-sm-5 {
    width: 60% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;}
	
}

/* --- mobile menu --- */
@media screen and (min-width:1451px) and (max-width:1500px) {
		#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 510px !important;}
}


/* --- mobile menu --- */
@media screen and (min-width:1501px) and (max-width:1750px) {
	
	#site-header-sticky-wrapper.is-sticky #site-header-inner {left: 510px !important;} }


	.page-id-3007 .vacature-blok {display: none !important;}
.page-id-3007 #header-downloads {background: none !important;}

.werkenbijmenu a {font-weight: bold;}

.werkenbijmenu sup {
    background: #fc0;
    border-radius: 50%;
    padding: 2px 7px;
    font-size: 13px;
    top: -11px;
    font-weight: bold; color: #000;
animation: myfirst 500ms linear 4s infinite alternate;
animation-name: example4;}

.werkenbijmenu sup:hover {color: #000;}

.vacature-blok sup {
    background: #005cb8;
    border-radius: 50%;
    padding: 2px 7px;
    font-size: 14px;
    top: -1px;
    font-weight: bold; color: #fc0; animation: myfirst 500ms linear 4s infinite alternate;
animation-name: example;}


.vacature-blok {
    position: fixed;
    right: 0;
    background: #fc0;
    bottom: 60px;
    z-index: 9999;
    padding: 27px 45px 22px;
    margin: 0 auto;
        border-radius: 34px 0 0 34px; text-align: center;
box-shadow: -2px 2px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.3);
	 -moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.3);


}

.vacature-blok p {margin-bottom: 5px;}
	

@keyframes example {
  from {background-color: #005cb8;}
  to {background-color: red}}

@keyframes example2 {
  from {background-color: #fc0;}
  to {background-color: green}}
	
.vacature {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none !important;}

.vacature a:hover {
       text-decoration: none !important;}

/* body:not(.page-id-853) .vacature-blok {display: none !important;} *\