/*
base color: #ad9964;
*/


/**************************************************************************************
**
** COMMON
**
***************************************************************************************/


body {
	padding: 0;
	margin: 0 auto;
}

body, td, input[type=text], textarea {
	font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*.row {
	max-width: 105rem;
}*/


img {
    max-width: 100%;
}

h1 {
	font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	color:#444;
	display:block;
}

h2 {
	font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:1.5em;
	color: #444;
}

h2.blog {
	font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;
	color: #444;
}

h3 {
	font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	color: #444;
	font-size:1.3em;
}



p, ul, li{
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;
	line-height:2em;
}




blockquote {
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 2em; 
	border-left: 2px solid #ddd; 
	font-style: italic; 
	color: #666; 
}

ul.Inputfields{
	list-style:none;
	padding:0;
	margin:0px;
}


.greydiv{
	background-color: #F9F9F9;
	padding: 60px 0;
}

.blackbutton{
	background-color:rgba(255, 255, 255, 0.85);
	color:#000000;
	display:inline-block;
	padding:10px 10px 10px 10px;
}

.projectarrow{
	display: block;
	/*border: #E2E2E2 1px solid;*/
	width: 100%;
	height: 100%;
	/*padding:30px 30px 30px 30px;*/
	color:#999;
}

.projectline{
	border-bottom: #ad9964 1px solid;
}

.project-button{
	background-color:#000;
	color:#FFFFFF;
	padding:10px 20px 10px 20px;
}

.project-text-panel{
	display: block;
	background-color:#F6F6F6;
	padding: 30px 30px 30px 30px;
	border-radius: 10px;
	height: 100%;
	width: 100%;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color:rgba(255, 255, 255, 0.85);
	background: url(../gfx/preloader4.gif) center no-repeat #fff;
}

.facebook-button{
	display:inline-block;
	text-align:center;
	background-color:#3B5998;
	color:#FFFFFF;
	padding:20px 20px 20px 20px;
	width: 100%;
}

.facebook-button:hover{
	color:#FFFFFF;
	background-color:#8B9DC3;
}

.instagram-button{
	display:block;
	text-align:center;
	background-color:#bc2a8d;
	width:100%;
	color:#FFFFFF;
	padding:30px 15px 30px 15px;
}

.instagram-button:hover{
	color:#FFFFFF;
	background-color:#cd486b;
}

.directLink{
	border: 0;
    padding: 0;
    display: inline;
    background: none;
    text-decoration: none;
	cursor: pointer;
	text-align: left;
	font-size: 85%;
	color: #666666;
	line-height: 2em;
}

.directLink:hover{
	color: #000;
}

.center{
	text-align:center;
}

/**************************************************************************************
**
** HOME MOVIE
**
***************************************************************************************/

#movie-wrapper{
	position: relative;
	width: 100%;
	/*max-width: 2560px;*/
	height: 100vh;
	/*max-height: 1706px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #F0F0F0;
}

#home-slogan-wrapper{
	position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	padding: 0 30px;
	text-align: center;
}

#home-wrapper{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}


#home-video{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
}

/* object fit video inside #homz-video */
#home-video video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#home-video .home-search{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 800px;
	padding: 20px;
}


.home-search-title{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}


/**************************************************************************************
**
** HEAD
**
***************************************************************************************/

#navigator{
	position: fixed;
	width: 100%;
	z-index: 999;
}

.bigtoplogo{
	padding:15px 0px 15px 0px;
	height: 160px;
}

.bigtoplogo img{
	height: 130px;
}

.midtoplogo{
	padding:15px 0px 15px 0px;
	height: 120px;
}

.midtoplogo img{
	height: 90px;
}

.smalltoplogo{
	padding:10px 0px 10px 0px;
	height: 60px;
}

.smalltoplogo img{
	height: 50px;
}

.top-wrapper{
	/*background-color:#FFF;*/
	padding: 0 10px;
	transition: all 0.6s ease;
}

.top-wrapper.whitebg{
	background-color:#FFF;
}

/*.topmenu-wrapper{
	position:relative;
	background-color:#ad9964;
	padding: 15px 0px 15px 0px;
}*/

.topmenu{
	padding: 0px 0px 0px 0px;
	line-height: 130px;
}

.topmenu-mini{
	position: absolute;
	top: 18px;
	right: 18px;
}

.topmenu-mini a{
	display: inline-block;
	color: #666;
	transition: all 0.6s ease;
	text-decoration: none;
	padding: 0 0 0 18px;
}

.topmenu a{
	display: inline-block;
	color: #666;
	transition: all 0.6s ease;
	font-size:20px;
	padding: 20px 8px 20px 8px;
	border-bottom: #FFFFFF 0px solid;
	text-decoration: none;
}

.topmenu a.current{
	color: #000;
	/*border-bottom: #ad9964 1px solid;*/
}

.topmenu a:hover{
	color: #F00;
}



.hamstack{
	padding: 18px 15px 20px 25px;
	cursor: pointer;
	color: #000;
	font-size: 32px;
}

.hamstacksmall{
	padding: 10px 15px 10px 0px;
	cursor: pointer;
	color: #000;
	font-size: 24px;
}
.hamstack-menu{
	color: #000;
	font-size: 12px;
	line-height: 32px;
}

@media only screen {
    .fixed-menu-compensator{
        height:60px;
    }
}

@media only screen and (min-width: 768px) {
    .fixed-menu-compensator{
        height:120px;
    }
}


@media only screen and (min-width: 992px) {
    .fixed-menu-compensator{
        height:160px;
    }
}

/**************************************************************************************
**
** MENU
**
***************************************************************************************/

#offcanvasmenu{
	position: fixed;
	width: 200px;
	height: 100%;
	top: 0px;
	left: -201px;
	background-color: #F0F0F0;
	z-index:9999 !important;
	overflow: hidden;
}

.closecanvasmenu{
	cursor: pointer;
	color: #000000;
	/*font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:400;*/
	font-size: 2em;
	/*line-height: 1;
	text-transform: none;*/
	text-align: right;
	padding: 7px 15px 7px 25px;
	/*border-bottom: #FFFFFF 1px solid;*/
}

.canvasmenu{
	color:#333333;
}

.canvasmenu a{
	display: block;
	padding: 15px 5px 15px 15px;
	color:#666666;
	transition: all 0.6s ease;
	text-decoration: none;
}

.canvasmenu a:hover{
	color:#000000;
}

.canvasmenu a.current{
	color:#000000;
}



.extra-side-menu a{
	display: block;
	padding: 15px 5px 15px 15px;
	color:#666666;
	transition: all 0.6s ease;
	text-decoration: none;
}

.lang-side-menu a{
	display: inline-block;
	color: #666;
	transition: all 0.6s ease;
	font-size:16px;
	padding: 15px 5px 15px 15px;
	text-decoration: none;

}


.logo{
	padding: 15px 0px 15px 0px;
}

.bullet{
	padding: 15px 0px 10px 0px;
}




/*.stickymenu{
	display:none;
	position:fixed;
	top:0px;
	z-index:9998 !important;
	width:100%;
	background-color:rgba(255, 255, 255, 0.87);
}*/




/*#footerparentmenu{
	padding-bottom:30px;
}

#footerparentmenu a{
	display: inline-block;
	padding: 15px 5px 15px 15px;
	color:#777777;
}*/


/**************************************************************************************
**
** TOP SLOGAN
**
***************************************************************************************/

.topslogan{
	color:#ad9964;
}



/**************************************************************************************
**
** LANGUAGE SELECTOR
**
***************************************************************************************/

.languages {
	list-style: none; 
	margin: 0;
	padding: 0; 
	/*float:right;*/
}

	.languages li {
		list-style: none; 
		display: inline-block;
		margin: 0;
		/*padding: 5px;*/
	}

	.languages a {
		border: none; 
		display: inline;
		color:#FFFFFF;
		padding:5px;
	}
		.languages li.current a {
			font-weight: bold; 
		}
		.languages li:first-child a {
			border: none; 
		}


.smalllanguages {
	list-style: none; 
	margin: 0;
	padding: 0; 
	/*float:right;*/
}

	.smalllanguages li {
		list-style: none; 
		display: inline-block;
		margin: 0;
		/*padding: 5px;*/
	}

	.smalllanguages a {
		border: none; 
		display: inline;
		color:#444444;
		padding-right:5px;
	}
		.smalllanguages li.current a {
			font-weight: bold; 
		}
		.smalllanguages li:first-child a {
			border: none; 
		}


/**************************************************************************************
**
** HOME
**
***************************************************************************************/

.card.search{
	background-color:#000;
	border: none;
}


.home-share-icons{
	font-size: 36px;
	color: black;
	margin-right: 20px;
}


/**************************************************************************************
**
** CAROUSEL HOME
**
***************************************************************************************/

#carouselHome{
	position:relative;
	overflow:hidden;
}

#carouselHome .carousel-inner{
	text-align: center;
}

#carouselHome img{
	object-fit: cover;
}

#carouselHome .carousel-control-prev-icon, #carouselHome .carousel-control-next-icon{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/*
.grid.carousel .carousel-control-prev-icon{
	left: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.grid.carousel .carousel-control-next-icon{
	right: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
*/

#carouselHome .carousel-control-prev-icon{
	left: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#carouselHome .carousel-control-next-icon{
	right: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#carouselHome .carousel-control-buttons{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 30px;
	padding: 20px !important;
}

@media only screen {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}

@media only screen and (min-width: 320px) {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}

@media only screen and (min-width: 480px) {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}

@media only screen and (min-width: 600px) {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}

@media only screen and (min-width: 768px) {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}

@media only screen and (min-width: 1024px) {
	#carouselHome, #carouselHome .carousel-inner, #carouselHome img{
		height: 400px;
	}
}


/**************************************************************************************
**
** GRID
**
***************************************************************************************/

/*.grid-wrapper{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	background-color:#FFFFFF;
	box-shadow:#E2E2E2 1px 1px 1px;
	transition: all 0.6s ease;
}*/

.grid-wrapper:hover{
	box-shadow:#A2A2A2 1px 1px 3px;
}

.grid-content{
	position:relative;
	z-index:10;
	padding: 5px 5px 5px 5px;
	
}

.grid-image-wrapper{
	position:relative;
}

.grid-bg{
	z-index:15;
}

.grid-cover{
	position:absolute;
	z-index:20;
	/*background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;*/
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	overflow:hidden;
}


.grid-bar{
	color:#444444;
	font-size:.85em;
}

.grid-bar-item{
	padding: 5px 5px 5px 5px;
}

.instapklaar-label{
	background-color:#F0F0F0;
	color:#000000;
	padding:0px 10px 0px 10px;
	display: inline-block;
	border-radius: 6px;
}

.extraclose{
	z-index: 999; position: absolute; top: 0px; left: 20px; font-size: 40px; cursor: pointer; text-shadow: 0px 0px 4px #FFFFFF;
}

.minilabel{
	color:#FF0000;
}

.project-property-sold{
	/*background-color:#CCCCCC;*/
	color:#777;
	/*padding:5px 10px 5px 10px;*/
	
	/*display: inline-block;
	  text-align: center;
	  line-height: 1;
	  cursor: pointer;
	  -webkit-appearance: none;
	  transition: background-color 0.25s ease-out, color 0.25s ease-out;
	  vertical-align: middle;
	  border: 1px solid transparent;
	  border-radius: 0;
	  padding: 0.85em 1em;
	  margin: 0 0 1rem 0;
	  font-size: 0.9rem;*/
}


.project-availability{
	font-weight:bold;
}

.rasterref{
	font-weight:normal;
	color:#999999;
}


/**************************************************************************************
**
** LABELS
**
***************************************************************************************/


.label-wrapper{
	position:absolute;
	z-index:25;
	top:15px;
	left:0px;
	/*height: 100%;*/
	width: 100%;
}

.label-virtual{
	position: absolute;
	top: calc(50% - 65px);
	left: calc(50% - 50px);
	background-image: url(../gfx/label-virtual.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	background-size: cover;
	width: 100px;
		height: 100px;
}

.label-instapklaar{
	position: relative;
}


.label-wrapper > div > span{
	border-radius: 0 6px 6px 0;
	padding:5px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.grid-label-option{
	background-color:#ccc;
	color:#FFFFFF;
	font-weight:600;
}

.grid-label-new{
	background-color:#f00;
	color:#FFFFFF;
	font-weight:600;
}

.grid-label-sold{
	background-color:#F3DC0A;
	color:#000000;
	font-weight:600;
}

.grid-label-rented{
	background-color:#F3DC0A;
	color:#000000;
	font-weight:600;
}

.grid-label-vr{
	background-color:#f00;
	color:#FFFFFF;
	font-weight:600;
}

.grid.card{
	background-color:#FFFFFF;
	border: none;
	cursor: pointer;
}

/*
parent of .grid.card
*/


.grid-anchor{
	text-decoration: none !important;
	border: none !important;
	color: #000;
	transition: all 0.3s ease;
}

.grid-anchor:hover{
	text-decoration: none !important;
	border: none !important;
	color: #FF0000;
}

.grid.card .card-footer{
	background-color:#FFFFFF;
	border: none;
	border-bottom: #ccc 1px solid;
}

.grid.card .card-title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-weight: 18px;
	text-decoration: none;
	color: #000;
	border: none;
}

.grid.card .card-text{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-weight: 14px;
	text-decoration: none;
	color: #999;
	border: none;
}

.grid-price{
	text-decoration: none;
	color: #000;
	border: none;
}

.grid-digit{
	text-decoration: none;
	color: #000;
	border: none;
}

.grid-anchor .grid-more-info{
	transition: all 0.3s ease;
}

.grid-anchor:hover .grid-more-info{
	color: #FF0000;
}


/**************************************************************************************
**
** CAROUSEL GRID
**
***************************************************************************************/


.grid.carousel{
	position:relative;
	overflow:hidden;
	/*border-radius: 10px;*/
}

.grid.carousel .carousel-inner{
	text-align: center;
	background-color: white !important;
}

.grid.carousel img{
	object-fit: cover;
	height: 100%;
	border-radius: 10px;
}

.grid.carousel .carousel-control-prev-icon, .grid.carousel .carousel-control-next-icon{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}



.grid.carousel .carousel-control-buttons{
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 30px;
	padding: 20px !important;
}


.grid.carousel .carousel-control-prev-icon{
	left: 4px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.grid.carousel .carousel-control-next-icon{
	right: 4px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


/*@media only screen {
	.grid.carousel, .grid.carousel .carousel-inner, .grid.carousel img{
		height: 240px;
	}
}


@media only screen and (min-width: 768px) {
	.grid.carousel, .grid.carousel .carousel-inner, .grid.carousel img{
		height: 280px;
	}
}

@media only screen and (min-width: 1024px) {
	.grid.carousel, .grid.carousel .carousel-inner, .grid.carousel img{
		height: 430px;
	}
}*/


/**************************************************************************************
**
** STICKERS
**
***************************************************************************************/

/*.sticker-sold{
	background-color:#F3DC0A;
	color:#000000;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-size:1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.sticker-rented{
	background-color:#F3DC0A;
	color:#000000;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-size:1.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}*/

.sticker-new{
	background-color:#ad9964;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.sticker-new-price{
	background-color:#ad9964;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.sticker-exclusif{
	background-color:#89DBF5;
	color:#333333;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.sticker-renovation{
	background-color:#ad9964;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.sticker-option{
	background-color:#ad9964;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;
	box-shadow:#333333 1px 1px 1px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}


/**************************************************************************************
**
** BLOCK GRID EXTENSION
**
***************************************************************************************/

.searchbar{
	border: #CCC 1px solid;
	padding: 5px 15px 15px 15px;
	background-color: #FFF;
	border-radius: 10px;
}


/**************************************************************************************
**
** BLOCK GRID EXTENSION
**
***************************************************************************************/


.blockgrid-anchor{
	display:block;
	position:relative;
	
}

.blockgrid-anchor img{
	display:block;
	position:relative;
	object-fit: cover;
    overflow: hidden;
	border: #CCCCCC 1px solid;
	transition: all 0.6s ease;
}

.blockgrid-anchor:hover img{
	/*border: #ad9964 1px solid;*/
	box-shadow: 0px 0px 5px 1px #ABABAB;
}


.blockgrid-textlabel{
	position:absolute;
	top:30px;
	left:-5px;
	background-color:#FFF;
	padding:10px 15px 10px 15px;
	color:#444444;
	font-size:115%;
	border-bottom:#BBB 1px solid;
	border-left:#E2E2E2 1px solid;
}

.column-block{
	margin-bottom:30px;
}

/**************************************************************************************
**
** PAGINATOR
**
***************************************************************************************/


.MarkupPagerNav {
	/*clear: both;*/
	margin: 1em 0;
	font-family: 'Lato',Arial, sans-serif;
	font-weight:400;
}
.MarkupPagerNav li {
	display: inline-block;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 3px;
	/*font-size: 10px;*/
	text-transform: uppercase;
	border: #CCC 1px solid;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #FFFFFF;
	background: #ad9964;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: #d2e4ea;
	padding-left: 3px;
	padding-right: 3px;
}


/**************************************************************************************
**
** PAGINATOR
**
***************************************************************************************/

.paginatornumbers{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	color:#444;
}

.paginatorbutton{
	display:inline-block;
	padding:15px 20px 15px 20px;
	margin-right:20px;
	margin-top:15px;
	border:#ccc 1px solid;
}

.paginatorbutton.active{
	border:#ccc 1px solid;
	background-color:#444;
	color:#FFFFFF;
}

.paginatorbutton:hover{
	border:#ccc 1px solid;
	background-color:#000;
}

.paginatorbuttonmobileL{
	display:inline-block;
	padding:10px 20px 10px 20px;
	margin-right:20px;
	/*border:#ccc 1px solid;*/
	background-color:#444;
	color:#FFFFFF;
	border-radius: 32px;
	text-decoration: none;
	font-size: 24px;
}

.paginatorbuttonmobileL:hover{
	/*border:#ccc 1px solid;*/
	background-color:#000;
	color:#FFFFFF;
}

.paginatorbuttonmobileR{
	display:inline-block;
	padding:10px 20px 10px 20px;
	margin-left:20px;
	/*border:#ccc 1px solid;*/
	background-color:#444;
	color:#FFFFFF;
	border-radius: 32px;
	text-decoration: none;
	font-size: 24px;
}

.paginatorbuttonmobileR:hover{
	/*border:#ccc 1px solid;*/
	background-color:#000;
	color:#FFFFFF;
}


/**************************************************************************************
**
** PROPERTY DETAIL
**
***************************************************************************************/

.property-price-tag-callout{
	color:#FFFFFF;
	background-color:#ad9964;
}

.property-price-tag-amount{
	font-size:2em;
	text-align:right;
	font-family: 'Lato', sans-serif;
}

.property-price-tag-ref{
	font-size:14px;
	text-align:right;
	font-family: 'Lato', sans-serif;
}

.property-title{
	font-family: 'Roboto Condensed', sans-serif;
}

.backtolist{
	background-color:#000000;
	color:#FFFFFF;
}



.loten-header{
	color:#999;
	font-weight:bold;
	margin-bottom: 30px;
}
.loten-tabel{
	border-collapse: collapse;
	width: 100%;
}

.verdieping{
	background-color:#FFFFFF;
	color:#000;
	font-weight:bold;
	border-bottom:#CCC 1px solid;
	padding-top: 30px;
}

.loten-tabel a{
	color:#000;
	display: inline-block;
	/*background-color: #444;
	color: #FFF;*/
	
	text-decoration: none;
	transition: all 0.3s ease;
}

.loten-tabel a i{
	color:#000;
	display: inline-block;
	padding-left: 10px;
	transition: all 0.6s ease;
}

.loten-tabel a:hover{
	color:#F00;
}

.loten-tabel a:hover i{
	color:#F00;
}

.loten-tabel td{
	padding: 15px 5px 15px 5px;
}

/* every even tr from table loten-tabel should have background-color */
.loten-tabel tr:nth-child(even){
	background-color: #F0F0F0;
}



.resp-card{
	text-align: center;
}

.resp-card-image{
	position: relative;
	height: 200px;
	text-align: center;
}

.resp-card-name{
	font-weight: bold;
	font-size: 18px;
}

.resp-card-share{
	position: relative;
	padding-top: 20px;
	margin-top: 30px;
	border-top: #CCC 1px solid;
}

.resp-card-share table{
	width: 100%;
}

.resp-card-share a{
	color: #000 !important;
}





/*.icons-table{
	width: 100%;
	max-width: 400px;
}*/


.icons-table td{
	padding-right:20px;
}

.estate-icon-digit{
	font-size: 18px;
	color: #777;
}







.share-container {
    position: relative;
	display: inline-block;
}

.upper-div {
    width: 100%;
    height: 40px;
    background-color: #F0F0F0;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 5px;
    position: relative;
    z-index: 2;
}
/*
.lower-div {
    width: 100%;
    height: 50px;
    background-color: #2ecc71;
    color: white;
    position: absolute;
    top: 50px;
    z-index: 1;
    display: none;
	border-radius: 5px;
}
*/
.lower-div {
    width: 126px;
    height: 38px;
    background-color: #A2A2A2;
    color: white;
    display: flex; /* Enable flexbox */
    align-items: center; /* Center items vertically */
    justify-content: space-evenly; /* Distribute items evenly horizontally */
    position: absolute;
	right: 0px;
    top: 40px;
    z-index: 1;
    display: none; /* Start hidden */
	border-radius: 6px;
}

.lower-div a {
    color: white; /* Set icon color */
    text-decoration: none; /* Remove underline from links */
    font-size: 24px; /* Set default icon size */
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
}

.lower-div i {
    font-size: inherit; /* Inherit font size from the parent anchor tag */
}



/* EPC */


.epc-gradient{

background: #2ea517; /* Old browsers */

background: -moz-linear-gradient(left,  #2ea517 0%, #ddef64 25%, #eded04 50%, #f7ad25 75%, #ff2121 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2ea517), color-stop(25%,#ddef64), color-stop(50%,#eded04), color-stop(75%,#f7ad25), color-stop(100%,#ff2121)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  #2ea517 0%,#ddef64 25%,#eded04 50%,#f7ad25 75%,#ff2121 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  #2ea517 0%,#ddef64 25%,#eded04 50%,#f7ad25 75%,#ff2121 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  #2ea517 0%,#ddef64 25%,#eded04 50%,#f7ad25 75%,#ff2121 100%); /* IE10+ */

background: linear-gradient(to right,  #2ea517 0%,#ddef64 25%,#eded04 50%,#f7ad25 75%,#ff2121 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea517', endColorstr='#ff2121',GradientType=1 ); /* IE6-9 */

}


#contactform{
	background-color:#F0F0F0;
	padding: 30px 30px 30px 30px;
	border-radius: 10px;
}

i.toggle-icon.fa.fa-fw.fa-angle-down{
	display: none;
}

.row.specs{
	border-bottom:#CCC 1px solid;
	color: #666;
	font-size: 14px;
}

.row.specs h3{
	font-weight: bold;
	color: #666;
}


.legal-links{
	font-size: 12px;
}

.contact-side{
	font-size: 13px !important;
}

/**************************************************************************************
**
** CAROUSEL ESTATE
**
***************************************************************************************/

#carouselEstate{
	position:relative;
	overflow:hidden;
}

#carouselEstate .carousel-inner{
	text-align: center;
}

#carouselEstate img{
	object-fit: cover;
}

#carouselEstate .carousel-control-prev-icon, #carouselEstate .carousel-control-next-icon{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#carouselEstate .carousel-control-prev-icon{
	left: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#carouselEstate .carousel-control-next-icon{
	right: 7px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#carouselEstate .carousel-control-buttons{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #FFF;
	border-radius: 30px;
	padding: 20px !important;
}

@media only screen {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}

@media only screen and (min-width: 320px) {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}

@media only screen and (min-width: 480px) {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}

@media only screen and (min-width: 600px) {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}

@media only screen and (min-width: 768px) {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}

@media only screen and (min-width: 1024px) {
	#carouselEstate, #carouselEstate .carousel-inner, #carouselEstate img{
		height: 80vh;
	}
}


/**************************************************************************************
**
** SIDE BAR CATEGORIES
**
***************************************************************************************/



/**************************************************************************************
**
** FRONTPAGE BG PHOTO
**
***************************************************************************************/

#bigscreen{
	position:relative;
	width:100%;
	max-width:1680px;
	/*height:calc(100% - 360px);*/
	overflow:hidden;
	background-color:#F6F6F6;
	margin-left:auto;
	margin-right:auto;
	background-size: cover;
    background-position: center center;
	
}



/**************************************************************************************
**
** YOUTUBE EMBED
**
***************************************************************************************/



@media only screen {
	.youtube-embed{ height: 270px; }
}

@media only screen and (min-width: 600px) {
	.youtube-embed{ height: 360px; }
}

@media only screen and (min-width: 800px) {
	.youtube-embed{ height: 480px; }
}

@media only screen and (min-width: 1024px) {
	.youtube-embed{ height: 600px; }
}

@media only screen and (min-width: 1440px) {
	.youtube-embed{ height: 720px; }
}

@media only screen and (min-width: 1920px) {
	.youtube-embed{ height: 800px; }
}



/**************************************************************************************
**
** FOOTER
**
***************************************************************************************/

footer{
	background-color: #F6F6F6;
	color: #666;
	text-align: center;
}

.whitefoot{
	color: #666 !important;
}

.footlogo img{
	height: 90px;
}

.footernav{
	background-color:#ad9964;
	color: #FFFFFF;
	padding: 40px 0px 40px 0px;
}

.footmenu{
	margin-bottom: 30px;
}

.footmenu a{
	display: inline-block;
	padding: 0 20px 0 20px;
	color: #444;
	line-height: 2em;
	transition: all 0.3s ease;
	text-decoration: none;
	font-size: 120%;
}

.footmenu a:hover{
	color: #FF0000;
}

.extrafootmenu{
	margin-bottom: 30px;
}

.extrafootmenu a{
	display: block;
	font-size: 85%;
	color: #666666;
	line-height: 2em;
	/*transition: all 0.6s ease;*/
}

.extrafootmenu a:hover{
	color: #000000;
}

.footscrubber-wrapper{
	padding: 10px 0px 10px 0px;
	background-color: #000000;
	color: #CCCCCC;
}

.footscrubberstyle{
	color: #CCCCCC;
}

.footscrubberstyle a{
	color: #CCCCCC;
	text-decoration: none;
	transition: all 0.6s ease;
	font-size: 90%;
}

.footscrubberstyle a:hover{
	color: #ad9964;
	text-decoration: underline;
}

.foot-orange-wrapper{
	background-color: #ad9964;
	padding: 20px 0px 20px 0px;
}

.foot-orange strong{
	color: #FFFFFF;
}

.foot-orange a{
	color: #FFFFFF;
	transition: all 0.6s ease;
}

.foot-orange a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/**************************************************************************************
**
** GOOGLE MAPS
**
***************************************************************************************/

#map-canvas, #map_canvas {
	width: 100%;
	background-color: #CCC;
}

@media only screen and (min-width: 320px) {
	#map-canvas, #map_canvas{ height:240px; }
}

@media only screen and (min-width: 480px) {
	#map-canvas, #map_canvas{ height:320px; }
}

@media only screen and (min-width: 600px) {
	#map-canvas, #map_canvas{ height:480px; }
}

@media only screen and (min-width: 768px) {
	#map-canvas, #map_canvas{ height:600px; }
}

@media only screen and (min-width: 1024px) {
	#map-canvas, #map_canvas{ height:680px; }
}




/**************************************************************************************
**
** BIGSCREEN
**
***************************************************************************************/

@media only screen {
	#bigscreen{
		height:50%;
	}
}

@media only screen and (min-width: 320px) {
	#bigscreen{
		height:240px;
	}
}

@media only screen and (min-width: 480px) {
	#bigscreen{
		height:320px;
	}
}

@media only screen and (min-width: 600px) {
	#bigscreen{
		height:460px;
	}
}

@media only screen and (min-width: 768px) {
	#bigscreen{
		height:500px;
	}
}

@media only screen and (min-width: 1024px) {
	#bigscreen{
		/*height:calc(100% - 360px);*/
		height: 66%;
	}
}



/**************************************************************************************
**
** SOCIAL MEDIA
**
***************************************************************************************/

#social{
	margin-top:30px;
	margin-bottom:30px;
	display:block;
}
.MarkupSocialShareButtons{
    list-style-type: none;
    padding: 0;
	margin:0px;
}
.MarkupSocialShareButtons li{
    list-style-type: none;
    float: left;
    margin: 0px 20px 0px 0px;
}
.MarkupSocialShareButtons li a{
    display: inline-block;
    text-decoration: none;
    border: none;
    width: 26px;
    height: 26px;
    opacity: 0.8;
}
.MarkupSocialShareButtons li a:hover{
    opacity: 1;
}

.MarkupSocialShareButtons img{
    width: 100%;
    height: auto;
}


/**************************************************************************************
**
** BACK TO TOP
**
***************************************************************************************/

/* https://codyhouse.co/gem/back-to-top/ */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  left: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  /*background: rgba(232, 98, 86, 0.8) url(../gfx/cd-top-arrow.svg) no-repeat center 50%;*/
  background: rgba(0, 0, 0, 0.8) url(../gfx/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
	z-index: 999999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    left: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    left: 30px;
    bottom: 30px;
  }
}

/**************************************************************************************
**
** AGAINST SPAMMY ANNOYING LITTLE NERDS
**
***************************************************************************************/

.tegendevervelendeventjes{
	display:none;
}



/**************************************************************************************
**
** Contact Form
**
***************************************************************************************/

#wrap_tegenvervelendeventjes{
	display: none;
}

p.InputfieldError{
	background-color: #ad9964;
	color: #FFFFFF;
	padding: 5px;
}


/**************************************************************************************
**
** KAART
**
***************************************************************************************/

.kaart{
	position:relative;
	width:100%;
	height:calc(100% - 161px);
	margin-left:auto;
	margin-right:auto;
	background-color:#F2F2F2;
}

@media all and (orientation:portrait) {
    /* Styles for Portrait screen */
	.kaart{
		height:50%;
	}
}
@media all and (orientation:landscape) {
    /* Styles for Landscape screen */
	.kaart{
		height:calc(100% - 161px);
		height: -moz-calc(100% - 161px);
    	height: -webkit-calc(100% - 161px);
	}
}



.grecaptcha-badge { visibility: hidden; }


/**************************************************************************************
**
** Spacers and clear
**
***************************************************************************************/
.width90{width:90px;}

.spacer5{height:5px;}
.spacer10{height:10px;}
.spacer15{height:15px;}
.spacer20{height:20px;}
.spacer25{height:25px;}
.spacer30{height:30px;}
.spacer45{height:45px;}
.spacer60{height:60px;}
.spacer90{height:90px;}
.spacer110{height:110px;}
.spacer115{height:115px;}
.spacer120{height:120px;}
.spacer125{height:125px;}
.spacer130{height:130px;}
.spacer140{height:140px;}
.spacer145{height:145px;}
.spacer150{height:150px;}
.spacer160{height:160px;}
.spacer180{height:180px;}

.clear{clear: both;}


@media only screen {
	.respacer{
			height: 30px;
	}
	.respacermini{
		height: 15px;
	}
}

@media only screen and (min-width: 600px) {
	.respacer{
			height: 40px;
	}
	.respacermini{
		height: 20px;
	}
}

@media only screen and (min-width: 900px) {
	.respacer{
			height: 48px;
	}
	.respacermini{
		height: 24px;
	}
}

@media only screen and (min-width: 1200px) {
	.respacer{
			height: 60px;
	}
	.respacermini{
		height: 30px;
	}
}

@media only screen and (min-width: 1800px) {
	.respacer{
			height: 90px;
	}
	.respacermini{
		height: 30px;
	}
}


.tabs-title{
	font-size: 13px;
}