.extendedSearch{
    display: none;
}
#form_search_container .fancy-woonoppervlakte .fancyformLabel,
#form_search_container .fancy-koopprijs .fancyformLabel{
}

#woningenList{
    padding-top: 0px;
}
#theBody.woningzoeker #pageBlock1{
    margin-bottom: 0px;
}
#woningsearch{
    margin: 0px; padding: 0px;
}

@media (min-width: 991px){
    #form_search_reset .btn-primary {
        float: right;
    }
}    

@media (min-width: 1080px){
#form_search_container {
    left: 0px!important;
}
}


#sort_projecten_container,
#form_search_open,
#form_search_close{
	/*position: fixed; left: 15px; top: 85px; z-index: 100;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;*/
	
	display: none;
}
#form_search_reset{
	position: relative; width: 100%; float: left; padding: 10px 0px 10px 15px;
    margin-bottom: 0px;
}
#sort_bouwnummers_container{
    width: 100%;
    float: left;
}
.shrink #form_search_container, .shrink #form_search_container{
}

.nieuwbouwwoningen .form-group .labelinfo{
    display: none;
}
#form_search_reset .btn-primary{
	padding: 5px 5px 5px 5px!important;	border: 0px!important; font-size: 1em; line-height: 1em; height: 30px; min-height: 0px!important; float: right;
}
#form_search_reset .btn-primary i{
    position: relative; margin: -4px 10px 0px 0px;
	font-size: 1em; line-height: 1em;
}
#form_search_reset .btn-primary span{
	font-size: 1em; line-height: 1em;
}
#form_search_close{
	opacity: 0; pointer-events: none;
}
#form_search_container {
	position: relative; width: 100%; top: 0px!important; left: 0px; height: auto;
    padding: 0px 0px 0px 0px; margin: 0px;
}
/*#form_search_container::-webkit-scrollbar {
    width: 10px;
}
#form_search_container::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
#form_search_container::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}*/


#form_search_container .fancyformLabel{
}

.openFilter #form_search_open{
	opacity: 0; pointer-events: none;
}
.openFilter #form_search_close{
	opacity: 1; pointer-events: all;
}
.openFilter #form_search_container{
	left: 0px;
}

#form_search_container .theformfields{
	position: relative; float: left; width: 100%;
	display: flex; justify-content: center;
	flex-wrap: wrap;
}
#sort_bouwnummers_container{
	width: 100%; float: left;
}
#form_search_container .theformfields .fancy-form-item{
}
#form_search_container .theformfields .fancy-form-item.fancy-btn{
    display: none;
}
#form_search_container .theformfields .fancy-form-item select.form-control{
	font-size: 12px!important;
}


@media(min-width:600px) {
    #form_search_container .theformfields{
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
        grid-gap: 15px;
    }
    #form_search_container .theformfields .fancy-form-item{
	    grid-column: span 1;
    }
	
	#form_search_container .theformfields #sort_projecten_container .fancy-form-item{
		width: 100%;
	}
	#activeSort{
		margin-top: 9px;
	}
}

@media(min-width:960px) {
	#form_search_container .theformfields{
        grid-template-columns: repeat(12 , 1fr);
    }
    #form_search_container .theformfields .fancy-form-item{
	    grid-column: span 3;
    }
    #form_search_container .theformfields .fancy-form-item.fancy-status{
	    grid-column: span 2;
    }
    #form_search_container .theformfields .fancy-form-item.fancy-bouwtype{
	    grid-column: span 4;
    }
}


@media(min-width:768px) {
	#form_search_open, #form_search_close{
		left: 30px; top: 90px;
	}
    #theBody.woningzoeker #pageBlock1 .page-block-caption{
        padding-bottom: 30px; padding-top: 60px;
    }
}
@media (min-width: 991px){
    
    
}    

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

@media(min-width:1280px) {
	#form_search_reset{
		margin-top: -30px;
	}
	#form_search_container{
	}
	#form_search_container .theformfields{
	}
    #form_search_wonen_container .theformfields.extendedSearchOn{
    }
    #sort_bouwnummers_container, #form_search_container .theformfields .fancy-form-item{
    }
	#form_search_container .theformfields{
        grid-template-columns: repeat(12 , 1fr);
    }
    #form_search_container .theformfields .fancy-form-item,
    #form_search_container .theformfields .fancy-form-item.fancy-status,
    #form_search_container .theformfields .fancy-form-item.fancy-bouwtype{
	    grid-column: span 3;
    }
}

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

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


#woning3d{
    position: relative; margin: 0px; padding: 30px 0px;
}

#aanzichten{
    height: 600px; margin: 0px 0px 0px 0px; width: 100%; position: relative;/* overflow: hidden;*/
}

#aanzicht_controls{
    position: relative;
    display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 100%; float: left;
    height: 60px; align-items: center;
    padding: 0px 0px 0px 0px; gap: 10px;
}

.aanzicht-link{
    margin: 0px 0px 0px 0px;
    font-size: 1em; line-height: 1em;
    display: flex; flex-wrap: wrap; white-space: normal; align-content: center; align-items: center;
}
.aanzicht-link span{
    display: flex; flex-wrap: wrap; white-space: normal; line-height: 1em; align-content: center; align-items: center; height: auto;
}
.aanzicht-link span span.results{
    font-size: 0.8em; line-height: 1.2em; width: 100%;
}
.aanzicht-link.active{
}
.aanzicht-link.unactive{
	pointer-events: none; opacity: 0.3;
}



.aanzicht-container{
    position: absolute; float: left; width: 100%; top: 0px; left: 100%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    height: 100%;
    opacity: 0;
}
.aanzicht-container.active{
    left: 0%!important; opacity: 1;
} 

.legenda-block{
    position: absolute; top: 15px; left: 15px; width: 200px; z-index: 1000;
    pointer-events: none;
}




.aanzicht-img{
    position: relative; float: left; width: 100%; height: 100%;
     z-index: 99;
}
.aanzicht-img img{
    position: relative; float: left; width: 100%; height: 100%; object-fit: contain; object-position: center;
}
.aanzicht-svg{
    position: absolute; width: 100%; top: 0px; left: 0px; height: 100%;
     z-index: 99;
}
.aanzicht-svg svg{
    width: 100%; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center;
}
.favs-svg{
    position: absolute; width: 100%; top: 0px; left: 0px; pointer-events: none;
    display: none;
}
.favs-svg svg{
    width: 100%; top: 0px; left: 0px;
}


.aanzicht-zones{
    position: absolute; left: 0px; width: 100%; top: -55px;
    padding: 0px 15px; z-index: 101; pointer-events: none;
}
.aanzicht-zones .zone-selector{
    width: 150px; font-size: 1em; height: 50px; border-radius: 0px; pointer-events: all;
	text-transform: uppercase;
    border-radius: 25px;
}

#zones{
    height: 600px; margin: 0px 0px 0px 0px; width: 100%; position: absolute; overflow: hidden; top: 0px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 0; left: 100%;
    pointer-events: none;
    z-index: 100; background: #ffffff;
}
#zones.active{
    opacity: 1; left: 0%;
}
#zones .aanzicht-container.active{
    left: 0%!important; opacity: 1; pointer-events: all;
} 


.app-box{
    opacity: 0; cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

.app-box .nr-indic,
.app-box .type-indic{
	display: none;
}

.app-box.filtered{
    opacity: 1;
}
.app-box.filtered.optie{
    opacity: 0.7;
    opacity: 1;
    /*opacity: 0.5;*/
}
.app-box.filtered.sold{
    opacity: 0.4;
    opacity: 1;
    /*opacity: 0.3;*/
}

.app-box.active,
.app-box:hover,
.app-box.filtered:hover,
.app-box.filtered.active{
    opacity: 1;
}

.app-box.filtered path,
.app-box.filtered rect,
.app-box.filtered polygon{
    stroke-width: 0;
    opacity: 1;
}
.app-box.filtered .wz_st0{
    fill:#35bc9c;
    opacity: 0.4;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.app-box.filtered .wz_st1{
    fill:#35bc9c;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.app-box.filtered.optie .wz_st0{
    fill:#c67728;
    opacity: 0.4;
}
.app-box.filtered.optie .wz_st1{
    fill:#c67728;
}
.app-box.filtered.sold .wz_st0{
    fill:#d13939;
    opacity: 0.4;
}
.app-box.filtered.sold .wz_st1{
    fill:#d13939;
}
.app-box:hover .wz_st0{
    opacity: 1!important;
}



#woningdetail{
    position: relative; margin: 0px; padding: 0px;
}
#woningdetail #modal .page-block-caption{
	padding: 15px 45px!important;
}
#woningdetail #modal .page-block-ttl.page-block-ttl-intro h3{
	font-size: 1em;
}
#woningdetail #modal .page-block-ttl h2{
	font-size: 2em; margin: 0px; padding: 0px;
}
#woningdetail #modal .page-block-intro{
	font-size: 1em; 
}
#woningdetail #modal .page-block-page_image{
	margin: 30px 0px;
}
#woningdetail #modal .page-block-txt h2{
	font-size: 1.4em;  display: flex; justify-content: flex-start; flex-wrap: wrap;
}
#woningdetail #modal .page-block-txt h2 span{
	width: auto; white-space: nowrap;
}
#woningdetail #modal .page-block-txt h2 span.spacer{
	width: 10px; border-left: 1px solid #000000; margin-left: 10px;
}
#woningdetail #modal .page-block-txt h4{
	display: none;
}





.zone-box{
    cursor: pointer;
}
.zone-box.hidden-zone{
	opacity: 0.3; pointer-events: none;
}
.zone-box .zo_st0{
    fill:#35bc9c;
    opacity: 0.4;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.zone-box .zo_st1{
    fill:#35bc9c;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}
.zone-box:hover .zo_st0{
    opacity: 1;
}

@media (max-width: 768px){
    #aanzicht_controls{
        height: auto;
    }
    .aanzicht-zones{
        top: 15px;
    }
}
@media (min-width: 600px){
	.aanzicht-zones{
		padding: 0px 30px;
	}
}


@media (max-width: 991px) AND  (min-width: 768px){
    #aanzicht_controls{
        justify-content: flex-end; padding-right: 30px;
    }
}
@media (min-width: 1280px){
	.aanzicht-zones{
		padding: 0px 60px; top: -60px;
	}
	.aanzicht-zones .zone-selector{
		font-size: 0.8em; height: 60px;
        border-radius: 30px;
	}
}
@media (min-width: 1920px){
	#woning3d{
		padding-left: calc(50vw - 960px);
		padding-right: calc(50vw - 960px);
	}
	.aanzicht-zones{
		padding: 0px 120px;
	}
}