@charset "UTF-8";
/* CSS Document */

body {font-family: 'Roboto Slab', serif;}
h1, h2, h3, h4 {font-weight:700; font-family: 'Oswald', sans-serif; text-transform: uppercase;
 }
p {font-weight:300;}
.btn-district {background:#064974 scroll; color:#fff; font-size: 14px; text-align: center; text-transform: uppercase; max-width:180px; width:95%; margin: 20px auto; display: block; transition:.25s background, color; -webkit-transition:.25s background, color;}
.btn-district:hover {background:#eee; color: #064974;}
.bg-header {
	background-image: url(../images/hero.jpg);
	background-size: cover;
	background-position: center bottom;
	min-height: 500px!important;
	position: relative;
}

.blue-bg {background:rgba(6,73,116,0.5);
	position: absolute;
	left:0px;
	right:0px;
	width: 100%;
	height: 100%;
}



.black-bg-footer {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+60,000000+60&0+59,0.75+60 */
background: -moz-linear-gradient(-30deg, rgba(37,37,37,0) 35%, rgba(37,37,37,0.75) 35%); /* FF3.6-15 */
background: -webkit-linear-gradient(-30deg, rgba(37,37,37,0) 35%,rgba(37,37,37,0.75) 35%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(120deg, rgba(37,37,37,0) 35%,rgba(37,37,37,0.75) 35%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#bf000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: absolute;
	right:0px;
	width: 100%;
	height: 100%;
}

.black-bg-sub {
	
	background:rgba(0,0,0,0.5);
	position: absolute;
	right:0px;
	width: 100%;
	height: 100%;
}

.logo {margin:0px auto 30px auto; display: block; max-width:188px; padding: 50px 0px 0px 0px;}

#header-content {text-align:center; color:#fff; text-transform: uppercase;}
#header-content h1 {color:#fff; font-size: 72px;}
#header-content p {font-size: 16px;}


.amenities {
	background:url(../images/bg-dots.jpg) repeat;
	padding-top:50px;
	padding-bottom:50px;
}
.amenities h3 {color:#064974; text-transform:uppercase; letter-spacing: 2px;}
.amenities li {list-style:none; margin-top:10px;}
#list-disclaimer {list-style:none; font-size:11px; margin-top:20px;}

.cta {background:#0ABDE2; padding-bottom:10px;}
.cta h1 {font-weight:300; display:inline-block; vertical-align: middle;}
.cta button {background:#fff; color:#000000; margin-top:10px; margin-left: 10px; text-transform: uppercase; font-size:18px; letter-spacing: 2px;}

.location {
	background-image: url(../images/bg-location.jpg);
	background-size: cover;
	background-position: center bottom;
	position: relative;
	padding-bottom:50px;
	color:#FFFFFF;
}

.location p {
	line-height: 30px;
}
#large-text {font-size:76px;}
#eho {display:inline-block; float:left; margin-right:15px;}
#greystar {display:block; margin-right:15px; margin-bottom:15px; width:125px;}
#mo-on {display: none;}

.modal-content {background: rgba(10,189,226,0.6); border: 5px solid #0ABDE2;}
.form, .form table {width:100%;}
.form input {width:100%; margin: 5px auto; padding:10px;}
.form textarea {width:100%; border-color: #eee; padding:10px; margin: 5px auto;}
.form select {width:100%; height:40px; background:#fff; border-radius: 0px; border-color:#eee; margin:5px auto;}
.form input[type="submit"] {background:#000000; border:none; padding:20px 0px; font-size:18px; color:#fff; letter-spacing: 1px; max-width:180px; margin: auto; display: block;}

.form label {font-weight: 300; color:#fff; letter-spacing: 1px;}
input:focus, select:focus, input[type="submit"]:focus, textarea:focus {outline:none;}

/*========TABS==================*/
.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #3a3a3a;background:#ddd; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none;  color: #064974!important; background: #fff; }
        .nav-tabs > li > a::after { content: ""; background:rgb(6,73,116); height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background:rgb(6,73,116) none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}
.nav-tabs > li  {width:50%; text-align:center;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.main-tabs #ds-logo, .main-tabs #dl-logo {width:90%; max-width:250px!important; margin: auto; display: block;}
.inner-tabs .nav-tabs > li  {width:33%; text-align:center;}
@media all and (max-width:724px){
.nav-tabs > li > a > span {display:none;}	
.nav-tabs > li > a {padding: 5px 5px;}
}
/*==========END TABS================*/

@media screen and (max-width:991px) {
	.btn-district {width:100%; margin:10px auto 0px auto; display: block; max-width:100%;}
	#disclaimer {text-align: center; margin-top:100px;}
	#eho {float:none;}
	#greystar {margin:15px auto;}
	.cta {text-align: center;}
	#header-content h1 {color:#fff; font-size: 36px;}

}