#simpleloader{
	width: 50px;
	height: 50px;
	margin-left:-25px;
	margin-top:-25px;
	display:inline-block;
	position: absolute; left: 50%; top: 50%;
}


.page-block .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;

}

.page-block.light .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    background: none; padding-top: 0px;

}


#logo_svg .st0{
    fill:#1D1D1B;stroke:#1D1D1B;stroke-miterlimit:10;fill-opacity:1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}


.home #header{
    background:rgba(255,255,255,0)!important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
    position: fixed;
}
.home .main-content{
    margin: 0px; padding: 0px;
}
.logo .logo_st0{
    fill-opacity:0;
}
.home .logo .logo_st0,
.home .logo .logo_st1,
.home .logo .logo_st2,
.home .logo .logo_st3{
    fill-opacity:1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}

#theBody.home .logo .logo_st0{fill:#FFFFFF;}
#theBody.home .logo .logo_st1{fill:#FFFFFF;}
#theBody.home .logo .logo_st2{fill:#FFFFFF;}
#theBody.home .logo .logo_st3{fill:#FFFFFF;}

#theBody.home .navbar-toggle .icon-bar{
    background: #ffffff!important;
}
#theBody.home.menuactive .navbar-toggle .icon-bar{
    background: #000000!important;
}

a.menu-link,
a.childmenu.menu-link{
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
}    
p b,
.btn-primary,
.btn-primary span{
    font-family: 'Raleway', sans-serif;
font-weight: 800;
}

h1,h2,h3,h4,h5,
a.menu-link,
a.childmenu.menu-link{

}
p{
    text-transform: none;
}




span.firstname{
    font-family: 'Raleway', sans-serif;
font-weight: 500;
}
span.lastname{
    font-family: 'Raleway', sans-serif;
font-weight: 800;
}
span.firstname,
span.lastname{
    text-transform: uppercase;
}
p{
    text-transform: none;
}



.navbar-nav li a:hover{
    color: #bbbbbb; background: none;
}


#theBody {
}
#wrapper,
#wrappercontent{
    background:none;
}
#wrappercontent{
}
.main-content{
    padding: 0px 0px;
    margin-top: 85px;
}
.footer{
    background: #ffffff; color: #1D1D1B; margin-top: 75px; padding: 30px 0px 0px 0px;
}
footer .container{
	display: flex; justify-content: center; flex-wrap: wrap; padding: 0px;
}
.footer-block{
	width: 100%; position: relative; padding: 0px 30px 15px 25px;
}
.footer-block-end{
	width: 100%; position: relative;
	background: #333132; color: #ffffff; padding: 0px;
}

.contact .footer{
}
.footer ul{
}
.footer ul li{
}
.footer ul li a{
    font-family: 'Raleway', sans-serif;
font-weight: 800;
}
.footer ul li.childmenu a{
    font-family: 'Raleway', sans-serif;
font-weight: 500;
}
.footer .socials{
}
.footer-logo{
	width: 160px;
}
.footer-logo svg{
	width: 100%;
}
.footer-logo .logo_st0{
	fill: #1d1d1b;
}

.footer-address{
}
.footer-address h2{
    font-size: 40px; font-family: 'Raleway', sans-serif;
font-weight: 800; line-height: 1em;
}
.footer-address p{
    font-size: 14px; text-transform: none; margin-bottom: 10px;
}

.footer .menu-socials .social-icon{
    width: 100%; height: auto; margin: 0px; padding: 0px;
}
.footer .menu-socials .social-icon a{
    font-family: 'Raleway', sans-serif;
font-weight: 500; padding: 3px 0px !important; line-height: 20px;
}
.footer-address p a{
    text-transform: none; text-decoration: none;
}

#theBody .footer .afterMenu{
    display: none;
}

@media (max-width: 768px) {
    .footer-address p{
        text-align: center;
    }
    .footer-logo{
        width: 100%;
        text-align: center;
    }
    .footer-logo svg {
        width: 150px;
    }
    .social-label{
        width: 100%; text-align: center;
    }
    .social-icon{
        width: 100%; text-align: center;
    }
    .social-icon img{
        margin: 0px;
    }
}
@media (min-width: 768px) {
    
    .navbar-toggle{
        display: block;
    }
    
	.projecten #mainsection{
		padding-top: 30px;
	}
	.projecten #mainsection.detail-content{
		padding-top: 0px;
	}
    #theBody .mainmenu ul li a{
        letter-spacing: 2px;
    }
    
    .footer-menu2{
    }    
    .footer ul{ 
    }  
    
    .footer .navbar-nav{
        flex-direction: row; align-items:flex-start;
    }
	#theBody .footer .afterMenu{
    }
    .footer #footer_links ul li{
    }
    .footer #footer_links ul li.menu-men{
    }
    .footer #footer_links ul li.menu-creators,
    .footer #footer_links ul li.menu-history,
    .footer #footer_links ul li.menu-contact,
    .footer #footer_links ul li.menu-socials{
    }
    .footer #footer_links ul li.menu-history{
    }
    .footer #footer_links ul li.menu-contact{
    }
    .footer #footer_links ul li.menu-socials{
    }
    .footer-menu2{
    }
    .footer #footer_links .footer-menu2 ul{
    }
    .footer #footer_links .footer-menu2 ul li{
    }
}


@media (min-width: 991px) {
    #theBody.home .mainmenu ul li a{
        color: #ffffff;
    }
    
    .navbar-toggle{
        display: none;
    }
    
    #theBody.home .mainmenu{
        margin-top: 54px;
    }
    .projecten #mainsection.detail-content {
        padding-top: 25px;
    }
    .footer-address{
    }
    .footer-address h2{
    }
    .footer-address p{
    }
    .footer-menu1{
    }
    .footer #footer_links ul li a{
    }
    
    #creditsfooter{
    }
    
	
	.projecten #header{
		height: 115px;
	}
	.projecten #mainsection{
		padding-top: 60px;
	}
	#theBody.projecten .menu-default .afterMenu {
		display: block;
        position: fixed; top: 75px; left: 3px; height: 45px; overflow: hidden; width: calc(100%); padding: 10px 0px 10px 0px;
		pointer-events: all;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; 
    }
	ul.after-menu{
		width: auto; float: right; margin-right: 109px;
	}
	#theBody .menu-default .afterMenu ul li a{
		font-weight: 800; font-size: 11px; padding-right: 30px!important;
	}
	#theBody .menu-default .afterMenu ul li.active a{
		color: #F7AB59;
	}
}

@media (min-width: 1280px) {
	#theBody .menu-default .afterMenu ul li a{
		font-weight: 800; font-size: 12px;
	}
	ul.after-menu{
		margin-right: 242px;
	}
    #theBody.home .mainmenu{
        margin-top: 52px;
    }
}
@media (min-width: 1440px) {
	ul.after-menu{
		margin: 0px; margin-left: calc(50% - 308px); float: left;
	}
    
}
.footer-menu1 ul li{
}
.footer-menu2 .menu-link a{
}
.footer{
}
    

#pageBlock0{
    padding: 0px; margin: 0px; padding: 0px;
}
#pageBlock1.cleanPageBlock1{
    margin-top: -60px;
}	
#pageBlock1.cleanPageBlock1.page-block .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    background: #ffffff;
}	

.breadcrumb{
    background: none; padding: 0px; margin: 0px;
}
.breadcrumb a{
    line-height: 20px;
}

.block-btns .btn-list,
.btn-primary,
.btn-primary.btn-primary-special{
    width: auto; height: auto; min-height: 40px; background: none!important; z-index: 1; padding: 8px 45px 8px 0px; border-radius: 0px;
    position: relative; display: inline-block; border:0px solid #1D1D1B;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; overflow: hidden;
    color: #1D1D1B!important;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-style: italic;
    text-transform : none;
    font-size: 12px; line-height: 20px;
}
.btn-primary.btn-primary-special{
    overflow: visible;  padding: 8px 0px 8px 60px;
}
.block-btns .btn-list span,
.btn-primary span,
.btn-primary.btn-primary-special span{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    z-index: 2; position: relative; color: #1D1D1B!important; line-height: 20px; padding: 0px; margin: 0px; font-size: 14px;
    
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-style: italic;
}
.block-btns .btn-list::before,
.btn-primary::before,
.btn-primary.btn-primary-special::before{
    position:absolute; display:block;
    width: 45px; height:100%; content: ' ';
    left: auto; right: 5px; top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; z-index: 1;
    
    background:url("../img/btns/arrow.svg"); background-repeat: no-repeat; background-position: right center; background-size: 24px;  
}
.btn-primary.btn-primary-special::before{
    width: 45px; height:45px;
    left: 0px; right: auto; top: -5px;
    background:url("../img/btns/overview.svg"); background-repeat: no-repeat; background-position: right center; background-size: 45px;  
}
.btn-primary.btn-primary-special.btn-primary-special-news::before{
    width: 45px; height:45px;
    left: 0px; right: auto; top: -5px;
    background:url("../img/btns/news.svg"); background-repeat: no-repeat; background-position: right center; background-size: 45px;  
}
.btn-primary.btn-primary-special.btn-primary-special-news{
    width: 100%;
    margin: 30px 0px 0px 0px;
}



.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover,
.block-btns .btn-list:focus,
.block-btns .btn-list:active,
.block-btns .btn-list:hover{
	 border:0px solid rgba(255, 255, 255, 0)!important; color: #1D1D1B!important;
}
.btn-primary:hover span{
}
.btn-primary:hover::before,
.block-btns .btn-list:hover::before,
.btn-primary.btn-primary-special:hover::before{
     right: 0px;
}
.btn-primary.btn-primary-special:hover::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-primary.btn-primary-special.btn-primary-special-news:hover::before{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.light .btn-primary{
    padding: 8px 25px;
    color: #ffffff;
}
.light .btn-primary span{
}
.light .btn-primary::before{
    display: none;
}

.btn-primary.btn-upload{
    padding: 8px 15px 8px 15px; margin-bottom: 5px;
    background: #1D1D1B!important;
}
.btn-primary.btn-upload span{
    color: #ffffff; font-size: 16px!important;
}

.btn-primary.scrolltop{
    display: none;
    left: 0px; top: 0px; margin-right: 30px;
    float: right; padding-top: 30px;
    border: 0px!important; background-color: none!important;  background-repeat: no-repeat!important; background-position: center bottom!important;
    width: 30px; background-size: 10px!important; height:70px;
}
.btn-primary.scrolldown{
    display: none;
    float: right; padding-bottom: 30px;
    border: 0px!important; background-color: none!important;  background-repeat: no-repeat!important; background-position: center top!important;
    width: 30px; background-size: 10px!important; height:70px;
    position: absolute; top: auto; bottom: 15px; left: auto; right: 30px;
}

.btn-primary.scrolltop:hover,
.btn-primary.scrolldown:hover{
     background-size: 14px!important;
}
.btn-primary.scrolltop::before,
.btn-primary.scrolldown::before{
    display: none;
}

.btn-primary.scrolltop span,
.btn-primary.scrolldown span{
    display: none;
}

.page-block.pageHeader{
    width: 100%; margin: 0px 0px 10px 0px; padding: 0px!important;
}
.page-block.pageHeader .page-block-image{
    width: 100%; padding: 0px; margin: 0px;
}
.page-block.pageHeader .page-block-caption{
    background:rgba(0,0,0,0.7); position: absolute; width: 50%; min-width: 300px; top: auto; left: auto; bottom: 30px; right: 0px;
}
.page-block.pageHeader .page-block-caption h2,
.page-block.pageHeader .page-block-caption h2 a,
.page-block.pageHeader .page-block-caption p,
.page-block.pageHeader .page-block-caption p a{
    color: #ffffff; padding: 0px; margin: 0px 0px 5px 0px;
}
.page-block.pageHeader .page-block-caption h2{
    font-size: 22px;
}
.page-block.pageHeader .page-block-caption p{
    font-size: 12px;
    margin-bottom: 10px;
}


.page-block-caption-head{
    display: block;
}
.page-block .page-block-caption.page-block-caption-head {
    background: none; padding: 0px 0px 15px 0px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
}
.page-block.light .page-block-caption.page-block-caption-head {
    padding: 0px 0px 15px 0px;
}
.page-block .page-block-caption.page-block-caption-head .page-block-subttl{
    display: none;
}


.page-block .page-block-link-special{
    width: 100%; max-width: 1280px;
    padding-top: 30px;
}
@media(min-width:991px) {
    .page-block .page-block-link-special{
        padding-left: 25px;
    }
}

@media(min-width:768px) {
    .page-block .page-block-caption.page-block-caption-head {
        width: 100%!important;
        padding: 30px 0px 30px 0px;
    }
}


#pageBlock1_replacer .page-block-caption-head,
#pageBlock1 .page-block-caption-head{
    display: block; padding-bottom: 0px;
}
.page-block-caption .page-block-txt{
	margin-bottom: 0px;
}
.page-block-caption .page-block-ttl.ttl-only h3,
.page-block-caption .page-block-ttl.ttl-only h2,
.page-block .page-block-caption.page-block-caption-head  .page-block-ttl h2{
    text-align: center; text-transform: uppercase; font-size: 30px;
    font-weight: 800;
    padding: 0px 20%;
}

.card-deck{
    padding: 0px 15px;
}
.card-img-top{
    border-radius: 0px;
}
.card{
    border: 0px solid #656565;
    border-radius: 0px;
}
.card-img-overlay h2{
    font-size: 18px; padding: 0px; margin: 0px;
    color: #ffffff;    
}

.page-block .page-block-caption .page-block-txt h2{
}

hr{
    color: #656565; background-color: #656565;
}

.block-list.page-block{
    margin-top: 0px;
}
.block-list.page-block .page-block-extra-txt{
    text-align: center; margin-top: 45px;
}

.card{
	border: 0px; border-radius: 0px; background: #ffffff;
}
.card-header{
    background: none; border: 0px; padding: 15px 0px;
	border-bottom: 1px solid #D5D3CC; margin-bottom: 0px;
}
.card-header h4{
    width: 100%; position: relative; float: left; padding: 0px; margin: 0px; font-size: 16px;
}
.card-header h4 a{
    text-decoration: none; width: 100%; position: relative; float: left;
	background-image: url("../../futurefaces/img/icons/arrow-red.svg"); background-position: center right;
	background-repeat: no-repeat; background-size: 30px; color: #FF4656;
}
.card-header h4 a.collapsed{
	background-image: url("../../futurefaces/img/icons/arrow-grey.svg"); color: #656565;
}

.card-body{
	padding: 30px 0px 15px 0px; background: #ffffff;
}
.card-title{
	padding: 15px 0px 0px; margin-bottom: 0px;
}
.card-title .block-image{
	position: absolute; top: 30px; left: 30px; width: 45px;
}
.card-title .block-image svg{
	width: 100%;
}
.card-title h2{
	padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;
}
.card-text{
	margin: 0px 0px 0px 0px;
}
.card-text-extended p{
	margin: 0px 0px 15px 0px;
}


.light.card-header h4 a.collapsed{
	color: #ffffff;
}
.light.card-title h2,
.light.card-text p{
    color: #ffffff;
}


@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.card-header h4 a{
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.page-block.centered .page-block-caption .page-block-ttl h3,
.page-block.centered .page-block-caption .page-block-ttl h2,
.page-block.centered .page-block-caption .page-block-txt p,
.page-block.centered .page-block-caption .page-block-link{
    text-align: center;
}
.page-block.centered{
    text-align: center; margin: 45px 0px;
}
.page-block.centered .page-block-image{
    width: 100%; padding: 0px 20%;
}
.page-block.centered .page-block-caption{
    width: 100%; padding: 0px 20%;
}
.page-block.centered .page-block-caption .page-block-ttl{
    width: 100%;
}
.page-block.default .page-block-image{
}
.page-block.default .page-block-ttl{
    display: none;
}
.page-block.default .page-block-caption-head .page-block-ttl{
    display: block;
}
.page-block.default:nth-of-type(2n+2) .page-block-image{
    margin-left: 0%;
}
.page-block.default:nth-of-type(2) .page-block-image{
    margin-left: 30%;
}
.page-block-caption .page-block-txt td,
#pageBlock1 .page-block-caption .page-block-txt p,
.page-block.default .page-block-caption .page-block-txt p{
    margin: 0px 0px 15px 0px;
}
.page-block.default .page-block-caption .page-block-txt h3{
    text-align: left; padding: 15px 0px 0px 30px; font-size: 14px;
}
#pageBlock1  .page-block-caption .page-block-txt h2:nth-of-type(2){
    margin-top: 30px;
}
.detail-content .page-block .page-block-caption .page-block-container{
    padding-right: 75px;
}
.detail-content #pageBlock2{
	padding: 30px 30px;
}
.detail-content #pageBlock2 .btn-primary{
	border:1px solid #ffffff; width: 200px; margin-bottom: 10px;
}
.detail-content #pageBlock2 .btn-primary-back{
	border:0px solid #ffffff;
}

.page-block-caption .page-block-txt td,
.page-block-caption .page-block-txt li,
.block .block-caption .block-txt ul li{
	font-size: 14px;
}
#pageBlock1 .page-block-caption .page-block-txt p,
.page-block.default .page-block-caption .page-block-txt p{
	font-size: 14px;
}
#pageBlock1 .page-block-caption .page-block-txt h4,
.page-block.default .page-block-caption .page-block-txt h4{
	font-size: 14px; margin-bottom: 10px;
}

#pageBlock1 .page-block-caption .page-block-txt p{
}
#form_newsletter_container{
    position: relative; width: 100%; float: left;
}

.alert-success{
	background: #1D1D1B; color: #ffffff; padding: 45px; max-width: 500px;
}
.alert-success a{
    color: #ffffff;
}
.alert-success h1{
    color: #ffffff; margin-bottom: 15px;
}
.form-group.has-error{
    color: #F83470;
}




#pageBlock1 .page-block-caption .page-block-name{
}
#pageBlock1 .page-block-caption .page-block-name h1{
    font-size:22px;  margin-bottom: 15px;  margin-top: 15px;
}

#wrapper,
#wrappercontent{
    max-width: 1440px;
}

.home.menuactive .logo{
}


.home #pageBlock1 .page-block-caption .page-block-name h1{
    font-size: 24px;
}

.home .inline-video{
    position: fixed; top: 0px; left: 0px;
    width: 100%; height: 100vh;
}



.menuactive .logo .st0{
    fill-opacity: 1!important;
}
#homeblock{
	position: relative; top: 0px; left: 0px; width: 100%; height: auto; background: none;
}
.homeblock-tagcontainer{
	position: relative; top: 0px; left: 0px; width: 100%; display: flex; justify-content: center;
}
#homeblock a{
	text-decoration: none;
}
#homeblock h2{
	font-size: 40px; float: left; width: 100%; text-align: center; line-height: 1em; margin: 5px 0px 0px 0px; padding: 0px;
}
#homeblock h3{
	font-size: 26px; float: left; width: 100%; text-align: center; margin: 5px 0px 0px 0px; padding: 0px; line-height: 1em;
}
#homeblock h4{
	font-size: 14px; width: auto; float: left; margin: 0px; padding: 0px; margin-right: 15px; line-height: 1em;
}


/*methods*/
.page-block.methods .page-block-caption{
    background: none!important; padding: 0px; width: 100%!important; padding: 15px 0px 30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
}
.page-block.methods .page-block-caption .page-block-ttl.ttl-only h2{
    text-transform: none; font-size: 20px;
}

.page-block.methods .page-block-module{
    display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;
}
.block.methods{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    padding: 0px; width:100%; max-width: 200px; margin: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.block.methods:hover{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2);
}
.page-block.methods  .block-image,
.block.methods .block-image{
    background: #4B8AA9; padding: 45px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.block.methods .block-caption{
    margin: 0px; width: 100%;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);

}
.block.methods .block-caption .block-txt{
    display: none;
}
.block.methods .block-caption .block-ttl{
    padding: 0px; margin: 0px;
}
.block.methods .block-caption .block-ttl h3,
.block.methods .block-caption .block-ttl h3 a{
    text-transform: uppercase; color: #1D1D1B; text-align: center; font-weight: 800; font-size: 20px;
}
.block.methods .block-caption .block-ttl h2,
.block.methods .block-caption .block-ttl h2 a{
    color: #1D1D1B; text-align: center; font-weight: 500; font-size: 16px; padding: 0px; margin: 0px;
}
.block.methods:hover .block-image{
    background: #F7AB59; padding: 45px;
}

.page-block.methods .page-block-link{
	text-align: center; margin-top: 30px;
}

@media (min-width:768px){
    .page-block.methods .page-block-caption .page-block-ttl.ttl-only h2{
        font-size: 24px;
    }
    .page-block.methods .page-block-module{
        display: flex; flex-wrap: wrap; justify-content: center; gap: 0px; max-width: 1280px; margin: 0 auto; float: none;
        padding-left: calc(50% - 300px);
        padding-right: calc(50% - 300px);
    }
    .block.methods{
        margin: 30px; width:calc(50% - 30px);
    }
	.block.methods .block-caption{
		padding: 25px 15px;
	}
	.block.methods .block-caption .block-ttl h3,
	.block.methods .block-caption .block-ttl h3 a{
		font-size: 24px;
	}
	.block.methods .block-caption .block-ttl h2,
	.block.methods .block-caption .block-ttl h2 a{
		font-size: 16px;
	}
}
@media (min-width:1280px){
    .page-block.methods .page-block-module{
        padding: 0px;
    }
    .block.methods{
        width:calc(20% - 60px);
    }
	.page-block.methods  .block-image,
    .block.methods .block-image{
        padding: 35px 45px 50px 45px;
    }
    
}



.werkwijze .block.methods{
	width: 100%;
}

.werkwijze .block.methods .block-caption .block-txt{
	display: block; padding: 15px 15px;
}
.werkwijze .block.methods .block-image{
	width: 100%; padding: 10px 10px 20px 25px; position: absolute; z-index: 1;
}
.werkwijze .block.methods .block-caption .block-ttl{
	z-index: 2; margin-bottom: 45px; margin-top: 20px;
}
.werkwijze .block.methods .block-image img{
	width: 80px;
}
.werkwijze .block.methods .block-caption .block-ttl h3,
.werkwijze .block.methods .block-caption .block-ttl h2{
	text-align: left; padding-left: 105px; color: #ffffff;
}
.werkwijze .block.methods{
	max-width: none;
}
.werkwijze .block.methods:hover{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
}
.werkwijze .block.methods:hover .block-image{
    background: #F7AB59; padding: 10px 10px 20px 25px;
}

.werkwijze .page-block.methods .page-block-link{
	display: none;
}

@media (min-width:768px){
	.werkwijze .block.methods .block-caption{
		padding: 10px 15px;
	}
}
@media (min-width:1280px){
	.werkwijze .page-block.methods .page-block-module{
        /*padding-left: calc(50% - 300px);
        padding-right: calc(50% - 300px);*/
		align-items: stretch;
	}
	.werkwijze .block.methods{
		width: calc(50% - 30px); background: #ffffff;
	}
}

/*project-update*/
#project-update.page-block .page-block-caption h2{
}
#project-update.page-block .page-block-image{
    margin-bottom: 30px;
}

@media (min-width:768px){
    #project-update.page-block{
        margin-top: 15px;
    }
    #project-update.page-block .page-block-caption:nth-of-type(2){
        padding-right: 60%;
    }
    #project-update.page-block .page-block-image{
        width:auto; height: 100%; float: right; position: absolute; left: auto; right: 0px; max-width: calc(60% - 45px); overflow: hidden; margin: 0px;
    }
    #project-update .page-block-image img{
        height: 100%; width: auto; float: right;
    }
}
@media (min-width:1280px){
    #project-update.page-block .page-block-caption:nth-of-type(2){
        padding-right: 70%;
    }
    #project-update.page-block .page-block-image{
        max-width: calc(70% - 45px);
    }
    #project-update .page-block-image img{
        height: 100%; width: auto; float: right;
    }
}

/*projecten*/


.page-block-txt li.childmenu{
	width: auto; float: left; padding: 15px 30px 15px 45px;
    background:url("../img/btns/overview.svg"); background-repeat: no-repeat; background-position: left center; background-size: 35px;  
}
.page-block-txt li.childmenu.active{
	width: auto; float: left; padding: 15px 30px 15px 45px;
    background:url("../img/btns/arrow-down-black.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 15px;  
}
.page-block-txt li.childmenu a{
	text-decoration: none; font-size: 14px; 
}
.page-block-txt li.childmenu.active a{
	color: #F7AB59;
}



/*service*/
#services.page-block .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    background: #ffffff;
}

@media (min-width:350px) and (max-height: 575px){
    #pageBlockPage{
        min-height: 450px;
    }
}

.inline-video video{
  object-fit: cover; background: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
#menuvideo{
  object-fit: cover; background: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
#theBody.menuactive{
    pointer-events: none;
}
#theBody.menuactive #header{
    pointer-events: all;
}

#menuvideo{
	display: none; opacity: 0;
}
.menuactive #menuvideo{
	display: block;
}
.menuactive #header{
    
}


.menuactive #header{
    background: rgba(255,255,255,0);
    position: fixed; width: 100vw; height: 100vh; overflow-y: scroll; overflow-x: hidden;
}
.menuactive #logo_svg .st0{
    fill:#ffffff!important;stroke:#ffffff!important;
}

/* extended menu */
.home.extendedmenu #header{
    background: rgba(255,255,255,0);
    position: fixed; width: 100vw; height: 100vh; overflow-y: scroll; overflow-x: hidden;
}
.home.extendedmenu #mainsection{
    margin: 0px;
}
.home.extendedmenu footer{
	display: none;
}
.home.extendedmenu .logo{
    left: 50%; margin-left: -100px; width: 200px; padding: 30px;
    
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease; 
}
.home.extendedmenu #logo_svg .st0{
    fill:#ffffff!important;stroke:#ffffff!important;
}
.home.extendedmenu .nav-container{
    display: block;
}
.home.extendedmenu .navbar-header{
	display: none;
}
#theBody.home.extendedmenu{
    background: #1D1D1B;
}
.home.menuactive.extendedmenu #homeblock,
.home.menuactive.extendedmenu #pageBlock1,
.home.menuactive.extendedmenu .inline-video{
    display: none;
}

/* agencyswitch */
.home.agencyswitch #mainsection{
    margin: 0px;
}
.home.agencyswitch footer{
	display: none;
}
.home.agencyswitch .logo{
    left: 50%; margin-left: -100px; width: 200px; padding: 30px;
    
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease; 
}
.home.agencyswitch #logo_svg .st0{
    fill:#ffffff!important;stroke:#ffffff!important;
}
#theBody.home.agencyswitch{
    background: #1D1D1B;
}
.home.agencyswitch #header{
    background: none;
}
.home.agencyswitch .nav-container{
    display: none;
}
.home.agencyswitch #pageBlock1{
    position: fixed; z-index: 2;
}
.home.agencyswitch #homeblock{
	position: fixed; top: 215px; bottom:auto; height: 300px; min-height: 300px; z-index: 10001;
}
#theBody.home.agencyswitch #pageBlock1 .page-block-caption .page-block-name h1,
#theBody.home.agencyswitch #homeblock a,
#theBody.home.agencyswitch #homeblock h2,
#theBody.home.agencyswitch #homeblock h3,
#theBody.home.agencyswitch #homeblock h4{
    color: #ffffff;
}
#theBody.home.agencyswitch #pageBlock1 .page-block-caption .page-block-name h1{
    margin-top: 170px;
}

/* divisionselection */
@media (min-width:350px) and (max-height: 575px){
    .home.agencyswitch #homeblock {
        height: auto; bottom: 30px;
    }
}
@media (min-height: 575px){
    .home.agencyswitch #homeblock {
        height: 200px; top: 50%; margin-top: -50px;
    }
}
@media(min-width:768px) {
    .home.agencyswitch #homeblock{
        max-width: 700px; margin-left: -350px; height: auto; bottom: calc(50% - 100px); left: 50%;
    }
}
@media (min-width:768px) and (max-height: 575px){
    .home.agencyswitch #homeblock {
        height: auto; bottom: 30px;
    }
}
@media(min-width:991px) {
    .home.agencyswitch #homeblock{
        bottom: calc(50% - 150px); max-width: 900px; margin-left: -450px;
    }
}
@media (min-width:991px) and (max-height: 650px){
    .home.agencyswitch #homeblock {
        height: auto; bottom: 30px;
    }
}

@media (max-width: 768px){
	#theBody.menuactive .logo,
	#theBody.menuactive.home .logo{
	}
	#theBody.menuactive .logo .logo_st0{fill:#FFFFFF;}
	#theBody.menuactive .logo .logo_st1{fill:#FFFFFF;}
	#theBody.menuactive .logo .logo_st2{fill:#FFFFFF;}
	#theBody.menuactive .logo .logo_st3{fill:#FFFFFF;}

    #theBody.menuactive .logo  .logo_st0{
        fill-opacity:1!important;
    }
    
}

@media (min-width: 576px){
    .card-deck .card {
        flex: 100%; margin-bottom: 30px;
    }
}
@media(min-width:768px) {
    
    .footer{
        padding: 15px 0px 0px 0px;
    }
    .breadcrum{
        padding-left: 30px; padding-bottom: 0px;
    }
    .page-block{
        padding: 15px 0px 15px 0px; margin: 45px 0px 15px 0px;
    }
	.page-block-caption .page-block-ttl h2{
        margin-top: 15px;
	}

    #pageBlock1 .page-block-caption .page-block-name{
		margin-top: -30px;
    }
    #pageBlock1 .page-block-caption .page-block-name h1{
    }
    .main #pageBlock1 .page-block-caption .page-block-name h1,
    .development #pageBlock1 .page-block-caption .page-block-name h1{
    }
    
    .card-deck{
        padding: 0px 45px;
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
	.page-block-module{
		padding: 0px 15px;
	}
	.page-block,
	.default.page-block{
		padding: 0px 25px; 
	}
    .default.page-block{
        display: flex; justify-content: center; flex-wrap: wrap;
	}
	.default.page-block .page-block-image{
        margin: 0px!important; width: 30%; order: 3;
	}
	.default.page-block .page-block-caption{
		width: 70%; margin-left: 0%; padding: 30px 30px 30px 30px;
	}
    .default.page-block .page-block-caption .page-block-txt{
        margin: 0px;
    }
    .page-block.default .page-block-image{
        float: right;
    }
    .page-block.default .page-block-image img{
        height: 100%;
        object-fit: cover;
    }
    .page-block.default .page-block-caption .page-block-txt p{
        
    }
    .page-block.default .page-block-caption .page-block-txt h3{
        text-align: left; padding: 15px 0px 0px 30px; font-size: 14px;
    }
    
    .detail-content #pageBlock1{
        position: absolute;
    }
    .detail-content #pageBlock1 .page-block-caption-head{
        width: 50%;
    }
    .detail-content .page-block .page-block-caption .page-block-container{
        padding-right: 0px;
    }
    .detail-content .page-menu-container{
        position: absolute; top: auto; left:45px; bottom: -55px; width: 80px;
    } 
    
	.detail-content #pageBlock0{
        display: none;
	}
	.detail-content #pageBlock2{
	}
	.detail-content #pageBlock3{
	}
	.detail-content #pageBlock3 .page-block-caption{
	}
    .card-deck{
        padding: 0px 30px;
    }
    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    
    .home #pageBlock1{
        display: flex; align-items: stretch;
    }
    .home #pageBlock1 .page-block-caption .page-block-name{
		margin-top: 0px;
    }
    .home #pageBlock1 .page-block-caption{
        width: 50%; float: right; order: 2;
    }
    .home #pageBlock1 .page-block-image{
        width: 50%; float: left; order:1;
    }
    .home #pageBlock1 .page-block-image img{
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width:768px) and (max-height: 720px){
    
    .closelink{
        position: fixed!important; top: auto!important; bottom: 0px!important; width: 660px; left: 50%; margin-left: -330px;
    }
}


@media (min-width:768px) and (max-height: 575px){
    #pageBlockPage{
        min-height: 450px;
    }
}



@media(min-width:768px) {
    .footer-block{
        width: calc(100% - 500px);
    }
    .footer-block-address{
        width: 250px; margin-top: 12px;
    }
    .footer-block-social{
        width: 250px; margin-top: 0px;
    }
    .footer-block-end{
        width: 100vw;
    }
    .footer-logo{
        width: 100%;
        text-align: center;
    }
    .footer-logo{
        width: 100%; margin-top: 10px;
        text-align: center;
    }
    .footer-logo svg{
        width: 133px;
    }
    
    .social-label{
        width: calc(100% - 55px); text-align: right;
    }
    .social-icon img{
        margin: 0px;
    }
    footer .container{
        padding: 0px 30px;
    }
}

@media(min-width:991px) {
    .home.menuactive .logo{
        width: 200px; padding: 30px 5px 0px 45px;
    }

	#mainsection{
        margin-top: 90px;
        padding: 0px 0px 0px 0px;
    }
	.home #mainsection{
        margin-top: 0px;
    }
	.default.page-block .page-block-image{
	}
	.page-block .page-block-caption,
	.default.page-block .page-block-caption{
        padding: 45px;
	}
    .main-content{
        padding: 0px 30px 0px 30px;
    }
    #pageBlock1 .page-block-caption .page-block-name h1{
    }
    #pageBlock1 .page-block-caption .page-block-name h1{
        width: 60%; font-weight: 800;
    }
    #pageBlock1_replacer .page-block-caption,
    #pageBlock1 .page-block-caption{
    }
    #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
    }
    
    #pageBlock1_replacer .page-block-caption-head,
    #pageBlock1 .page-block-caption-head{
    }
    .card{
	}	
    .block-list.page-block .content-card{
		position: absolute; top: 0px; left: 50%;
	}
    .page-block.block-list{
    }
    .page-block.block-list .accordion{
    }
	.page-block.block-list .card-header{
	}
	
	.page-block-module{
		width: 100%; float: right; margin-top: 0px;
	}
    
    .contact .intern-pagemenu{
    }
    #form_become_container{
        width: 49%; float: right;
        margin-top: 45px;
    }
    
    #homeblock h2{
        font-size: 80px; line-height: 80px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    #homeblock h2.fadeH{
        opacity: 0.5;
        font-size: 80px; line-height: 80px;
    }
    #homeblock h2:hover{
        font-size: 80px; line-height: 80px;
    }
    #homeblock h3{
        font-size: 26px;
    }
    #homeblock h4{
        font-size: 14px;
    }
}


@media (min-width:991px) and (max-height: 650px){
    #pageBlockPage{
        min-height: 500px;
    }
}

@media(max-width:600px){
}
@media(min-width:768px)  and (min-height: 500px) {
}
@media(min-width:1000px)  and (min-height: 600px) {
}
@media(min-width:1080px) {
    
    .home #pageBlock1{
        margin-top: 60px;
    }
    .home #pageBlock1 .page-block-caption{
        width: 70%; float: right;
    }
    .home #pageBlock1 .page-block-image{
        width: 30%; float: left;
    }
    
}
@media(min-width:1280px) {
    
    .footer-block{
        padding-left: 10px;
    }
    .footer{
        padding-bottom: 0px;
    }
    .footer-block-end{
        position: absolute; top: auto; bottom: 0px;
        width: 100vw;;
    }
    #footer_links{
        padding-bottom: 60px;
    }
}

@media(min-width:1440px) {
    .footer{
    }
    .footer .container{
    }
    
    .projects  #mainsection{
        max-width: none; margin-left:0px;
    }
    
    
    .breadcrum{
        padding-left: 45px;
    }
    .page-block .page-block-caption{
    }
	.default.page-block .page-block-caption{
	}
    .page-block-module{
    }
    
    .home .page-block .page-block-caption h2,
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h2,
	#pageBlock1 .page-block-caption .page-block-name h1{
	}
    
    #showsitems .block .block-caption .block-ttl h3, #showsitems .block .block-caption .block-txt h3,
    #showsitems h4,
    .card .card-title h2,
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h3,
    .card-img-overlay h2,
    .large-quote .page-block-caption .page-block-txt p,
	.page-block.block-list .card-title h2{
        font-size: 20px;
    }
	.page-block-caption .page-block-ttl h2,
    .page-block-caption .page-block-ttl.ttl-only h2,
	.home #shoplinks.page-block .page-block-txt p a,
    .page-block-caption .page-block-subttl h3 p,
    .page-block .page-block-caption h3,
	.page-block.block-list .card-header h4{
		font-size: 24px;
	}
    
	.page-block.default .page-block-caption .page-block-txt h3,
    .page-block-txt p a.btn-primary,
    .card .card-title h3,
	.btn-primary span,
	.card .card-text p{
		font-size: 14px;
	}
    
    .intern-pagemenu li a.page-hash-link,
    .small-quote .page-block-caption .page-block-ttl h2,
    .small-quote .page-block-caption .page-block-ttl h2 a{
    }
    
	.btn-primary{
		/*padding-top:  15px;
		padding-bottom:  15px;*/
	}
    .btn-primary span{
    }
	.btn-primary::before{
	}
    
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h2{
        padding: 0px 0px 30px 0px;
	}
	 
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h3{
        padding: 30px 60px;
    }
    
    .card-body .btn-primary,
	.page-block-link .btn-primary{
	}
    .card-body .btn-primary::after,
	.page-block-link .btn-primary::after{
		top: 13px;
	}
	
    .card-img-overlay{
        padding: 60px;
    }
	.default.page-block .page-block-caption{
	}
   
    .detail-content #pageBlock0{
        margin-top: 0px;
    }
    .detail-content #pageBlock0,
    .detail-content #pageBlock2{
    }
    .detail-content #pageBlock3{
    }
    .detail-content #pageBlock3 iframe{
    }
	.detail-content #pageBlock2 .btn-primary{
	}
    
}

@media(min-width:1920px) {
    
    #mainsection{
        /*max-width: 1920px; margin-left:calc(50% - 960px);*/
    }
    .home #mainsection{
        max-width: none; margin-left:0px;
    }
	
}

#contact_info{
    margin: 60px 0px;
}
#contact_info .page-block-txt h2,
#contact_info .page-block-txt p {
    text-align: center;
}




.projects .breadcrum{
    display: none;
}

#projects_container .row{
    min-width: 100%;
}

.block{
	position:relative; float:left; width:100%; padding: 1px 1px 1px 1px;
}

.block .block-image{
	position: relative; float: left; width: 100%;
	text-align:center; margin:0px 0px 0px 0px;
    overflow: hidden;
}
.block .block-image img,
.home .page-block .page-block-image img{
	position: relative; float: left; width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block:hover .block-image img,
.home .page-block .page-block-image:hover img{
    transform: scale(1.05); /* Equal to scaleX(2) scaleY(0.5) */
    transform-origin: center;
}
.block .block-caption .block-ttl .block-icon{
	position: relative; width: 70px; height: 100%; left: 0px; top: 0px; float: left; text-align: center;
}
.block .block-caption .block-ttl .block-icon img{
	height: 30px;
}
.block .block-image .block-icon{
	position: absolute; width: 20%; left: 40%; top: 40%;
}
.block.even .block-image{
}
.block .block-caption{
	position:relative; float:left; width:calc(100% - 30px); padding: 0px 0px 0px 0px;
    margin: 0px 15px; margin-top: -30px; padding: 15px;
    
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;
    
}
.block .block-caption .block-ttl{
	position:relative; float:left; width:100%; 
    padding: 0px 0px 15px 0px;
}
.block .block-caption .block-ttl h2{
	margin:15px 0px 15px 0px; text-align: left;
    font-weight: 700;
}
.block .block-caption .block-ttl h2 a{
	text-decoration: none;
}
.block .block-caption .block-ttl h3 a{
    text-decoration: none;
}
.block .block-caption .block-ttl h4 a{
    text-decoration: none;
}

.block .block-caption .block-txt{
	position:relative; float:left; width:100%;
	padding: 0px 0px 15px 0px;
}
.block .block-caption .block-txt p{
}
.block .block-caption .block-txt a,
.block .block-caption .block-txt a p{
    text-decoration: none;
}
.block .block-caption .block-specs{
	position:relative; float:left; width:100%;
}
.block .block-caption .block-specs .block-label{
	position:relative; float:left; width:30%; font-size: 0.9em;
}
.block .block-caption .block-specs .block-value{
	position:relative; float:left; width:70%;
}
.block .block-caption .block-btns,
.block .block-btns{
	position:relative; float:left; width:100%; padding: 0px 0px 15px 0px; text-align: left;
}


.block.mini-block{
    width:100%!important; max-width: none!important;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    background: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.block.mini-block:hover{
    /*-webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;*/
}
.block.mini-block .block-image{
    width:90px!important;
}
.block.mini-block .block-caption{
    width:calc(100% - 90px)!important; margin: 0px!important;
    background: none;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    padding-top: 0px;
    height: auto!important;
    padding-bottom: 0px!important;
}
.block.mini-block .block-caption .block-ttl{
    padding: 0px!important;
}
.block.mini-block .block-caption .block-ttl h2{
    margin: 0px 0px 5px 0px; font-size: 16px;
}
.block.mini-block .block-caption .block-ttl h3{
    margin: 0px; font-size: 14px;
}
.block.mini-block .block-caption .block-ttl{
    padding: 0px!important;
}



.large-quote.page-block{
    padding: 0px!important;
}
.large-quote.page-block .page-block-image{
    padding-bottom: 0px;
}
.large-quote.page-block .page-block-caption{
    position: absolute; top: 0px; bottom: 0px; padding: 30px 30px;
}
.large-quote.page-block .page-block-caption .page-block-link{
    display: none;
}
.large-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.4; 
    text-align: right; font-size: 23px;
}
.large-quote.page-block .page-block-caption .page-block-ttl h3{
    width: 50%; padding: 0px; margin: 0px; line-height: 1.4; 
}
.large-quote.page-block .page-block-caption .page-block-ttl h2,
.large-quote.page-block .page-block-caption .page-block-ttl h2 a,
.large-quote.page-block .page-block-caption .page-block-ttl h3,
.large-quote.page-block .page-block-caption .page-block-ttl h3 a{
    color: #000000; text-decoration: none;
}
.large-quote.page-block .page-block-caption .btn-primary{
    position: absolute; bottom: 0px; top: auto; left: 15px;
}
.medium-quote.page-block{
	padding: 0px 30px 15px 30px; max-width: 800px; z-index: 2;
}
.medium-quote.page-block .page-block-caption{
	position: relative; top: 0px; left: 0px; width: 100%; padding: 30px 0px 30px 0px;
} 
.medium-quote.page-block .page-block-caption .page-block-txt p{
	font-size: 18px; line-height: 1.4; padding-bottom: 0px; margin-bottom: 0px;
    font-weight: 200;
}
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
	font-size: 22px;
}
.medium-quote.page-block .page-block-caption .page-block-txt p,
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
	color: #707070;
}
.medium-quote.page-block .page-block-caption .page-block-ttl h2,
.medium-quote.page-block .page-block-caption .page-block-ttl h2 a{
    text-align: center;
}
.medium-quote.page-block .page-block-caption .btn-primary{
    width: 100%; text-align: center; border: 0px;
    padding: 0px 0px 90px 0px
}
.medium-quote.page-block .page-block-caption .btn-primary span{
    font-weight: 300;
}
.medium-quote.page-block .page-block-caption .btn-primary::after{
    background: url("../img/btns/btn-icon.svg"); background-size: contain; background-repeat: no-repeat;
    width: 40px; height: 68px; content: ''; display: block; position: absolute; top: 36%; left: 50%; margin-left: -20px;
}

.small-quote.page-block{
    width: calc(100%); padding:0px; margin-bottom: 15px;
}
.small-quote.page-block .page-block-image{
}
.small-quote.page-block .page-block-caption{
    background: #D5D3CC;
}
.small-quote.page-block .page-block-caption .page-block-link{
    display: none;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.2; 
    font-size: 22px; text-align: center; 
    quotes: "“" "”" "‘" "’";
    font-weight: 200;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::before {
    content: open-quote;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::after {
    content: close-quote;
}

.small-quote.page-block .page-block-caption .page-block-ttl h3{
    width: 50%; padding: 0px; margin: 5px 0px 0px 0px; line-height: 1.4; 
}
.small-quote.page-block .page-block-caption .page-block-ttl h2,
.small-quote.page-block .page-block-caption .page-block-ttl h2 a,
.small-quote.page-block .page-block-caption .page-block-ttl h3,
.small-quote.page-block .page-block-caption .page-block-ttl h3 a{
    color: #1D1D1B; text-decoration: none;
}


@media(min-width:600px) {
    .small-quote.page-block .page-block-caption{
         padding: 60px 20%;       
    }
}


.carousel-item img{
    width: 100%;
}

.page-block.color-6 .page-block-caption p{
    color: #df9d4f;
}
.page-block.color-7{
    background: #E3D4C0;
}
.page-block.color-8{
    background: #CCD3CD;
}

.small-quote.color-88888 .page-block-caption{
    background: rgba(224,157,79,0.8);
  background-blend-mode: multiply;
} 
.small-quote.color-99999 .page-block-caption{
    background: rgba(0,0,0,0.1);
  background-blend-mode: multiply;
} 
.small-quote.color-1000000 .page-block-caption{
    background: rgba(141,169,133,0.8);
  background-blend-mode: multiply;
} 



#quick-list-navigation{
    display: none;
}
.preview-t {
    opacity: 0;
}
.block .block-image img.preview-projects {
}
.block .block-image img.preview-projects.lazyloaded{
}

.block.projects .block-image{
}
.block.projects .block-image img{
}
.block.projects:hover .block-image,
.block.homeblocks:hover:hover img{
}


.projecten #pageBlock1 .page-block-caption{
    padding-bottom: 0px!important;
	background: none;
	padding-left: 0px; padding-right: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
}

#projects_container{
    position: relative; display: flex; margin-top: -30px;
	width: 100%; padding: 0px 30px; flex-wrap: wrap;
    justify-content: center; align-items: stretch;
    gap: 30px; float: left;
}
#projects_container .block{
    display: flex; justify-content: center; flex-wrap: wrap; align-items: stretch; width: 100%;
    max-width: 450px; margin-bottom: 30px;
}
#projects_container .block .block-image{
    width: 100%; 
}
#projects_container .block.fadeH .block-image{
}
#projects_container .block .block-caption{
    min-height: 200px; padding-bottom: 60px;
}

#projects_container .block .block-caption .block-ttl h2{
    margin-bottom:0px;
}
#projects_container .block .block-caption .block-ttl h3{
    font-size: 14px;
}
#projects_container .block .block-caption .block-ttl h4{
    margin: 10px 0px;
    font-size: 14px; background: url("../img/icons/map.svg"); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding: 10px 0px 10px 30px;
}

#projects_container .block .block-caption .block-btns{
    position: absolute; top: auto; bottom: 0px;
}


#projects_container .block .block-caption .block-ttl h2 a{
    color: #1D1D1B; width: 100%;
}

.division_ttl{
    margin: -60px 0px -15px 0px; 
    padding: 90px 0px 0px 0px; position: relative; width: 100%;
}
.division_footer{
    margin: -40px 0px 0px 0px; position: relative; width: 100%; padding-left: 15px;
    -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.division_ttl h2{
    font-size: 24px; font-weight: 700;
}

    /*#projects_container .block:nth-of-type(3n),
    #projects_container .block:nth-of-type(4n){
        display: none;
    }*/

.more-project-container{
	position: relative; float: left; width: 100%; height: auto; padding: 0px; margin: 0px;
	max-height: 0px; overflow: hidden;
    -webkit-transition: all 0.8s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
    
    display: flex;
	width: 100%; flex-wrap: wrap;
    justify-content: center; align-items: stretch;
    gap: 30px;
    
}
.more-project-container.showallprojects{
	max-height: 2500px;
}
.division_footer.showallprojects{
    opacity: 0; height: 0px; margin: 0px;
}

#projects_container .block:nth-of-type(4n){
}
.gerealiseerd #projects_container .block:nth-of-type(4n){
    display: block;
}

@media(min-width:600px) {
    .more-project-container,
    #projects_container{
        justify-content: left;
    }
    #projects_container .block{
        width: calc(50% - 15px);
    }
    #projects_container .block .block-caption {
        min-height: 230px;
        padding-bottom: 40px;
    }
    
}

@media(min-width:768px) {
    .projecten #pageBlock1{
        padding: 0px 30px;
    }
    
}
@media(min-width:900px) {
    #projects_container{
        margin-top: 30px;
    }

    .more-project-container,
    #projects_container{
        gap: 50px;
    }
    #projects_container .block{
        width: calc(33.33% - 35px);
    }
    .division_ttl{
        margin-top: -120px;
        margin-bottom: -30px;
    }
    .division_footer{
        margin: -90px 0px 0px 0px;
    }
    #projects_container .block:nth-of-type(4n){
        display: block;
    }
    .more-project-container .block:first-child{
        display: none!important;
    }
}
@media(min-width:991px) {
    #projects_container,
    .projecten #pageBlock1{
        padding: 0px 45px;
    }
    
}
@media(min-width:1280px) {
    
    .division_ttl{
        padding-left: 0px;
    }
    #projects_container .block .block-caption .block-ttl h2{
    }
    #projects_container .block .block-caption .block-ttl h3{
        font-size: 16px; margin-bottom: 10px;
    }
    #projects_container .block .block-caption .block-ttl h4{
        margin: 10px 0px;
        font-size: 14px; background: url("../img/icons/map.svg"); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding: 10px 0px 10px 30px;
    }
    .division_footer{
        margin: -75px 0px 0px 0px;
    }
}



.slidecontainer_slide{
	position: absolute; width: auto; white-space:nowrap;
	left: 0px; top: 120px;
    padding-right: 60px;
    -webkit-transition: left 0.4s ease;
	-moz-transition: left 0.4s ease;
	-o-transition: left 0.4s ease;
	transition: left 0.4s ease;
    
}

.contact #pageBlock1 .page-block-caption{
    padding-bottom: 0px!important;
	background: none;
	padding-left: 0px; padding-right: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); 
}

#team.page-block .page-block-caption.page-block-caption-head{
    display: none;
}


@media(max-width:768px) {
	.slidecontainer_slide{
		top: 0px; height: 100%;
	}
}




@media(min-width:320px) {
	.block{
		width:50%;
	}
}
@media(min-width:640px) {
	.block{
		width:50%;
	}
}
@media(min-width:768px) {
    .contact #pageBlock1 .page-block-caption{
        margin-top: 45px;
    }
    .contact #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 30px;
    }
    
}
@media(min-width:960px) {
    .block{
        width:33.33%;
    }
}
@media(min-width:1200px) {
}
@media(min-width:1280px) {
    .contact #pageBlock1 .page-block-caption{
        margin-top: 45px;
    }
    .contact #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 40px;
    }
    .block{
        width:25%;
    }
}
@media(min-width:1440px) {
    #projects_container {
        /*padding: 0px 55px;*/
    }
}
@media(min-width:1600px) {
    .block{
        width:25%;
    }
}
@media(min-width:1920px) {
    .block{
        width:25%;
    }
}
@media(min-width:2240px) {
    .block{
        width:25%;
    }
}
@media(min-width:2560px) {
.block{
	width:25%;
}
}
@media(min-width:2880px) {
.block{
	width:25%;
}
}
@media(min-width:3200px) {
.block{
	width:25%;
}
}
@media(min-width:3520px) {
.block{
	width:25%;
}
}

/* reviews */

#reviews_container{
    position: relative; display: flex;
	width: 100%; padding: 0px 30px 0px 30px; flex-wrap: wrap;
    justify-content: center; align-items: stretch;
    gap: 30px;
}
@media(min-width:768px) {
    #reviews_container{
        padding: 30px 30px 0px 30px; 
    }
}
@media(min-width:900px) {
}
.block.reviews{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 450px;
    margin-bottom: 30px;
}
.block.reviews .block-image{
	margin: 0px; text-align: center;
}

@media(min-width:600px) {
	.block.reviews{
	}
	.block.reviews .block-image{
	}
	.block.reviews .block-image img{
	}
	.block.reviews .block-caption{
	}
	.block.reviews:nth-of-type(2n) .block-image{
	}
}

.ervaringen .detail-content .page-block{
    margin-bottom: 0px;
}

.ervaringen .detail-content h1{
    margin-top: 0px; margin-bottom: 15px;
}
/* news */

.nieuws #pageBlock1 .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
    background: none;
}
.nieuws #pageBlock1 .page-block-caption .page-block-name h1{
	width: 100%; text-align: center;
}

#news_container,
#nieuws .page-block-module {
    position: relative; display: flex;
	width: 100%; padding: 0px 30px; flex-wrap: wrap;
    justify-content: center; align-items: stretch;
    gap: 30px;
}
.nieuws #news_container{
    margin-top: 45px;
}
#nieuws .page-block-module {
    padding: 0px 0px;
}
@media(min-width:600px) {
    #news_container,
    #nieuws .page-block-module {
        justify-content: left;
    }
}
@media(min-width:900px) {
    #news_container,
    #nieuws .page-block-module {
        gap: 50px;
    }	
}


.nieuws #pageBlock1{
    display: none;
}
.nieuws #pageBlock1{
    display: none;
}
.block.news{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    max-width: 450px;
    margin-bottom: 30px;
}
.block.news .block-image{
	margin: 0px; text-align: center;
}
.block.news .block-image .block-ttl{
    display: none;
}
.block.news .block-caption .block-ttl h3,
.block.news .block-caption .block-ttl h2{
	letter-spacing: 0px!important; font-size: 20px; padding: 0px; margin: 0px; text-align: left;
    text-transform: none;
}
.block.news .block-caption .block-ttl h2 a{
    color: #1D1D1B;
}
.block.news .block-caption .block-ttl h2 a small{
    font-family: 'Raleway', sans-serif; font-size: 12px;
    font-weight: 600;
    font-style: italic; color: #1D1D1B;
    margin-bottom: 15px; float: left; width: 100%;
}

#projectnews{
    padding: 0px;
}
#projectnews.page-block .page-block-caption.page-block-caption-head .page-block-ttl h2 {
    text-transform: none; margin: 30px 0px;
}
@media(min-width:600px) {
	.block.news{
		width: calc(50% - 15px);
	}
    
    #nieuws .page-block-module .block.news:nth-of-type(3){
        display: none;
    }
	.block.news .block-caption{
        height: 70%; padding-bottom: 60px;
	}
    .block.news .block-caption .block-btns, .block .block-btns{
        position: absolute; top: auto; bottom: 0px;
    }
}

@media(min-width:700px){
    .block.news .block-caption{
        height: 62%;
    }
}

@media(min-width:768px) {
    .block.news .block-caption .block-ttl h3, .block.news .block-caption .block-ttl h2{
        text-align: left;
    }
    .block.news .block-caption{
        height: 55%;
    }
}

@media(min-width:900px) {
	.block.news{
        width: calc(33.33% - 35px);
	}
    #nieuws .page-block-module .block.news:nth-of-type(3){
        display: block;
    }
	.block.news .block-caption{
        height: 70%;
	}
}

@media(min-width:1200px) {
    .block.news .block-caption{
        height: 60%;
	}
}
@media(min-width:1280px) {

}


@media(min-width:1280px) {
	.page-block{
        padding-left: calc(50% - 625px);
        padding-right: calc(50% - 625px);
	}
    #reviews_container,
    #news_container,
    #projects_container,
    #news_container,
    #projects_container,
    .projecten #pageBlock1,
    .small-quote.page-block,
    #pageBlock1,
    #project-update.page-block,
	.default.page-block{
        padding-left: calc(50% - 610px);
        padding-right: calc(50% - 610px);
	}
	.page-block .page-block-caption,
    .default.page-block .page-block-caption{
        padding: 60px;
    }
    .page-block .page-block-caption .page-block-txt h2{
        font-size: 26px;
    }
    .page-block-module{
        padding: 0px;
    }
}

@keyframes hightlightmenow {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}




.detail-content {
	padding: 0px 0px;
}
.detail-content .main-block-container{
    padding: 0px 0px;
}
.detail-block{
	position: relative; width: 100%; top: 0px; left: 0px; float: left;
}

#legenda{
    position: relative; float: left; width: 100%; padding: 0px 0px 0px 0px;
	display: none;
}


.detail-content #legenda h2 {
    font-size: 12px;  text-align: center; position: absolute; top: 0px; left: 0px; width: 100%; line-height: 20px; pointer-events: none; opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    color: #D1D1D1; font-size: 14px;
}
.detail-content .breadcrum{
    padding: 0px; margin-bottom: 15px; display: none;
}
.detail-content .page-block{
	margin-bottom: 30px;
}
.detail-content .btn-primary span{
    font-size: 14px;
}
.detail-content #legenda  .btn-primary{
    margin: 0px 15px 0px 0px;
}
.detail-content #legenda  .btn-primary.phase-2{
    padding: 2px 0px 0px 0px; margin-left: 15px; margin-right: 0px; margin-bottom: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    
}
.detail-content .btn-primary::before{
}
.detail-content #legenda .btn-primary span{
    font-size: 10px;
}
.detail-content .btn-primary img{
    display: none;
}
.detail-content #legenda h2{
}
.detail-content #legenda #to-top{
    display:none;
} 
.detail-content #legenda .btn-primary:nth-of-type(5) {
    display: none;
}
.detail-content #legenda .btn-primary:nth-of-type(2) {
    opacity: 0; pointer-events: none;
}
.detail-content #legenda .btn-primary:nth-of-type(3),
.detail-content #legenda .btn-primary:nth-of-type(4),
.detail-content #legenda .btn-primary:nth-of-type(5) {
    float: right;
}
#projectsnavigation{
}
#detail-projects{
    position: relative; width: 100%; padding: 30px 30px;
}
.detail-content h1{
    font-size: 20px;  margin-top: 30px; margin-bottom: 5px; font-weight: 700;
}
.nieuws .detail-content h1{
    font-size: 20px;  margin-top: 10px; margin-bottom: 5px; font-weight: 700;
}
.detail-content h4{
    margin-top: 30px; font-size: 14px; color: #000000;
}
.detail-content .page-block-caption .page-block-ttl h2{
    font-size: 16px;  margin-top: 0px; margin-bottom: 0px;
}
.detail-content .slidecontainer h2{
    margin-top: 0px; margin-bottom: 0px;
}

.img-main{
	display: none;
}

.page-block.page-block-gallery{
	padding: 0px;
}
.block-image{
	padding: 0px 0px;
}
.page-block-gallery .block-image{
    margin: 0px 0px 0px 0px; padding: 0px 15px;
}
.page-block-gallery .carousel-item .block-image{
	margin: 0px 0px 0px 0px; padding: 0px 0px;
}

.downloadlink{
	font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-style: italic;
	background: url("../img/btns/downloads.svg"); background-size: 25px; padding: 15px 0px 5px 45px; background-position: center left; width: 100%; position: relative; float: left; background-repeat: no-repeat; text-decoration: none;
}

@media (max-width:767px) {
	.detail-content .btn-primary span{
		font-size: 12px;
	}
	.detail-content .btn-primary{
	}
	#action_insta_btn{
		right: 15px;
	}
	
}

.detail-content #openwebsiteLink,
.detail-content #openwebsite{
    position: relative; top: 0px; width: 100%; text-align: center;
    z-index: 4; float: left; margin-top: 45px;
}
.detail-content #openwebsiteLink img{
	width: 30px;
}
.detail-content  #openwebsite{
	margin: 0px 0px 0px 0px;
}


#pageBlockMain .page-block-caption .page-block-ttl h1{
	padding: 0px;
}
#pageBlockMain .page-block-caption .page-block-ttl h2{
}
.projecten #pageBlockMain .page-block-caption .page-block-ttl h3{
    margin: 5px 0px 15px 0px;
    font-size: 14px; background: url("../img/icons/map.svg"); background-repeat: no-repeat; background-position: left center; background-size: 18px; padding: 10px 0px 10px 30px;
}


#pageBlockMain{
	background: none; padding: 0px;
}
#pageBlockMain .page-block-caption{
	background: none;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
}

#pageBlockProject .page-block-caption{
	
}

#pageBlockShort{
	background: none; /*padding: 0px;*/
}
#pageBlockShort .page-block-caption:nth-of-type(2){
	background: #D5D3CC; padding: 60px 30px;
    /*-webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);*/
}
#pageBlockShort .page-block-caption.page-block-caption-head{
	background: #F2F2F2;
}




.block-image-container .block-image{
	padding: 0px 0px; float: left; margin-bottom: 15px;
    background-position: center center; background-repeat: no-repeat; background-size: contain;
}
.block-image-container.block-image-container-wide .block-image{
    /*height: 100vh;*/
}
.gallery_holder{
	position: relative; width: 100%; left: 0px; top: 0px;
}


/*.with_form #detailBlock1,
.with_form #detailBlock4,
.with_form #detailBlock5{
    display: none;
}*/


#detailBlock1 #pageBlockGallery1,
#detailBlock1 #pageBlockGallery3,
#detailBlock1 #pageBlockDownloads1,
#detailBlock2 #pageBlockLocation1{
	display: none;
}

#detailBlock1 #pageBlockGallery1{
}

#detailmainContainer{
    display: flex; flex-wrap: wrap;
}

.with_form #detailBlock1{
    order: 2;
}
.with_form #detailBlock2{
    order: 1;
}
#detailBlock3{
    order: 3;
}
#detailBlock4{
    order: 4;
}
#detailBlock5{
    order: 5; margin-top: -75px; padding-top: 65px;
}

#pageBlockVideo1{
    display: none;
}
#pageBlockVideo1,
#pageBlockVideo2{
    margin-bottom: 0px; padding-bottom: 0px; margin-top: 30px;
}
#pageBlockGallery2 .block-image:nth-of-type(1){
    display: none;
}


@media (min-width:768px) {
	.img-mobile{
		display: none;
	}
	.img-main{
		display: block;
	}
	
	.detail-block{
		width: 50%
	}
	#detailBlock2{
		order: 1;
	}
	#detailBlock1{
		order: 2;
	}
    
    
    #pageBlockVideo1{
        display: block;
    }
    #pageBlockVideo2{
        display: none;
    }
    
	#detailBlock3,
	#detailBlock4{
		display: none;
	}
	#detailBlock5{
		order: 5;
	}
    
    #detailBlock1 #pageBlockGallery3,
	#pageBlockMain{
		margin: 0px;
	}
	#detailBlock1 #pageBlockGallery1,
	#detailBlock1 #pageBlockGallery3,
	#detailBlock1 #pageBlockDownloads1,
	#detailBlock2 #pageBlockLocation1{
		display: block;
	}
	#detailBlock1 #pageBlockGallery1{
		margin: 0px 0px 30px 0px;
        display: flex;
	}
	#detailBlock1 #pageBlockGallery1 .block-image{
        margin: 30px 30px 0px 0px; max-width: 33.33%;
	}
	#detailBlock3 #pageBlockGallery2,
	#detailBlock4 #pageBlockLocation2,
	#detailBlock2 #pageBlockDownloads2{
		display: none;
	}
    #detailBlock5{
        width: 100%;
	}
    
    #pageBlockGallery3 .carousel-indicators{
        position: relative; float: left; width: 100%; margin: 0px 0px 0px -15px; width: calc(100% + 15px); justify-content: flex-start;
    }
    #pageBlockGallery3 .carousel-indicators li{
        width: 33.33%; height: auto; border: 0px; background: none; border-radius: 0px; overflow: hidden; margin: 15px 0px 0px 15px;
    }
    #pageBlockGallery3 .carousel-indicators li.active{
        display: none;
    }
    #pageBlockGallery3 .carousel-indicators li img{
        width: 100%; height: auto; position: relative; float: left; left: 0px; top: 0px;
    }
    #pageBlockGallery3  .carousel-control{
        position: absolute; top: 50%; bottom: auto; left: 15px;
    }
    #pageBlockGallery3  .carousel-control.right{
        left: auto; right: 15px;
    }
    #pageBlockGallery3  .carousel-control img{
        width: 45px;
    }
    
    .single-slide .carousel-control{
        display: none;
    }
    
}
@media (min-width:991px) {
	
	#detailBlock1{
		order: 2; width: 60%;
	}
	#detailBlock2{
		order: 1; width: 40%;
	}
	.detail-content h1{
		font-size: 24px;
	}
	.detail-content .page-block-caption .page-block-ttl h2{
		font-size: 18px;  margin-top: 0px; margin-bottom: 0px;
	}
    
    #pageBlockVideo1{
        padding-right: 25%;
    }
}

@media (min-width:1280px) {
	
	#detailBlock1{
		order: 2; width: 60%;
	}
	#detailBlock2 .page-block{
		padding: 0px 30px;
	}
	
	#pageBlockShort .page-block-caption:nth-of-type(2){
		background: #D5D3CC; padding: 60px 60px;
	}
    #pageBlockMain .page-block-caption{
        padding: 60px 75px;
    }
    
    #pageBlockGallery3 .carousel-indicators{
        margin: 0px 0px 0px -30px; width: calc(100% + 30px);
    }
    #pageBlockGallery3 .carousel-indicators li{
        margin: 30px 0px 0px 30px
    }

}


.ervaringen #pageBlock0{
	display: none;
}
.ervaringen #pageBlock1{
    background: none; margin-top: 0px;
}
.ervaringen #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
	padding:0px; background: none!important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important; 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important; 
}
.ervaringen #detailBlock1 #pageBlockProject{
	display: none;
}

@media (min-width:768px) {
	.ervaringen #detailBlock1 #pageBlockProject{
		display: block; padding: 0px 30px;
	}
	.ervaringen #detailBlock2 #pageBlockProject{
		display: none;
	}
	.ervaringen .detail-content #openwebsiteLink, .ervaringen .detail-content #openwebsite{
		display: none;
	}
}


@media(min-width:768px) {
    .ervaringen #detailBlock2{
        width: 100%; height: 70px;
    }
    .ervaringen #detailBlock2 .page-block-caption{
        padding-top: 30px;
    }    
    .ervaringen #detailBlock1{
        width: 100%;
    }
    .ervaringen #detailBlock1 .page-block-caption{
        padding: 60px;
    }
    
}
@media(min-width:991px) {
    .ervaringen #detailBlock1 #pageBlockProject{
        padding: 0px 45px;
    }
}
@media(min-width:1280px) {
    .ervaringen #detailBlock2 .page-block-caption{
    } 
    .ervaringen #detailBlock2 .page-block{
    }
	.block.reviews .block-image{
	}
	.block.reviews .block-caption{
	}
    .ervaringen #detailBlock1 .page-block-caption{
    }
}
@media(min-width:1440px) {
    .ervaringen #detailBlock2 .page-block-caption{
    } 
    .ervaringen #detailBlock2 .page-block{
    }
	.block.reviews .block-image{
	}
	.block.reviews .block-caption{
	}
    .ervaringen #detailBlock1 #pageBlockProject{
    }
}

@media(min-width:991px) {
    
    
    p,
    .page-block-caption .page-block-txt p,
    .detail-content .page-txt-intro p,
    .page-txt p,
    #pageBlock1 .page-block-caption .page-block-txt p, .page-block.default .page-block-caption .page-block-txt p,
    .page-block-caption .page-block-txt td, .page-block-caption .page-block-txt li, .block .block-caption .block-txt ul li{
        font-size: 16px;
    }
    #pageBlock1 .page-block-caption .page-block-txt h3, .page-block .page-block-caption .page-block-txt h3{
        font-size: 20px;
    }
    
    .small-quote.page-block .page-block-caption .page-block-ttl h2, .small-quote.page-block .page-block-caption .page-block-ttl h2 a, .small-quote.page-block .page-block-caption .page-block-ttl h3, .small-quote.page-block .page-block-caption .page-block-ttl h3 a,   
    #pageBlock1 .page-block-caption .page-block-name h1,
    .page-block-caption .page-block-ttl.ttl-only h3, .page-block-caption .page-block-ttl.ttl-only h2, .page-block .page-block-caption.page-block-caption-head .page-block-ttl h2{
        font-size: 40px;
    }
    #mainsection.detail-item #pageBlock1 .page-block-caption .page-block-txt h2, .page-block-caption .page-block-ttl h2, .page-block-caption .page-block-ttl.ttl-only h2,
    .page-block-caption .page-block-subttl h3, .page-block-caption .page-block-subttl h3 p, .page-block-caption .page-block-intro h2, .page-block-caption .page-block-intro p{
        font-size: 24px;
    }
    .block-btns .btn-list span, .btn-primary span, .btn-primary.btn-primary-special span{
        font-size: 16px;
    }
}





@keyframes inview {
      0% {
        top: -30px;
      }
      100% {
        top: 0px;
      }
}












.loaderlayover{
	min-height: 100vh; min-width: 100vw; background: #FFF6ED;
}

@media(max-width:1600px) and (min-width:768px) { /*5 x 320*/
	.mainmenu.navbar-collapse.collapse{
    /*	left: -360px !important; */
	}
}


.about .page-block-txt img{
    position: relative;  margin: 15px;
}
.about .page-block-txt h3{
    position: relative;
}


@media(min-width:768px) {
	#wrappercontent{
		-webkit-transition: padding 0.5s ease-out;
		-moz-transition: padding 0.5s ease-out;
		-o-transition: padding 0.5s ease-out;
		transition: padding 0.5s ease-out;
	}
}

@media(min-width:991px) {
}

@media(min-width:1440px) {
}





.letterblock{
    display: block; width: 0px!important; height: 0px; overflow: hidden; padding: 0px!important; margin: 0px!important;
}






.cc-floating.cc-theme-classic{
    border-radius: 0px; bottom: 0px!important;
}
.cc-window{
    min-width: 100vw;
}
.value-dependent-row,
.value-dependent-row.hide-field {
	display: none;
}
.value-dependent-row.show-field {
	display: block;
}

.cc-message{
    padding-right: 75px; margin: 0px!important;
}
.cc-compliance{
    width: 75px; position: absolute; left: auto; right: 10px; top: 50%; margin-top: -20px; height: 40px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{
    font-size: 20px;
}
.cc-revoke, .cc-window{
    font-size: 12px;
}

.cc-revoke, .cc-window a.cc-link{
    opacity: 1; padding: 0px;
    text-decoration: none; font-family: 'Raleway', sans-serif;
font-weight: 800; color: #ffffff;
}



/* .menu-hamburger */
.menu-hamburger .navbar-header::before{
    display: block; position: absolute; width: 196px; height: 42px; right: -8px; top: 1px;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
    backdrop-filter: blur(20px);
    border-radius: 0px; content: '';
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menuactive .menu-hamburger .navbar-header::before{
    opacity: 0;
}

#theBody .menu-hamburger .mainmenu{
	background-position: center center; background-repeat: no-repeat; background-size: cover;
}

.menu-hamburger #link_menu_men,.menu-hamburger #link_menu_women{
    pointer-events: none;
}


@media(min-width:768px) {
    .home.menuactive .logo{
        width: 200px; padding: 30px 5px 0px 45px;
    }
	#theBody .menu-hamburger #aftermen.afterMenu{
        position: absolute; top: 7px; left: 130px;
    }
	#theBody .menu-hamburger #afterwomen.afterMenu{
        position: absolute; top: 43px; left: 190px;
    }
}
@media(min-width:991px) {
    #theBody .menu-hamburger .mainmenu ul .afterMenu ul li.childmenu a{
        font-size: 1.8em;
    }
	#theBody .menu-hamburger #aftermen.afterMenu{
        top: 11px; left: 150px;
    }
	#theBody .menu-hamburger #afterwomen.afterMenu{
        top: 60px; left: 230px;
    }
}
@media(min-width:1200px) {
    #theBody .menu-hamburger .mainmenu ul .afterMenu ul li.childmenu a{
        font-size: 2.2em;
    }
	#theBody .menu-hamburger #aftermen.afterMenu{
        top: 15px; left: 190px;
    }
	#theBody .menu-hamburger #afterwomen.afterMenu{
        top: 76px; left: 290px;
    }
    
}
@media(min-width:1440px) {
    #theBody .menu-hamburger .mainmenu ul .afterMenu ul li.childmenu a{
        font-size: 2.4em;
    }
	#theBody .menu-hamburger #aftermen.afterMenu{
        top: 20px; left: 220px;
    }
	#theBody .menu-hamburger #afterwomen.afterMenu{
        top: 92px; left: 340px;
    }
}

/* .menu-default */
@media(min-width:768px) {
    #header.menu-default .menu-agency-switch{
        justify-content: flex-end;
    }
    #header.menu-default .menu-agency-switch a h2{
		color: #1D1D1B; font-size: 12px;
	}
    
}

/* menu-centered */    
@media(min-width:768px) {
    #header.menu-centered .menu-agency-switch{
        justify-content: center;
    }
    #header.menu-centered .menu-agency-switch a h2{
		color: #1D1D1B; font-size: 12px;
	}
}
	

/* search button and modal */
#menu-search{
	display: block;
}
#menu-search.in img.closesearch{
	opacity: 1;
}
#menu-search.in img.opensearch{
	opacity: 0;
}
#menu-search.in #SearchModal{
}
#menu-search span.opensearch,
#menu-search span.closesearch{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menuactive #menu-search span.opensearch,
.menuactive #menu-search span.closesearch{
    color: #ffffff;
}

.home.search-open #header{
    background: rgba(255,255,255,1);
}
#theBody.home.extendedmenu.search-open{
    background: #ffffff;
}
.home.search-open.extendedmenu #pageBlock1,
.home.search-open.extendedmenu #agency_mode,
.home.search-open.extendedmenu #homeblock,
.home.search-open.extendedmenu .logo,
.home.search-open.extendedmenu .video{
    display: none;
}
.home #menu-search{
}
.home.agencyswitch #menu-search{
    display: none;
}

#menu-search{
}
#menu-search .search-init{
	position: absolute; margin:0px; float: left; top: 0px; left: 0px; z-index: 10000000001; width: 100%; text-align: right;
    text-transform: uppercase;
}
#menu-search .search-init::after{
}
#menu-search .search-init img{
	width: 12px; position: absolute; top: 0px; left: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#menu-search .search-init .closesearch{
	opacity: 0; pointer-events: none;
}
#search.page-block{
	position: absolute; top: -300px; padding: 100px 20px 0px 15px;
}
#menu-search.in .search-init::after{
}
#menu-search.in .search-init .opensearch{
	opacity: 0; pointer-events: none;
}
#menu-search.in .search-init .closesearch{
	opacity: 1; pointer-events: all;
}
#theBody.search-open .logo{
    z-index: 100000;
}

#header.menu-default #menu-search span.opensearch,
#header.menu-default #menu-search span.closesearch{
    width: 0px; overflow: hidden; padding-left: 20px;
}
#header.menu-default #menu-search span.opensearch::before,
#header.menu-default #menu-search span.closesearch::before{
    position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; display: block; content: '';
    background-image:url("../img/btns/search-icon.svg"); background-repeat: no-repeat; background-position: left center; background-size: 20px;
}

#header.menu-centered #menu-search span.opensearch,
#header.menu-centered #menu-search span.closesearch{
    width: 0px; overflow: hidden; padding-left: 20px;
}
#header.menu-centered #menu-search span.opensearch::before,
#header.menu-centered #menu-search span.closesearch::before{
    position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; display: block; content: '';
    background-image:url("../img/btns/search-icon.svg"); background-repeat: no-repeat; background-position: left center; background-size: 20px;
}

#SearchModal{
	background: #ffffff;
    display: block;
    position: fixed;
    width: 100vw;
	left: 0px;
    height: 120px;
    overflow: hidden;
	top: -120px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	padding: 0px;
	z-index: 999999; min-width: 320px;
	color: #ffffff;
}
.menuactive #SearchModal{
    display: none!important;
}
#SearchModal #search{
	position: absolute; float: left; width: 100%; padding: 15px 15px 30px 15px; top: 0px; left: 0px; display: none;
}
#SearchModal .form-group.row{
	padding: 0px;	
}
#SearchModal a{
	color: #585858; text-decoration: none; padding: 0px; margin: 0px; font-size: 30px; line-height: 1.4em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#SearchModal a:hover,
#SearchModal a.selected{
	color: #ffffff;
}

#SearchModal h2,
#SearchModal h2 a{
	color: #1D1D1B; padding: 0px 0px; margin: 0px 0px 0px 0px;
	font-size: 20px; line-height: 40px; font-family: 'Raleway', sans-serif;
font-weight: 500; text-align: center; width: 100%;
}

#SearchModal .slide-min,
#SearchModal .slide-max{
	color: #ffffff;  padding: 1px 0px 1px 0px; margin: 0px;
	font-size: 14px; line-height: 18px; width: 40px;
}
#SearchModal .slide-max{
	padding: 1px 0px 1px 5px; text-align: right;
}
#SearchModal .slider-handle {
	background: #ffffff;
}
#SearchModal .slider.slider-horizontal .slider-track{
	height: 1px; margin: 0px;
}
#SearchModal .slider.slider-horizontal{
	width: 150px;
}
#SearchModal .tooltip-inner{
	background: #ffffff;
	color: #1D1D1B; font-size: 11px;
}

#SearchModal .bs-tooltip-top .arrow::before{
	border-top-color: #ffffff;
}

#SearchModal .resetlink{
	position: relative; float: left; margin-top: 15px;
}
#SearchModal.in.has-letter-nav {
	height: 180px;
}
#SearchModal .letters-container{
	position: absolute; top: auto; bottom: 0px; left: 0px; background: #ffffff; height: 40px;
}
#SearchModal .letters-container  .act-ltr a{
	line-height: 2em; font-size: 14px;
}
#SearchModal.in{
	left: 0%; top: 50px;
	-webkit-transition: left,top 0.5s ease-out;
	-moz-transition: left,top 0.5s ease-out;
	-o-transition: left,top 0.5s ease-out;
	transition: left,top 0.5s ease-out;
}
#SearchModal.in #search{
	display: block;
}
#search h2{
}
#search .btn{
	float: right; margin-top: 15px;
}
input.form-control-search{
	border-radius: 15px; margin: 5px 0px 5px 15px; width: 80%;
}

@media(max-width:767px)and (max-height:440px) { 
    #SearchModal{
		overflow-y: scroll;
	}
}
@media(min-width:768px)and (max-height:500px) { 
    #SearchModal{
		overflow-y: scroll;
	}
}
@media(min-width:768px) and (max-width:991px) {
	#theBody.search-open #extraMenu{
		/*display: none;*/
	}
}
@media(min-width:768px) {
	#menu-search .search-init{
	}
	#menu-search .search-init img{
	}
	#menu-search .search-init::after{
	}
	#theBody.search-open #wrappercontent #projects_container.flow-names{
	}
	#theBody.search-open #wrappercontent #projects_container.flow-names .block{
	}
	#theBody.search-open #wrappercontent #projects_container.flow-namesss .block .block-caption .block-ttl h2 {
	}
	#theBody.search-open #wrappercontent #projects_container.flow-namesss .block .block-caption .block-ttl h2 a  {
	}
	#theBody.search-open #welcome .page-block-links{
		opacity: 0;
	}
	#theBody.search-open #welcome .page-block-previews{
		max-width: 100%;	
	}
	#SearchModal{
		width: calc(100vw); left: 0px; height: 180px; top: -180px;
	}
    #SearchModal.in {
        left:0px; top:0px;
    }
    #SearchModal h2, #SearchModal h2 a{
        margin-top: 18px;
    }
	#SearchModal #search{
         padding-left: 230px!important; padding-right: 230px!important;
	}
    #SearchModal h2, #SearchModal h2 a{
        margin-bottom: 33px;
    }
    .search-open .menu-hamburger .nav-container{
        z-index: 200;
    }
    .search-open .menu-hamburger .navbar-header::before{
        display: none;
    }
}
@media(min-width:991px) {
	#menu-search .search-init{
	}
    #SearchModal{
	}
	#menu-search .search-init{
	}
    .projects #pageBlock1 .page-block-caption .page-block-name h1 small{
        margin-bottom: 22px;
    }
    #SearchModal h2, #SearchModal h2 a{
        margin-bottom: -1px;
    }
}
@media(min-width:991px)and (min-height:600px) { 
	#menu-search input.form-control{
        font-size: 50px!important; margin-top: 10px;
	}
	#SearchModal #search{
	}
}
@media(min-width:991px) and (min-height:650px){ /*5 x 320*/
	#SearchModal a{
		/*font-size: 22px; line-height: 26px;*/
	}
}
@media(min-width:1280px) and (min-height:600px) { 
	#menu-search input.form-control{
	}
	#SearchModal #search{
	}
}
@media(min-width:1440px) { 
    .namesearch  #mainsection{
        max-width: none; margin-left:0px;
    }
}
 
/*ajax area*/
#flowsection{
    background: #ABABAB; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%;
    z-index: 2001;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
#flowsectionCloser{
    background: #ABABAB; position: fixed; top: 0px; left: auto; right: 100px; height: 70px; width:60%; padding-top: 43px;
    z-index: 2000001;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
#flowsectionCloser a{
    float: right; text-transform: uppercase; text-decoration: none;
    font-size: 20px;
}
#flowsection.removing{
    top: 100vh;
}
#flowsectionCloser.removing{
    top: 100vh;
}
#flowsection.projectsdetail,
#flowsectionCloser.projectsdetail{
    background: #ffffff;
}

@media(max-width:768px){
    #flowsectionCloser{
        right: 0px; padding: 15px 15px; height: 50px;
    }
    #flowsection{
        z-index: 20000; padding: 75px 0px 30px;
        overflow-y: scroll;
    }
}



#welcome{
    padding: 0px; margin: 0px;
}
#welcome .page-block-module{
    padding: 0px; margin: 0px;
}
#welcome .page-block-module .block{
}

#welcome #openwebsiteLink,
#welcome #openwebsite{
    position: absolute; top: auto; bottom: 45px; width: 30px; left: 50%; margin-left: -15px; text-align: center;
    bottom: 15px; left: 100%; margin-left: -45px;
    z-index: 4;
}
@media (max-width: 767px) {
#welcome #openwebsiteLink,
#welcome #openwebsite{
    bottom: 15px; left: 100%; margin-left: -45px;
}
}
#welcome #openwebsite{
    bottom: 80px;
}


/*carousel and instagram agency feed... */
#welcome .page-block-module{
	padding: 0px 0px 0px 0px; overflow: hidden; 
}
#welcome .page-block-module:before{
}

#welcome{
	width: 100%; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; margin-top: 0px;
}
#welcome .carousel-item .block-caption {
    position: absolute; top: auto; bottom: 70px; left: 0px; width: 100%; padding: 30px 30px;
}
#welcome .carousel-item .block-caption .block-ttl h2,
#welcome .carousel-item .block-caption .block-ttl h2 a{
    color: #ffffff; text-decoration: none; font-size: 26px;
    font-weight: 800; text-transform: uppercase;
}
#welcome .carousel-item .block-caption .block-txt,
#welcome .carousel-item .block-caption .block-txt p{
    color: #ffffff; text-decoration: none; font-size: 16px;
}
#welcome .block-btns{
    display: none;
}
#welcome .c_carousel-indicators,
#welcome .carousel-control,
#welcome .carousel-control-next,
#welcome .carousel-control-prev{
    opacity: 0; pointer-events: none; background: none;
}
#welcome .carousel-control-prev.activated{
    opacity: 1; pointer-events: all;
    -webkit-animation: pulsing_left 1s linear infinite;
    -moz-animation: pulsing_left 1s linear infinite;
    -ms-animation: pulsing_left 1s linear infinite;
    -o-animation: pulsing_left 1s linear infinite;
    animation: pulsing_left 1s linear infinite;
 
}
#welcome .carousel-control-next.activated{
    opacity: 1; pointer-events: all;
    -webkit-animation: pulsing_right 1s linear infinite;
    -moz-animation: pulsing_right 1s linear infinite;
    -ms-animation: pulsing_right 1s linear infinite;
    -o-animation: pulsing_right 1s linear infinite;
    animation: pulsing_right 1s linear infinite;
 
}

.carousel-indicators li{
    width: 10px; height: 10px; border-radius: 50%; border: 1px solid #ffffff; background: none;
    opacity: 1; margin: 0px 8px;
}
.carousel-indicators .active{
     background: #ffffff;
}
.page-block.slideshow .page-block-caption .page-block-ttl::before{
}



.carousel-fade .carousel-inner .carousel-item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-inner > .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


@media (max-width: 600px) {
    #welcome,
    #pageBlockCarouselwelcome{
        width: 100%; height: 100vh; max-height: 700px;  background: #000;
    }
}
    

@media(min-width:768px) {
    .page-block.slideshow .page-block-caption .page-block-ttl h2{
    }
    #welcome #openwebsiteLink{
        bottom: 15px;
    }
}

@media(min-width:991px) {
    .page-block.slideshow .page-block-caption .page-block-ttl h2{
    }
}


.home .carousel-item img{
	height: 100vh; width: auto; position: relative; top: 0px; left: 0px;
    max-height: 700px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.home .carousel-item.active img{
    transform: translate3d(0px, 0px, 0px);
}




.home .instagram .page-block-caption .page-block-ttl h2{
    text-align: center; font-family: 'Raleway', sans-serif;
font-weight: 800; font-size: 36px; padding-bottom: 45px;
}
.home .instagram .page-block-caption .page-block-ttl h2::after{ 
    position: absolute; top: 65px; left: 50%; content: ' '; background-image: url("../img/btns/network-icons/instagram.svg"); display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: -15px;
}
  
.home .instagram .page-block-caption .page-block-txt p{
    font-family: 'Raleway', sans-serif;
font-weight: 700; font-size: 18px;
}

#carouselInsta{
    position: relative; width: 100%; float: left;
}

#carouselInsta .carousel-item{
    height: 418px;
    width: 100%;;
}

#carouselInsta .carousel-items-container{
    height: 418px; position: absolute; top: 0px; left: 0px;
    width: 975px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
.insta-div{
	background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; border: 15px solid #ffffff; float: left; height: 418px; border-right: 0px;
    width: 320px; position: absolute; top: 0px; left: 0px;
}
#carouselInsta .carousel-item .insta-div:nth-of-type(2){
    left: 320px;
}
#carouselInsta .carousel-item .insta-div:nth-of-type(3){
    left: 640px; border-right: 15px;
}
.insta-img{
	opacity: 0;
}
.carousel-indicators{
}


    #welcome .carousel-item .block-caption{
        z-index: 3;
    }

    .home .carousel-item img{
        z-index: 1;
	}
   .home .carousel-item::before{
        position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; content: ' '; z-index: 2;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 60%);
	}

@media (min-width: 768px) {
    #welcome .carousel-item .block-caption{
        width: 65%; z-index: 3;
    }

    .home .carousel-item img{
		height: auto; width: 100%; position: relative; z-index: 1;
        max-height: none;
	}
    .home .carousel-item::before{
        position: absolute; display: block; left: 0px; top: 0px; width: 100%; height: 100%; content: ' '; z-index: 2;
        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 60%);
	}
	.home .instagram .page-block-module{
		padding: 0px 0px;
	}
    .page-block.slideshow .carousel{
        padding-bottom: 45px;
    }
    .carousel-indicators{
        display: flex; justify-content: flex-start; margin: 15px 15px; padding-left: 15px;
    }
	.insta-div{
	}
    
    #welcome .carousel-item .block-caption{
        width: 95%; z-index: 3;
    }
    #welcome .carousel-item .block-caption .block-ttl h2, #welcome .carousel-item .block-caption .block-ttl h2 a{
        font-size: 24px;
    }
    #welcome .carousel-item .block-caption .block-txt, #welcome .carousel-item .block-caption .block-txt p{
        font-size: 16px;
    }

    #carouselInsta .carousel-item{
        height: 41.66vw; 
        width: 100%;
    }
    #carouselInsta .carousel-items-container{
        position: relative;
        height: 41.66vw; width: 100%; padding-right: 15px;
    }
    .insta-div{
		height: 41.66vw; width: 33.33%; position: relative; float: left;
    }
    #carouselInsta .carousel-item .insta-div:nth-of-type(2),
    #carouselInsta .carousel-item .insta-div:nth-of-type(3){
        left: 0px;
    }
    
    .page-block.slideshow .carousel-control-prev.activated,
    .page-block.slideshow .carousel-control-next.activated{
        opacity: 0; pointer-events: none;
    }
    
}


@media (min-width: 991px) {
    #welcome .carousel-item .block-caption{
        bottom: 45px; padding-left: 45px;
    }   
    #welcome .carousel-item .block-caption{
        width: 65%; z-index: 3; max-width: 600px;
    }
    #welcome .carousel-item .block-caption .block-ttl h2, #welcome .carousel-item .block-caption .block-ttl h2 a{
        font-size: 34px;
    }
    #welcome .carousel-item .block-caption .block-txt, #welcome .carousel-item .block-caption .block-txt p{
        font-size: 20px;
    }
    #welcome .carousel-item .block-caption .block-ttl h2, #welcome .carousel-item .block-caption .block-ttl h2 a{
        font-size: 44px; line-height: 1.1;
    }
    #welcome .carousel-item .block-caption .block-txt, #welcome .carousel-item .block-caption .block-txt p{
        font-size: 20px;
    }
    .carousel-indicators{
        padding-left: 25px;
    }
}
@media (min-width: 1440px) {
    #welcome .carousel-item .block-caption{
        bottom: 60px; padding-left: 105px; width: 65%;
    }   
    #welcome .carousel-item .block-caption .block-ttl h2, #welcome .carousel-item .block-caption .block-ttl h2 a{
        font-size: 60px; line-height: 1.1;
    }
    #welcome .carousel-item .block-caption .block-txt, #welcome .carousel-item .block-caption .block-txt p{
        font-size: 24px;
    }
    #welcome .carousel-indicators {
        padding-left: 80px;
    }


}
@media (min-width: 1920px) {
    #carouselInsta .carousel-item,
    #carouselInsta .carousel-items-container,
    .insta-div{
		height: 800px;
    }
}


/*team*/

#team.page-block .page-block-module{
    display: flex; justify-content: center; flex-wrap: wrap; gap:30px;
}
.block.team{
    width: 100%; max-width: 400px;
}
.block.team .block-caption{
    width: 100%; margin: 0px; padding: 15px 10px;
} 
.block.team .block-caption .block-ttl h2{
    margin-bottom: 0px;
}
.block.team .block-caption .block-txt img{
    width: 18px; margin: 5px 10px 5px 0px; position: relative;
}
.block.team .block-image img{

}



@media (min-width:700px){
   
    #team.page-block .page-block-module{
        display: flex; flex-wrap: wrap; justify-content: center; gap: 0px; max-width: 1280px; margin: 0 auto; float: none;
    }
    .block.team{
        margin: 15px; width:calc(50% - 30px); max-width: 1240px;
    }
}
@media (min-width:991px){
    .block.team{
        width:calc(33.33% - 30px);
    }
}
@media (min-width:1280px){
    #team.page-block .page-block-module{
        padding: 0px;
    }
    .block.team{
        width:calc(25% - 30px);
    }
}


/*cta pop up*/

.page-block.cta-center .page-block-caption{
	background: none;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
}
.page-block.cta-center .page-block-caption h2{
	margin-bottom: 0px; text-align: center; margin-top: 25px;
}
.page-block.cta-center .page-block-link{
	padding-top: 0px; margin-top: 0px;
}


.page-block.cta-popup {
    position: absolute; top: 30px; left: 0%; width: 100%; height: auto; background: #ffffff; z-index: 19999;
	overflow-y: scroll;
}
.cta-popup_bg {
    position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.8);  z-index: 500;
}
.page-block.cta-popup .page-block-image{
    padding: 0px 20% 15px 20%;
}
.page-block.cta-popup .page-block-caption{
    padding: 15px;
}
.page-block.cta-popup .page-block-caption .page-block-ttl h2{
    font-size: 28px; text-align: center; line-height: 0.9;
}
.page-block.cta-popup .page-block-caption .page-block-txt p,
.page-block.cta-popup .page-block-caption .page-block-txt ul li{
    color: #1D1D1B; font-size: 14px!important;
}
.page-block.cta-popup .close{
    color: #1D1D1B; font-size:18px; margin-right: 15px; opacity: 1; text-transform: uppercase;
    width: 100% ; text-align: center;
}
.page-block.cta-popup .page-block-link{
    margin: 15px 0px 30px 0px; text-align: center;
}

.page-block.cta-popup .page-block-link .btn-primary{
    background: none!important; border: 1px solid #ffffff;
}
.page-block.cta-popup .page-block-link .btn-primary span{
    color: #ffffff; text-transform: none;
}
.page-block.cta-popup .page-block-link .btn-primary:hover span{
    color: #ffffff;
}
.closelink{
    position: fixed; bottom: 30px; top: auto; left: 15px; width:calc(100% - 30px); background: #ffffff; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 20px; z-index: 1; height: 50px; padding: 15px 0px;
}

@media (min-height: 720px){
	.closelink{
		bottom: auto; top: 650px
	}
}
@media(min-width:768px) {
    .page-block.cta-popup{
		position: fixed;
        width: 660px; left: 50%; margin-left: -330px; height: 700px; top: 50%; margin-top: -350px; padding: 15px 15px 15px 15px!important;
    }
    .closelink{
        position: absolute!important; top: auto!important; bottom: 0px!important; 
    }
    
    .page-block.cta-popup .page-block-link .btn-primary {
    }
    .page-block.cta-popup .page-block-caption{
        padding: 15px 15px;
    }
    .page-block.cta-popup .page-block-link{
        margin-top: 0px;
    }
}
@media (min-width:991px){
    .page-block.cta-popup{
		width: 600px; left: 50%; margin-left: -300px;
    }
    .closelink{
        position: absolute!important; top: auto!important; bottom: 0px!important; 
    }
}
@media (min-width:991px) and (max-height: 720px){
    .closelink{
        position: fixed!important; top: auto!important; bottom: 0px!important; width: 600px; left: 50%; margin-left: -300px;
    }
}
@media(max-width:767px) {
    .page-block.cta-popup {
        position: fixed; top: 30px; height: calc(100vh - 60px); overflow-y: scroll; padding: 0px; max-height: 680px;
        width: calc(100% - 30px); left: 15px;
    }
    .page-block.cta-popup .page-block-image{
        padding: 0px 20% 5px 20%; margin-bottom: 15px;
    }
    .page-block.cta-popup .page-block-link{
        margin-top: 0px;
    }
    .page-block.cta-popup .page-block-caption .page-block-ttl h2{
        font-size: 18px; padding-top: 15px;
    }
    .page-block.cta-popup .page-block-caption .page-block-txt p{
        font-size: 12px;
    }
}

@media(max-width:567px) {
    .page-block.cta-popup .page-block-caption .page-block-ttl h2{
        font-size: 18px;
    }
    .page-block.cta-popup .page-block-caption .page-block-txt p{
        font-size: 12px;
    }
}

@media(min-width:768px) and (max-height:700px) {
	.page-block.cta-popup{
        height: 100vh; top: 0%; margin-top: 0px; overflow-y: scroll;
    }
}

/*fancyform*/
.fancyForm_nextitem.btn-prev-step{
    color: #05A7D9;
	background:#ffffff!important;
	border:0px solid #05A7D9!important;
}
.fancyForm_nextitem.btn-prev-step{
	border:2px solid #05A7D9!important;
}
.fancyForm_nextitem.btn-prev-step span{
	color:#05A7D9!important;
}
.fancyForm_nextitem.btn-prev-step:hover{
	 border:2px solid #FEBD58!important;
}
.fancyForm_nextitem.btn-prev-step:hover span{
    color: #ffffff!important;
}
.fancyForm_nextitem.btn-prev-step,
.fancyForm_nextitem.btn-next-step,
.fancyForm_nextitem.btn-final-step{
    width: 100%; float: left;
}

.fancyFormFieldGroup{
    display: none;
}
.fancyFormFieldGroup.active{
    display: block; padding: 15px; background: #FaFaFa; border-radius: 15px; margin-top: 15px;
}

legend{
    padding: 20px 0px 5px 0px; border-bottom: 1px solid #E0E0E0; font-size: 16px; margin-bottom: 0px;
}

.page-block.fancyform{
    background: #D5D3CC; float: left; width: 100%;
    border-radius: 0px; margin: 45px 0px; padding-bottom: 30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
}
.page-block.fancyform .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
	background: none;
}
.page-block.fancyform .page-block-caption .page-block-ttl h2,
.page-block.fancyform .page-block-caption .page-block-txt p,
.page-block.fancyform .page-block-caption .page-block-link{
    text-align: center;
}
.page-block.fancyform .page-block-caption .page-block-ttl h2{
	font-size: 30px;
}
.page-block.fancyform .page-block-caption .page-block-txt p{
}
.page-block.fancyform .btn-primary{
	border: 1px solid #1D1D1B!important; padding: 5px 30px; margin-left: -15px; margin-top: 15px;
}

.page-block-module.page-block-fancyform{
    padding: 0px 30px 30px 30px;
}
.page-block-module.page-block-fancyform .fancyformcarousel{
    width: 100%; max-width: 500px; margin: 0 auto;
}
.fancyformItem{
    min-height: 400px; padding-top: 45px;
}
.fancyformNr{
    position: absolute;
    background: #542D00; color: #ffffff; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; float: left; margin: 15px 10px 10px 0px; 
    
}
.form-group .fancyformNr{
    display: none;
}
.fancyformLabel{
    font-size: 14px!important; margin: 10px 10px 10px 0px; float: left; display: none;
}
.labelinfo-switch{
	font-size: 13px; float: left; width: 100%; padding-bottom: 5px;
}
.btn-group .btn{
	height:36px!important; border-radius: 15px;  min-height: 30px!important; padding: 8px 20px; line-height: 16px!important;
	margin-bottom: 0px!important;
	background: #ffffff!important; color: #A7A7A7!important;
	filter: drop-shadow(0px 0px 0px #A7A7A7);
	border:1px solid #E0E0E0!important; font-size: 13px!important;
	width: 70px!important
}
.btn-group .btn-primary::before{
	display: none;
}
.btn-group .btn.active{
	background: #54C0D3!important; color: #ffffff!important;
}

.fancyFormFieldGroup .fancyFormField{
	margin: 5px 0px;
}

.form-group .labelinfo p{
	color: #542D00; font-size: 13px;
}

.mini-fancyformLabel{
    font-size: 14px; margin: 5px 10px 0px 0px; float: left;
}
.fancyFormField{
    margin: 5px 0px 0px 0px; float: left; width: 100%;
}
.fancyFormField h3{
    margin: 0px 0px 10px 0px; padding: 0px; font-size: 12px; color: #F83470;
}
.fancyFormField .btn-primary.active{
}
.fancyFormOption{
    margin: 5px 0px 5px 0px; float: left; width: 100%;
}
.fancyFormOption input{ 
    margin: 5px 0px 0px 6px; float: left;
}
.fancyFormOption span{ 
    font-size: 12px;
    color: #ABABAB;
    margin: 5px 0px 0px 10px; float: left;
}
.fancyFormBottom{
    margin: 5px 0px 10px 0px; float: left; width: 100%;
}
.fancyformLabel .glyphicon-info-sign{
    font-size: 14px; margin: 5px 10px 10px 10px; color: #F83470;
}
.fancyformItem label.error{
    width: 100%; padding: 15px 5px 0px 5px; color: #54C0D3; font-size: 18px!important; position: relative; float: left; top: 0px; left: 0px;
}
.fancyformItem .btn-group .btn-primary{
}

.fancy-optin{
	margin-top: 15px;
}
.fancy-optin .fancyFormField{
	margin-top: -5px;
}

.carousel-item .fancyformLabel{
    font-size: 24px!important; padding-left: 50px; text-transform: uppercase; display: block;
}
.carousel-item .fancyFormOption input{
    position: absolute;
}
.carousel-item .fancyFormField{
    margin: 15px 0px 10px 0px;
}
.carousel-item .fancyFormOption span{ 
    font-size: 18px; cursor: pointer;
    color: #A7A7A7;
    margin: 0px 0px 0px 4px; float: left;padding-left: 50px;
}
.fancyformItem .btn-group label.error{
    display: none!important;
}
.fancyformItem .btn-group.has-error::after{
    display: block; position: relative; float: left; width: 100%; content: 'Please make a choice';
    padding: 5px; background: #F7F7F7; color: #F83470; font-size: 12px;
}

.checklist.has-error label.error.hidden{
    display: block!important; visibility: visible!important; opacity: 1;
}


.fancyFormField .btn-upload{
    background: #005FDD;
}
.fancyFormField .btn-upload:active,
.fancyFormField .btn-upload:hover{
    background: #F83470;
}
.fancyFormField .form-uploadfield{
    opacity: 0; height: 0px!important; padding: 0px!important; margin: 0px!important;
}
.fancyFormField .uploadpreview{
    width: 200px;
}

.toolbar a{
    background: #767676; color: #ffffff; text-transform: uppercase; padding: 3px 7px; float: left; text-decoration: none; margin-right: 5px; margin-bottom: 5px; 
}
.toolbar a:hover{
    background: #005FDD;
}

.fancyForm_nextitem{
    margin-top: 15px;
}

#fancyformProgressSteps{
    padding-right: 3px;
    position: absolute; top: 0px; left: 0px; float: right; width: 80px; height: 10px; text-transform: uppercase;
}
.fancyformProgressStepper{
    position: relative; float: left;  padding-right: 3px;
}
.fancyformProgressPercentage{
    position: absolute; top: 0px; left: auto; right:0px; float: right; width: 100%; height: 10px; text-align: right;
}
.fancyformProgressHolder{
    position: absolute; top: 30px; left: 0px; float: right; width: 100%; height: 10px;;
}
.fancyformProgressBar{
    position: relative; float: leftt; width: 0px; height: 8px; background: #54C0D3;
		-webkit-transition: all 1.4s ease;
		-moz-transition: all 1.4s ease;
		-o-transition: all 1.4s ease;
		transition: all 1.4s ease;
}


.fancyformItem .btn-default{
    color: #542D00!important;
}
.alert-success{
    text-align: center; padding: 0px;
} 
.alert-success h2{
    font-size: 24px; text-align: center; color: #542D00; line-height: 1.0;
} 
.alert-success p{
    font-size: 18px; color: #54C0D3; text-align: center;
} 

#flowfancyClose{
    position: absolute; top: 40px; left: 45px;
}
#flowfancy{
    position: fixed; width: 100%; max-width: 500px; height: 100vh; background: #54C0D3; top: 0px; left: auto; right: -500px; overflow: scroll; z-index: 2000; padding: 60px 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
} 
#flowfancy.active{
    right: 0px;
}
#flowfancy .page-block{
    background: none;
}
.fancyformStepCarousel{
    padding: 0px 30px;
}
.fancyformStepCarousel .fancyformNr{
    display: none;
}
#fancyStepContainer{
    position: relative; float: left; width: 100%; display: flex;
    justify-content: center;
}
.fancyStep{
    background: #05A7D9; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0px 15px;
    opacity: 0.4;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
}
.fancyStep::before{
    background: #05A7D9; content:''; display: block; position: relative; left: -25px; top: 20px; height: 1px; width: 20px;
}
.fancyStep::after{
    background: #05A7D9; content:''; display: block; position: relative; left: 45px; top: -21px; height: 1px; width: 20px;
}
.fancyStep:nth-of-type(1)::before{
    display: none;
}
.fancyStep:nth-of-type(3)::after{
    display: none;
}
.fancyStep.active{
    opacity: 1;
}
.fancyStep a{
    color: #ffffff; text-decoration: none;
}
.fancyformStepCarousel .carousel-item .fancyformLabel{
    font-family: 'Raleway', sans-serif;
font-weight: 700; font-size: 24px!important; padding-left: 0px; text-transform: none; display: block;
}
.fancy-column{
    padding: 0px 30px;
}
.fancy-column input.form-control,
.fancy-column select.form-control,
.fancy-column textarea.form-control{
	border:0px solid #585858!important; font-size: 14px!important; color: #1D1D1B!important; background: none!important;
    border-bottom: 1px solid #ABABAB!important; padding: 5px 0px;
}

.fancy-column .has-error.form-control, .fancy-column .has-error .form-control{
    border-bottom: 3px solid #1D1D1B!important;
}
.form-group.row.has-error label{
    font-family: 'Raleway', sans-serif;
font-weight: 800; color: #1D1D1B;
}
.fancy-column textarea.form-control{
	border: 1px solid #ABABAB!important; padding: 5px 5px;
}
.msgBox-upload{
    position: relative;
    border: 1px solid #ffffff; width: 100%; height: 450px; max-width: 320px; padding: 10px; text-align: center;
	overflow: hidden;
}
.msgBox-upload a{
    color: #ffffff; text-decoration: underline;
}
.uploadpreviewContainer{
    position: absolute; top: 0px; left: 0px; width: 100%!important; height:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;
}

.fancy-form-item{
    width: 100%;
}


@media(min-width:600px) {
    .page-block-module.page-block-fancyform .theformfields{
		width: 100%; max-width: none; display: flex; flex-direction: row; flex-wrap: wrap;
        align-items: flex-start;
    }
    .fancy-column{
        width: 50%;
    }
    .checklist{
        display: flex; flex-direction: row; flex-wrap: wrap;
    }
    .checklist .fancyFormOption{
         width: auto; margin: 0px 15px 0px 0px;
    }
    .msgBox-upload {
        height: 250px;
    }
}
@media(min-width:700px) {
    .page-block-module.page-block-fancyform{ 
    }
}

@media(min-width:768px) {
    .page-block-module.page-block-fancyform{
        width: 600px; margin: 0px; float: left; margin-left: calc(50% - 300px);
	}
    .detail-block .page-block-module.page-block-fancyform{
        width: 100%; margin-left: 0px;
	}
    .fancy-column{
        padding: 0px 45px;
	}
    .page-block.fancyform .page-block-caption{
        padding: 60px 20%;
    }
}
@media(min-width:900px) {
    .theformfields{
        padding: 0px 30px;
    }
	.fancy-column{
		width: 33%; padding: 0px 15px;
	}
}
@media(min-width:1280px) {

    .page-block.fancyform{
        width: 1220px;
        margin-left: calc(50% - 610px);
    }
    .detail-block .page-block.fancyform{
        width: 100%; padding-left: 15%; padding-right: 15%; margin-left: 0px;
	}
    
    .page-block-module.page-block-fancyform .theformfields{
		display: block;
    }
	.fancy-column{
		width: 25%; float: left;
	}
    .msgBox-upload {
        height: 350px;
    }
    
}
@media(min-width:1440px) {
    
    .theformfields{
        padding-left: calc(50% - 660px);
        padding-right: calc(50% - 660px);
    }
	
}


/*lightbox*/
.show-image {
}
.show-image:hover {
  -webkit-animation: none;
}
.short-animate {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -ms-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.long-animate {
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}

.lightbox {
  position: fixed;
  top: -100%;
  bottom: 100%;
  left: 0;
  right: 0;
  background: rgba(255,255,255, 1);
  z-index: 50001;
  opacity: 0;
}
.lightbox img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 0%;
  max-height: 0%;
}
.light-prev, .light-next {
  pointer-events:none;
  position: fixed;
  height: 60px;
  width: 60px;
  top: 50%;
  left: 0;
  z-index: 50002;
  background: rgba(255,255,255, 1);
}
.light-prev img, .light-next img{
    width: 0px!important;
}
.light-next {
    left: auto;
    right: 0;
}

.light-prev-btn {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 0px;
  top: 22px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.light-prev-btn:before {
  content: '';
  display: block;
  position: absolute;
  height: 25px;
  width: 1px;
  left: 0px;
  top: 0;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
.light-prev-btn:after {
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  height: 1px;
  top: 24px;
  left: 1;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}

.light-next-btn {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: -5px;
  top: 5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.light-next-btn:before {
  content: '';
  display: block;
  position: absolute;
  height: 25px;
  width: 1px;
  left: 24px;
  top: 0;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
.light-next-btn:after {
  content: '';
  display: block;
  position: absolute;
  width: 25px;
  height: 1px;
  top: 24px;
  left: 0;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}




#close-button {
  position: fixed;
  height: 60px;
  width: 60px;
  top: -60px;
  right: 0;
  z-index: 50002;
  background: rgba(255,255,255, 1);
}
#close-lightbox {
  display: block;
  position: absolute;
  overflow: hidden;
  height: 50px;
  width: 50px;
  text-indent: -5000px;
  right: 5px;
  top: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#close-lightbox:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 1px;
  left: 24px;
  top: 0;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s .5s ease-in-out;
  -moz-transition: .5s .5s ease-in-out;
  -ms-transition: .5s .5s ease-in-out;
  -o-transition: .5s .5s ease-in-out;
  transition: .5s .5s ease-in-out;
}
#close-lightbox:after {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 1px;
  top: 24px;
  left: 0;
  background: #1D1D1B;
  border-radius: 2px;
  -webkit-transition: .5s 1s ease-in-out;
  -moz-transition: .5s 1s ease-in-out;
  -ms-transition: .5s 1s ease-in-out;
  -o-transition: .5s 1s ease-in-out;
  transition: .5s 1s ease-in-out;
}
.lightbox:target {
  top: 0%;
  bottom: 0%;
  opacity: 1;
}
.lightbox:target img {
  max-width: 100%;
  max-height: 100%;
}
.lightbox:target~#close-button {
  top: 0px;
}
.lightbox:target~#close-button #close-lightbox:after {
  width: 50px;
}
.lightbox:target~#close-button #close-lightbox:before {
  height: 50px;
}
.lightbox:target .light-next{
    pointer-events:all
}
.lightbox:target .light-prev{
    pointer-events:all
}


@-webkit-keyframes show-image {
  0% {
    -webkit-transform: rotate(2deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
  }
  40% {
    -webkit-transform: rotate(2deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
  }
  80% {
    -webkit-transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
  }
}




.shrink #header,
.shrink.home #header{
    background:rgba(255,255,255,1)!important;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.3); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.1); 
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.1);
}
.shrink.menuactive #header, .shrink.home.menuactive #header{
    background:rgba(238,241,240,1)!important;
}

.shrink #header .logo .logo_st0{
   /* opacity: 0;*/
}

.shrink #header .logo .logo_st1{
    fill:#4B8AA9;
}
.shrink #header .logo .logo_st2{
    fill:#F7AB59;
}
.shrink #header .logo .logo_st3{
    fill:#D5D3CC;
}

#theBody.home.shrink .navbar-toggle .icon-bar{
    background: #1D1D1B!important;
}
#theBody.home.shrink .mainmenu ul li a{
	color: #1d1d1b;
}


@media(min-width:991px) {
    .shrink #header,
    .shrink.home #header{
        top:-30px;
    }
    .shrink.menuactive #header,
    .shrink.home.menuactive #header{
        top:0px;
    }
	.shrink #header .logo {
        padding-top: 45px;
    }
    #theBody.shrink .mainmenu{
        margin-top: 53px;
    }
    #theBody.shrink.menuactive .mainmenu{
        margin-top: 0px;
    }
    #theBody.projecten.shrink .menu-default .afterMenu{
        top: 49px;  
    }
    #theBody.shrink .navbar-toggle{
        top: 38px;
    }
    
}
@media(min-width:1440px) {
    #theBody .navbar-toggle{
        right: 135px;
    }
    
}
@keyframes logo_shrink {
  0% {
	  opacity: 0;
  }
  100% {
	  opacity: 1;
  }

}
@media (min-width: 1111991px) {
}
@media (min-width: 11111200px) {
}


.page-block .page-block-intro h2,
.page-block .page-block-ttl-intro h3{
	color: #F7AB59; font-size: 16px; text-transform: uppercase;
	padding: 0px; margin: 15px 0px 30px;
	font-weight: 700;
}


#theBody.met-de-architect-om-tafel #pageBlock1{
	z-index: 1; padding-bottom: 0px;
}
.page-block .page-block-caption .card-header h2{
	color: #000000; font-size: 16px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.page-block .page-block-caption .active-acc .card-header h2{
	color: #F7AB59;
}


#theBody.met-de-architect-om-tafel #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;
}
#theBody.met-de-architect-om-tafel #pageBlock1.cleanPageBlock1.page-block .page-block-caption::after{

}

#ourservices{
    padding: 0px; margin-bottom: 60px;
}

#pageblockstappenplan .page-block-caption .page-block-ttl h2,
#pageblockstappenplan .page-block-caption .page-block-txt p{
	text-align: center;
}

#pageblockstappenplan-uitgebreid{
	background: #ffffff; margin: 60px 0px 0px 0px; width: calc(100% - 0px); padding: 30px 30px 30px 30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;
}
#pageblockstappenplan-uitgebreid.page-block.methods .page-block-caption{
	padding-top: 0px; padding-bottom: 0px; background: #ffffff!important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important; 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
	padding-top: 0px; padding-bottom: 0px;
}
#pageblockstappenplan-uitgebreid.page-block.methods .page-block-caption  h2{
    font-size: 22px;
}
#pageblockstappenplan-uitgebreid.page-block.methods .page-block-module{
	gap:0px;
}

#de-voordelen{
	background: #ffffff; margin: 60px 30px 0px 30px; width: calc(100% - 60px); padding: 30px 30px 30px 30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
    background: #ffffff;
}
#de-voordelen .page-block-caption{
    background: none!important; padding: 0px; width: 100%!important; padding: 15px 0px 30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0);
	padding-top: 0px; padding-bottom: 0px;
}
#de-voordelen .page-block-caption  h2{
    font-size: 22px;
}
#de-voordelen .page-block-module{
	gap:0px;
}
#de-voordelen .page-block-module .card-title h2{
    font-size: 15px; font-weight: 600;
}

.page-block.methods  .card{
	width: 100%;
}
.page-block.methods  .card .card-header{
	padding: 0px; margin: 30px 0px 0px 0px; border: 0px
}

.page-block.methods  .card .card-header-prt1{
	width: 100%; display: flex; align-items: center; background: #ffffff; flex-wrap: wrap;
}

.page-block.methods  .card .block-image,
.page-block.methods  .card .card-title{
	width: 100%;
}
.page-block.methods  .card .card-title h2{
	text-align: center; text-transform: uppercase;
    font-weight: 800;
}
.page-block.methods  .card .card-title h2 a,
.page-block.methods  .card .card-title-sub h3 a{
	text-decoration: none;
}
.page-block.methods  .card .card-title-sub h3{
    text-align: center; margin-top: 0px;
}
.page-block.methods  .card .card-title-sub h3 a{
    /*font-weight: 700;*/ font-size: 16px;
}
.page-block.methods .card.active-acc .block-image{
	background: #F7AB59;
}
.page-block.methods .card:hover .block-image:hover {
	background: #F7AB59;
    padding: 22%!important;
}

@media (min-width: 768px) {
	
	#pageblockstappenplan .page-block-caption .page-block-txt p{
		padding-left: 20%;
		padding-right: 20%;
	}

    #theBody.met-de-architect-om-tafel #pageBlock1{
        width: 60%; margin-left: 20%;
    }
    #de-voordelen{
        width: calc(60% - 50px); margin-left: calc(20% + 25px);
    }
    #pageblockstappenplan-uitgebreid  .card{
        width: 50%; padding: 0px 5px;
    }
    #pageblockstappenplan-uitgebreid  .card.content-card{
        width: 100%; padding: 0px 5px;
    }
	
	
    
}

@media (min-width: 991px) {
    #theBody.met-de-architect-om-tafel #pageBlock1{
        width: 60%; float: left; margin: -100px 0px 0px 0px; padding-right: 0px!important;
    }
    #pageblockstappenplan-uitgebreid{
		padding: 0px 45px 30px 45px;
    }
    #de-voordelen{
        width: calc(40% - 60px); float: left!important; margin: -100px 30px 0px 30px;
        padding: 30px 45px;
    }
    .page-block.methods  .card .card-header-prt1 .block-image{
        padding: 10%;
    }
    .page-block.methods  .card .card-header-prt1 .block-image img{
		
    }
	
	
    
    #pageBlock1 .page-block-caption .page-block-name h1,
    #pageblockstappenplan-uitgebreid.page-block.methods .page-block-caption h2{
        width: 100%; font-size: 28px; font-weight: 800;
    }
    #theBody.met-de-architect-om-tafel #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
        padding-top: 30px;
    }
    #pageBlock1 .page-block-caption .page-block-txt{
        margin-bottom: 0px;
    }
    
    #pageblockstappenplan-uitgebreid.page-block.methods  .card .card-header-prt1 .block-image{
        padding: 20%;
    }
    #pageblockstappenplan-uitgebreid.page-block.methods  .card .card-header-prt1 .block-image:hover {
        padding: 22%!important;
    }
    
    #pageblockstappenplan-uitgebreid  .card{
        width: 20%; padding: 0px 5px;
    }
	
	#pageblockstappenplan-uitgebreid.page-block.methods .card .card-title h2 a{
		font-size: 16px;
	}
    .page-block.methods .card .card-title-sub h3 a{
        font-size: 12px!important;
    }
    #pageblockstappenplan-uitgebreid  .card.content-card{
    }
    #pageblockstappenplan-uitgebreid #stap-1{
        order: 1;   
    }
    #pageblockstappenplan-uitgebreid #stap-2{
        order: 1;   
    }
    #pageblockstappenplan-uitgebreid #stap-3{
        order: 1;   
    }
    #pageblockstappenplan-uitgebreid #stap-4{
        order: 1;   
    }
    #pageblockstappenplan-uitgebreid #stap-5{
        order: 1;   
    }
    #pageblockstappenplan-uitgebreid #text-stap-1{
        order: 5;   
    }
    #pageblockstappenplan-uitgebreid #text-stap-2{
        order: 5;   
    }
    #pageblockstappenplan-uitgebreid #text-stap-3{
        order: 5;   
    }
    #pageblockstappenplan-uitgebreid #text-stap-4{
        order: 5;   
    }
    #pageblockstappenplan-uitgebreid #text-stap-5{
        order: 6;   
    }
}
@media (min-width: 1280px) {
    #theBody.met-de-architect-om-tafel #pageBlock1{
        max-width: 832px;  width: 65%; 
    }
    #de-voordelen{
        width: calc(35% - 90px);  margin: -100px 30px 0px 60px;
    }
	#pageblockstappenplan-uitgebreid.page-block.methods .card .card-title h2 a{
		font-size: 20px;
	}
    .page-block.methods .card .card-title-sub h3 a{
        font-size: 14px!important;
    }
}

.block.reviews .block-caption{
    width: 100%; margin: 0px;
    padding: 15px 45px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.0);
}
.block.reviews .block-caption .block-txt{
    display: none;
}
.block.reviews .block-caption .block-ttl{
    margin-bottom: 0px; padding-bottom: 0px;
}
.block.reviews .block-caption .block-ttl h2{
    font-size: 24px; line-height: 1.2;
}

.block.reviews:nth-of-type(4n + 2) .block-caption,
.block.reviews:nth-of-type(4n + 3) .block-caption{
    width: calc(100% - 30px); margin: 0px 15px; margin-top: -30px;
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2);
    
    padding: 30px 30px;
}

.block.reviews:nth-of-type(4n + 2) .block-caption .block-txt,
.block.reviews:nth-of-type(4n + 3) .block-caption .block-txt{
    display: block;
}

.block.reviews:nth-of-type(4n + 2) .block-caption{
    background: #494e55!important;
}
.block.reviews:nth-of-type(4n + 4) .block-caption{
    background: #408ea9!important;
}
.block.reviews:nth-of-type(4n + 2) .block-caption .block-ttl h2 a,
.block.reviews:nth-of-type(4n) .block-caption .block-ttl h2 a,
.block.reviews:nth-of-type(4n + 2) .block-caption .block-btns .btn-list,
.block.reviews:nth-of-type(4n) .block-caption .block-btns .btn-list,
.block.reviews:nth-of-type(4n + 2) .block-caption .block-txt p{
    color: #ffffff!important;
}
.block.reviews:nth-of-type(4n + 2) .block-caption .block-btns .btn-list::before,
.block.reviews:nth-of-type(4n) .block-caption .block-btns .btn-list::before{
    background: url(../img/btns/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 24px;
}

@media (min-width: 768px) {
    .ervaringen #pageBlock1 {
        margin-top: 60px;
    }   
}
@media (min-width: 991px) {
    #reviews_container{
        gap:0px; padding: 30px 10px; justify-content: flex-start;
    }
    .block.reviews{
        width:calc(60%); max-width: none; margin: 0px!important; padding: 20px!important; margin-bottom: 30px!important;
    }
    
    .block.reviews:nth-of-type(4n + 1) .block-caption,
    .block.reviews:nth-of-type(4n + 4) .block-caption{
        position: absolute; top: auto; bottom: 15px; left: 20px; width: calc(100% - 40px);
    }
    
    .block.reviews:nth-of-type(4n + 1) .block-image a,
    .block.reviews:nth-of-type(4n + 4) .block-image a{
        position: relative; float: left; height: 100%; background: #000;
    }

    .block.reviews:nth-of-type(4n + 1) .block-image a img,
    .block.reviews:nth-of-type(4n + 4) .block-image a img{
        object-fit: cover; position: absolute; height: 100%; width: auto;
        margin-left: -150px;
    }

    .block.reviews:nth-of-type(4n + 2),
    .block.reviews:nth-of-type(4n + 3){
        width: calc(40%);
    }
    
    .ervaringen #pageBlock1 .page-block-caption{
        padding-right: 30%!important;
    }    
    .ervaringen #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 34px; line-height: 1.1;
    }    

    #reviews_container{
        gap:0px; padding-left: calc(50% - 630px); padding-right: calc(50% - 630px);
    }
    .ervaringen #pageBlock1 .page-block-caption{
        padding-right: 30%!important;
    }    
    .ervaringen #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 44px;
    }   
}


.over-ons #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.1);
}
.over-ons .page-block .page-block-intro h2{ 
     text-transform: uppercase; letter-spacing: 2px;
}


#lid-van-woningbouwersnl{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2);
    background: #408ea9; width: calc(100% - 60px); margin: 0px 30px 30px 30px;display: flex; flex-wrap: wrap;
}
#kennismaken{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.2);
    background: #ffa65e; width: calc(100% - 60px); margin: 0px 30px; display: flex; flex-wrap: wrap;
}

#kennismaken .page-block-caption-head{
    display: none;
}
#kennismaken.page-block.default .page-block-ttl{
    display: block;
}
#kennismaken.page-block.default .page-block-caption{
    min-width: 100%; order: 2;
}
#kennismaken.page-block.default .page-block-image{
    min-width: 100%; float: right; text-align: right; order: 3;
}
#kennismaken.page-block.default .page-block-image img{
    max-width: 200px; float: right; width: 40%;
}
#kennismaken.page-block.default .page-block-ttl-intro h3 a{
    color: #ffffff!important; text-transform: uppercase; letter-spacing: 2px;
    text-decoration: none;
}


#lid-van-woningbouwersnl .page-block-caption-head{
    display: none;
}
#lid-van-woningbouwersnl.page-block.default .page-block-ttl{
    display: block;
}
#lid-van-woningbouwersnl.page-block.default .page-block-caption{
    min-width: 100%; padding-bottom: 0px; order: 2;
}
#lid-van-woningbouwersnl.page-block.default .page-block-caption h2{
    color: #ffffff!important; text-transform: uppercase; letter-spacing: 2px;
}
#lid-van-woningbouwersnl.page-block.default .page-block-caption .page-block-txt p {
    color: #ffffff!important;
}
#lid-van-woningbouwersnl.page-block.default .page-block-image{
    min-width: 100%; float: left; text-align: left; order: 3;
}
#lid-van-woningbouwersnl.page-block.default .page-block-image img{
    max-width: 200px; width: 50%; margin-left: -5px;
}

#kennismaken.page-block.default .page-block-caption,
#lid-van-woningbouwersnl.page-block.default .page-block-caption{
    -webkit-box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.0); 
    box-shadow: 0px 6px 15px 5px rgba(0,0,0,0.0);
    background: none; padding: 0px;
}


@media (min-width: 768px) {
    
    #lid-van-woningbouwersnl{
        padding: 45px 60px;
    }
    #kennismaken{
        padding: 45px 60px;
    }
    .over-ons #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
        padding: 60px;
    }
    
    .ervaringen .detail-content h1,
    .over-ons #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 36px; margin: 30px 0px;
    }
}
@media (min-width: 991px) {
    
    .over-ons #pageBlockPage{
        display: flex; flex-wrap: wrap; align-items: stretch;
    }

    #lid-van-woningbouwersnl{
        width: calc(50% - 60px); margin: 30px!important;
    }
    #kennismaken{
        width: calc(50% - 60px); margin: 30px!important;
    }
    #kennismaken.page-block.default .page-block-image{
        position: absolute; top: auto; bottom: 45px; padding-right: 60px;
    }
    #kennismaken.page-block.default .page-block-image img{
        float: right; object-fit: contain; height: auto;
    }
    
    .ervaringen .detail-content h1,
    .over-ons #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 44px;
    }
}
@media (min-width: 1200px) {
    
    .over-ons #pageBlockPage{
        display: block;
    }
    
    .over-ons #pageBlock1.cleanPageBlock1.page-block{
        width: 65%; float: left; padding-right: 30px!important;
    }
    
    #lid-van-woningbouwersnl{
        width: calc(35% - 30px); margin: 30px 30px 30px 0px!important; margin-top: -60px!important;
    }
    #kennismaken{
        width: calc(35% - 30px); margin: 30px 30px 30px 0px!important;
    }
    #lid-van-woningbouwersnl{
        padding: 45px 45px;
    }
    #kennismaken{
        padding: 45px 45px;
    }
    .over-ons #pageBlock1.cleanPageBlock1.page-block .page-block-caption{
        padding: 60px 45px;
    }
    .ervaringen .detail-content h1{
        font-size: 48px; margin: 45px 0px 60px 0px;
    }
}
@media (min-width: 1440px) {
    
    #lid-van-woningbouwersnl{
        width: calc(35% - 110px); margin: 30px 110px 30px 0px!important; margin-top: -60px!important;
    }
    #kennismaken{
        width: calc(35% - 110px); margin: 30px 110px 30px 0px!important;
    }
}

@media (max-width:700px){
    #architect.page-block .page-block-caption.page-block-caption-head .page-block-ttl h2{
        font-size: 30px; padding: 0px;
    }
}
@media (max-width:600px){
    #architect.page-block .page-block-caption.page-block-caption-head .page-block-ttl h2{
        font-size: 22px; padding: 0px;
    }
}
#theBody.no-flexbox-gap{
}

#theBody.no-flexbox-gap #news_container,
#theBody.no-flexbox-gap #nieuws .page-block-module,
#theBody.no-flexbox-gap #projects_container,
#theBody.no-flexbox-gap .more-project-container,
#theBody.no-flexbox-gap #team.page-block .page-block-module{
    display: block;
}

#theBody.no-flexbox-gap #news_container .block ,
#theBody.no-flexbox-gap #nieuws .page-block-module  .block,
#theBody.no-flexbox-gap #projects_container  .block ,
#theBody.no-flexbox-gap .more-project-container  .block,
#theBody.no-flexbox-gap #team.page-block .page-block-module  .block{
    max-width: none;
}
#theBody.no-flexbox-gap #team.page-block .page-block-module  .block{
    margin-bottom: 30px;
}
#theBody.no-flexbox-gap #projects_container  .block ,
#theBody.no-flexbox-gap .more-project-container  .block{
    margin-top: 30px;
    margin-bottom: 10px;
}
#theBody.no-flexbox-gap .division_ttl{
    float: left; padding-top: 60px;
}
#theBody.no-flexbox-gap .division_footer{
    float: left; margin: 30px 0px 90px 0px
}

@media (min-width:600px){
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
        margin: 0px 7.5px 30px;
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        margin: 30px 7.5px 15px;
    }
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
        height: 550px;
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        height: 400px;
    }
}

@media (min-width:700px){
    #theBody.no-flexbox-gap #team.page-block .page-block-module{
    }
}
@media (min-width:768px){
    #theBody.no-flexbox-gap #team.page-block .page-block-module{
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        height: 450px;
    }
}
@media(min-width:900px) {
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
        margin: 0px 17.5px 30px;
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        margin: 30px 17.5px 15px;
    }
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
       height: 600px;
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        height: 450px;
        display: block;
    }
    #projects_container .block .block-caption {
        min-height: none; height: 200px;
        padding-bottom: 40px;
    }

    
}
@media(min-width:1200px) {
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
        margin: 0px 17.5px 45px;
    }
    #theBody.no-flexbox-gap #team.page-block .page-block-module  .block{
        margin: 0px 7.5px 45px;
    }
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block{
       height: 550px;
    }
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block{
        height: 450px;
    }
    #projects_container .block .block-caption {
        min-height: none; height: 200px;
        padding-bottom: 40px;
    }
}
@media(min-width:1280px) {
    #theBody.no-flexbox-gap #team.page-block .page-block-module  .block{
        margin: 0px 15px 45px;
    }
}
@media(min-width:1440px) {
    #theBody.no-flexbox-gap #news_container .block ,
    #theBody.no-flexbox-gap #nieuws .page-block-module  .block,
    #theBody.no-flexbox-gap #reviews_container  .block,
    #theBody.no-flexbox-gap #projects_container  .block ,
    #theBody.no-flexbox-gap .more-project-container  .block,
    #theBody.no-flexbox-gap #team.page-block .page-block-module  .block{
    }
}
    
    

.division-links{
    background: none!important;    
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important; 
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important; 
    padding: 0px 15px!important;
    padding-top: 0px!important; margin-top: 0px!important;
    padding-bottom: 0px!important; margin-bottom: 30px!important;
    margin-top: -45px!important;
}

.division-link{
    font-style:italic; padding-left: 45px; background-image:url("../img/icons/in-ontwikkeling.svg"); background-repeat: no-repeat; background-position: center left; background-size: 20px; text-decoration: none; padding: 10px 0px 10px 45px;
    position: relative; float: left; width: 100%; margin: 0px;
}
.division-link.active,
.division-link:hover{
    text-decoration: underline;
}

.division-link-gerealiseerd{
    background-image:url("../img/icons/gerealiseerd.svg");
}
.division-link-in_aanbouw{
    background-image:url("../img/icons/in-aanbouw.svg");
}
.division-link-in_verkoop{
    background-image:url("../img/icons/in-verkoop.svg");
}




.block.projects.map{
    height: auto!important; margin: 0px!important; width: 250px!important; display: block!important;
}            
.block.projects.map .block-caption{
    height: auto!important; width: 100%; margin: 0px!important; min-height: 0px!important;
    padding: 0px 30px!important;
}            
.block.projects.map.block .block-caption .block-ttl{
    padding: 0px!important;
}         
.block.projects.map .block-caption .block-btns{
    position: relative!important; top: 0px!important; bottom: auto!important;
}
.block.projects.map  .block-caption .block-ttl h2{
    font-size: 16px!important;
}
.division_footer_map{
    float: left;
    margin-top: 45px!important;
    margin-bottom: 45px!important;
    padding-left: 30px;
}

@media(min-width:600px) {
.division-link{
    width: 50%;
}
}
@media(min-width:991px) {
.division_footer_map{
    padding-left: 45px;
}
    

.division-links{
    margin-top: -45px!important;
}
.division-link{
    width: 25%;
}
}
@media(min-width:1440px) {
.division_footer_map{
    padding-left:105px;
}
}


@media(max-width:768px) {
    .page-block-txt-extra{
        max-height: 70px!important; overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; 
    }
    .page-block-txt-extra.showAll {
        max-height: 2000px!important; margin-top:-60px;
    }
    .page-block-txt-extra.showAll  .btn-primary-1{
        opacity: 0; pointer-events: none;
    }
    .page-block-txt-extra .btn-primary{
        display: block!important; margin: 15px 0px; float: left; width:150px; margin-right: calc(100% - 150px);
    }
}

.not-yet{
    display: none!important;
}


.vacatures #pageBlock1{
    display: none;
}
.vacatures.default.page-block .page-block-ttl{
    display: block;
}
.vacatures.default.page-block .page-block-ttl-intro h3{
    letter-spacing: 2px;
}
.vacatures.default.page-block .page-block-ttl h2{
    font-size: 28px; margin-bottom: 0px; padding-bottom: 0px;
}
.vacatures.default.page-block .page-block-caption{
    width: 100%;
}
.vacatures.default.page-block .page-block-caption .page-block-txt h3{
    margin-bottom: 0px; padding-left: 0px;
}


@media(min-width:991px) {
.vacatures.default.page-block .page-block-ttl h2{
    font-size: 44px;
}
}



@media(min-width:768px) {
    .vacatures .page-block-txt-extra{
        max-height: 70px!important; overflow: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; 
    }
    .vacatures .page-block-txt-extra.showAll {
        max-height: 2000px!important; margin-top:-60px!important;
    }
    .vacatures .page-block-txt-extra.showAll  .btn-primary-1{
        opacity: 0; pointer-events: none;
    }
    .vacatures .page-block-txt-extra .btn-primary{
        display: block!important; margin: 15px 0px; float: left; width:150px; margin-right: calc(100% - 150px);
    }
}