/* general */
#wrapper { position: relative; width: 100vw; height: 100vh; overflow: hidden; z-index: 1; }


/* Landing Page */
#main-header,
.header-spacer,
#site-footer {
	display: none !important;
	visibility: hidden !important;
}

#hero-slider-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
#hero-slider {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100vw;
	height: 100vh;
}
#hero-slider .slick-list,
#hero-slider .slick-track {
	height: 100%;
}
#hero-slider .slide > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	/*transition: opacity .3s ease;*/
	-webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}
#hero-slider .slide:nth-child(odd) > img {
	-webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}
#hero-slider .slide.slick-active > img {
	opacity: 1;
	animation: 20s move;
	/*transition: none;*/
}

#overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

#bg-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
#bg-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
#button-inner {
	position: relative;
	transform: translatey(0px);
	animation: float 24s ease-in-out infinite;
	width: 805px;
}
#button-inner > img:nth-child(2) {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}
#button:hover #button-inner > img:nth-child(2) {
	opacity: 1;
}



#default-page {
    position: relative;
    z-index: 3;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
#default-page .container {
    max-width: 1580px;
    margin: 0 auto;
}
#default-page .content {
	border: solid 10px #bca36c;
	background-color: #FFF;
	padding: 50px;
}







#loading-overlay {
	position: fixed;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,1);
	transition: all 1s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}



.post.hide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}




#form-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
#form-wrapper {
    position: relative;
}
.spinner {
    border: 4px solid #ccc;
    border-top: 4px solid #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#property-form.loading {
    opacity: 0.4;
    pointer-events: none;
}