/* CSS Document */

#header{
	display: none!important;
}

img{
}
.block img,
.block-image img{
	opacity: 1;
}


#header.menu-hamburger .headAddress,
#socialtoptop,
.breadcrumb,
.slideLeft,
.slideRight/*,
.menu-home,
.page-block.gallery.slideshow .page-block-module .carouselState,
.page-block.gallery.slideshow .page-block-module .carousel-control-prev,
.page-block.gallery.slideshow .page-block-module .carousel-control-next*/
{
    display: none;
}

#theMain .navbar-nav li a.menu-link,
#extraMenu .navbar-nav li a.menu-link{
    text-align: left; padding-left: 15px; 
}
#extraMenu{
    position: relative; top: 0px; bottom: auto; height: auto; padding: 0px; 
}
.extra-menu .navbar-nav{
    padding: 0px; margin: 0px;
}
#header.menu-hamburger #extraMenu .headAddress{
    text-align: left; padding: 0px 15px;
}

.mainmenu .social-icons{
    position: absolute;
    top: auto;
    bottom: 0px;
    padding: 0px 15px 50px 0px; justify-content: flex-end;
}




#theMain .menu-home{
    display: none;
}

#theMain .menu-home,
#theMain .menu-het-project,
#theMain .menu-aanbod,
#theMain .menu-woningzoeker{
    order: 1;
}
#theMain .menu-het-project::before{
    position: relative; content: 'Project'; display: block; font-size: 2em; font-weight: 400; text-align: left; padding: 30px 15px 10px 15px; line-height: 1em;
}
#theMain .menu-locatie-a-omgeving,
#theMain .menu-verkoop-en-financiering,
#theMain .menu-contact,
#theMain .menu-nieuws{
    order: 2;
}
#theMain .menu-locatie-a-omgeving::before{
    position: relative; content: 'Informatief'; display: block; font-size: 2em; font-weight: 400; text-align: left; padding: 30px 15px 10px 15px; line-height: 1em;
}


@media (min-width: 1440px) {
#verkoopinformatie---de-makelaar,
#verkoopinformatie---financieel-advies{
	max-width: 960px;
}
}



@media(min-width:768px){
    #header.menu-hamburger .logo{
        justify-content: flex-start; width: 200px;
    }
	#header.menu-hamburger #socialnmenu{
		display: flex; width: 100%; top: auto; bottom: 30px;
	}
	#header.menu-hamburger .navbar-toggle{
		top: 30px;
	}
    #header.menu-hamburger .mainmenu{
        width: 50vw; top: 0px; margin: 0px; max-height: 100vh; padding-top: 100px; padding-left: 15px;
        max-width: 50vw; margin-left: 50vw; left: 50vw;
    }
    .menuactive #header.menu-hamburger .mainmenu{
    }
    
    
}

@media(min-width:1280px){
    #header.menu-hamburger .mainmenu{
        padding-left: 45px;
    }
}

@media(min-width:1920px){
    #header.menu-hamburger .mainmenu{
        padding-left: 105px;
    }
}

.page-block-link .btn-primary,
.content-link  .btn-primary{
	position: relative; padding-right: 60px;
}
.page-block-link .btn-primary::after,
.content-link .btn-primary::after {
	position: absolute; margin: 0px;
	text-align: left; left: auto; right: 15px; top: 0px;
	font: var(--fa-font-thin);
	font-size: 20px;
	-webkit-transition: left 0.4s ease;
	-moz-transition: left 0.4s ease;
	-o-transition: left 0.4s ease;
	transition: left 0.4s ease;

	content: "\f061"; width:30px; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center;
}

.page-block.cta-sticker .page-block-subname, .page-block.cta-sticker .page-block-name, .page-block.cta-sticker .page-block-ttl, .page-block.cta-sticker .page-block-intro, .page-block.cta-sticker .page-block-txt, .page-block.cta-sticker .content-link, .page-block.cta-sticker .page-block-link, .page-block.cta-sticker .page-block-image-text, .page-block.cta-sticker .page-block-link{
	text-align: left!important;
}
.page-block.cta-sticker .page-block-link{
	text-align: right!important;
}

.page-block.cta-sticker{
	border-radius: 0px; height: auto; aspect-ratio:auto;
	padding: 15px 0px; top: 0px; right: 0px;
}	
.page-block.cta-sticker .page-block-caption{
	padding: 30px 15px;
}

@media(min-width:600px){
	.page-block.cta-sticker .page-block-caption{
		padding: 30px 30px;
	}
}
@media(min-width:768px){
	.page-block.cta-sticker .page-block-caption{
		padding: 15px 30px;
	}
}
@media(min-width:991px){
	.page-block.cta-sticker{
		width: 450px; max-width: none;
	}
}
@media(min-width:1280px){
	.page-block.cta-sticker{
		width: 550px; max-width: none;
	}
	.page-block.cta-sticker .page-block-caption{
		padding: 15px 60px;
	}
}
@media(min-width:1920px){
	.page-block.cta-sticker .page-block-caption{
		padding: 15px 60px;
	}
}
/**/




@media(max-width:767px){
	
	.page-block.gallery.slideshow .page-block-caption{
		padding: 15px 30px;
	}
	
}
.page-block.slideshow .page-block-module .carousel-indicators li{
	height: 10px; border-radius: 50%;
}
.page-block.gallery.slideshow .page-block-caption .page-block-link{
	display: none;
}



@media(min-width:768px){
	.page-block.gallery.slideshow{
		padding: 0px 0px;
	}
	.page-block.gallery.slideshow .page-block-caption{
		left: 0px;
		mix-blend-mode: normal; top: auto; bottom: 36px; height: auto;
		padding: 15px 30px; width: auto;
	}
}
@media(min-width:991px) {
	.page-block.gallery.slideshow{
		padding: 0px 0px;
	}
	.page-block.gallery.slideshow .page-block-module .carousel-indicators{
		height: 90px;
	}
	.page-block.gallery.slideshow .page-block-caption{
		bottom: 90px; max-width: 40%;
	}
}
@media(min-width:1280px){
	.page-block.gallery.slideshow .page-block-caption{
		padding: 15px 60px;
	}
}
@media(min-width:1440px) {
	.page-block.gallery.slideshow{
		padding: 0px 0px;
	}
	.page-block.gallery.slideshow .page-block-caption{
		 max-width: 40%;
	}
}
@media(min-width:1920px){
	.page-block.gallery.slideshow .page-block-caption{
		padding: 15px 120px;
	}
}


@media(min-width:768px){
	.page-block.gallery.slider.with_block_image{
	}
	.page-block.gallery.slider.with-long-text .page-block-module{
		width: 50%; overflow: hidden;
	}
	.page-block.gallery.slider.with-long-text .page-block-caption{
		min-height: 100%;
	}

}
@media(min-width:1280px){
	.page-block.gallery.slider .page-block-caption{
		padding-bottom: 60px;
	}
}


@media(min-width:1920px){
	.page-block.gallery.slider{
		max-width: none;
	}
	.page-block.gallery.slider.left.with-long-text{
		padding-right: calc(50% - 960px);
	}
	.page-block.gallery.slider.left,
	.page-block.gallery.slider.right.with-long-text{
		padding-left: calc(50% - 960px);
	}
}





.page-block.projectplanning .page-block-caption .page-block-module .block-listing{
	grid-gap: 5px; padding-left: 18px;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning{
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning .block-caption{
	align-content: flex-start;
	margin: 30px 0px 30px 0px;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning .block-caption .block-ttl{
	order: 2;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning .block-caption .block-txt{
	order: 1;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning .block-caption .block-ttl h2,
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block.projectplanning .block-caption .block-txt{
	text-align: left;
}

.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
	position: absolute; display: block; content: '';
	text-align: left; top: 0px; left: -15px; height: 100%; z-index: 1;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; width:30px; justify-content: flex-end;
}
.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:nth-last-of-type(1)::after{
    display:none;
}

.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
	position: absolute; margin: 0px; line-height: 40px; height: 15px;
	text-align: left; top: auto; bottom: 0px; left: -24.6px; z-index: 1;
	font: var(--fa-font-thin);
	content: "\f078"; font-size: 20px;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media (min-width: 991px) {
	.page-block.projectplanning .page-block-caption .page-block-module .block-listing{
		grid-gap: 5px; padding-left: 0px;
	}
    .page-block.projectplanning .page-block-caption .page-block-module .block-listing .block{
		background: none; padding:  15px 0px;;
    }
	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::after{
		line-height: 40px; height: 22px;
		text-align: right; top: 0; bottom: auto; left: auto; right: -2px;
		content: "\f054"; width:30px; justify-content: flex-end;
	}
	.page-block.projectplanning .page-block-caption .page-block-module .block-listing .block::before{
		position: absolute; display: block; content: '';
		text-align: left; top: 10.4px; left: 0px; width: 100%; z-index: 1; height: 0px;
	}
	.block.projectplanning .block-caption .block-ttl h2{
		font-size: 2em;
	}
    
    .page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption{
		padding-right: 30px;
    }
    .page-block.projectplanning .page-block-caption .page-block-module .block-listing .block .block-caption::after{
        position: absolute; margin: 0px;
        text-align: left; left: 0px; z-index: 1;
        font: var(--fa-font-thin);
        font-size: 20px;
        -webkit-transition: left 0.4s ease;
        -moz-transition: left 0.4s ease;
        -o-transition: left 0.4s ease;
        transition: left 0.4s ease;

        line-height: 40px; height: 23px;
        text-align: right; top: -54px; bottom: auto; 
        content: "\f054"; width:30px; justify-content: flex-end;

        opacity: 0;
    }
    
    .page-block.projectplanning .page-block-caption .page-block-module .block-listing .block:hover .block-caption::after{
        left: calc(100% - 28px);

        opacity: 1;
    }

}

.page-block.usps .page-block-caption .page-block-module .block-listing .block .block-caption .block-icon{
    justify-content:center; align-content: center; align-items: center;
}

















.bouwtype-item{
    padding: 0px; border: 0px;
}
.bouwtype-item .block-caption{
    padding: 15px 0px 0px 0px;
}
.bouwtype-item .block-caption .block-ttl h2{
    margin: 0px 0px 10px 0px; padding: 0px;
}
.bouwtype-item .block-caption .block-ttl h3 ,
.bouwtype-item .block-caption .block-ttl h3 a{
    display: flex; justify-content: flex-start; gap: 5px;
    flex-wrap: wrap;
}
.bouwtype-item .block-caption .block-ttl h3 span{
    width: 100%;  margin: 0px;
}
.bouwtype-item .block-caption .block-ttl h3 span.soortaanbod{
	display: none;
}
.bouwtype-item .block-caption .block-ttl h4{
    margin: 10px 0px 0px 0px; padding: 0px; display: none;
}

.bouwtype-item .block-btns{
    padding: 15px 0px 15px;
}
.bouwtype-item .block-btns .btn-list{
}
.bouwtype-item .block-btns .btn-primary{
    float: right;  padding: 0px;
}
h2.woningtypeSplitter{
    margin: 30px 0px 10px 0px;
}

	.bouwtype-item .block-btns .btn-primary{
		float: left; padding: 0px 15px; display: none;
	}

@media (min-width: 650px) {
	
    #aanbod---woningtypes .block-listing-scroller  {
        width: 120px; position:absolute; top: 70px; left: 0px;  height: auto;
    }
    #aanbod---woningtypes .block-listing-scroller .block-image{
		opacity: 0.1; margin-bottom: 5px;
    }
    #aanbod---woningtypes .block-listing-scroller #TypeScrollerIndicator{
		position: absolute; top: 0px; left: 0px; width: 94px; height: 94px; border: 2px solid #000000;
		margin-top: -2px; margin-left: -2px; pointer-events: none;
    }
    #aanbod---woningtypes .pin-spacer .block-listing-scroller  {
    }
    #aanbod---woningtypes .block-listing {
        width: calc(100% - 120px); position: relative; top: 0px; left: 120px;
    }
    #aanbod---woningtypes .block-listing .bouwtype-item{
		opacity: 0; /*padding-top:  60px;*/
    }
    .bouwtype-item .block-image h2{
        display: block;
    }
    .block-listing-scroller{
        display: block;
    }
	
	
	.page-block.woningtypen .block-listing {
        grid-template-columns: repeat(1, 1fr);
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item{
		display: grid;
        grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 30px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-image{
		grid-column: span 1;
		grid-row: span 2;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption{
		grid-column: span 1;
		grid-row: span 1; align-content: flex-end;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 1;
		grid-row: span 1; align-content: flex-start;
    }
	.bouwtype-item .block-btns .btn-list{
		float: left;
	}
}
@media (min-width: 768px) {
    .page-block.woningtypen .block-listing{
        gap: 30px;
    }
    
    .bouwtype-item .block-caption{
        padding: 30px 30px 0px;
    }
    .bouwtype-item .block-btns{
        padding: 15px 30px 30px;
    }
    .bouwtype-item .block-btns{
        padding: 15px 30px 30px;
    }
    
    .bouwtype-item .bwnr_row{
        padding: 10px 30px;
    }
    .bouwtype-item .bwnr_row .bwnr-spec.bwnr-btn{
        right: 30px;
    }
    
}
@media (min-width: 991px) {
	
    #aanbod---woningtypes .block-listing-scroller  {
        left: 50%; z-index: 1; margin-left: -30px;
    } 
    #aanbod---woningtypes .block-listing {
        width: 100%; left: 0px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item{
		display: grid;
        grid-template-columns: repeat(4, 1fr);
		grid-column-gap: 120px;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-image{
		grid-column: span 2;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-caption{
		grid-column: span 2;
    }
	.page-block.woningtypen .block-listing .block.bouwtype-item .block-btns{
		grid-column: span 2;
    }
}
@media (min-width: 1280px) {
    .page-block.woningtypen .page-block-caption{
		justify-content: center;
    }
    .page-block.woningtypen .page-block-module{
		max-width: 1440px;
    }
    .page-block.woningtypen .block-listing{
        gap: 60px;
    }
}
@media (min-width: 1440px) {
	.page-block.map,
	.page-block.map-pois{
		padding: 0px 60px;
	}
}


#theBody.het-project #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}
#theBody.woningtype #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}
#woningtype---algemene-informatie-over-de-woningen{
    justify-content: center;
}
#woningtype---algemene-informatie-over-de-woningen .page-block-caption{
    max-width: 80vw;
}
#woningtype---algemene-informatie-over-de-woningen .page-block-caption ul{
    margin-bottom: 15px;
}
@media (min-width: 991px) {
#woningtype---algemene-informatie-over-de-woningen .page-block-caption{
    max-width: 800px; padding-bottom: 0px;
}      
}




#pageBlock0 .scrolldown{
	width: 0; 
	height: 0; 
	border: 0px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;

	border-top: 30px solid var(--highlightcolor);
	background: none;
	transform: rotate(-45deg);
	padding: 0px; margin: 0px; right: -20px; bottom: -5px;
}


#pageBlock0 .scrolldown span{
	transform: rotate(45deg); position: absolute; top: 0px; left: 0px;
	position: absolute;
    top: -19px;
    left: -6px; color:  var(--basecolor);
}




.bwnr_row .bwnr-spec .btn-primary{
    
}
@media (min-width: 991px) {
}  .bwnr_row .bwnr-spec .btn-primary span    {
    margin-top: -1px;
}



#theBody.woning #pageBlock1 .page-block-intro{
    margin-top: 30px; width: 100%; float: left;
}

#theBody.woning #pageBlock1 .page-block-txt h3{
    margin-top: 30px; width: 100%; float: left;
}

#woning---kenmerken{
    justify-content: center;
}
#woning---kenmerken .page-block-txt h2{
	text-align: center;
}
#woning---kenmerken .page-block-txt h2{
	text-align: center;
}

#woning---kenmerken .page-block-caption{
    max-width: 80vw;
}
#woning---kenmerken .page-block-caption ul{
    margin-bottom: 15px;
}

@media (min-width: 768px) {
#woning---kenmerken .page-block-txt .spec-item .spec-label,
#woning---kenmerken .page-block-txt .spec-item .spec-value{
	width: 50%;
}
#woning---kenmerken .page-block-txt .spec-item .spec-label{
	text-align: right; padding-right: 5px; opacity: 0.4;
}
}

@media (min-width: 991px) {
#woning---kenmerken .page-block-caption{
    max-width: 800px; padding-bottom: 0px;
}      
}


#woning---het-project .page-block-ttl h2::after{
    display: none;
}


#form_search_reset .btn-primary{
    padding: 3px 10px!important;
}
#form_search_reset .btn-primary i{
    display: none;
}
#woning3d{
    border: 0px;
}




#theBody.contact #terugbel.page-block .fancy-form-item .form-control{
    border-radius: 1.5em;
}
@media (min-width: 991px) {
#theBody.contact #terugbel.page-block .theformfields .fancy-form-item{
    width: calc(50% - 15px); float: left; margin-right: 15px;
}
}


#woningdetail #modal .page-block-txt h2 span{
	width: 100%;
}
#woningdetail #modal .page-block-txt h2 span.spacer{
	display:none;
}

@media (min-width: 1600px) {
    .page-block.news .block-listing{
        grid-template-columns: repeat(3, 1fr);
    }
}