/*------------------------------------- Fonts -----------------------------------*/
@font-face {
	font-weight: 100;
	font-style: normal;
	font-family: 'Source Sans Pro';
	src:url(../fonts/SourceSansPro-LightIt.otf);
}
@font-face {
	font-weight: 400;
	font-style: normal;
	font-family: 'Source Sans Pro';
	src:url(../fonts/SourceSansPro-Semibold.otf);
}
@font-face {
	font-weight: 700;
	font-style: normal; 
	font-family: 'Source Sans Pro';
	src:url(../fonts/SourceSansPro-Bold.otf);
} 
/*------------------------------------- Page Defaults -----------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Source Sans Pro';
	background: #FFF;
}

img {
	width:100%;
}

.clear {
	clear:both;
}

/* ------- PHP Responses ------- */

.php-feedback {
	position:fixed;
	z-index:9999;
}

#sent {
	bottom:40px;
	left:40px;
	height:180px;
	width:180px;
	background:url(../gfx/sent.png) no-repeat;
	background-size:contain;
}

#invalid {
	bottom:40px;
	left:40px;
	height:180px;
	width:180px;
	background:url(../gfx/invalid.png) no-repeat;
	background-size:contain;
}

#error {
	bottom:40px;
	left:40px;
	height:180px;
	width:180px;
	background:url(../gfx/error.png) no-repeat;
	background-size:contain;
}
#remax {
	height:60px;
	width:200px;
	margin:10px 0px 10px 0px;
	background:url(../gfx/remax-logo.png) no-repeat;
	background-size:contain;
}
/* --------- Banners --------- */

.banner { position: relative; overflow:auto; margin-left:-50px; margin-top:-12px;}
.banner li { list-style: none; }
.banner ul li { float: left; }

#fixed-banner {
	position:relative;
	overflow:hidden;
	width:100%;
	height:800px;
}

.banner-msg {
	width:50%;
	margin-left:25%;
	text-align:center;
	font-size:3.5em;
	line-height:1.1em;
	margin-top:350px;
	position:absolute;
	z-index:998;
}

.banner-btn {
	margin-top:500px;
	width:190px;
	font-size:1em;
	padding:15px;
	text-align:center;
	background:#FFF;
	position:absolute;
	z-index:998;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.btn-large { 
	width:60%;
	height:auto;
	background:#b72f52;
	border-radius:20px;
	padding:20px 40px 20px 40px;
	text-align:center;
	font-size:1.5em;
	line-height:1.1em;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:50px;
}

.btn-large:hover { 
	background:#5ec4b5;
	border-radius:0px;
	-webkit-transition:0.3s ease;
}

.banner-btn:hover {
	border-radius:10px;
	-webkit-transition:0.3s ease-in;
}

#slide1 {
	background:url(../gfx/sliders/slide1.jpg) no-repeat;
	background-position:bottom;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
}
#slide2 {
	background:url(../gfx/sliders/slide2.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
}
#slide3 {
	background:url(../gfx/sliders/slide3.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
}

#slide4 {
	background:url(../gfx/sliders/redskyatnight.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
	position:relative;
}

#slide5 {
	background:url(../gfx/sliders/amenities.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
	position:relative;
}

#slide6 {
	background:url(../gfx/lots.jpg) no-repeat;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	width:100%;
	height:800px;
	position:relative;
}


a:link {
	text-decoration:none;
} a:visited {
	text-decoration:none;
} a:hover {
	text-decoration:none;
}

#badge {
	width:140px;
	height:140px;
	right:30px;
	top:115px;
	position:absolute;
	background:url(../gfx/Badge.png) no-repeat;
	background-size:contain;
	z-index:998;
}

.mobile-trigger {
	width:75px;
	height:75px;
	left:30px;
	top:30px;
	position:absolute;
	background:pink;
	background-size:contain;
	z-index:998;
}

#mobile-x {
	margin-top:-60px;
	width:20px;
	height:20px;
	position:absolute;
	top:20px;
	right:20px;
	z-index:2001;
	background:url(../gfx/cross.png) no-repeat;
	background-size:contain;
	pointer-events:none;
}

/*------------------------------------- Waves and Spacers -----------------------------------*/

#waves {
	width:100%;
	height:250px;
	background:url(../gfx/Blue%20Waves.png) no-repeat;
	background-size:cover;
	background-position:center top;
	position:absolute;
	z-index:99;
	margin-top:-250px;
}

#waves-yellow {
	width:100%;
	height:300px;
	background:url(../gfx/yellow-Waves.png) no-repeat;
	background-size:cover;
	background-position:center;
	position:absolute;
	z-index:998;
	margin-top:-197px;
}

#waves-blue {
	width:100%;
	height:300px;
	background:url(../gfx/waves-blue.png) no-repeat;
	background-size:cover;
	background-position:center;
	position:absolute;
	z-index:998;
	margin-top:-197px;
}

#waves-green {
	width:100%;
	height:300px;
	background:url(../gfx/green-wave.png) no-repeat;
	background-size:cover;
	background-position:center;
	position:absolute;
	z-index:998;
	margin-top:-197px;
}

#wave-spacer {
	height:60px;
	width:100%;
}

.vid-spacer {
	width:100%;
	height:40px;
}

#placeholder {
	height:500px;
	width:100%;
	background:url(../gfx/placeholder) no-repeat;
	background-position:center bottom;
	background-size:cover;
}

/*------------------------------------- Text Spans -----------------------------------*/

.bold {
	font-weight:700;
}
.semi {
	font-weight:400;
}
.light {
	font-weight:100;
}
.white {
	color:#FFF;
}
.red {
	color:#b72f52;
}
.yellow {
	color:#fcb135;
}
.green {
	color:#5ec4b5;
}
.grey {
	color:#adadad;
}
.darl {
	color:#58595b;
}

/*------------------------------------- Navigation -----------------------------------*/

#logo {
	background:url(../gfx/logo.png) no-repeat;
	background-size:contain;
	height:94px;
	width:325px;
	float:left;
	margin-left:40px;
}

nav {
	margin-top:12px;
	height:70px;
	width:100%;
	position:fixed;
	z-index:999;
	border-bottom:1px solid #FFF;
	background:rgba(0,0,0,0.5);
}

#accent {
	height:5px;
	width:100%;
	background:#b72f52;
}

nav ul {
	float:right;
	height:auto;
	list-style:none;
	display:inline;
	margin-top:13px;
}

nav ul li {
	height:36px;
	list-style:none;
	display:inline;
	margin-right:20px;
	font-size:1.2em;
	color:#FFF;
}

nav ul li .social-icon {
	margin-bottom:-10px;
	width:36px;
	height:36px;
}

nav ul li:hover {
	color:#b72f52;
	-webkit-transition:0.2s ease;
}

/*------------------- Amenities -----------------*/

#amenities {
	width:100%;
	height:auto;
	margin:30px 0px 30px 0px;
	padding:40px;
	border: 4px solid #5ec4b5;
	border-radius:10px;
	list-style:none;
}

#amenities li {
	width:auto;
	height:auto;
	margin:15px 0px 15px 0px;
	padding-bottom:10px;
	border-bottom: 1px solid #b72f52;
}

/*------------------------------------- Content -----------------------------------*/

#wide {
	width:60%;
	height:auto;
	margin-left:20%;
}

#narrow {
	width:40%;
	margin-left:30%;
	font-size:1.4em;
	padding:40px 0px 40px 0px;
}

.col-contain {
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
	font-size:1.2em;
}

#col1 {
	width:30%;
	height:auto;
	border: 4px solid #fcb135;
	border-radius:10px;
	padding:35px;
	float:left;
}

#col1 .col-btn {
	background:#fcb135;
}

#col2 {
	width:30%;
	margin-left:5%;
	margin-right:5%;
	height:auto;
	border: 4px solid #5ec4b5;
	border-radius:10px;
	padding:35px;
	float:left;
}

#col2 .col-btn {
	background:#5ec4b5;
}

#col3 {
	width:30%;
	height:auto;
	border: 4px solid #b72f52;
	border-radius:10px;
	padding:35px;
	float:left;
}

#col3 .col-btn {
	background:#b72f52;
}

.title {
	font-size:1.7em;
	line-height:1.1em;
	margin-bottom:20px;
	width:100%;
}

.col-btn {
	margin-top:20px;
	width:225px;
	padding:10px 15px 10px 15px;
	text-align:center;
}

.col-btn:hover {
	border-radius:10px;
	-webkit-transition:0.1s ease-in;
}

.col-contain-img {
	width:100%;
	height:auto;
	margin-top:50px;
	margin-bottom:50px;
	font-size:1.4em;
	text-align:center;
}

.col-contain-img #col1 {
	width:30%;
	height:auto;
	float:left;
	border:none;
	padding:none;
}

.col-contain-img #col1 img {
	border: 4px solid #fcb135;
	border-radius:10px;
	margin-bottom:30px;
}

.col-contain-img #col2 {
	width:30%;
	height:auto;
	float:left;
	border:none;
	padding:none;
}

.col-contain-img #col2 img {
	border: 4px solid #5ec4b5;
	border-radius:10px;
	margin-bottom:30px;
}

.col-contain-img #col3 {
	width:30%;
	height:auto;
	float:left;
	border:none;
	padding:none;
}

.col-contain-img #col3 img {
	border: 4px solid #b72f52;
	border-radius:10px;
	margin-bottom:30px;
}

/*------------------------------------- Footer -----------------------------------*/

footer {
	width:100%;
	height:800px;
	background:url(../gfx/footer-bg.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
}

#second-stage {
	height:60px;
	width:100%;
	background:#FFF;
}

#second-stage a:link {
	color:#adadad;
}
#second-stage a:visited {
	color:#adadad;
}
#second-stage a:hover {
	color:#333;
	-webkit-transition:0.3s ease;
}

#copyright {
	height:32px;
	padding-top:15px;
	width:50%;
	text-align:center;
	margin-left:25%;
	font-size:1em;
}

#footer-nav {
	margin-top:100px;
	float:left;
	list-style:none;
	font-size:0.8em;
}

#footer-nav li {
	margin-bottom:12px;
	font-size:1.1em;
	color:#adadad;
}

#footer-nav li:hover {
	color:#b72f52;
	-webkit-transition:0.3s ease;
}

#social-nav {
	margin-top:100px;
	float:right;
	list-style:none;
}

.social-icon {
	width:36px;
	height:36px;
}

.social-icon:hover {
	fill:#b72f52;
	-webkit-transition:0.7s ease;
}

#social-nav li {
	list-style:none;
	display:inline;
	margin-left:10px;
}

#social-nav li .social-icon {
	float:right;
}

#footer-logo {
	height:114px;
	width:78px;
	margin-top:25px;
	background:url(../gfx/footer-Logo.png) no-repeat;
	background-size:contain;
	margin-left:50px;
}

/*------------------------------------- Queries -----------------------------------*/

@media screen and (max-width: 2000px) {
	#wide {
	width:85%;
	margin-left:7.5%;
	}
}

@media screen and (max-width: 1600px) {
	#narrow {
	width:60%;
	margin-left:20%;
	}
	#waves {
	background-position:center top;
	margin-top:-150px;
	height:150px;
	}
	#waves-yellow {
	}
}

@media screen and (min-width:1025px) {
	#mobile-nav {
	display:none;
	}
	#trigger-overlay {
	display:none;
	}
	#md-contact-mobile {
	display:none;
	}
}

@media screen and (max-width:1024px) {
	#badge {
	right:30px;
	top:30px;
	width:100px;
	height:100px;
	}
	.banner { 
	margin-top:-18px;
	}
	.banner-msg {
	width:90%;
	margin-left:5%;
	font-size:2.5em;
	margin-top:225px;
	}
	.banner-btn {
	margin-top:400px;
	}
	#slide1, #slide2, #slide3 {
	height:500px;
	}
	nav {
	display:none;
	}
	#mobile-nav {
	display:inline;
	}
	#trigger-overlay {
	display:inline;
	}
	#narrow {
	width:90%;
	margin-left:5%;
	}
	#wide {
	width:90%;
	margin-left:5%;
	}
	#col1, #col3 {
	width:100%;
	margin-bottom:30px;
	float:none;
	}
	#col2 {
	margin-left:0%;
	margin-right:0%;
	width:100%;
	margin-bottom:30px;
	float:none;
	}
	.col-contain-img #col1 {
	width:100%;
	margin-bottom:30px;
	float:none;
	}
	.col-contain-img #col2 {
	width:100%;
	margin-bottom:30px;
	float:none;
	margin-left:0%;
	margin-right:0%;
	}
	.col-contain-img #col3 {
	width:100%;
	margin-bottom:30px;
	float:none;
	}
	#copyright {
	width:90%;
	margin-left:5%;
	}
	#waves {
	display:none;
	}
	#waves-yellow {
	display:none;
	}
	#md-contact {
	display:none;
	}
	#md-contact-form {
	display:none;
	}
	#md-contact-mobile {
	display:inline;
	}
	footer {
	height:500px;
	}
	#social-nav {
	display:none;
	}
	#footer-nav {
	margin-top:10px;
	}
	.btn-large { 
	width:90%;
	}
}

@media screen and (max-height: 30.5em) {
	.overlay #mobile-nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
}