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

#intro-logo {
	position: absolute;
	z-index: 9;
	bottom: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 2s ease 1s;
			transition: all 2s ease 1s;
}
#intro-logo.animate {
	opacity: 0;
	-webkit-transform: scale(2);
			transform: scale(2);
}
#intro-slogan {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 20px;
	right: 20px;
	text-align: center;
	-webkit-transition: all 2s ease 2s;
			transition: all 2s ease 2s;
}
#intro-slogan.animate {
	opacity: 0;
	-webkit-transform: scale(0.5);
			transform: scale(0.5);
}

@media (min-width : 1200px) {
	#intro-logo {
		display: none;
	}
	#intro-slogan {
		top: 280px;
		left: 110px;
		right: auto;
		-webkit-transition: all 2s ease 1s;
				transition: all 2s ease 1s;
	}
	#intro-slogan.animate {
		opacity: 0;
		-webkit-transform: translate3d(100px,0,0);
				transform: translate3d(100px,0,0);
	}
}





/****************************************/
/* ABOUT
/****************************************/

#about {
}




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

#location {
}




/****************************************/
/* VILLAS
/****************************************/

.specs-list {
	color: #002e47;
}
.specs-list > li {
	display: inline;
}


/* Videos */
.project-video {
	overflow: hidden;
}
.project-video video {
	position: relative;
	z-index: 99 !important;
	display: block;
	margin: -1px;
	width: calc(100% + 2px);
}
.project-video iframe {
	display: block;
	margin: -1px;
	width: calc(100% + 2px);
	aspect-ratio: 1 / 0.5625;
}

.section-main .project-video {
	margin-top: 2em;
	border: 2px solid #002e47;	
}
/***/



/****************************************/
/* NEIGHBORHOOD
/****************************************/

#neighborhood {
}




/****************************************/
/* DEVELOPERS
/****************************************/

#developers {
}
#developers .section-img-box {
	-webkit-background-size: auto 100%;
			background-size: auto 100%;
	background-position: 0 50%;	
}
#developers .section-main-box {
	background: #fdfdfd;
	color: #000;
}




/****************************************/
/* ACTIVITIES 
/****************************************/

.activities-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	font-size: 16px;
}
.activity-card {
	width: 356px;
	max-width: 100%;
}
.activity-thumb {
}
.activity-thumb > img {
	width: 100%;
}
h3.activity-name {
	font-size: 28px;
	color: #8c7857;
}
.activity-excerpt {
	margin-bottom: 30px;
}






/****************************************/
/* NEWS and MEDIA
/****************************************/

#media-and-news {
	background: #e5e4e4;
}
#media-and-news .section-main-box {
	background: #e5e4e4;
	color: #010101;
}
@media (min-width : 1600px) {
	#media-and-news .section-main-box {	
		padding-right: 120px;
	}
}

.news-list {
	margin: 0 -20px;
}
.news-item {
	max-width: 426px;
	margin-bottom: 50px;
	padding: 0 20px;
}
.news-item figure {
	border: 1px solid #c5c4c4;
	overflow: hidden;
}
.news-item figure > img {
	display: block;
}
.news-item h4 {
	min-height: 1.75em;
}
.news-item .excerpt {
	font-size: 0.875em;
}
.news-item p:last-child {
	text-align: left;
}
.news-item .read-more {
	display: inline-block;
	padding: 0.5em 2em;
	background: #000;
	color: #e5e4e4;
	font-weight: 400;
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.news-item .read-more:hover {
	background: #e8552a;
}
@media (min-width : 768px) {
	.news-list {
		margin-left: -80px;
	}
	.news-list:after {
		content: '';
		display: block;
		clear: both;
	}
	.news-item {
		width: 50%;
		float: right;
	}
	.news-item:nth-child(odd) {
		clear: both;
	}
	.news-item .excerpt {
		height: 6.25em;
		overflow: hidden;
	}
}

@media (min-width : 1200px) {
	.news-list {
		margin-left: -20px;
	}
	.news-item {
		width: 25%;
	}
	.news-item:nth-child(odd) {
		clear: none;
	}
	.news-item:nth-child(4n+1) {
		clear: both;
	}
	.news-item figure {
		background: #000;
	}
	.news-item figure > img {
		opacity: 0.7;
		-webkit-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
	.news-item:hover figure > img {
		opacity: 1;
		-webkit-transform: scale(1.066);
				transform: scale(1.066);
	}
}
@media (min-width : 1600px) {
	.news-item {
		padding: 0 25px;
	}
}





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