.extendedSearch{
    display: none;
}
#extendedSearch_search_wonen{
    display: block; position: relative; float: left; width: 100%; text-align: right; color: #FB3099;
    margin-bottom: 20px;
}
#form_search_wonen_open,
#form_search_wonen_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_wonen_reset{
	position: relative; width: 100%; float: left; padding: 10px 0px 10px 15px;
    margin-bottom: 0px;
}
.shrink #form_search_wonen_container, .shrink #form_search_bouwnummers_container{
    height: auto; top:0px;
}

.wonen .form-group .labelinfo{
    display: none;
}

#form_search_bouwnummers_container .fancy-woonoppervlakte .fancyformLabel,
#form_search_bouwnummers_container .fancy-koopprijs .fancyformLabel,
#form_search_wonen_container .fancy-koopprijs .fancyformLabel,
#form_search_wonen_container .fancy-huurprijs .fancyformLabel,
#form_search_wonen_container .fancy-woonoppervlakte .fancyformLabel,
#form_search_wonen_container .fancy-aantalslaapkamers .fancyformLabel{
    display: block; margin-left: -1px;
    font-size: 12px!important; letter-spacing: 2px!important;
}


#form_search_wonen_reset .btn-primary{
	background-image: url("../img/icons/reset.svg")!important;
	background-repeat: no-repeat!important; background-position: 5px center!important; padding: 5px 5px 5px 30px!important; background-size: 15px!important;
	border: 0px!important; font-size: 12px; line-height: 18px!important; height: 30px!important; min-height: 0px!important; float: right;
    
}
#form_search_wonen_reset .btn-primary span{
	line-height: 22px!important;
}
#form_search_wonen_close{
	opacity: 0; pointer-events: none;
}
#form_search_wonen_container {
	/*position: fixed; left: -280px; width: 280px; height: calc(100vh - 135px); top: 135px; z-index: 1000000; background: #FFFFFF;
	padding: 15px;
    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;
	overflow-y: auto;
    scrollbar-color: #F7F7F7 #202E39;
    scrollbar-width: thin;
    scrollbar-gutter: stable;*/
	
	position: relative; width: 100%; top: 0px!important; left: 0px; height: auto; background: #FFFFFF;
    margin-bottom: 30px; padding: 0px  0px  0px 15px;
}
/*#form_search_wonen_container::-webkit-scrollbar {
    width: 10px;
}
#form_search_wonen_container::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
#form_search_wonen_container::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}*/


#form_search_wonen_container .fancyformLabel{
	display: none;
}

.openFilter #form_search_wonen_open{
	opacity: 0; pointer-events: none;
}
.openFilter #form_search_wonen_close{
	opacity: 1; pointer-events: all;
}
.openFilter #form_search_wonen_container{
	left: 0px;
}

#form_search_wonen_container .theformfields{
	position: relative; float: left; width: 100%;
	display: flex; justify-content: center;
	flex-wrap: wrap; padding-bottom: 15px;
}
#sort_wonen_container{
	width: 100%; float: left;
}
#form_search_wonen_container .theformfields .fancy-form-item{
	padding: 0px 15px 0px 0px;
}
#form_search_wonen_container .theformfields .fancy-form-item select.form-control{
	font-size: 12px!important;
}

/*
.shrink #form_search_wonen_open,
.shrink #form_search_wonen_close{
	top: 50px;
}
.shrink #form_search_wonen_open .btn-primary,
.shrink #form_search_wonen_close .btn-primary{
	height: 26px; padding-top: 0px!important; padding-bottom: 0px!important;
}
.shrink #form_search_wonen_open .btn-primary span,
.shrink #form_search_wonen_close .btn-primary span{
	line-height: 29px;
}
.shrink #form_search_wonen_container{
	top: 80px; height: calc(100vh - 80px);
}
*/


#form_search_wonen_container .theformfields{
    flex-wrap: wrap; max-height: 220px;
}
#form_search_wonen_container .theformfields.extendedSearchOn{
    max-height: 680px!important;
}

@media(min-width:600px) {
	#sort_wonen_container,
	#form_search_wonen_container .theformfields .fancy-form-item{
		width: 50%;
	}
	
	#form_search_wonen_container .theformfields #sort_projecten_container .fancy-form-item{
		width: 100%;
	}
	#activeSort{
		margin-top: 9px;
	}
    #form_search_wonen_container .theformfields{
        flex-wrap: wrap; max-height: 130px;
    }
    #form_search_wonen_container .theformfields.extendedSearchOn{
        max-height: 680px!important;
    }
}

@media(min-width:768px) {
	#sort_wonen_container,
	#form_search_wonen_container .theformfields .fancy-form-item{
		width: 33.33%;
	}
    #form_search_wonen_container .theformfields #sort_wonen_container .fancy-form-item{
        width: 100%;
    }
    #form_search_wonen_container #sort_wonen_container,
    #form_search_wonen_container .fancy-btn{
        display: none;
    }
    #form_search_wonen_container .theformfields{
        flex-wrap: wrap; max-height: 70px;
    }
    #form_search_wonen_container .theformfields.extendedSearchOn{
        max-height: 680px!important;
    }
}


@media(min-width:768px) {
	#form_search_wonen_open, #form_search_wonen_close{
		left: 30px; top: 90px;
	}
	/*
	.shrink #form_search_wonen_open, .shrink #form_search_wonen_close{
		top: 75px;
	}
	.shrink #form_search_wonen_container{
		top: 105px;
	}
	*/
	
}
@media (min-width: 991px){
    .wonen #form_search_wonen_reset .btn-primary,
    .nieuwbouwwoningen #form_search_bouwnummers_reset .btn-primary {
        float: right;
    }
    .wonen #pageBlock100, .nieuwbouwwoningen #pageBlock100 {
        padding-left: 25px;
        min-height: 0px;
    }
    .object-item .block-caption, .openFilter #pageBlock100 .object-item .block-caption {
    }
    #form_search_wonen_container{
        background: rgba(255,255,255,0.8)!important;
    }
    #form_search_wonen_container .theformfields .fancy-form-item select.form-control{
        background: none!important;
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        appearance: none!important;
        background-image:url("../img/btns/drop-down.svg")  !important;
        background-position: center right!important;
        background-repeat: no-repeat!important;
        background-size: 15px!important;
    }
    
    
    #form_search_wonen_container #sort_wonen_container{
        display: block;
    }
    #form_search_wonen_container .theformfields{
        flex-wrap: wrap; max-height: 70px;
    }
    #form_search_wonen_container .theformfields.extendedSearchOn{
        max-height: 680px!important;
    }
	#sort_wonen_container,
	#form_search_wonen_container .theformfields .fancy-form-item{
		width: 25%;
	}
    
    #form_search_wonen_container select.form-control, #form_search_bouwnummers_container select.form-control{
        padding-left: 3px!important;
    }
}    

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

@media(min-width:1280px) {
	#form_search_wonen_container{
		flex-wrap: nowrap;
	}
	#form_search_wonen_container .theformfields{
		flex-wrap: wrap; max-height: 60px;
	}
    #form_search_wonen_container .theformfields.extendedSearchOn{
        max-height: 300px!important;
    }
    
    #sort_wonen_container, #form_search_wonen_container .theformfields .fancy-form-item{
        width: 25%;
    }
    
	#sort_projecten_container, #form_search_wonen_container .theformfields .fancy-form-item.fancy-btn{
		display: none;
	}
	/*#form_search_wonen_reset{
		position: absolute; top: 0px; left: auto; right: 0px; margin-top: -45px;
	}*/
    
    .object-item{
    }
    .object-item .block-image, .openFilter #pageBlock100 .object-item .block-image{
    }
    .object-item .block-caption, .openFilter #pageBlock100 .object-item .block-caption {
    }
    .object-item .block-btns{
    }
}

@media(min-width:1920px) {
	#form_search_wonen_open, #form_search_wonen_close{
		left: calc(50% - 930px);
	}
	.woningaanbod .openFilter #form_search_wonen_container{
		left: calc(50% - 960px);
	}
}

@media(min-width:2480px) {
	.woningaanbod  .openFilter #form_search_wonen_container{
		left: calc(50% - 1240px);
	}
}

#form_search_bouwnummers_open,
#form_search_bouwnummers_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_bouwnummers_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_bouwnummers_container, .shrink #form_search_bouwnummers_container{
    height: auto; top:0px; padding-bottom: 15px;
}

.nieuwbouwwoningen .form-group .labelinfo{
    display: none;
}


#form_search_bouwnummers_reset .btn-primary{
	background-image: url("../img/icons/reset.svg")!important;
	background-repeat: no-repeat!important; background-position: 5px center!important; padding: 5px 5px 5px 30px!important; background-size: 15px!important;
	border: 0px!important; font-size: 12px; line-height: 18px!important; height: 30px!important; min-height: 0px!important; float: right;
}
#form_search_bouwnummers_reset .btn-primary span{
	line-height: 22px!important;
}
#form_search_bouwnummers_close{
	opacity: 0; pointer-events: none;
}
#form_search_bouwnummers_container {
	/*position: fixed; left: -280px; width: 280px; height: calc(100vh - 135px); top: 135px; z-index: 1000000; background: #FFFFFF;
	padding: 15px;
    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;
	overflow-y: auto;
    scrollbar-color: #F7F7F7 #202E39;
    scrollbar-width: thin;
    scrollbar-gutter: stable;*/
	
	position: relative; width: 100%; top: 0px!important; left: 0px; height: auto; background: #FFFFFF;
    margin-bottom: 30px; padding: 0px  0px  0px 15px;
}
/*#form_search_bouwnummers_container::-webkit-scrollbar {
    width: 10px;
}
#form_search_bouwnummers_container::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
#form_search_bouwnummers_container::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}*/


#form_search_bouwnummers_container .fancyformLabel{
	display: none;
}

.openFilter #form_search_bouwnummers_open{
	opacity: 0; pointer-events: none;
}
.openFilter #form_search_bouwnummers_close{
	opacity: 1; pointer-events: all;
}
.openFilter #form_search_bouwnummers_container{
	left: 0px;
}

#form_search_bouwnummers_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_bouwnummers_container .theformfields .fancy-form-item{
	padding: 0px 15px 0px 0px;
}
#form_search_bouwnummers_container .theformfields .fancy-form-item select.form-control{
	font-size: 12px!important;
}

/*
.shrink #form_search_bouwnummers_open,
.shrink #form_search_bouwnummers_close{
	top: 50px;
}
.shrink #form_search_bouwnummers_open .btn-primary,
.shrink #form_search_bouwnummers_close .btn-primary{
	height: 26px; padding-top: 0px!important; padding-bottom: 0px!important;
}
.shrink #form_search_bouwnummers_open .btn-primary span,
.shrink #form_search_bouwnummers_close .btn-primary span{
	line-height: 29px;
}
.shrink #form_search_bouwnummers_container{
	top: 80px; height: calc(100vh - 80px);
}
*/


@media(min-width:600px) {
	#sort_bouwnummers_container,
	#form_search_bouwnummers_container .theformfields .fancy-form-item{
		width: 50%;
	}
	
	#form_search_bouwnummers_container .theformfields #sort_projecten_container .fancy-form-item{
		width: 100%;
	}
	#activeSort{
		margin-top: 9px;
	}
}

@media(min-width:768px) {
	#sort_bouwnummers_container,
	#form_search_bouwnummers_container .theformfields .fancy-form-item{
		width: 33.33%;
	}
    #form_search_bouwnummers_container .theformfields #sort_bouwnummers_container .fancy-form-item{
        width: 100%;
    }
}


@media(min-width:768px) {
	#form_search_bouwnummers_open, #form_search_bouwnummers_close{
		left: 30px; top: 90px;
	}
	/*
	.shrink #form_search_bouwnummers_open, .shrink #form_search_bouwnummers_close{
		top: 75px;
	}
	.shrink #form_search_bouwnummers_container{
		top: 105px;
	}
	*/
	
}
@media (min-width: 991px){
    .nieuwbouwwoningen #form_search_bouwnummers_reset .btn-primary,
    .nieuwbouwwoningen #form_search_bouwnummers_reset .btn-primary {
        float: right;
    }
    .nieuwbouwwoningen #pageBlock100, .nieuwbouwwoningen #pageBlock100 {
        padding-left: 25px;
        min-height: 0px;
    }
    .object-item .block-caption, .openFilter #pageBlock100 .object-item .block-caption {
    }
    #form_search_bouwnummers_container{
        background: rgba(255,255,255,0.8)!important;
    }
    #form_search_bouwnummers_container .theformfields .fancy-form-item select.form-control{
        background: none!important;
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        appearance: none!important;
        background-image:url("../img/btns/drop-down.svg")  !important;
        background-position: center right!important;
        background-repeat: no-repeat!important;
        background-size: 15px!important;
    }
    
    
}    

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

@media(min-width:1280px) {
	#form_search_bouwnummers_container{
		flex-wrap: nowrap;
	}
	#form_search_bouwnummers_container .theformfields{
		flex-wrap: wrap; /*max-height: 60px;*/
	}
    #form_search_wonen_container .theformfields.extendedSearchOn{
        max-height: 300px!important;
    }
    #sort_bouwnummers_container, #form_search_bouwnummers_container .theformfields .fancy-form-item{
        width: 33.33%;
    }
    
	#sort_projecten_container, #form_search_bouwnummers_container .theformfields .fancy-form-item.fancy-btn{
		display: none;
	}
	#form_search_bouwnummers_reset{
	}
    
    .object-item{
    }
    .object-item .block-image, .openFilter #pageBlock100 .object-item .block-image{
    }
    .object-item .block-caption, .openFilter #pageBlock100 .object-item .block-caption {
    }
    .object-item .block-btns{
    }
}

@media(min-width:1920px) {
	#form_search_bouwnummers_open, #form_search_bouwnummers_close{
		left: calc(50% - 930px);
	}
	.woningaanbod .openFilter #form_search_bouwnummers_container{
		left: calc(50% - 960px);
	}
}

@media(min-width:2480px) {
	.woningaanbod  .openFilter #form_search_bouwnummers_container{
		left: calc(50% - 1240px);
	}
}