/********************************************************************************/
/* CUSTOM CLASSES
/********************************************************************************/

/* Custom separators */
.hr {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	clear: both;
	background: url('../img/white-dot.png') 0 0 repeat-x;
}
.dots-h {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	clear: both;
	background: url('../img/black-dot.png') 0 0 repeat-x;
}
.white-dots {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpi/A8EDAwMjAxQABBgADnxA/8VN3ojAAAAAElFTkSuQmCC); 
}
@media only screen and (min-width : 1600px) {
	.dots-h {
		margin: 8% 0;
	}
}
/***/




/****************************************/
/* INTRO
/****************************************/


/****************************************/
/* INTRO
/****************************************/

#intro-fader {
	height: 100%;
}

#intro-down-btn {
	position: absolute;
	z-index: 9;
	bottom: 20px;
	left: 50%;
}
#intro-down-btn > span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 72px;
	height: 26px;
	margin-left: -36px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAaCAYAAAAUqxq7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAo9JREFUeNrkmV1IFFEUx2fXFkNClkQw7KEIQVAo0RCDkA16MMJ8kR5c6UGCtBcfUpQQUYQWiohAsKLIl3ow8kUp90VQaSkxWlQwIqIgEEEKMTX8mP4nztBhaL+c2fnYvfBjlp177v3f/70z955dj6qqCpcA8INRJbtLHSBTJv5eYdABMK7+K89BARmXZRwCj4QPr4BPu5kPHoub38GFLDKnFnwR43/Ahin6ihfBsqj4UKuYoRwEd8FerIXxvyB6vEaESeTs2Qw0pwosJXq1xGugCfzgYHL4DjvudmN8oA/s8NhWweVY9RM1VgxeC5cXQaWLzSkH78V4aHM6Ei8mmUY94BpY50a3QS/vfm4xJgd0gC0eA43lKo9NMWqQxgkwI9yfBaUuMId0TwvdU+B4svH7mYlO8Js7oxlpB14HGkOro1WsfNJ6I1WtRp7lD2JWJsExB5lD784JoW8OlO2nLaO7wYDYDdZAiwPMCYKfrIm09bNWxWqDNKrBRzFbY6DIBmMKwUuhg844p422a5a4PHBfiKOzRaOF5jSAFdH/PbPObGYLPQe+CaHPwOE0GuMHw6K/ryBgZh/pEE2J71Nd4luXhn7O6ybjCfetON0gjUu6ZT9kUuJLj/OgaJeS6/p0jcPqF+dng4nvGfBJtPeC+1DcapBGs9h6d8FtkJtCPNUNcazKbQWt0G7lNnwUhMXsL4CKJOJOgXkRF+aDoJJpBmnH/+tgQyS+PTESX/ruJteh8gu0JZNgutkgjRIQEavinS7xpc9vxf03HGO5Vrt/gugWie8mJ77tYoXRvS6ua4tOj/jbx65yEgzzVZYouMJX24rXAf9DkQHVIAT2mFv8XdRucU5YQbLU8DXiFEF/BBgA98Q8PyG3AMYAAAAASUVORK5CYII=) 50% 50% no-repeat;	
	opacity: 1;
}
#intro-down-btn > span:nth-child(1) {
	-webkit-transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 1s;
			transition: all 1s cubic-bezier(0.76, 0, 0.24, 1) 1s;
}
#intro-down-btn > span:nth-child(2) {
	-webkit-transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1) 1.2s;
			transition: all 0.8s cubic-bezier(0.76, 0, 0.24, 1) 1.2s;
}
#intro-down-btn > span:nth-child(3) {
	-webkit-transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1) 1.4s;
			transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 1) 1.4s;
}
#intro-down-btn.animate > span {
	bottom: 30px;
	opacity: 0;
}
#intro-down-btn.animated > span {
	bottom: 0;
	opacity: 1;
}





/****************************************/
/* ABOUT
/****************************************/
#about {
}
.fancy-button {
    outline: 0;
    border: 0;
    border-radius: 4px;
    padding: 0.25em 1em;
    background-color: var(--fancy-color);
    color: var(--white-color);
    font: inherit;
    cursor: pointer;
}
#specs-lightbox > .lightbox-content {
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 30px;
    overflow: auto;
    background-color: var(--primary-color);
    color: var(--white-color);
}
#specs-lightbox h3 {
    margin: 0.75em 0;
    font-family: var(--fancy-font);
    font-weight: 400;
    line-height: 0.75;
}

#specs-lightbox h3:before {
    content: '';
    display: block;
    width: 192px;
    height: 0;
    margin: 1em auto;
    border: 3px solid;
}



/****************************************/
/* LOCATION
/****************************************/

#location {
}




/****************************************/
/* COMMUNITY
/****************************************/
#community {
}





/****************************************/
/* TRANSPORTATION
/****************************************/
#transportation {
}





/****************************************/
/* DEVELOPER
/****************************************/
#developer {
}

#developer .section-side-img {
	padding: 30px 5%;
	text-align: center;
}

#developer .section-side-img h3 {
    font-size: 1.333333em;
}

#developer .swiper-slide {
}
#developer .swiper-slide:before {
	content: '';
	display: block;
	width: 192px;
	border: 3px solid var(--fancy-color);
	margin: 30px auto;
	opacity: 0;
	-webkit-transition: all 0.4s ease 0.4s;
			transition: all 0.4s ease 0.4s;
}
#developer .swiper-slide-active:before {
	opacity: 1;
}
#developer .swiper-slide-caption {
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
	padding: 1em;
	line-height: 1em;
	white-space: nowrap;
	text-align: center;
	background: none;
	color: inherit;
	opacity: 0;
	-webkit-transition: all 0.4s ease 0.4s;
			transition: all 0.4s ease 0.4s;
}
#developer .swiper-slide-active .swiper-slide-caption {
	opacity: 1;
}

#developer .swiper-button-prev,
#developer .swiper-button-next {
	margin-top: 0;
}




/****************************************/
/* GALLERY
/****************************************/
#gallery {
}






/****************************************/
/* CONTACT
/****************************************/

#contact {
}
#main-form-container {
}
#main-form-container .loader {
	background: transparent;
}
#main-form-container .loader > .spinner {
	background: var(--primary-color);
}
#main-form-container .submit-field {

}
@media (min-width : 1200px) {
	#main-form-container .subscribe-field {
		width: 60%;
	}
	#main-form-container .submit-field {
		width: 40%;
	}
}

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

