/* CSS Document */
.object_content_block_ttl h2,
#main_image_caption h2,
#main_image_caption h3,
.object-project-block .object-project-specs h2{
	font-weight: 200;
}
.object-item .block-caption .block-ttl h2 a{
	font-weight: 400;
}
.object-item .block-caption .block-ttl h2 a span.projectName,
.object-item .block-caption .block-ttl h2 a span.straatnaam,
.object-item .block-caption .block-ttl h2 a span.oppervlakte,
.object-item .block-caption .block-ttl h2 a h3{
	font-weight: 300!important;
}
.nieuwbouwwoningen #pageBlockPage,
.wonen #pageBlockPage{
	padding: 0px; background: none; margin: 0px; width: 100%;
}
#form_search_bog_open,
#form_search_bog_close,
#form_search_bouwnummers_open,
#form_search_bouwnummers_close{
	position: relative; left: 0px; top: 0px; z-index: 100; margin: 0px 0px 0px 0px; padding: 150px 20px 20px 20px;
    transition: all 0.4s ease 0s; width: 100%; background: #E00000;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
#form_search_bog_open .btn-primary{
	width: 100%; text-align: center;
}
#form_search_bog_open .btn-primary span{
	font-size: 12px;
}
#form_search_bog_open .btn-primary span .fa-filter{
    margin-right: 7px;
}
#form_search_bog_close,
#form_search_bouwnummers_close{
	position: fixed; left: -290px; right: auto; top: 0px; z-index: 10002; margin: 0px 0px 0px 0px; width: 290px; padding: 55px 20px 20px 20px;
    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;
    text-align: left;
}
#form_search_bog_close .btn-primary,
#form_search_bouwnummers_close .btn-primary{
}
#form_search_bog_close .btn-primary span{
	font-size: 12px;
}
#form_search_bog_close .btn-primary span .fa-regular{
    margin-right: 7px;
}

#form_search_bog_reset,
#form_search_bouwnummers_reset{
	position: absolute; width: auto; left: auto; right: 30px; top: 55px;
	margin: 0px 0px 0px 0px;
}
@media (hover: none) {
#form_search_bog_reset,
#form_search_bouwnummers_reset{
    right: 20px;
}
}
#form_search_bog_reset .btn-primary,
#form_search_bouwnummers_reset .btn-primary{
}
#form_search_bog_reset .btn-primary::before,
#form_search_bouwnummers_reset .btn-primary::before{
	display: none;
}
#form_search_bog_reset .btn-primary:hover,
#form_search_bouwnummers_reset .btn-primary:hover{
	background: #990000;
}
#form_search_bog_reset .btn-primary:hover,
#form_search_bouwnummers_reset .btn-primary:hover{
	color: #F8EEEA;
}
#form_search_bog_reset .btn-primary:hover span,
#form_search_bouwnummers_reset .btn-primary:hover span{
	color: #F8EEEA;
}
#form_search_bog_reset .btn-primary span .fa-regular{
    margin-right: 7px;
}
#form_search_bog_close,
#form_search_bouwnummers_close{
	opacity: 0; pointer-events: none;
}
#form_search_bog_container,
#form_search_bouwnummers_container {
	position: fixed; left: -290px; width: 290px; height: 100vh; top: 0px; z-index: 10001; background: #E00000; overflow: hidden;
	padding: 120px 20px 20px 20px;
    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: #990000 #E00000;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
}
#form_search_bog_container::-webkit-scrollbar,
#form_search_bouwnummers_container::-webkit-scrollbar {
    width: 10px;
}
#form_search_bog_container::-webkit-scrollbar-track,
#form_search_bouwnummers_container::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
#form_search_bog_container::-webkit-scrollbar-thumb,
#form_search_bouwnummers_container::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
#form_search_bog_container .fancy-btn{
    display: none;
}


.openFilter #form_search_bog_open .btn-primary,
.openFilter #form_search_bouwnummers_open{
	opacity: 0; pointer-events: none;
}
.openFilter #form_search_bog_close,
.openFilter #form_search_bouwnummers_close{
	opacity: 1; pointer-events: all; display: block; left: 0px;
}
.openFilter #form_search_bog_container,
.openFilter #form_search_bouwnummers_container{
	left: 0px;
}

.viewSelecter{
    display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 10px;
    border-bottom: 1px solid #990000;
    border-top: 1px solid #990000; width: 100%;
    padding: 20px 0px;
    
}
.viewSelecter .btn-primary{
    width: 100%; white-space: nowrap;
    background: #FF0000;
}
.viewSelecter .btn-primary span{
	font-size: 14px;
    color: #F8EEEA;
}
.viewSelecter .btn-primary span .fa-regular{
    margin-right: 7px;
}
.viewSelecter .btn-primary.closed{
    background: #BC0000;
}
.viewSelecter .btn-primary.closed span{
    color: #990000;
}
.viewSelecter .btn-primary.closed:hover{
    background: #FF0000;
}
.viewSelecter .btn-primary.closed:hover span{
    color: #F8EEEA;
}

#form_search_bog_container .theformfields,
#form_search_bouwnummers_container .theformfields{
	position: relative; float: left; width: 100%; padding: 0px 0px;
}
#form_search_bog_container .theformfields .form-group.row{
    margin: 0px;
}

#pageBlock0.realworksSearchHeader,
#pageBlock0.realworksSearchHeader .page-block-page_image{
	overflow: visible;
}

#pageBlock0.realworksSearchHeader .page-block-header-caption{
	display: block; position: relative; background: rgba(0,0,0,0.8);
	z-index: 3; left: 0px; width: 100%; height: auto;
	display: flex; justify-content: center; align-items: center; align-content: center;
	flex-wrap: wrap;
}

#pageBlock0.realworksSearchHeader .page-block-header-caption .page-block-name h1{
	color: #ffffff; margin: 0px;
}
#pageBlock0.realworksSearchHeader .page-block-header-caption .page-block-intro p{
	text-align: center;
}
#pageBlock0.realworksSearchHeader .page-block-header-caption .page-block-intro p .btn-primary{
    margin-bottom: 5px;
}

.fancy-adres{
    border-bottom: 1px solid #990000;  width: 100%;
    padding: 20px 0px;
}
.fancy-adres .fancyformLabel{
    display: none;
}
.fancy-adres .form-control,
.fancy-plaats .form-control{
    background: #BC0000; font-size: 14px;    
    color: #F8EEEA; border: 0px solid #BC0000;
    padding: 5px 10px;
}
.fancy-plaats .form-control{
    margin-top: 5px; padding: 
}
.fancy-adres .fancyFormField::after{
    position: absolute; left: auto; right: 0px; top: 20px; width: 30px; height: 35px; text-align: center;
    display: block;
    -webkit-font-smoothing: antialiased; text-align: center;
    font: var(--fa-font-regular);   
    content: "\f002"; font-size: 1.0em; line-height: 35px    ;
    color: #F8EEEA;
    cursor: pointer;
}
.fancy-adres .fancyFormField::after:hover{
    color: #E00000;
}
.fancy-plaats .fancyFormField::after{
    /*position: absolute; left: auto; right: 0px; top: 20px; width: 30px; height: 35px; text-align: center;
    display: block;
    -webkit-font-smoothing: antialiased; text-align: center;
    font: var(--fa-font-regular);   
    content: "\f002"; font-size: 1.0em; line-height: 35px    ;
    color: #F8EEEA;*/
}
.fancy-adres .form-control::placeholder {
    color: #F8EEEA;
    opacity: 0.6;
}

.fancy-adres .form-control::-ms-input-placeholder {
    color: #F8EEEA;
}

.shrink #form_search_bog_container,
.shrink #form_search_bouwnummers_container{
}	
	/*
.shrink #form_search_bog_open,
.shrink #form_search_bog_close{
	top: 50px;
}
.shrink #form_search_bog_open .btn-primary,
.shrink #form_search_bog_close .btn-primary{
	height: 26px; padding-top: 0px!important; padding-bottom: 0px!important;
}
.shrink #form_search_bog_open .btn-primary span,
.shrink #form_search_bog_close .btn-primary span{
	line-height: 29px;
}
.shrink #form_search_bog_container{
	top: 80px; height: calc(100vh - 80px);
}
*/
#pageBlock100{
	display: grid; flex-wrap: wrap; width: 100%; padding: 10px 10px;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px; grid-row-gap: 10px;
}
#pageBlock100 .page-block-caption{
	
}
.object-item{
    position: relative; float: left; grid-column: 1; margin: 0px; border: 0px solid #ffffff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
	background: rgba(248, 238, 234, 1); width: 100%;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    
    order:0!important;
}
.object-item .div-add{
	display: none;
}
.object-item .block-btns{
	display: none;
}
.object-item .block-image{
	width: 100%; height: auto; overflow: hidden; 
    aspect-ratio: 100/93;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    border-bottom: 80px solid #000000;
}
.object-item .block-image::after{
	width: 100%; height: 100%; 
    background: rgba(0,0,0,0.4);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 95%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 95%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.5) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute; content: ''; display: block; left: 0px; 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; 
    pointer-events: none;
}
.object-item .block-image img{
	width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.object-item .block-image .block-image-label{
	position: absolute; left: 15px; top: 15px; font-size: 10px; line-height: 14px;
}
.object-item .block-image .block-image-label span{
	border-radius: 0px; height: 30px; margin-top: 0px; padding: 8px 10px; color: #ffffff; position: relative; float: left;
}
.object-item .block-image .block-image-label span.onder-bod,
.object-item .block-image .block-image-label span.verkocht-ovb{
	border: 1px solid #E00000; background: rgba(251, 48, 153,0.55);
}
.object-item .block-image .block-image-label span.verhuurd,
.object-item .block-image .block-image-label span.verkocht{
	border: 1px solid #E00000; background: rgba(251, 48, 153,0.55);
}
.object-item .block-image .block-image-label span.onder-optie{
	border: 1px solid #E00000; background: rgba(251, 48, 153,0.55);
}
.object-item .block-image .block-image-label span.ingetrokken{
	border: 1px solid #E00000; background: rgba(251, 48, 153,0.55);
}
.object-item .block-image .block-image-label span.nieuw{
	border: 1px solid #E00000; background: rgba(251, 48, 153,0.55); display: none;
}

.object-item .block-image::after{
	/*position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ''; display: block;
	background: rgb(32,46,57);
	background: -moz-linear-gradient(0deg, rgba(32,46,57,1) 0%, rgba(32,46,57,0) 70%);
	background: -webkit-linear-gradient(0deg, rgba(32,46,57,1) 0%, rgba(32,46,57,0) 70%);
	background: linear-gradient(0deg, rgba(32,46,57,1) 0%, rgba(32,46,57,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	mix-blend-mode: multiply;
	pointer-events: none;*/
}
.object-item .block-caption{
	position: absolute; top: auto; bottom: 0px; left: 0%; width: 100%; height: auto; padding: 10px 10px 0px 10px;
}
.object-item .block-caption .block-ttl{
	position: absolute; left: 0px; top: auto; bottom: 100%; width: 100%; padding: 20px 20px 0px 20px; display: flex; align-items: flex-end;
    flex-wrap: wrap;
}
.object-item .block-caption .block-ttl .block-link{
    position: relative; height: 80px; display: flex; align-content: center;align-items: center;
}
.object-item .block-caption .block-ttl h2{
    font-family: special; font-size: 20px; line-height: 20px; width: 100%;
	text-align: left;
}
.object-item .block-caption .block-ttl h2 a{
	color: #F8EEEA; font-size: 20px; line-height: 20px; float: left;
}
.object-item .block-caption .block-ttl h2 a span{
	width: 100%; position: relative; float: left; font-size: 14px;
}
.object-item .block-caption .block-ttl h2 a span.plaats{
	color: #F8EEEA;
}
.object-item .block-caption .block-ttl h3{
    color: #F8EEEA; font-size: 12px; padding: 2px 4px; border-radius: 2px; background: #E00000;
    font-family: NeueHaasUnicaBold; 
}
.object-item .block-caption .block-ttl h3 a{
    color: #F8EEEA;
}
.object-item .block-caption .block-ttl .btn-primary{
    
}
.object-item .block-caption .block-ttl .btn-primary span{
    font-size: 12px;
}

.object-item .block-desc{
	position: absolute; left: 0px; top: auto; bottom: 0px; width: 100%; display: flex; height: 80px;
     background: #F8EEEA; align-content: flex-start; align-items: flex-start; padding: 10px 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}

.object-item .block-desc .object-info{
    font-size: 12px; color: #282D33; display: flex; line-height: 0px;
    font-family: NeueHaasUnicaBold; flex-wrap: wrap;
}

.object-item .block-desc .object-info label{
    font-family: NeueHaasUnicaRegular; width: 100%; line-height: 20px;
}


.object-item.object-item-filler .block-image{
	opacity: 0;
	animation-name: showFiller;
	animation-duration: 0.7s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.object-item.object-item-filler::before{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000;
	display: block; content: '';
	
    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;
}



@media(min-width:768px) {
.object-item:hover .block-image{
    border-bottom: 0px solid #000000;
}
.object-item:hover .block-image img{
	height: 120%;
}
.object-item:hover .block-image::after{
    background: rgba(0,0,0,0.4);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 95%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 95%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.object-item:hover .block-desc{
    bottom: -80px;
}
}


@keyframes showFiller {
  0% {
	  opacity: 0;
  }
  100% {
	  opacity: 1;
  }
}
.object-item.object-item-filler{
	order: 5;
}
.object-item.object-item-filler:nth-of-type(2n){
	order: 13;
}
.object-item-filler iframe{
	width: 100%;
    height: 100%;
    position: absolute;
    display: block;
}
.object-item-filler{
}

.object-item-filler-cta .block-caption{
	padding: 0px 15px 15px 15px; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;
	display: flex; justify-content: flex-start; flex-wrap: wrap; z-index: 1;
	overflow: hidden; pointer-events: all;
}
.object-item-filler-cta .block-caption::before{
	display: block; background: #E00000; content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0;
	
	transform: rotate(-90deg);
    transform-origin: bottom left;
    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;
	
}
.object-item-filler-cta .block-caption::after{
	display: block; background: #000000; content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0;
	
	transform: rotate(0deg);
    transform-origin: top right;
    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;
	
}
.object-item-filler-cta .block-caption h2{
	position: relative; z-index: 2;
}
.object-item-filler-cta .block-caption h2 a{
	color: #ffffff; text-decoration: none;
}
.object-item-filler-cta .block-caption .btn-primary{
	align-self: flex-end;
	position: relative; z-index: 2;
}


.object-item.object-item-filler:hover::before{
	background: #EFEFEF;	
}
.object-item-filler-cta:hover .block-caption::before{
	transform: rotate(0deg);	
}
.object-item-filler-cta:hover .block-caption::after{
	transform: rotate(90deg);
}
.object-item-filler-cta:hover .block-caption::after{
	transform: rotate(90deg);
}
.object-item-filler-cta:hover  .block-caption .btn-primary{
	background: #000000!important; border:1px solid #000000!important;
}
.object-item-filler-cta:hover  .block-caption .btn-primary span{
	color: #ffffff;
}

#theBody.BigMap{
    overflow: hidden;
}
.page-block-map{
    position: relative; top: 0px; left: 0px; text-align: center; float: left; padding: 0px 0px 0px;
	width:100%; z-index: 99;
    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;
}
/*.shrink .page-block-map{
    top: 45px; background: rgba(255,255,255,1);
}*/
.viewOnMap{
    position: relative;
  	margin: 0px;
}
.viewOnMap .close{
	display: none;
}
.viewOnMap.open .open{
	display: none;
}
.viewOnMap.open .close{
	display: block;
}

.bestaande-bouw #pageBlock100 .page-block-caption,
.nieuwbouwwoningen  #pageBlock100 .page-block-caption,
.wonen  #pageBlock100 .page-block-caption{
    display: none;
}

@media(min-width:990px) {
    #form_search_bog_close,
    #form_search_bouwnummers_close{
        display: none!important;
    }

	#pageBlock0.realworksSearchHeader .page-block-header-caption{
		display: block; position: absolute; background: rgba(0,0,0,0.3); width: 100%; height: 100%;
		display: flex; justify-content: center; align-items: center; align-content: center;
		flex-wrap: wrap;
	}
	
    #form_search_projecten_container{
        background: rgba(255,255,255,0.8)!important;
    }
    #form_search_projecten_container .theformfields .fancy-form-item select.form-control{
        background: none!important;
    }
    
	.page-block-map{
		position: fixed; top: 80px; left: 0px; background: rgba(255,255,255,0);
		width:100%; z-index: 99;
		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;
	}
}


@media(min-width:1280px) {

	#pageBlock0.realworksSearchHeader .page-block-header-caption{
		padding: 60px 15%;
	}
	
	.page-block-map{
		position: fixed; top: 80px; left: 0px; background: rgba(255,255,255,0);
		width:100%; z-index: 99;
		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;
	}
}
/*
.shrink .viewOnMap{
	height: 26px; padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 30px!important;
}
.shrink .viewOnMap img{
	width: 10px;
}
.shrink .viewOnMap span{
	line-height: 29px;
}
*/
#bigmap{
    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;
    position: relative; float: left; top: 0px; left: 0px;
	width:100%; height:0px; margin:0px 0px 0px 0px; padding: 0px 0px; border:0px solid #ffffff;
}
#bigmap.active{
    height:calc(100vh - 212px);
    max-height:none;
}
/*.shrink #bigmap.active{
    height:calc(100vh - 65px);
}*/
.searched #bigmap{
	display:block;
}
#bigmap h1{
	font-size:16px; color:#282D33; margin:0px; padding:0px;
}
#bigmap .bodyContent{
	font-size:12px; color:#282D33; margin:0px; padding:0px; width:100%; text-align: left;
}
#bigmap .bodyContent h2{
	font-size:16px; color:#282D33; margin:0px; padding:0px; margin: 0px; padding: 0px; font-family: special;
}
#bigmap .bodyContent h3{
	font-size:12px; color:#282D33; margin:0px; padding:0px; margin: 0px; padding: 0px;
    font-family: NeueHaasUnicaBold;
}
#bigmap .bodyContent a.btn-primary{
    margin-top: 10px;
}
#bigmap .bodyContent a.btn-primary span{
    font-size: 12px;
}
#bigmap .bodyContent img{
	width:180px;
} 
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d{
    padding: 0px!important; overflow: hidden!important;
}


#objectDetail #bigmap .gm-style-iw button {display: none!important;}


.marker-cluster-small {
background-color: rgba(0, 0, 0, 0.6);
}
.marker-cluster-small div {
background-color: rgba(0, 0, 0, 0.6);
}
.marker-cluster-medium {
background-color: rgba(0, 0, 0, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(0, 0, 0, 0.6);
}
.marker-cluster-large {
background-color: rgba(0, 0, 0, 0.6);
}
.marker-cluster-large div {
background-color: rgba(0, 0, 0, 0.6);
}


.page-block-pagenrs{
	padding: 15px 5px; margin: 0px; position: relative; float: left; width: 100%; display: flex; flex-wrap: wrap;
	order: 1000000;
}
.page-block-pagenrs a{
    background: #EFEFEF; padding: 0px; margin: 0px 5px 0px 0px; text-decoration: none; text-transform: uppercase; color: #000000; width: 30px; height: 30px; line-height: 35px; text-align: center; position: relative; font-size: 12px; overflow: hidden;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.page-block-pagenrs a:hover{
    background: #EFEFEF; color: #000000;
}
.page-block-pagenrs a.active{
    background: #000000; color: #ffffff;
}


#theBody.bogdetail #header{
    left: 76px;
}
.backnav{
    position: fixed; top: 55px; left: 20px; z-index: 10001;
}
.backnav .btn-primary{
    width: 46px;height: 46px; padding: 14px 11px 11px 11px;
}
.backnav .btn-primary::before{
}
.backnav .btn-primary span{
}


#objectDetail{
    position: relative; width: 100%; padding: 0px; padding-top: 0px!important;
}
#objectDetail .page-block-module{
    position: relative; width: 100%; padding: 0px; display: flex;
}

#objectSlides{
    position: relative; float: left; margin: 0px 0px 30px 0px;
}

#objectDetail #object_nav{
    position: relative; width: 100%; padding: 0px; display: flex; flex-wrap: wrap;
	padding: 45px 30px;
}
#objectDetail #object_nav .page-block-caption {
    position: relative; width: 100%; padding: 0px;
	display: flex; flex-wrap: wrap; justify-content: center;
}
#objectDetail #object_nav .page-block-caption .page-block-ttl{
	width: 100%;
}
#objectDetail #object_nav .page-block-caption  h1{
    font-size: 34px; color: #000000;
	text-align: center;
}
#objectDetail #object_nav .page-block-caption  h1 span{
    font-size: 14px; color: #000000; width: 100%; float: left; line-height: 2em;
	text-align: center; font-weight: 500;
}
#objectDetail #object_nav .page-block-caption  h2{
    font-size: 16px; color: #C2AB92; text-transform: capitalize; width: 100%; position: relative; margin: 10px 0px 25px 0px;
	text-align: center; display: flex; justify-content: center; flex-wrap: wrap;
}
#objectDetail #object_nav .page-block-caption h2 span{
	height: 19px; padding: 5px 0px 3px 0px; margin: 0px 0px 5px 0px; position: relative;
}
#objectDetail #object_nav .page-block-caption h2 span.stad{
	margin: 0px 0px 15px 0px;
}
#objectDetail #object_nav .page-block-caption h2 span.spacer{
	background: #C2AB92; margin: 5px 10px; width: 1px;
}
#objectDetail #object_nav .page-block-caption h2 span:first-letter{
	text-transform: uppercase;
}
#objectDetail #object_nav .page-block-caption  .page-block-specs{
    display: flex; flex-wrap: wrap; width: 100%;
}
#objectDetail #object_nav .page-block-caption  h3{
    font-size: 24px; color: #000000; text-transform: capitalize; width: 100%; position: relative; margin: 0px 0px 15px 0px;
	text-align: center; display: flex; justify-content: center; flex-wrap: wrap;
    font-weight: 200;
}
#objectDetail #object_nav .page-block-caption  h4{
    font-size: 16px; color: #E00000; text-transform: capitalize; width: 100%; position: relative; margin: 15px 0px 15px 0px;
	text-align: center; display: flex; justify-content: center; flex-wrap: wrap;
}
.spec-item{
    flex-basis: 100%;
}
.spec-label{
    color: #000000; font-size: 14px; text-transform: capitalize; width: 100%; position: relative; margin: 5px 0px;
}
.spec-value{
    color: #000000; font-size: 24px; width: 100%; position: relative; margin: 5px 0px 15px 0px; 
}

#objectDetail #object_nav .page-block-caption  .page-block-specs .spec-label{
	text-align: center; font-size: 12px;
}
#objectDetail #object_nav .page-block-caption  .page-block-specs .spec-value{
	text-align: center;
}

#object_content{
	position: relative; width: 100%;
}
.nav.flex-column.nav-pills{
    
}
.nav-pills .nav-link{
    width: auto; height: auto; height: 50px; background: none; z-index: 1; padding: 0px 30px 5px 30px; border-radius: 0px; position: relative; display: inline-block; border:1.5px solid #E00000!important; font-size: 15px; letter-spacing: 2px; line-height: 50px; -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    color: #E00000; text-decoration: none; text-transform: uppercase;
}
.nav-pills .nav-link:hover{
    text-align: left; 
    background: #EFEFEF; color: #000000; text-decoration: none;
}
.nav-pills .nav-link::after{
   /* position: absolute; left: auto; right: 0px; top: 0px; height: 100%; width: 50px; 
    background: url("../img/icons/arrow.svg"); content: ''; display: block;
    background-repeat: no-repeat; background-position: center; background-size: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;*/ 
}
.nav-pills .nav-link::before{
   /* position: absolute; left: auto; right: 0px; top: 0px; height: 100%; width: 50px; 
    background: url("../img/icons/check.svg"); content: ''; display: block;
    background-repeat: no-repeat; background-position: center; background-size: 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    opacity: 0;*/
}

.nav-link .nav-icon{
    position: absolute; top: 0px; left: 0px; width: 60px; text-align: center; height: 50px; line-height: 50px;
}
.nav-link .nav-icon svg .color_1{
    fill: #000000;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}

.nav-pills .nav-link:hover{
	color: #E00000;
}
.nav-link:hover .nav-icon svg .color_1{
    fill: #E00000;
}
.nav-pills .nav-link:hover::after{
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #E00000; color: #ffffff; text-decoration: none;
}
.nav-link.active .nav-icon svg .color_1{
    fill: #ffffff;
}
.nav-link.active::after{
    opacity: 0;
}
.nav-link.active::before{
    opacity: 1;
}

.object_content_block{
	position: relative; float: left; width: 100%;
}
.object_content_block_ttl{
	position: relative; float: left; width: 100%;
}
.object_content_block_content{
	position: relative; float: left; width: 100%;
}
.object_content_block_ttl h2{
	position: relative; float: left; width: 100%; text-align: left; font-size: 45px; color: #282D33; margin: 15px 0px 30px;
}

#objectDetail #object_nav .action_btns {
    position: relative; width: 100%; padding: 0px; order: 3; margin: 30px 0px;
}
#objectDetail #object_nav .action_btns a {
    position: relative; 
    text-align: left; color: #000000; text-decoration: none; margin-top: 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    height: 30px; line-height: 50px; padding: 0px 55px 0px 35px; text-transform: capitalize;
    font-size: 16px; width:100%; float: left;
}
#objectDetail #object_nav .action_btns a span {
    height: 40px; line-height: 40px; 
    font-size: 13px; width:100%; float: left;
}
.action_btns a .nav-icon{
    position: absolute; top: 0px; left: 0px; width: 20px; text-align: center; height: 20px; line-height: 40px;
}

#object_contact{
    margin-bottom: 60px; background: rgba(194,171,146,0.6); padding: 45px; float: left; width: 100%;
}
#object_contact .action_contact,
#objectDetail #object_nav .action_contact {
    position: relative; width: 100%; padding: 0px; order: 3; margin: 30px 0px;
}
#object_contact .action_contact .action_contact_img,
#objectDetail #object_nav .action_contact .action_contact_img{
    width: calc(30% - 30px); float: left; margin-left: 30px;
}
#object_contact .action_contact .action_contact_img img,
#objectDetail #object_nav .action_contact .action_contact_img img{
    width: 100%;
}
#object_contact .action_contact .action_contact_txt,
#objectDetail #object_nav .action_contact .action_contact_txt{
    width: 65%; float: right;
}
#object_contact .action_contact .action_contact_btns,
#objectDetail #object_nav .action_contact .action_contact_btns{
    width: 55%; float: right; margin-right: 10%;
}
#object_contact .action_contact_btns a ,
#objectDetail #object_nav .action_contact_btns a {
    position: relative; display: block;
    text-align: left; 
    background: #EFEFEF; color: #000000; text-decoration: none; margin-top: 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
    height: 50px; border-radius: 0px; line-height: 55px; padding: 0px 55px; text-transform: capitalize;
    font-size: 16px;
}
#object_contact .action_contact_btns a .nav-icon,
#objectDetail #object_nav .action_contact_btns a .nav-icon{
    position: absolute; top: 0px; left: 20px; width: 20px; text-align: center; height: 30px; line-height: 50px;
}

#object_contact .action_contact_btns a:hover,
#objectDetail #object_nav .action_contact_btns a:hover{
	color: #E00000;
}
#object_contact .action_contact_btns a:hover .nav-icon,
#objectDetail #object_nav .action_contact_btns a:hover .nav-icon{
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(1px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

#objectDetail #object_nav #v-tab {
    position: relative; width: 100%; padding: 0px; order: 2; 
	display: none;
}

#pageBlock100{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.woningaanbod .openFilter #pageBlock100{
	padding-left: 280px;
}
@media(max-width:960px) {
	.openFilter #pageBlock100 .object-item{
		width: 100%;
        grid-column: span 5;
	}
	.openFilter #pageBlock100 .object-item .block-image{
        border-bottom: 0px solid #F8EEEA;
	}
	.openFilter #pageBlock100 .object-item .block-desc{
        bottom: -80px;
	}
}
@media(max-width:900px) {
	.openFilter #pageBlock100 .object-item{
		width: 100%;
        grid-column: 2 / span 8;
	}
	.openFilter #pageBlock100 .object-item .block-image{
        border-bottom: 0px solid #F8EEEA;
	}
	.openFilter #pageBlock100 .object-item .block-desc{
        bottom: -80px;
	}
}
@media(max-width:767px) {
    #objectDetail #object_nav #v-tab{
        order: 5; display: flex; flex-direction: row!important; flex-wrap: nowrap;
        justify-content: space-between; margin-bottom: 30px;
    }
    .nav-pills .nav-link::before,
    .nav-pills .nav-link::after,
    .nav-pills .nav-link .nav-icon{
        display: none!important;
    }
    .nav-pills .nav-link{
        padding: 0px 20px; font-size: 14px; line-height: 45px; height: 40px
    }
    
    #objectDetail #object_nav .action_contact_btns a{
        font-size: 14px; height: 40px; line-height: 45px; padding-right: 15px;
    }
    #objectDetail #object_nav .action_contact_btns a .nav-icon{
        line-height: 40px; height: 20px;
    }
	.openFilter #pageBlock100{
        padding-left: 300px;
	}
	.openFilter #pageBlock100 .object-item{
		width: 100%;
        grid-column: span 8;
	}
	.openFilter #pageBlock100 .object-item .block-image{
        border-bottom: 0px solid #F8EEEA;
	}
	.openFilter #pageBlock100 .object-item .block-desc{
        bottom: -80px;
	}
    
    
    #object_contact .action_contact .action_contact_img{
        width: 30%; margin-left: 35%; margin-right: 35%;
    }
    
    #object_contact .action_contact .action_contact_txt{
        width: 100%;
    }
    #object_contact .action_contact .action_contact_txt h3,
    #object_contact .action_contact .action_contact_txt p{
        text-align: center;
    }
    #object_contact .action_contact .action_contact_btns{
        width: 80%;
    }
}
@media(max-width:600px) {
	.openFilter #pageBlock100 .object-item .block-image{
		height: calc((100vw - 280px) - 15px); width: 100%;
	}
    .openFilter #pageBlock100 .object-item .block-image img{
        float: right;
    }
	.openFilter #pageBlock100 .object-item{
		width: 100%;
        grid-column: span 1;
	}
    
	.openFilter #pageBlock100 .object-item .block-image-label{
		opacity: 0;
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h3,
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2{
        display: none;
	}
}
@media(max-width:480px) {
	.openFilter #pageBlock100 .object-item .block-caption{
		opacity: 0;
	}
}

@media(max-width:990px) {
    .btn-nieuwbouwMode {
        display: none!important;
    }
    #form_search_bouwnummers_open{
        display: none;
    }
}

@media(min-width:560px) {
	.openFilter #pageBlock100 .object-item .block-caption,
	.openFilter #pageBlock100 .object-item .block-image-label{
	}
}


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

@media(min-width:600px) {
	#objectSlides{
		display: none;
	}
	
	#pageBlock100 {
        grid-template-columns: repeat(8, 1fr);
    }
	.object-item{
        grid-column: 2 / span 6;
	}
	.object-item .block-image{
	}
	.object-item .block-image img{
	}
	.object-item .block-caption{
	}
	
	.object-item .block-caption .block-ttl h2 a{
		font-size: 18px; line-height: 22px;
	}
    .object-item .block-caption .block-ttl h2 a span.straatnaam,
	.object-item .block-caption .block-ttl h2 a span.projectName{
		font-size: 24px;line-height: 28px; margin: 10px 0px;
	}
	.object-item .block-caption .block-ttl h2 a span.oppervlakte{
		font-size: 16px; line-height: 24px;
	}
	.object-item .block-caption .block-ttl h2 a h3{
		font-size: 16px; line-height: 24px;
	}
	
	.openFilter #pageBlock100 .object-item .block-image{
		
	}
	.openFilter #pageBlock100 .object-item .block-caption{
		
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a h3{
	}
	
	
}
@media(min-width:768px) {
	
	#pageBlock100 {
        grid-template-columns: repeat(10, 1fr);
    }
    .openFilter #pageBlock100{
        padding-left: 300px;
    }
    
	.object-item{
        grid-column: span 5;
	}
    .openFilter .object-item{
    }
    
	
	#form_search_bog_open, #form_search_bog_close,
	#form_search_bouwnummers_open, #form_search_bouwnummers_close{
	}
    #form_search_bog_open .btn-primary{
        margin: 0px 40px; width: calc(100% - 80px);
    }
	.page-block-map{
		top: 0px; text-align: right; padding-right: 0px;
	}
	.viewOnMap{
		margin: 5px 30px 5px 0px;
	}
	/*
	.shrink #form_search_bog_open, .shrink #form_search_bog_close{
		top: 75px;
	}
	.shrink .page-block-map{
		top: 70px;
		background:rgba(247,247,247,1)
	}
	.shrink #form_search_bog_container{
		top: 105px;
	}
	*/
	
	.object-item{
	}
	.object-item .block-image{
	}
	
    #objectDetail #object_nav .action_btns a span {
        height: 50px; line-height: 50px; font-size: 16px;
    }
    .action_btns a .nav-icon{
        height: 30px; line-height: 50px;
    }
	.openFilter #pageBlock100 .object-item .block-image{
	}
	.openFilter #pageBlock100 .object-item .block-caption{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a{
	}
    .openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.straatnaam,
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.projectName{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.oppervlakte{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a h3{
	}
}
@media(min-width:991px) {
    #theBody.realworksbog #header{
        left: 20px;
    }
    
	.object-item{
	}
	.openFilter #pageBlock100 .object-item .block-image{
	}
	.openFilter #pageBlock100 .object-item .block-caption{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a{
	}
    .openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.straatnaam,
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.projectName{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a span.oppervlakte{
	}
	.openFilter #pageBlock100 .object-item .block-caption .block-ttl h2 a h3{
	}
	#form_search_bog_open, #form_search_bog_close,
	#form_search_bouwnummers_open, #form_search_bouwnummers_close{
		display: none;
	}
    #form_search_bog_close{
        position: absolute;
        display: block!important; width: 310px; top: 85px; background: none; left: 0px!important; opacity: 1; pointer-events: all;
        transition: all 0s ease 0s;
        -moz-transition: all 0s  ease 0s;
        -webkit-transition: all 0s  ease 0s;
        -o-transition: all 0s  ease 0s;

        
    }
    #form_search_bog_close .btn-primary{
        display: none!important;
    }
    #form_search_bog_close #form_search_bog_reset .btn-primary{
        display: block!important;
    }
    .viewSelecter{
        padding-right: 85px;
    }
    
	#form_search_bog_container,
	#form_search_bouwnummers_container{
		position: fixed; top: 0px; left: 0px; width: 310px; z-index: 1000;
	}
	.aanbod #pageBlock100,
	.wonen #pageBlock100,
	.nieuwbouwwoningen #pageBlock100{
		padding-left: 320px;
	}
	.aanbod #form_search_bog_reset .btn-primary,
	.wonen #form_search_bog_reset .btn-primary,
	.nieuwbouwwoningen #form_search_bouwnummers_reset .btn-primary{
		float: left;
	}
	
    #pageBlock100{
        min-height: calc(100vh - 90px); align-content: flex-start; margin-bottom: 100vh;
    }
    .page-block-map{
        padding-left: 310px;
    }
    #bigmap.active{
        height: 100vh;
    }
    
}
@media(min-width:1080px) {
	
	.object-item{
	}
	.object-item .block-caption{
	}
	.object-item .block-caption .block-ttl{
	}
	
	.openFilter #pageBlock100 .object-item{
	}
	.openFilter #pageBlock100 .object-item .block-image{
	}
	.object-item .block-caption .block-ttl h2 a{
	}
	.object-item .block-caption .block-ttl h2 a h3{
	}
	.object-item .block-caption .block-ttl h2 a span.oppervlakte{
	}
	
	.object-item .block-image .block-image-label span{
		padding: 8px 20px; font-size: 14px;
	}
	
	.object-item-filler-cta .block-caption{
		padding: 15px 30px 30px 30px;
	}
	#form_search_bog_container,
	#form_search_bouwnummers_container{
        top: 0px; left: 0px; height: 100vh; margin: 0px;
	}
	.aanbod #pageBlock100{
	}
    
	
}

.wonen  #pageBlock100 .object-item.object-item-filler .block-caption,
.bestaande-bouw  #pageBlock100 .object-item.object-item-filler .block-caption{
    position: relative!important; width: 100%!important; left: 0px!important; height: auto!important; padding: 15px!important;
}


@media(min-width:1280px) {
	.aanbod #pageBlock100 {
		padding: 30px 30px 20px 340px ;
        grid-template-columns: repeat(12, 1fr);
    }
	.object-item{
        grid-column: span 6;
	}
	.object-item .block-image,
	.openFilter #pageBlock100 .object-item .block-image{
	}
	.object-item .block-caption,
	.openFilter #pageBlock100 .object-item .block-caption{
	}
	
	.object-item .block-caption .block-ttl{
	}
	.object-item .block-btns{
		display: block; padding-left: 495px; padding-bottom: 30px; text-align: left;
		position: absolute; top: auto; bottom: 0px;
	}
}
@media(min-width:1440px) {
	.aanbod #pageBlock100 {
		padding: 30px 60px 30px 340px ;
        grid-template-columns: repeat(12, 1fr);
    }
	.object-item{
        grid-column: span 4;
	}
}
@media(min-width:1600px) {
    #form_search_bog_container, #form_search_bouwnummers_container{
        width: 390px; padding: 120px 60px 20px 60px;
    }
    #form_search_bog_close{
        width: 350px;
    }
    #theBody.realworksbog #header{
        left: 60px;
    }
	.aanbod #pageBlock100 {
		padding: 30px 60px 30px 420px ;
        grid-template-columns: repeat(12, 1fr);
    }
    .page-block-map{
        padding-left: 390px;
    }
    
}
@media(min-width:1920px) {
	
	
	#pageBlock100{
		width: 1920px;
	}
	#form_search_bog_container,
	#form_search_bouwnummers_container{
		left: calc(50% - 960px)!important;
	}
	#form_search_bog_open, #form_search_bog_close,
	#form_search_bouwnummers_open, #form_search_bouwnummers_close{
	}
	.openFilter #form_search_bog_container,
	.openFilter #form_search_bouwnummers_container{
	}
	.page-block-map{
	}
	.object-item{
	}
	.openFilter #pageBlock100 .object-item{
	}
	.openFilter #pageBlock100 .object-item .block-image{
	}
}

@media(min-width:2480px) {
	.openFilter #pageBlock100{
	}
	.openFilter #form_search_bog_container,
	.openFilter #form_search_bouwnummers_container{
	}
	.openFilter #pageBlock100 .object-item{
	}
	.openFilter #pageBlock100 .object-item .block-image{
	}
}

#main_image{
	position: relative; float: left; width: 100%; height: 92.3354vh; height: 72.3354vh;
}
#main_image::after{
}
#main_image img{
	width: 100%; height: 100%; object-fit: cover; object-position: center center;
    z-index: 1;
}
#main_image_caption{
    z-index: 3;
	position: absolute; top: auto; bottom: 0px; width: 100%; height: auto; padding: 20px 20px 40px 20px;
}


@media(max-width:768px) {
#main_image_caption::before{
	width: 100%; height: 150%; 
    background: rgba(0,0,0,0.4);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute; content: ''; display: block; left: 0px; top: -50%;
	-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;
}
#main_image_caption .page-block-ttl{
    z-index:3;
}
}

#object_main .page-block-ttl h1,
#main_image_caption h2{
    float: left; width: 100%;
	font-size: 30px; line-height: 1em;  color: #F8EEEA; padding: 0px; margin: 0px; font-family: special; margin: 15px 0px;
} 
#object_main .page-block-ttl h3,
#main_image_caption h3{
    float: left; width: 100%;
    font-size: 14px;
    font-family: NeueHaasUnicaRegular; color: #F8EEEA; padding: 0px; margin: 0px; 
}
#object_main .page-block-ttl h4,
#main_image_caption h4{
    color: #f0f0f0; font-size: 12px; padding: 2px 4px; border-radius: 2px; background: #FF0000; position: relative; top: 0px; left: 0px; z-index: 1;
    font-family: NeueHaasUnicaBold; float: left; margin: 0px;
}

#object_main{
    color: #f0f0f0!important;
}
#object_main .page-block-caption{
    /*align-content: flex-start; */align-items: flex-start; margin: 0px; padding: 0px 20px;
}
#object_main .page-block-txt-intro{
    margin: 40px 0px;
}
#object_main .page-block-txt-intro,
#object_main .page-block-txt-intro p{
	font-size: 20px; line-height: 1.2em;  color: #F8EEEA; font-family: special; 
}

#object_main .page-block-caption .detail-specs-main{
     width: 100%; padding: 0px; margin: 0px; position: relative; float: left;
}

#object_main .page-block-caption .detail-specs-main .object-info{
    font-family: NeueHaasUnicaBold; width: 100%; padding: 0px; margin: 20px 0px 0px 0px;  font-size: 16px;
}

#object_main .page-block-caption .detail-specs-main .object-info label{
    font-family: NeueHaasUnicaRegular; width: 100%; padding: 0px; margin: 0px; font-size: 14px;
}


#object_main .page-block-caption .btn-primary{
    margin: 40px 10px 40px 0px;
}
#object_main .page-block-caption .btn-primary .fa-regular{
    margin-right: 5px;
}

@media(max-width:767px) {
    #object_main .page-block-ttl h1,
    #object_main .page-block-ttl h3,
    #object_main .page-block-ttl h4{
        display: none;
    }
    #object_main .page-block-caption .btn-primary{
        width: 100%; text-align: center; margin: 40px 0px;
    }
    #object_main .page-block-caption #actionContactQuick_2.btn-primary{
        order: -1; margin: 40px 0px 0px 0px;
    }
    #object_main .page-block-caption .page-block-ttl #actionContactQuick.btn-primary{
        display: none;
    }
}

@media(min-width:600px) {
#main_image{
    max-height: 120vw;
}
}


#v-media {
    position: relative; width: 100%; padding: 0px; float: left;
}
#v-media #pageBlockCarouselMain{
    position: relative; width: 100%; padding: 0px; float: left;
}
#v-media #pageBlockCarouselMain .carousel-inner{
    height: 60vh; width: 100%;
}
#v-media #pageBlockCarouselMain .carousel-inner .carousel-item {
    height: 60vh; width: 100%;
}
#v-media #pageBlockCarouselMain .carousel-inner .carousel-item img{
    height: 100%; width: 100%; object-fit: cover;
}
#v-media #pageBlockCarouselMain .carouselState{
    background: none; 
    border: 1px solid #282D33; padding: 11px; border-radius: 6px; width: 100px; margin: 0 auto; text-align: center; margin-top: 20px;
}
#v-media #pageBlockCarouselMain .carouselState .fa-regular{
    margin-right: 5px;
}
#v-media #pageBlockCarouselMain .carousel-indicators{
    display: none;
}

#v-information,
#v-location{
	padding: 20px 10px;
}

.tab-content{
    
}
.tab-pane{
    padding: 0px 0px 45px 0px; border-left: 1px solid #ffffff;
}
.tab-pane.active{
    float: left; width: 100%;
}
.tab-pane h2{
    font-family: new-hero, sans-serif; color: #000000; text-transform: capitalize;
    /*font-weight: 400;*/ font-size: 18px; width: 100%;
	margin: 0px;
}
.tab-pane,
.tab-pane p{
    color: #919191; font-size: 12px;
}



.row-list{
    color: #ffffff;    
}
.row-list.warning-row{
    background-color: #9F7576; padding: 5px 10px!important;
}
.row-value{
    
}


#object_content{
	padding: 0px 0px;
}


#contentOmschrijving{
	display: flex; justify-content: center; flex-wrap: wrap; width: 100%; position: relative; float: left;
}


#my_object .page-block-desc{
	padding: 30px 0px; max-width: 800px; max-height: 200px; overflow: hidden; margin: 45px 0px; position: relative; width: 100%;
	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	-o-transition: all 1.4s ease;
	transition: all 1.4s ease; 
}
#my_object .page-block-desc::after{
	position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; height: 45px; content: ''; display: block;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(190deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(190deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(190deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	-webkit-transition: all 1.4s ease;
	-moz-transition: all 1.4s ease;
	-o-transition: all 1.4s ease;
	transition: all 1.4s ease; 
}
#my_object .page-block-desc.opened{
	max-height: 2000px;
}
#my_object .page-block-desc.opened::after{
	opacity: 0;
}
#my_object .page-block-desc-opener{
	width: 100%;padding: 30px 0px; text-align: center;
}

.first-image{
	width: 80%; margin: 0px 10% 30px 10%;
}

#main_gallery{
	position: relative; width: 100%; float: left; margin-top: 7.5px; padding: 0px 7.5px;
}
#main_gallery .link-image{
    width: 50%; overflow: hidden; margin: 0px; display: block; display: none; height: 50vw; float: left; position: relative; border: 7.5px solid #ffffff;;
}
#main_gallery .link-image:nth-of-type(1),
#main_gallery .link-image:nth-of-type(2),
#main_gallery .link-image:nth-of-type(3),
#main_gallery .link-image:nth-of-type(4){
	display: block;
}
.more-images-notification{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.4); z-index: 1; text-align: center; font-size: 24px; font-weight: 200; pointer-events: none; display: flex; justify-content: center; align-items: center; padding: 0px 25%;
}

#main_gallery .link-image img{
  	object-fit: cover; max-width: 180%;
}
.map-head{
	display: none;
}
@media(min-width:768px) {

    #main_image{
        display: none;
    }
    #object_main{
        padding: 120px 40px 120px;
    }
    
    #theBody.bogdetail #header{
        left: 116px;
    }
    .backnav{
        left: 60px; top: 30px;
    }    
	
	#objectDetail{
		padding: 0px 0px;
	}
	#my_object{
		width: 100%; float: left;
	}
	#objectDetail #object_nav .action_contact .action_contact_btns{
		width: 65%; margin: 0px;
	}
	
	#objectDetail #object_content{
		width: 100%; padding: 0px 60px; float: left;
	}
    
    
    #object_main .page-block-caption #actionContactQuick_2.btn-primary{
        display: none;
    }
    #object_main .page-block-caption .page-block-ttl #actionContactQuick.btn-primary{
    }
    
    .bogdetail #v-media{
        padding: 0px 60px; margin-top: -60px;
    }
    .bogdetail #v-media #pageBlockCarouselMain .carousel-inner,
    .bogdetail #v-media #pageBlockCarouselMain .carousel-inner .carousel-item{
        height: 70vw;
    }
    
    
	#main_gallery{
		height: calc(100% + 15px); width: calc(50% - 33px); margin-top: 0px;
		position: absolute; left: 50%; overflow: hidden;
	}
	#main_gallery .link-image{
		height: 407.5px; margin: 0px; width: 50%;	
	}
    #main_gallery .link-image{
        border: 7.5px solid #ffffff; border-top: 0px; border-bottom: 15px solid #ffffff;
    }
	#main_gallery .link-image img{
		height: 400px; width: auto; object-fit: cover; min-height: 100%; min-width: 100%;
	}
	.spec-item{
		flex-basis: 100%;
	}
	.map-head{
		display: none;
	}
	#object_contact .action_contact .action_contact_img,
	#objectDetail #object_nav .action_contact .action_contact_img{
		width: 180px; margin-left: calc(50% - 90px); border-radius: 50%; height: 180px; overflow: hidden;
	}
	#object_contact .action_contact .action_contact_txt,
	#object_contact .action_contact .action_contact_btns,
	#objectDetail #object_nav .action_contact .action_contact_txt,
	#objectDetail #object_nav .action_contact .action_contact_btns{
		width: 700px; margin-right: calc(50% - 350px); text-align: center;
	}
	#object_contact .action_contact .action_contact_btns,
	#objectDetail #object_nav .action_contact .action_contact_btns{
        display: flex; justify-content: center;
	}
	#object_contact .action_contact .action_contact_btns a,
	#objectDetail #object_nav .action_contact .action_contact_btns a{
        margin: 30px 5px;
	}
	#objectDetail #object_nav #v-tab{
		margin: 30px 0px;
	}
	#main_image_caption h2{
		font-size: 21px;
	}
	#main_image_caption h3{
		font-size: 17px;
	}
    .object-project-block{
        margin-left: 33px; width: calc(100% - 66px)!important;
    }
    
    #collapseMap #bigmap.active{
        height: 100vw;
    }
    
}


.bogdetail #v-media_2{
    display: none;
}

@media(min-width:900px) {
    #my_object{
        align-items: flex-start;
        width: 100%;
        width: 60%;
        position: relative;
        top: 0px;
    }
    #object_main{
        padding: 120px 40px 60px 40px;  left: 0px; top: 0px; min-height: 75vh;
        width: 100%; position: relative;
    }
    #object_main::before{
        position: absolute; width: 100vw; left: 0px; top: 0px; height: 100%; background: #E00000;
        content: ''; display: block;    
    }
    #object_main .page-block-caption{
        align-items: flex-end;
    }
    #object_main .page-block-txt-intro{
        align-self: flex-start;
    }
    #object_main .page-block-caption .detail-specs-main{
        display: flex; flex-wrap: nowrap;
    }
    #object_main .page-block-ttl h1{
        font-size: 40px;
    }
    #main_image_caption h2{
        font-size: 16px;
    }
    
    .bogdetail #v-media{
        position: absolute; top: 0px; left: auto; right: 0px; margin: 0px;
        padding: 0px 60px;  width: 40%; order: -1; height: 100%; overflow: hidden; z-index: 10001; min-height: 200vh;
        overflow-y: scroll!important; padding-top: 170px;
        
        display: none;
    }
    .bogdetail #v-media_2{
        display: block;
        padding: 120px 40px 60px 40px;  left: 0px; top: 0px; min-height: 75vh;
        width: 40%; position: relative;
    }
    .bogdetail #v-media_2 img{
        width: 100%; margin: 0px 0px 40px 0px;
    }
    .bogdetail #v-media::-webkit-scrollbar {
        display: none;
    }
    .bogdetail #v-media .carousel-control-prev,
    .bogdetail #v-media .carousel-control-next {
        display: none;
    }
    #v-media #pageBlockCarouselMain .carouselState {
        position: absolute; top: -100px; left: auto; right: 0px;
        border: 1px solid #F8EEEA;
        color: #F8EEEA;
    }
    .bogdetail #v-media #pageBlockCarouselMain .carousel-inner{
        height: auto; 
        display: grid; flex-wrap: wrap; width: 100%;
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }
    
    .bogdetail #v-media #pageBlockCarouselMain .carousel-inner .carousel-item{
        height: auto!important; display: block!important; position: relative!important; opacity: 1!important; margin: 0px!important;
    }
    .bogdetail #v-media #pageBlockCarouselMain .carousel-inner .carousel-item img{
        height: auto!important;
        width: 100%; object-fit: none;
    }
    
    #objectDetail #object_content{
        width: 60%; padding: 60px 50px 0px 50px;
        width: 100%;
    }
    
    #objectDetail #endContact{
        width: 60%;
        width: 100%;
    }
    
	#contentDetails{
		display: flex; flex-wrap: wrap; width: 100%; float: left; justify-content: center;
		max-width: 600px; margin-left: calc(50% - 300px); margin-right: calc(50% - 300px);
	}
	#contentDetails .detail-block{
        width: 100%;
	}
    #collapseMap #bigmap.active{
        height: 50vw;
    }
	/*#objectDetail #object_content{
        position: sticky; top: 0px; left: 0px; padding: 85px 50px 0px 50px; min-height: 300vh;
	}
    #objectDetail #endContact{
        position: sticky; top: auto; bottom: 0px; left: 0px;
    }*/
}
@media(min-width:991px) {
    .backnav{
    }
	#my_object{
	}
	.spec-item{
	}
	#objectDetail #object_content{
	}
	#objectDetail #object_nav .action_contact .action_contact_img{
		width: 30%; margin: 0px;
	}
	#objectDetail #object_nav .action_contact .action_contact_txt,
	#objectDetail #object_nav .action_contact .action_contact_btns{
		width: 65%; margin: 0px;
	}
	
	#objectDetail #object_nav .page-block-caption h1{
		font-size: 40px;
	}
    #object_main .page-block-txt-intro, #object_main .page-block-txt-intro p{
        font-size: 30px;
    }
}
@media(min-width:1100px) {
	#main_gallery{
	}
	#objectDetail #object_nav .action_contact .action_contact_txt p{
		font-size: 14px;
	}
}
@media(min-width:1280px) {
	#main_image_caption{
		padding: 30px 60px;
	}
}
@media(min-width:1440px){
	#my_object{
	}
	#objectDetail #object_content{
	}
	#objectDetail #object_nav #v-tab{
	}
	#objectDetail #object_nav .action_contact{
	}
}

@media (min-width: 1920px){
    .backnav{
        left: calc(50vw - 910px)!important;
    }
    #theBody.bogdetail #header{
        left: calc(50vw - 856px)!important;
    }
    #object_main::before{
        left: calc(960px - 50vw);
    }
    
}

@media (hover: none) and (min-width: 1920px){
    .backnav{
        left: calc(50vw - 900px)!important;
    }
    #theBody.bogdetail #header{
        left: calc(50vw - 846px)!important;
    }
}


/*
#main_gallery{
    display: flex;
    flex-flow: column wrap; height: 6000px;
    align-content: space-between;
    counter-reset: items;
}

#main_gallery .link-image:nth-child(3n+1) { order: 1; }
#main_gallery .link-image:nth-child(3n+2) { order: 2; }
#main_gallery .link-image:nth-child(3n)   { order: 3; }

#main_gallery::before,
#main_gallery::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}

@media(max-width:767px) {
    #main_gallery .link-image{
        width: calc(50% - 5px); overflow: hidden; margin-bottom: 8px;
    }
    #main_gallery .link-image:nth-child(2n+1) { order: 1!important; }
    #main_gallery .link-image:nth-child(2n+2) { order: 2!important; }

    #main_gallery .link-image img{
        width: 100%!important;  margin-left: 0px!important;
    }
    #main_gallery .link-image:nth-of-type(3n+3) img{
        width: 180%!important; margin-left: -40%!important;
    }

}*/


/*#main_gallery .link-image::before {
  counter-increment: items;
  content: counter(items);
}*/


#object_content .accordion>.card{
	background: #FFF9F6; border-radius: 0px; margin-bottom: 10px;
    border: 0px;
}
#object_content .accordion>.card>.card-header{
	background: none; border: 0px; padding: 0px 9px;
}
#object_content .accordion>.card>.card-header h2{
    margin: 0px; padding: 0px;
}
#object_content .accordion>.card>.card-header h2 .btn-link{
	font-size: 14px; text-decoration: none!important; padding: 11px; line-height: 20px;
	background: #FFF9F6;
	color: #FF0000;
}
#object_content .accordion>.card>.card-header h2 .btn-link.collapsed{
    color: #282D33; 
}
#object_content .accordion>.card>.card-header h2 .btn-link:hover{
	color: #FF0000!important;
}
#object_content .accordion>.card>.card-header h2 .btn-link .fa-regular{
    width: 20px; text-align: left;
}
#object_content .accordion>.card>.card-header h2 .btn-link::before{
}
#object_content .accordion>.card>.card-header h2 .btn-link.collapsed::before{
}
#object_content .accordion>.card .card-body{
	font-size: 14px; padding: 20px 20px 20px 20px;
}
#object_content .accordion>.card .card-body h2{
	color: #FF0000; font-size: 14px; padding: 20px 0px 0px 0px; margin: 0px 0px 3px 0px; float: left;
}

#contentDetails h2,
.tab-pane .detail-block h2{
	margin: 30px 0px 5px 0px; float: left; width: 100%; font-size: 14px; color: #E00000;
}
#contentDetails .spec-item,
#object_content .accordion>.card .card-body .spec-item{
	width: 100%; float: left; display: flex; flex-wrap: nowrap;
	margin: 0px 0px 3px 0px;
}
#contentDetails .spec-label,
#object_content .accordion>.card .card-body .spec-label{
	margin: 0px; padding-right: 5px; color: #5E5E5E; min-width: 170px;
    font-family: NeueHaasUnicaRegular; text-transform: none;
}
#contentDetails .spec-value,
#object_content .accordion>.card .card-body .spec-value{
	margin: 0px;
	font-size: 14px; color: #282D33;
    font-family: NeueHaasUnicaBold;  text-transform: none;
}



#object_content .accordion>.card #collapseMap .card-body{
    padding: 0px;
}
#object_content .accordion>.card #collapseMap .card-body h4{
    font-family: NeueHaasUnicaBold; 
	font-size: 12px; border-radius: 2px;
    margin: 0px; padding: 3px; background: #ff0000; color: #FFF9F6; float: left;
}
#object_content .accordion>.card #collapseMap .card-body h2{
    width: 100%; float: left; margin: 3px 0px 0px 0px; padding: 0px;
}
#object_content .accordion>.card #collapseMap .card-body h3{
    width: 100%; float: left;
}
#object_content .accordion>.card #collapseDocumenten .card-body h3{
    font-family: NeueHaasUnicaBold; 
    width: 100%; float: left; font-size: 12px;
}
#object_content .accordion>.card #collapseDocumenten .card-body .btn-primary{
    margin: 0px 0px 10px 0px; width: 100%; text-align: center;
}
#object_content .accordion>.card #collapseDocumenten .card-body .btn-primary span .fa-regular{
    margin-right: 7px;
}



@media(min-width:900px) {
    #object_content .accordion>.card>.card-header h2 .btn-link{
        font-size: 16px; line-height: 30px;
    }
}



#collapsePlattegrond .popup-gallery{
	display: flex; flex-wrap: wrap;
}


.link-plattegrond{
	width: 50%;
}
.link-plattegrond img{
	width: 100%;
}

.link-document{
}

.link-document .nav-icon{
}


.map-head h2{ 
	font-size: 20px;
}
.map-head h2 span{
	width: 100%; float: left; font-size: 14px;
}
.map-head h3{ 
	font-size: 14px; color: #E00000; text-transform: capitalize;
    width: 100%;  position: relative;
    margin: 5px 0px 0px 0px;
}
.map-head h4{ 
	font-size: 14px; color: #000000; text-transform: capitalize;
    width: 100%;  position: relative;
    margin: 5px 0px 0px 0px;
}
.maptypebuttons{
	display: flex; float: left; width: 100%; margin: 30px 0px 15px 0px; justify-content: center;
}
.maptypebuttons .btn-primary {
    font-size: 10px; border: 0px!important; padding: 5px 5px 5px 5px; margin: 0px 5px 0px 5px; background: #ffffff!important;
}
.maptypebuttons .btn-primary img {
    width: 35px; position: relative; top: 0px; left: 0px;
    height: 35px;
}

#v-omgeving{
	display: flex; justify-content: center; width: 100%; float: left; flex-wrap: wrap; padding: 60px 20px;
	background: rgba(248,238,234,1); order: 5;
}
.wijkstats{
	display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1080px; width: 100%;
}
.stat-chart,
.donut-chart{
	width: 100%; min-width: 300px; margin-top: 45px; position: relative;
}
.chartCanvas{
	width: 100%;  margin: 15px; overflow: visible; max-width: 400px; max-height: 420px;
}

.stat-chart h2,
.donut-chart h2{
	font-weight: 200; font-size: 20px; padding: 0px 30px; margin: 15px 0px 0px 0px;
}
.donut-chart h3{
	font-weight: 300; font-size: 14px; padding: 0px 30px; margin: 0px 0px 15px 0px;
}
.stat-legend,
.stat-chart-block{
	position: relative; float: left; width: 100%; color: #E00000; line-height: 25px; margin: 5px 0px 0px 0px; padding: 0px 30px;
}
.stat-legend-color{
	position: relative; float: left; width: 100%; width: 25px; height: 25px; margin-right: 15px;
}

.stat-chart-block{
	margin: 30px 0px 0px 0px;
}
.stat-chart-block-icon{
	width: 30%; float: left; position: relative;
}
.stat-chart-block-icon svg{
}
.stat-chart-block-label{
	width: 60%; float: left; position: relative;
	color: #282D33; font-weight: 200; font-size: 16px;
}
.stat-chart-block-nr{
	width: 60%; float: left; position: relative;
	font-weight: 500;
}
@media(min-width:768px) {
#v-omgeving{
	padding: 60px 60px;
}
}

#form_search_bog_container select.form-control,
#form_search_bouwnummers_container select.form-control{
	margin-left: 0px;
    padding: 5px 6px;
}
#form_search_bog_container .fancy-project .fancyformLabel,
#form_search_bog_container .fancy-koopofhuur .fancyformLabel,
#form_search_bog_container .fancy-activeSort .fancyformLabel,
#form_search_bouwnummers_container .fancy-plaats .fancyformLabel,
#form_search_bouwnummers_container .fancy-project .fancyformLabel,
#form_search_bouwnummers_container .fancy-koopofhuur .fancyformLabel,
#form_search_bouwnummers_container .fancy-activeSort .fancyformLabel{
	display: none;
}

#form_search_bog_container .fancy-soort_object .circle_text,
#form_search_bouwnummers_container .fancy-soort_object .circle_text{
	text-transform: lowercase;
}
#form_search_bog_container .fancy-soort_object .circle_text:first-letter,
#form_search_bouwnummers_container .fancy-soort_object .circle_text:first-letter{
	text-transform: uppercase;
}


#form_contact-terugbel_container .fancy-q1,
#form_contact-terugbel_container .fancy-q2{
    display: none;
}
#contact-terugbel{
    display: flex; justify-content: center;
}
#contact-terugbel .page-block-caption,
#contact-terugbel .page-block-module{
    max-width: 430px;    
}
#theBody.wonen #pageBlockPage #pageBlock0{
    order: 1;   
}

#theBody.wonen #pageBlockPage #veel-voordelen{
    order: 2;   
}

#theBody.wonen #pageBlockPage #pageBlock100{
    order: 3;   
}


#theBody.modal-open{
    overflow: scroll;
}
#lightbox-modal.lightbox-modal{
    overflow: hidden; padding: 0px!important;
}


.form-group.row.has-error li{
    display: none!important;
}


#btn_viewGrid{
}
#btn_viewMap{
}

#btn_viewGrid.disabledBtn,
#btn_viewMap.disabledBtn{
    pointer-events: none;
}