/*
light blue: #26b4e9
dark blue: #005fab
*/

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

* {
	box-sizing: border-box; 
}

/* with this you can prevent smooth scroll (bootstrap)*/
html{
	scroll-behavior: auto !important;
}

html, body{
	min-height: 100vh;
}

body{
    overflow: auto;
}

body.active{
    overflow: hidden;
}

body {
	max-width: 2560px; 
	margin: 0 auto;
	background-color: #FFFFFF; /*F9FEFF*/
	font-family: poppins, sans-serif;
	/*background: rgb(255,255,243);
	background: linear-gradient(329deg, rgba(255,255,243,1) 50%, rgba(238,249,255,1) 100%);
	background-repeat: no-repeat;*/
	/*background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='150' height='150' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M150 15.2H0V6.56h150zm0 12.4v1.56H0V27.6zm0 28.37v6.6H0v-6.6zm0 39.24v2.33H0v-2.33zm0 22.54v.78H0v-.78zm0 13.21v8.16H0v-8.16zm0 10.1v1.17H0v-1.17z'  stroke-width='1' stroke='none' fill='hsla(28, 100%, 99%, 1)'/><path d='M150 50.53H0v-7.39h150zm0-34.58v.77H0v-.77zm0 15.54v3.88H0V31.5zm0 33.8v1.17H0v-1.17zm0 34.2v9.32H0V99.5zm0 27.2v2.72H0v-2.72z'  stroke-width='1' stroke='none' fill='hsla(28, 100%, 99%, 1)'/><path d='M150 77.73H0v-5.05h150zm0-72.66v1.16H0V5.07Zm0 13.98v4.28H0v-4.28zm0 100.25v3.11H0v-3.1zm0 27.2v3.5H0v-3.5z'  stroke-width='1' stroke='none' fill='hsla(28, 100%, 99%, 1)'/><path d='M150 40.42H0v-1.16h150zm0-37.3V4.3H0V3.12Zm0 27.2v.4H0v-.4Zm0 20.98v2.34H0V51.3zm0 31.42v9.32H0v-9.32zm0 29.2v3.5H0v-3.5zm0 13.21v.39H0v-.39zm0 19.04v1.17H0v-1.17z'  stroke-width='1' stroke='none' fill='hsla(28, 100%, 99%, 1)'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")*/
}


h1 {
	font-family: poppins, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height: 1.8em;
	color: #005fab;
}

/*
img {
	max-width: 100%; 
}*/

h2 {
	font-weight: 600;
	font-family: poppins, sans-serif;
	font-size: 28px;
	color: #005fab;
}

h3 {
	font-family: poppins, sans-serif;
	color: #005fab;
}

a {
	color: #333;
	text-decoration: none;
}
	a:hover,
	.nav a:hover {
		color: #000;
		border-color: #aaa; 
	}

blockquote {
	margin-left: 0;
	padding-left: 1.5em;
	padding-right: 2em; 
	border-left: 2px solid black;
	font-style: italic; 
	color: #222;
	margin: 0 0 20px 0;
}
blockquote > p{
	font-size: 18px !important;
}


pre, code {
	background: #eee; 
	border: 1px solid #ddd; 
}

pre {
	font-size: 14px; 
	line-height: 1.4em;
	padding: 1em;
	border-left: 4px solid #ddd; 
}

/*.whitebg{
	background-color: white;
}*/
.center{
	text-align: center;
}

@media only screen {
	p{margin-bottom: 1rem;}
    .centeronsmall{text-align: center;}
}

@media only screen and (min-width: 768px) {
	p{margin-bottom: 1.5rem;}
    .centeronsmall{text-align: left;}
}

/*.bodytext p {
	font-family: poppins, sans-serif;
	font-weight: 300;
	font-style: normal;
}*/

.bodytext a {
	text-decoration: none;
	border-bottom: #26b4e9 2px solid;
	transition: all .3s ease;
}
.bodytext a:hover {
	border-bottom: #222 2px solid;
}

@media only screen {
	.bodytext p {
		font-family: poppins, sans-serif;
		font-weight: 300;
		font-style: normal;
		line-height: 36px;
		font-size: 16px;
	}
}

@media only screen and (min-width: 768px) {
	.bodytext p {
		font-family: poppins, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 18px;
		line-height: 42px;
	}
}



label{
font-weight: 400;
}

.nowrap{
	white-space: nowrap;
}


.text-right{
	text-align: right;
}


/*
.carousel-control-prev-icon {
    background-image: none;
	text-align: center;
}

.carousel-control-next-icon {
    background-image: none;
	text-align: center;
}
*/

.saved-estate-pic-wrapper{
	position: relative;
	max-width: 200px;
	max-height: 200px;
}

.saved-estate-pic-wrapper img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}


.rounded-pic{
	border-radius: 20px;
}



@media only screen {
    .text-pic{
		margin-top: 30px;
	}
}

@media only screen and (min-width: 992px) {
	.text-pic{
		margin-top: 270px;
	}
}


.blue-wrapper{
	background-color: #26b4e9;
}



.flex-container{
	display: flex;
	justify-content: center;
	align-items: center;
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    /*background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;*/
	background: none;
	font-size: 36px;
	line-height: 40px;
}


.carousel-control-next-icon::after{
	content: "\f35a";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
}

.carousel-control-prev-icon::after{
	content: "\f359";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: "Font Awesome 5 Free";
}


h4 > em{
	font-family: essonnes-display, sans-serif;
	font-weight: 400;
	font-style: italic;
}

/* *********************************************************
**
**
** ZONE BANNERKE
**
**
********************************************************* */

/*.bg-lines-wrapper{
	position: relative;
	width: 100%;
	height: 30px;
}
.bg-lines{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../gfx/bg-lines.png);
	background-size: 50px 30px;
}*/

/* *********************************************************
**
**
** HEADER
**
**
********************************************************* */

header{
	position: fixed;
	height: 100px;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	z-index: 990;
	background-color: rgba(255, 255, 255, 0);
	transition: background .3s ease;
}

header.whitebg{
	background-color: rgba(255, 255, 255, .75);
}

.innerheader{
	position: relative;
	width: 100%;
}

#logo{
	font-weight: normal;
	font-family: poppins, sans-serif;
	font-weight: 500;
	text-align: center;
	color: black;
	display: grid;
	justify-content: center;
	align-items: center;
}

/* *********************************************************
**
**
** TOP
**
**
********************************************************* */




.call-us-wrapper{
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 991;
}

.top-phone{
	display: inline-block;
	text-align: right;
	text-decoration: none;
	border: 0;
	font-family: poppins, sans-serif;
	font-weight: 600;
	font-style: normal;
	transition: all .5s ease;
	color: #005fab;
}

.top-phonenumber{
	font-size: 14px;
	font-weight: 300;
	text-decoration: underline;
}

.header-direct-lang{
	text-align: right;
	text-decoration: none;
	border: 0;
	font-family: poppins, sans-serif;
	font-weight: 600;
	font-style: normal;
	transition: all .5s ease;
	color: #005fab;
	margin-left: 30px;
	padding: 15px;
	font-size: 18px;
}





@media only screen {
    .top-phonenumber{
		display: none;
	}
	.header-direct-lang{
		display: none;
	}
}


@media only screen and (min-width: 768px) {
	.top-phonenumber{
		display: inline;
	}
	.header-direct-lang{
		display: inline-block;
	}
}



/* *********************************************************
**
**
** HAMBURGER
**
**
********************************************************* */


.hamburger-wrapper{
    position: fixed;
	top: 30px;
	left: 30px;
    height: 64px;
    width: 64px;
    z-index: 998;
	transition: all .85s ease;
	transform: scale(.75);
}
/*
.hamburger-wrapper.whitebg{
	top: 10px;
	left: 4px;
	transform: scale(.75);
}
*/

.hamburger{
    position: absolute;
    display: flex;
    align-items: center;
    top: 0px;
    right: 0px;
    height: 64px;
    width: 64px;
    cursor: pointer;
}

.hamburger > div{
    position: absolute;
    top:18px;
    flex: none;
    width: 100%;
    height: 3px;
    background-color:  #005fab;
	mix-blend-mode: difference;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
}


.hamburger > div::after, .hamburger > div::before{
    content: '';
    position: absolute;
    top: -13px;
    width: 100%;
    height: 3px;
    background-color: inherit;
	transition: all 0.2s ease;
}

.hamburger > div::after{
    top: 13px;
}


/* toggle Animation */
.hamburger.active > div {
    /*transform: rotate(90deg);*/
    background: none;
}

  /* Turns Lines Into X */
.hamburger.active > div::before {
    top: 0;
    transform: rotate(45deg);
    width: 100%;
    height: 4px;
	background-color: #005fab;
}

.hamburger.active > div::after {
    top: 0;
    transform: rotate(135deg);
    width: 100%;
    height: 4px;
	background-color: #005fab;
}

.hamburger-wrapper:hover > .hamburger > div{
    background: none;
}

.hamburger-wrapper:hover > .hamburger > div::before{
	top: 5px;
    transform: rotate(90deg);
	background-color: #005fab;
}

.hamburger-wrapper:hover > .hamburger > div::after{
	top: 5px;
    transform: rotate(180deg);
	background-color: #005fab;
}

.hamburger-wrapper:hover > .hamburger.active > div::before{
	top: 0;
	transform: rotate(135deg);
}

.hamburger-wrapper:hover > .hamburger.active > div::after{
	top: 0;
	transform: rotate(225deg);
}


.toggler{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 64px;
    width: 64px;
    opacity: 0;
    cursor: pointer;
}



@media only screen {
    
}


@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 992px) {
	
}



/* *********************************************************
**
**
** MENU PANEL
**
**
********************************************************* */


#topmenu{
	position: fixed;
	top: -9999px;
	left: 0px;
	width: 100%;
	min-height: 100vh;
	background-color: rgba(255, 255, 255, 1);
	z-index: 998;
	/*display: grid;
	justify-content: center;
	align-items: center;*/
	overflow-y: auto;
	/*background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='30' height='30' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(0,0%,100%,1)'/><path d='M3.25 10h13.5M10 3.25v13.5' transform='translate(5,0)' stroke-linecap='square' stroke-width='0.5' stroke='hsla(259, 0%, 86%, 1)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")*/
}

.menupic-wrapper{
	position: relative;
	height: 100vh;
	background-color: #26b4e9;
	overflow: hidden;
}

.menupic-wrapper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.menupic-bullet{
	position: absolute;
	top: 20vh;
	left: 0px;
	width: 100%;
	max-height: 50vh;
	margin: 0 auto;
	text-align: center;
}

.menupic-bullet img{
	position: relative;
	max-width: 40%;
}

.menu{
	width: 100%;
	height: 100vh;
	display: grid;
	justify-content: center;
	align-items: center;
}

.innermenu{
	position: relative;
}


#topmenu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
/*#topmenu li{
	text-align: center;
}*/
#topmenu ul li a{
	display: block;
	font-family: poppins, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #005fab;
	transition: all .3s ease;
	cursor: pointer;
}

#topmenu a:hover{
	color: #26b4e9;
}

.topmenu-lang-select{
	display: block;
	font-family: poppins, sans-serif;
	font-weight: 400;
	color: #005fab;
}




.social-menu, .lang-menu{
	position: absolute;
	line-height: 32px;
}

.social-menu i{
	display: inline-block;
	font-size: 32px;
	color: #005fab;
	margin-right: 30px;
}





.topmenu-collection{
	position: relative;
	display: block;
	width: 100%;
	transition: all .5s ease;
}

.topmenu-title{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	color: black;
	border-radius: 0px 6px 6px 0px;
	padding: 5px 20px 5px 20px;
	transition: all .5s ease;
}

.topmenu-title div{
	display: inline-block;
	padding: 10px;
	background-color: #FFF;
	border: #000 2px solid;
}

.topmenu-collection:hover .topmenu-title{
	background: rgba(0, 0, 0, .75);
}

.topmenu-collection-image{
	border-radius: 4px;
}


.topmenu-collection-title{
	display: block;
	color: #666;
}

.topmenu-collection-title:hover{
	color: #000;
}



.edit-small{
	font-size: 13px;
	text-decoration: underline;
	background-color: #ffdd00;
}




@media only screen {
	#logo{
		line-height: 80px;
		font-size: 18px;
	}
	#logo img.logo-top{
		height: 30px;
		display: none;
	}
	#logo img.bullet-top{
		height: 55px;
		display: inline-block;
	}
	.top-phone{
		font-size: 32px;
	}
	.footer-nav-btn{
		font-size: 18px;
	}
	#topmenu ul li a{
		font-size: 24px;
		text-align: center;
		line-height: 54px;
	}
	.topmenu-lang-select{
		font-size: 18px;
		text-align: center;
	}
	.lang-menu{
		right: 15px;
		bottom: 15px;
	}
	.social-menu{
		left: 15px;
		bottom: 15px;		
	}
	
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	#logo{
		line-height: 100px;
		font-size: 24px;
	}
	#logo img.logo-top{
		display: inline-block;
		height: 60px;
	}
	#logo img.bullet-top{
		height: 30px;
		display: none;
	}
	.top-phone{
		font-size: 18px;
	}
	.footer-nav-btn{
		font-size: 24px;
	}
	#topmenu ul li a{
		font-size: 32px;
		line-height: 64px;
		text-align: left;
	}
	.topmenu-lang-select{
		font-size: 24px;
		text-align: left;
	}
	.lang-menu{
		right: 30px;
		bottom: 20px;
	}
	.social-menu{
		left: 30px;
		bottom: 20px;		
	}
	
}

@media only screen and (min-width: 992px) {
	.top-phone{
		font-size: 24px;
	}
	#topmenu ul li a{
		font-size: 28px;
		line-height: 68px;
	}
	.topmenu-lang-select{
		font-size: 32px;
	}
	
}




/* *********************************************************
**
**
** BUTTONS
**
**
********************************************************* */




.button{
    position: relative;
    display: inline-block;
    padding: 13px 20px;
    color: black;
    border: #000 1px solid;
    overflow: hidden;
	border-radius: 40px;
    transition: all .3s ease;
    background: none;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	cursor: pointer;
}

.button:hover{
    color: #fff !important;
	border: #005fab 1px solid;
}

.button::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 0px;
    height: 100%;
    background-color: #005fab;
    color: white;
    transition: all .3s ease;
    z-index: -1;
}

.button:hover::before{
    width: 100%;
}


.big-button{
	display: inline-block;
	padding: 15px;
	background-color: black;
	color: white;
	transition: all .5s ease;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	/*background: rgb(0,0,0);
	background: linear-gradient(329deg, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);*/
}
.big-button:hover{
	background-color: #253760;
	color: white;
	/*background: rgb(82,72,57);
	background: linear-gradient(329deg, rgba(82,72,57,1) 50%, rgba(0,0,0,1) 100%);*/
}

.grid-button{
	transition: all .3s ease;
	color: #005fab;
}

.dropdown-home-select{
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #26b4e9;
	color: white;
	border: none;
}

@media only screen {
    .dropdown-home-select{
		font-size: 18px;
		line-height: 36px;
	}
}

@media only screen and (min-width: 768px) {
	.dropdown-home-select{
		font-size: 24px;
		line-height: 54px;
	}
}


/* *********************************************************
**
**
** PAGE LOADER
**
**
********************************************************* */

.page-loader{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	display: grid;
	font-size: 72px;
	justify-content: center;
	align-items: center;
	z-index: 999;
	color: #26b4e9;
	background-color: #FFFFFF;
	/*background: rgb(255,255,243);
	background: linear-gradient(329deg, rgba(255,255,243,1) 50%, rgba(238,249,255,1) 100%);
	background-repeat: no-repeat;*/
}

/* *********************************************************
**
**
** SYNDICUS
**
**
********************************************************* */


/*
.syndicus-login{
	background-color: #F5F5F5;
	padding: 30px;
}


.syndicus-button{
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    color: black;
    border: #000 1px solid;
	background-color: #ffdd00;
    overflow: hidden;
    transition: all .3s ease;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.syndicus-button:hover{
    color: #fff !important;
	background-color: #000;
}
*/

/*.syndicus-button::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 0px;
    height: 100%;
    background-color: #000;
    color: white;
    transition: all .3s ease;
    z-index: -1;
}*/

/* *********************************************************
**
**
** FEATURED
**
**
********************************************************* */

.featured-wrapper{
	background-color: #FFF;
}

.featured-title{
	display: inline-block;
	margin: 0 auto;
	padding: 20px 30px;
	border-radius: 40px;
	color: #005fab;
	font-family: essonnes-display, sans-serif;
	font-weight: 400;
	font-style: italic;
	background-color: #FFF;
	box-shadow: #BBB 1px 1px 4px;
}

.carousel-indicators{
	bottom: -50px;
	z-index: 777;
}

.carousel-indicators [data-bs-target]{
	background-color: #999 !important;
}

.carousel-indicators .active{
	background-color: #26b4e9 !important;
}



.featured-carousel{
	color: black;
	margin: 0 auto;
	/*overflow:hidden;*/
	border-radius: 20px;
}

.featured-carousel-item{
	text-align: center;
	width: 100%;
	position: relative;
}

.featured-carousel-img{
	width: 100%;
	height: 100%;
	object-fit:cover;
	object-position: 50% 50%;
}

.morelabel{
	position: relative;
	display: grid;
	/*justify-content: center;*/
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: white;
	opacity: 1;
	font-family: essonnes-display, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.morelabel-inside{
	background-color: rgba(0, 95, 171, .8);
	border-radius: 20px;
	max-width: 80%;
	margin: 0 auto;
}

.morelabel small{
	color: white;
	font-size: 16px;
}

@media only screen {
	.featured-title{
		font-size: 18px;
	}
    .featured-carousel, .featured-carousel-item{
		height: 80vh;
	}
	.morelabel-inside{
		font-size: 18px;
		padding: 10px 30px;
	}
}

@media only screen and (min-width: 576px) {
	.featured-carousel, .featured-carousel-item{
		height: 70vh;
	}
}

@media only screen and (min-width: 768px) {
	.featured-carousel, .featured-carousel-item{
		height: 60vh;
	}
}

@media only screen and (min-width: 992px) {
	.featured-title{
		font-size: 38px;
	}
	.morelabel-inside{
		font-size: 26px;
		padding: 20px 60px;
	}
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}




/* *********************************************************
**
**
** MARKERS
**
**
********************************************************* */

.custom-div-icon-sales{
    position:absolute;
    top:-30px;
    left:calc(-100% - 2px);
    display: inline-block;
    color: white;
    background-color:#26b4e9;
    padding:2px 3px;
    text-align:center;
    line-height: 24px;
    font-size:12px;
    font-family:arial,verdana;
    cursor:pointer;
    border:#fff 1px solid;
    transition: all .3s ease;
    box-shadow: none;
}
.custom-div-icon-sales:after{
    content: "";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-8px;
    width: 0px; 
    height: 0px; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #26b4e9;
    transition: all .3s ease;
    box-shadow: none;
}
.custom-div-icon-sales:hover{
    background-color:#ccc;
    color: #666;
}
.custom-div-icon-sales:hover::after{
    border-top: 8px solid #ccc;
}

.custom-div-icon-rent{
    position:absolute;
    top:-30px;
    left:calc(-100% - 2px);
    display: inline-block;
    color: white;
    background-color:#2780ca;
    padding:2px 3px;
    text-align:center;
    line-height: 24px;
    font-size:12px;
    font-family:arial,verdana;
    cursor:pointer;
    border:#fff 1px solid;
    transition: all .3s ease;
    box-shadow: none;
}
.custom-div-icon-rent:after{
    content: "";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-8px;
    width: 0px; 
    height: 0px; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2780ca;
    transition: all .3s ease;
    box-shadow: none;
}
.custom-div-icon-rent:hover{
    background-color:#ccc;
    color: #666;
}
.custom-div-icon-rent:hover::after{
    border-top: 8px solid #ccc;
}


.redlabel{
    background-color: red;
    box-shadow: 2px -1px 10px #999;
}
.redlabel::after{
    border-top: 8px solid red;
}



.badgesales{
    background-color:#26b4e9 !important;
}
.badgerent{
    background-color:#2780ca !important;
}



.fa-eye-slash{
    padding: 0 6px;
}


/* *********************************************************
**
**
** ESTATES MAP
**
**
********************************************************* */


#zabun-map{
	position: relative;
	width: 100%;
	height: 800px;
}

#mapid{
	position: relative;
	width: 100%;
	height: 800px;
}


/* *********************************************************
**
**
** ESTATES
**
**
********************************************************* */


#App{
	position: relative;
	/*width: 100%;
	height: 100vh;*/
}

.toggle-map{
	cursor: pointer;
}




.topsearch > .input-group > .form-control, .topsearch > .input-group > .btn{
	border: none;
	border-bottom: #26b4e9 1px solid;
}
.topsearch > .input-group > .form-control::placeholder{
	color: #26b4e9;
}
.topsearch > .input-group > .btn > i{
	color: #26b4e9;
}
.topsearch > .input-group > .btn:hover{
	background-color: #26b4e9;
}
.topsearch > .input-group > .btn:hover > i{
	color: white !important;
}




.home-form-select{
	padding: 10px;
}

.home-estate-search-button{
	background-color: white;
	color: black;
	border: #FFF 1px solid;
	display: inline-block;
	padding: 15px;
	transition: all .5s ease;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.home-estate-search-button:hover{
	background-color: #253760;
	color: white;
}





.zabun-home-collection{
	position: relative;
	display: block;
	width: 100%;
	transition: all .5s ease;
}

.zabun-home-title{
	position: absolute;
	display: flex;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 20px;
	line-height: 40px;
	/*background-color: #253760;*/
	color: black;
	border-radius: 0px 6px 6px 0px;
	padding: 5px 20px 5px 20px;
	transition: all .5s ease;
	justify-content: center;
	align-items: center;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.zabun-home-title div{
	display: inline-block;
	padding: 10px;
	background-color: #FFF;
	border: #000 2px solid;
}

.zabun-home-collection:hover .zabun-home-title{
	background-color: rgba(0, 0, 0, .75);
}

.zabun-home-collection-image{
	border-radius: 4px;
}











.downer{
	position: absolute;
	z-index: 1;
	bottom: 90px;
	left: 0px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 40px;
	color: white;
}

/*
.searchbar-wrapper{
	background-color: #26b4e9;
	padding: 15px;
	border-radius: 20px;
}
*/

#zabun-search, #organimmo-search{
	position: relative;
}


#zabun-search-toggle, #organimmo-search-toggle{
	position: relative;
	line-height: 40px;
	cursor: pointer;
}

@media only screen {
    #zabun-search, #organimmo-search{
		display: none;
	}
	#zabun-search-toggle, #organimmo-search-toggle{
		display: block;
	}
}

@media only screen and (min-width: 768px) {
	#zabun-search, #organimmo-search{
		display: block;
	}
	#zabun-search-toggle, #organimmo-search-toggle{
		display: none;
	}
}




#zabun-result, #estates-result{
	display: block;
	min-height: 100vh;
}

#estates-wrapper{
	position: relative;
	display: block;
	min-height: 100vh;
}

.vlabel{
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 130px);
	height: 80px;
	width: 260px;
	text-align: center;
	line-height: 80px;
	color: white;
	font-size: 80px;
	opacity: 1;
	text-shadow: #777 1px 1px 3px;
}
/*.slklabel{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
}*/

.transactionlabel{
	position: absolute;
	bottom: 20px;
	left: 0px;
	color: white;
	opacity: 1;
	background-color: #000;
	padding: 10px;
	text-shadow: #777 1px 1px 3px;
}










/* *********************************************************
**
**
** COVER IMAGE
**
**
********************************************************* */

.kimoni-cover-image-wrapper{
	position: relative;
}


.zabun-cover-image-wrapper{
	position: relative;
	/*margin-top: -90px;
	/*position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 400px;*/
}

.zabun-cover-image{
	position: relative;
	width: 100%;
	height: 100%;
}
.zabun-cover-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.zabun-cover-curtain{
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 870;
	background-color: black;
	opacity: .2;
}
.zabun-cover-header{
	display: grid;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 880;
}
.zabun-cover-header h1{
	text-align: center;
	color: white;
	text-shadow: 0px 0px 1px black;
}

.home-cover-header{
	display: grid;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 880;
}

.home-cover-header div{
	margin: 0 auto;
}



@media only screen {
    .zabun-cover-header h1{
		font-size: 1.2em;
	}
	.zabun-cover-image-wrapper{
		/*height: 270px;*/
		height: 100vh;
	}
	.kimoni-cover-image-wrapper{
		height: 100vh;
	}
	.home-cover-image{
		height: 100vh;
	}
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.zabun-cover-header h1{
		font-size: 2em;
	}
	.zabun-cover-image-wrapper{
		/*height: 400px;*/
		height: 70vh;
	}
	.kimoni-cover-image-wrapper{
		height: 40vh;
	}
	.home-cover-image{
		height: 70vh;
	}
}

@media only screen and (min-width: 992px) {
	

}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}

@media only screen and (min-width: 1600px) {
	.zabun-cover-header h1{
		font-size: 3em;
	}
}










.no-estates{
	position: relative;
	background-color: #26b4e9;
	color: white;
	padding: 20px;
	text-align: center;
	display: block;
	margin: 0 auto;
	width: 50%;
	border-radius: 20px;
}



#estates-paginator-table{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	color: #005fab;
}

.estates-paginator-pages{
	font-size: 16px;
}

.estates-paginator-start, .estates-paginator-end, .estates-paginator-prev, .estates-paginator-next{
	line-height: 24px;
	vertical-align: middle;
}

.estates-paginator-start > a, .estates-paginator-end > a, .estates-paginator-prev > a, .estates-paginator-next > a{
	text-align: center;
	display: inline-block;
	padding: 5px;
	min-width: 40px;
	color: #ccc !important;
	cursor: pointer;
	text-decoration: none !important;
	border: none;
	
}



.estates-paginator-prev > a, .estates-paginator-next > a{
	color: #444 !important;
}

.estates-paginator-start > a > i, .estates-paginator-end > a > i, .estates-paginator-prev > a > i, .estates-paginator-next > a > i{
	font-size: 24px !important;
}

.estates-paginator-prev > a > i, .estates-paginator-next > a > i{
	color: #005fab !important;
}

.estates-paginator-pages, .estates-paginator-prev, .estates-paginator-next{
	text-align: center;
}

.estates-paginator-end{
	text-align: right;
}


.estates-list-print{
	cursor: pointer;
	text-decoration: none;
	transition: all .3s ease;
}

.estates-list-print:hover{
	text-decoration: underline;
}


.estate-description{
	font-size: 15px;
}

.selection-count{
	color: #005fab;
}

.pseudo-grid{
	display: grid;
	/*justify-content: center;*/
	align-items: center;
	height: 100%;
}


.input-date{
	display: block;
	background-color: white;
	color: #666;
	/*padding: 5px 20px;*/
	font-size: 16px;
	line-height: 32px;
	border: 0;
	border-bottom: #ccc 1px solid;
	/*border-radius: 20px 20px 20px 20px;*/
	/*border-radius: 4px;*/
	cursor: pointer;
	transition: all .25s ease;
	text-align: center;
	margin-bottom: 16px;
	font-weight: 400;
	width: 100%;
	outline: none;
}

.input-date.active{
	border: 0;
	border-bottom: #ccc 1px solid;
}


.dropdown-toggle-qs{
	width: 100%;
	min-width: 220px;
	padding: 15px;
}
.dropdown-toggle-custom{
	display: block;
	background-color: white;
	color: #666;
	/*padding: 5px 20px;*/
	font-size: 16px;
	line-height: 32px;
	border-bottom: #ccc 1px solid;
	/*border-radius: 20px 20px 20px 20px;*/
	/*border-radius: 4px;*/
	cursor: pointer;
	transition: all .25s ease;
	text-align: center;
	margin-bottom: 16px;
	font-weight: 400;
}
.dropdown-toggle-custom:hover{
	color: #000;
	/*border: #666 1px solid;*/
}
.dropdown-toggle-custom.show{
	/*border-radius: 20px 20px 0px 0px;*/
	border-radius: 4px;
}
.dropdown-menu.show{
	width: 100%;
	border: #ccc 1px solid;
}
/*
.dropdown-item{
	padding: 5px;
}
*/
.dropdown-item.active{
	/*background-color: #999;*/
	font-weight: bold;
}


.dropdown-menu-zipcodes, .dropdown-menu-minprice, .dropdown-menu-maxprice{
	max-height: 300px;
	overflow-y: auto;
}


.search-times{
	font-size: 18px;
	font-weight: bold;
}


.clear-search{
	display: block;
	color: #005fab;
	background-color: #FFF;
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 10px;
	cursor: pointer;
	transition: all .5s ease;
	float: right;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.clear-search:hover{
	color: white;
	background-color: #005fab;
}







.estate-sticker{
	display: inline-block;
	padding: 4px;
	background-color: #26b4e9;
	color: white;
	margin-bottom: 14px;
	/*font-weight: bold;*/
	/*color: red;*/
}



.estate-collections{
	margin-bottom: 20px;
}



.estate-minitable-specs{
	position: relative;
	width: 60%;
	margin: 0 auto;
	font-size: 15px;
	color: #000;
	border-bottom: #ddd 1px solid;
}

.estate-minitable-specs > tr > td{
	text-align: center;
	width: 33%;
}
.estate-minitable-specs > tr > td > small{
	font-size: 13px;	
}

.estate-list-title{
	position: relative;
}


.price-tag-in-list{
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	color: #005fab;
}


.estate-detail-price-tag{
	font-weight: 300;
}

@media only screen {
    .estate-detail-price-tag{
		font-size: 18px;
	}
	.estate-list-title{
		font-size: 18px;
		line-height: 32px;
	}
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.estate-detail-price-tag{
		font-size: 24px;
	}
	.estate-list-title{
		font-size: 24px;
		line-height: 40px;
	}
}

@media only screen and (min-width: 992px) {
	.estate-detail-price-tag{
		font-size: 32px;
	}
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	.estate-detail-price-tag{
		font-size: 36px;
	}
}

@media only screen and (min-width: 1600px) {
	
}










/* *********************************************************
**
**
** ESTATE DETAIL
**
**
********************************************************* */
/*
.estate-item{
	width: 100%;
}
*/


.estate-specs-table{
	flex-wrap: wrap;
	display: flex;
    justify-content: center;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.estate-specs-table li{
	width: 150px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0 22px;
    list-style-type: none;
    list-style-position: inside;
    border-right: 1px solid #ccc;
}

.estate-specs-table li:last-child {
    border-right: none;
}

.estate-specs-table li > div{
	font-weight: bold;
}


/*

#estate-dia-gallery{
	position: relative;
	height: 640px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.estate-img-dia{
	position: absolute;
	max-height: 500px;
	transition: all .5s ease;
}
.estate-img-dia.dia-0{
	top: 20px;
	margin-left: -120px;
}
.estate-img-dia.dia-1{
	top: 40px;
	margin-left: 120px;
}
.estate-img-dia.dia-2{
	top: 10px;
	margin-left: 0px;
}
#estate-dia-gallery:hover .estate-img-dia.dia-0{
	top: 30px;
	margin-left: -200px;
}
#estate-dia-gallery:hover .estate-img-dia.dia-1{
	top:60px;
	margin-left: 200px;
}
#estate-dia-gallery:hover .estate-img-dia.dia-2{
	top: 0px;
}
.estate-dia-link{
	margin-top: -40px;
	transition: all .33s ease;
	z-index: 6;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .5);
	height: 100px;
	width: 220px;
	cursor: pointer;
	font-size: 24px;
	color: white !important;
	border: none;
	text-decoration: none;
}
#estate-dia-gallery:hover .estate-dia-link{
	height: 160px;
	width: 320px;
	background-color: rgba(0, 0, 0, .75);
}
*/


.estate-social-buttons{
	font-size: 28px;
	text-align: center;
}

.estate-social-buttons a{
	display: inline-block;
	margin-right: 20px;
	text-decoration: none;
	border: none;
	color: #005fab;
	cursor: pointer;
}



.estate-title-more-about{
	font-weight: 200;
}

.estate-description-text{
	font-weight: 300;
	line-height: 36px;
	font-size: 18px;
}

.estate-front-image-container{
	position: relative;
	text-align: center;
	/*margin-top: -90px;*/
	height: 100vh;
}
.estate-front-image-curtain{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: .2;
}
.estate-front-image-container > h1{
	display: block;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-weight: 600;
	z-index: 900;
}
.estate-front-image-container img{
	object-fit: cover;
	width: 100%;
	height: 100vh;
}
.estate-front-image-label-wrapper{
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 60px;
	z-index: 8;
	cursor: pointer;
}

.estate-front-image-label-album{
	display: inline-block;
	background-color: rgba(0, 0, 0, .75);
	color: white;
	padding: 0 20px;
	line-height: 60px;
}
.estate-front-image-label-heart{
	display: inline-block;
	color: white;
	padding: 0 20px;
}
.estate-front-image-label-heart a{
	text-decoration: none;
	border: none;
	font-size: 20px;
}
.estate-front-image-label-heart a i{
	color: white;
}
.estate-front-image-label-heart a i.active{
	color: red;
}

.estate-heart{
	color: #CCC;
	cursor: pointer;
}
.estate-heart.active{
	color: red;
}



.estate-gallery-wrapper{
	position: relative;
	width: 100%;
	height: 410px;

	overflow-x: scroll;
	overflow-y: hidden;
}

.estate-gallery{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 400px;
	display: flex;
}

.estate-gallery-image-container{
	height: 400px;
	justify-content: center;
	margin: 5px;
}

.estate-gallery-image-container > a > img{
	height: 400px;
}


@media only screen {
    .estate-title-more-about{
		font-size: 24px;
	}
	.estate-description-text{
		column-count: 1;
		column-gap: 10px;
	}
	.home-body{
		column-count: 1;
		column-gap: 10px;
	}
	.estate-front-image-container > h1{
		padding: 20px;
	}
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.estate-title-more-about{
		font-size: 32px;
	}
	.estate-description-text{
		column-count: 2;
		column-gap: 20px;
	}
	.home-body{
		column-count: 2;
		column-gap: 20px;
	}
	.estate-front-image-container > h1{
		padding: 40px;
	}
}

@media only screen and (min-width: 992px) {
	.estate-title-more-about{
		font-size: 36px;
	}
	.estate-front-image-container > h1{
		padding: 60px;
	}
	.estate-description-text{
		column-count: 2;
		column-gap: 30px;
	}
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	.estate-front-image-container > h1{
		padding: 120px;
	}
}

@media only screen and (min-width: 1600px) {
	
}



.project-vimeo-container{
    position: relative;
    width: 100%;
}

.project-vimeo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height:100%;
    width:100%;
}



@media only screen {
    
    .project-vimeo-container{
        height: 50vh;
    }
    
}

@media only screen and (min-width: 576px) {
	.project-vimeo-container{
        height: 50vh;
    }
    
}

@media only screen and (min-width: 768px) {
    
	.project-vimeo-container{
        height: 60vh;
    }
    
}

@media only screen and (min-width: 992px) {

	.project-vimeo-container{
        height: 75vh;
    }
    
}





/* *********************************************************
**
**
** INDELING
**
**
********************************************************* */



#estate-indeling{
	border: #26b4e9 1px solid;
	color: #FFF;
	background-color: #26b4e9;
	border-radius: 20px;
}

.indeling-avoid-break{
    break-inside: avoid;
}
.indeling-key{
    display:inline-block;
}
.indeling-value{
    display:block;
    float:right;
}
.indeling-row{
    border-bottom: #fff 1px solid;
    break-inside: avoid;
	font-weight: 300;
}


@media only screen {
    #estate-indeling{
        column-count: 1;
        column-gap: 10px;
		font-size: 18px;
    }
	.indeling-row{
		line-height: 36px;
	}
}
@media only screen and (min-width: 48em) {
    #estate-indeling{
        column-count: 1;
        column-gap: 15px;
    }
}
@media only screen and (min-width: 64em) {
    #estate-indeling{
        column-count: 2;
        column-gap: 20px;
    }
}
@media only screen and (min-width: 75em) {
    #estate-indeling{
        column-count: 2;
        column-gap: 30px;
    }
}
@media only screen and (min-width: 90em) {
    #estate-indeling{
        column-count: 2;
        column-gap: 60px;
    }
}


/* *********************************************************
**
**
** PLACESOPTIONS
**
**
********************************************************* */

#placesoptions{
	color: #000;
}

.po-title{
	font-weight: bold;
	color: #005fab;
	margin-bottom: 10px;
}

.po-avoid-break{
    break-inside: avoid;
	page-break-inside: avoid;
	margin-bottom: 30px;
}

.po-key{
    display:inline-block;
}
.po-value{
    display:block;
    float:right;
	font-weight: 400;
	color: #005fab;
}

.po-row{
    break-inside: avoid;
	page-break-inside: avoid;
}


@media only screen {
    #placesoptions{
        column-count: 1;
        column-gap: 10px;
    }
}
@media only screen and (min-width: 48em) {
    #placesoptions{
        column-count: 2;
        column-gap: 15px;
    }
}
@media only screen and (min-width: 64em) {
    #placesoptions{
        column-count: 4;
        column-gap: 30px;
    }
}



/* *********************************************************
**
**
** LEGAL
**
**
********************************************************* */


#estate-legal{
	color: #666;
}

.estate-legal-title{
	font-weight: bold;
	color: #005fab;
}

.legal-avoid-break{
    break-inside: avoid;
}
.legal-key{
    display:inline-block;
}
.legal-value{
    display:block;
    float:right;
}
.legal-row{
    border-bottom: #EEE 1px solid;
    break-inside: avoid;
	font-weight: 300;
}


@media only screen {
    #estate-legal{
        column-count: 1;
        column-gap: 10px;
    }
	.legal-row{
		line-height: 36px;
	}
}
@media only screen and (min-width: 48em) {
    #estate-legal{
        column-count: 1;
        column-gap: 15px;
    }
}
@media only screen and (min-width: 64em) {
    #estate-legal{
        column-count: 2;
        column-gap: 30px;
    }
}
/*
@media only screen and (min-width: 75em) {
    #estate-legal{
        column-count: 3;
        column-gap: 30px;
    }
}
@media only screen and (min-width: 90em) {
    #estate-legal{
        column-count: 3;
        column-gap: 60px;
    }
}*/


/* *********************************************************
**
**
** SIMILAR
**
**
********************************************************* */

.sim-title{
	font-size: 16px;
	font-weight: 400;
}

.sim-link{
	background-color: black;
	color: white;
	display: inline-block;
	padding: 5px 20px;
	transition: all .3s ease;
}
.sim-link:hover{
	background-color: #253760;
	color: white;
}



/*
base color (gold): #ad9964;
base color dark (gold): #8c7c51;
*/
.contact-logo{
	font-size: 32px;
	font-weight: bold;
	color: white;
}

#contact-form-wrapper{
	background-color: #26b4e9;
	color: black;
}

#contactform input, #contactform textarea{
	border-radius: 0;
	border: none;
	color: #253760;
}

.contact-button{
	background-color: white;
	color: #253760;
	border: none;
	padding: 20px;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}


.hmodh-wrapper{
	background-color: #26b4e9;
	color: blackwhite;
}

.hmodh-button{
	position: relative;
    display: inline-block;
    padding: 15px 20px;
    color: black;
    overflow: hidden;
    transition: all .3s ease;
    background-color:white;
	border-radius: 40px;
	font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.hmodh-button:hover{
	color: #fff !important;
	background-color: #005fab;
}

.hmodh h2 p{
	font-weight: bold;
	color: white;
}

@media only screen {
    .hmodh h2 p{
		font-size: 24px;
	}
}

@media only screen and (min-width: 768px) {
	.hmodh h2 p{
		font-size: 32px;
	}
}



/* *********************************************************
**
**
** PROJECT SUMMARY
**
**
********************************************************* */

.project-children, .project-child{
	position: relative;
	width: 100%;
	clear: both;
}

.project-child{
	/*border-left: #253760 1px solid;*/
	padding: 20px;
}

.project-child-float{
	float: left;
	line-height: 36px;
}
.project-child-sold{
	color: #999;
}

.project-child-link{
	position: relative;
	background: none;
	display: block;
}

/*
.project-child-link::after{
	content: '';
	position: absolute;
	display: block;
	top: -16px;
	left: 0px;
	width: 4px;
	height: 16px;
	background-color: #FFF;
	transition: all .5s ease;
}

.project-child-link:hover::after{
	top:30px;
}*/

.project-child-link > div{
	background-color: #FFFFFF;
	transition: all .5s ease;
	color: black;
}
.project-child-link:hover > div{
	background-color: #26b4e9;
	color: white;
}

@media only screen {
    .project-child strong{
		font-size: 16px;
	}
	.project-child-title{
		width: 100%;
		font-size: 16px;
	}
	.project-child-bedrooms, .project-child-surface{
		width: 50%;
	}
	.project-child-price{
		width: 100%;
	}
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.project-child strong{
		font-size: 18px;
	}
	.project-child-title{
		font-size: 18px;
	}
}

@media only screen and (min-width: 992px) {
	.project-child strong{
		font-size: 18px;
	}
	.project-child-title{
		width: 50%;
	}
	.project-child-bedrooms, .project-child-surface{
		width: 15%;
	}
	.project-child-price{
		width: 20%;
	}
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}

@media only screen and (min-width: 1600px) {
	
}







/* *********************************************************
**
**
** ZABUN LOADER
**
**
********************************************************* */


.zabun-loader{
	position: relative;
	/*position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;*/
	height: 300px;
	display: grid;
	font-size: 64px;
	justify-content: center;
	align-items: center;
	z-index: 998;
	background-color: #FFF;
	color: #CCC;
	/*background: rgb(255,255,243);
	background: linear-gradient(329deg, rgba(255,255,243,1) 50%, rgba(238,249,255,1) 100%);
	background-repeat: no-repeat;*/
}


/* *********************************************************
**
**
** ORGANIMMO
**
**
********************************************************* */

.periods-wrapper{
	position: relative;
	background-color: #FFF;
}

.periods-item-col{
	break-inside: avoid;
}


.periods-body{
	position: relative;
}

.periods-item{
	border-bottom: #CCC 1px solid;
	margin-bottom: 20px;
	background-color: white;
}

.periods-code{
	float: right;
	font-size: 12px;
}

.periods-title{
	font-weight: bold;
	margin-bottom: 20px;
}

.periods-title span{
	background-color: #fff;
}

.periods-desc{
	font-weight: bold;
}

.periods-price{
	text-align: right;
	font-weight: bold;
	font-weight: 18px;
}

.periods-selector{
	margin: 10px 0;
}

.periods-reservation{
	background-color: #2780ca;
	color: white;
	display: inline-block;
	padding: 2px 3px;
	margin-bottom: 8px;
	border-radius: 6px;
}

.periods-reserve{
	border-bottom: #ccc 1px solid;
}

#oedatepicker{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.oe-icons i{
	position: relative;
	display: inline-block;
	height: 48px;
	font-size: 24px;
	line-height: 48px;
	width: 60px;
	color: #005fab;
}

.oe-icons i::after{
	content: '';
	position: absolute;
	top: 48px;
	left: 15px;
	width: 30px;
	height: 1px;
	border-bottom: #CCC 1px solid;
}

.oe-icons table, .oe-icons2 table{
	/*width: 100%;*/
	margin: 0 auto;
}

.oe-icons td{
	text-align: center;
}


@media only screen {
    .period-cols{
		column-count: 1;
		column-gap: 30px;
	}
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.period-cols{
		column-count: 2;
		column-gap: 30px;
	}
}

@media only screen and (min-width: 992px) {
	.period-cols{
		column-count: 3;
		column-gap: 30px;
	}

}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}

@media only screen and (min-width: 1600px) {
	
}


/* *********************************************************
**
**
** ORGACAROUSEL
**
**
********************************************************* */


.orga-carousel{
	color: black;
	margin: 0 auto;
	overflow:hidden;
	border-radius: 20px;
}

.orga-carousel-item{
	text-align: center;
	width: 100%;
	height: 100%;
}

.orga-carousel-img{
	width: 100%;
	object-fit:cover;
	object-position: 50% 50%;
}


@media only screen {
    .orga-carousel, .orga-carousel-img{
		height: 100vh;
	}
}

@media only screen and (min-width: 576px) {
	
}

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

@media only screen and (min-width: 992px) {
	

}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}

@media only screen and (min-width: 1600px) {
	
}





/* *********************************************************
**
**
** VR
**
**
********************************************************* */


#estate-vr a{
	display: block;
	margin: 0 auto;
	width: 240px;
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	background-color: black;
	color: white;
	text-align: center;
	transition: all .3s ease;
	font-weight: 300;
	border: none;
}

#estate-vr a:hover{
	background-color: #524839;
}

/**************************************************************************************
**
** 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; }
}



/* *********************************************************
**
**
** PrivacyWire
**
**
********************************************************* */

.privacywire{
	background-color: #000 !important;
	color: #FFF !important;
}

.privacywire-body, .privacywire-header{
	max-width: 1320px;
	margin: 0 auto;
}

.privacywire-buttons button{
	position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border: white 1px solid;
    overflow: hidden;
    transition: all .3s ease;
    background: none;
}

.privacywire-buttons button:hover{
    color: black !important;
}

.privacywire-buttons button::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 0px;
    height: 100%;
    background-color: white;
    color: white;
    transition: all .3s ease;
    z-index: -1;
}

.privacywire-buttons button:hover::before{
    width: 100%;
}

/*
.privacywire-page-wrapper{
	text-align: center;
}
*/

.privacywire-text ul{
	list-style: none;
}

.privacywire-text input[type=checkbox]{
	height: 30px;
	width: 30px;
	margin-right: 15px;
}



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

#footer {
	clear: both;
	background-color: #fff;
	color: black;
}

.logo-foot{
	max-width: 290px;
}

.footer-logo{
	font-size: 20px;
	color: black;
}

.footer-address a, .footer-phone a{
	font-size: 16px;
	color: black;
}

.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-menu a{
	line-height: 40px;
	color: black;
	text-decoration: none;
	border: none;
	padding: 0px 0px 20px 0px;
	transition: all .3s ease;
}

.footer-menu a:hover{
	color: #005fab;
}

.footer-legal{
	font-size: 13px;
}


/* *********************************************************
**
**
** APPOINTMENTS
**
**
********************************************************* */

.slot-block{
	display: block;
	background-color: #FFDD00;
	color: #000;
	padding: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all .3s ease;
}
.slot-block:hover{
	background-color: #000;
	color: #fff;
}
.chosen-date{
	font-weight: bold;
	font-size: 24px;
}



/* *********************************************************
**
**
** SAVE
**
**
********************************************************* */

/*
light blue: #26b4e9
dark blue: #005fab
*/

#SaveApp{
	position: fixed;
	display: inline-block;
	top: calc(50vh - 170px);
	right: 0px;
	z-index: 991;
}


#zabun-save{
	position: absolute;
	display: block;
	top: 0px;
	right: -236px;
	width: 260px;
	height: 340px;
	transition: all .3s ease;
}

#zabun-save.active{
	right:0px
}

#zabun-save-trigger{
	cursor: pointer;
	float: left;
	width: 24px;
	height: 60px;
	line-height: 60px;
	background-color: #005fab;
	text-align: center;
	font-size: 24px;
	border-radius: 8px 0px 0px 8px;
	color: white;
}

#zabun-save-trigger-label{
	position: absolute;
	display: inline-block;
	left: -8px;
	top: -8px;
	height: 24px;
	padding: 0 4px;
	line-height: 24px;
	font-size: 13px;
	border-radius: 4px;
	/*border: white 1px solid;*/
	background-color: red;
}

#zabun-save-panel{
	border: #005fab 1px solid;
	float: left;
	width: 236px;
	height: 100%;
	background-color: #005fab;
	color: white;
	padding: 10px;
}

.saved-estates-panel-linkto{
	color: white;
	text-decoration: none;
	transition: all .5s ease;
}

.saved-estates-panel-linkto:hover{
	color: white;
	text-decoration: underline;
}

.saved-estates-panel-linkto i{
	color: red;
}

#zabun-save-out i{
	color: red;
}

.savecontactpic{
	border-radius: 50%;
	border: white 3px solid;
}

.saved-estate-del{
	float: right;
	cursor: pointer;
}

.saved-estate-del i{
	color: red;
}

.saved-estate-reference{
	font-weight: bold;
}



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

.estate-pic-carousel{
	overflow:hidden;
	border-radius: 20px;
}

.estate-pic-carousel-img{
	width: 100%;
	object-fit:cover;
}

@media only screen {
    .estate-pic-carousel{
		height:270px;
	}
	
	.estate-pic-carousel-img{
		min-height: 270px;
	}
}

@media only screen and (min-width: 768px) {
	.estate-pic-carousel{
		height:420px;
	}
	
	.estate-pic-carousel-img{
		min-height: 420px;
	}
}




/* *********************************************************
**
**
** 
**
**
********************************************************* */

#hmodhvue h1{
	color: white;
}


.hmodh-item-title{
    font-family: poppins, serif;
    font-weight: 400;
    font-style: normal;
    color: black;
}

.hmodh-item-text{
    font-family: poppins, sans-serif;
    font-weight: 300;
    font-style: normal;
}

.hmodh-item-next-button{
    font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
    color: black;
    background-color: whitesmoke;
    display: inline-block;
    padding: 20px 40px 20px 40px;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}
.hmodh-item-next-button:hover{
    color: black;
}
.hmodh-item-prev-button{
    font-family: sofia-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
    color: black;
    display: block;
    float: right;
    padding: 20px 40px 20px 40px;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}
.hmodh-item-prev-button:hover{
    color: white;
}



@media only screen {
    .hmodh-item-title{
        font-size: 24px;
    }
    .hmodh-item-text{
        font-size: 16px;
    }
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
    .hmodh-item-title{
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) {
	.hmodh-item-title{
        font-size: 40px;
    }
    .hmodh-item-text{
        font-size: 18px;
    }
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1400px) {
	.hmodh-item-title{
        font-size: 40px;
    }
    .hmodh-item-text{
        font-size: 20px;
    }
}

@media only screen and (min-width: 1700px) {
	.hmodh-item-title{
        font-size: 40px;
    }
    .hmodh-item-text{
        font-size: 20px;
    }
}




/* *********************************************************
**
**
** TYPE SELECTION
**
**
********************************************************* */

.type-selection-wrapper{
    position: relative;
}

.type-selection-pic-wrapper{
    position: relative;
}
.type-selection-checkbox{
	cursor: pointer;
}
.type-selection-pic img{
    object-fit: cover;
    width: 100%;
    height: 100%;
	cursor: pointer;
}


.type-selection-label{
    position: relative;
    font-family: poppins, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-align: center;
    font-size: 16px;
}


.type-selection-overlay{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.55;
    display: none;
}
.type-selection-overlay.active{
    display: block;
}

.type-selection-vink{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 22px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background-image: url(../gfx/Check.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.type-selection-checkbox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}













/* *********************************************************
**
**
** LOCATION SELECTION
**
**
********************************************************* */

.selection-box-wrapper{
    position: relative;
}

.selection-box{
    display: inline-block;
    width: 30px;
}

.selection-value{
    display: inline-block;
    font-family: poppins, serif;
    font-weight: 400;
    font-style: normal;
}

.location-selection-checkbox{
    width: 18px;
    height: 18px;
}

@media only screen {
    .selection-value{
        font-size: 16px;
    }
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	.selection-value{
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) {
	.selection-value{
        font-size: 20px;
    }
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}











/* *********************************************************
**
**
** BEDROOMS SELECTION
**
**
********************************************************* */


.bedrooms-selection-range{
    width: 100%;
    height: 30px;
    max-width: 500px;
}


.type-selection-bedrooms{
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	background-color: black;
	color: white;
}
.type-selection-bedrooms.active{
	background-color: white;
	color: black;
}


/* *********************************************************
**
**
** MAXPRICE SELECTION
**
**
********************************************************* */


.maxprice-selection-range{
    width: 100%;
    max-width: 500px;
}

.type-selection-price{
	font-size: 30px;
	line-height: 80px;
	text-align: center;
	background-color: black;
	color: white;
}
.type-selection-price.active{
	background-color: white;
	color: black;
}




.hmodh-input{
    background-color: var(--base-dark-color);
    color: white;
    font-family: poppins, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 40px;
    border: 0;
    border-bottom: white 1px solid;
    width: 100%;
    margin-bottom: 45px;
    height: 45px;
}

.hmodh-label{
    color: white;
    font-family: poppins, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

















/* *********************************************************
**
**
** MUSTHAVES SELECTION
**
**
********************************************************* */


.musthaves-selection-checkbox{
    width: 18px;
    height: 18px;
}





/* *********************************************************
**
**
** SLIDER
**
**
********************************************************* */




input{
    background: none;
}

input[type=range] {
    height: 30px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 14px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #EBBD00;
    border-radius: 5px;
    border: 1px solid #000000;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #000000;
    height: 23px;
    width: 23px;
    border-radius: 16px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5.5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    background: #EBBD00;
  }
  input[type=range]::-moz-range-track {
    width: 100%;
    height: 14px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #EBBD00;
    border-radius: 5px;
    border: 1px solid #000000;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #000000;
    height: 23px;
    width: 23px;
    border-radius: 16px;
    background: #FFFFFF;
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    width: 100%;
    height: 14px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
  }
  input[type=range]::-ms-fill-lower {
    background: #EBBD00;
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-fill-upper {
    background: #EBBD00;
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow: 0px 0px 0px #000000;
  }
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #000000;
    height: 23px;
    width: 23px;
    border-radius: 16px;
    background: #FFFFFF;
    cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
    background: #EBBD00;
  }
  input[type=range]:focus::-ms-fill-upper {
    background: #EBBD00;
  }





/*
@media only screen {
    
}

@media only screen and (min-width: 576px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (min-width: 992px) {
	

}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1400px) {
	
}

@media only screen and (min-width: 1600px) {
	
}
*/


/* *********************************************************
**
**
** RECAPTCHA
**
**
********************************************************* */

/*.grecaptcha-badge { visibility: hidden; }*/