@charset "UTF-8";
/* CSS Document */
body {font-family: 'Lato', sans-serif;}
.main-header {background:url(../images/main-header.jpg) center no-repeat!important; background-size:cover!important; overflow:auto; min-height:800px;}
.intro {line-height:36px; font-size:18px;}
.colorme {padding-top:20px; padding-bottom:20px; margin-top:-30px;}
.grn {background-color:#23AA86;}
.grn h1, .grn h2 {color:#000000;}
.grn p, .grn li {color:#FFFFFF!important;}
h1, h2, h3 {color:#000000;}
p {color:#9A9A9A; font-size:16px;}
li {display:block; color:#9A9A9A;}
a {color:#000000;}
li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}
nav li:before {content: "";}
.bg {padding: 5px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; margin: 125px auto; width:700px; height: 250px;}

.bg-rad-blk {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+60 */

background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


color:#FFFFFF; text-shadow: #000000 2px 2px 10px;}

.bg-blk70 {background:rgba(0,0,0,0.7)!important; color:#FFFFFF;}
.bg-green {background:#23AA86; color:#FFFFFF}
.bg-grey {background:#3a3a3a!important; color:#FFFFFF}
.bg-lt-grey {background:#eeeeee; color:#000000}
#bg-albers {background:rgba(0,0,0,0.8);}
.wh-text {color:#FFFFFF;}
#albers .btn {background:#837C30; color: #fff; font-size:18px; border-radius:0px; margin:20px auto; min-width:180px; transition:background .5s, color .5s; -webkit-transition:background .5s, color .5s; }
#chelsea .btn {background:#CE5537; color: #fff; font-size:18px; border-radius:0px; margin:20px auto; min-width:180px; transition:background .5s, color .5s; -webkit-transition:background .5s, color .5s;}
#vue25 .btn {background:#96241E; color: #fff; font-size:18px; border-radius:0px; margin:20px auto; min-width:180px; transition:background .5s, color .5s; -webkit-transition:background .5s, color .5s;}

#albers .btn, #chelsea .btn, #vue25 .btn {width:100%; margin:5px auto; }

.btn a {color:#FFFFFF;}
.btn:hover {background:#000000; color:#fff;}
.button-wrap {width:95%; max-width:300px; display:block; margin:20px auto;}
.fancy-thumb {width:33%;}

.offer {position:relative; margin-top: 10px; background:#FF0004; width: inherit; padding: 20px; border-top-left-radius: 20px; text-align: center;}
.special {position:relative; margin-top: -72px; background-color:#F70004; no-repeat; background-size:cover; width: 100%; padding: 10px;  border-top-left-radius: 20px;border-top-right-radius: 20px;}
.special p {color:#FFFFFF;position: relative; box-sizing: border-box;}
.special span {text-transform:uppercase; font-weight: 900; font-size: 18px; line-height: 16px; letter-spacing: 1.75px}

.special-2 {position:relative; margin-top: -75px; background-color:#F70004; no-repeat; background-size:cover; width: 100%; padding: 10px;  border-top-left-radius: 20px;border-top-right-radius: 20px;}
.special-2 p {color:#FFFFFF;position: relative; box-sizing: border-box;}
.special-2 span {text-transform:uppercase; font-weight: 900; font-size: 18px; line-height: 16px; letter-spacing: 1.75px}

.nav {background:#ccc;}
.nav a {color:#FFFFFF;}
.nav a:hover {color:#000000;}
.nav li:before {content:''}
.tab-pane {padding:20px; padding-bottom: 20px;border-left: 1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background: #fff;}
#albers-tab {background:#8C2232;}
#chelsea-tab {background:#CE5537;}
#vue25-tab {background:#002044;}
.locations {margin:0px 0px; padding: 15px 0px 15px 0px; border: 1px solid #ccc; background:#eee;}
.locations img {padding-bottom:0px;}

.overlay-box { position: relative; overflow: hidden;}
.overlay {background:rgba(0,0,0,0.7); position: absolute; width:100%; height: 100%;
bottom:-70%; transition: 1s bottom; -webkit-transition: 1s bottom;}
.overlay p {text-align:center; padding-top:20px; font-size:21px!important; color: #FFFFFF; text-transform: uppercase;}
.overlay a button {margin:auto; position: absolute; left: 0; right: 0; bottom:0; top:0; width:180px; height:50px; border-radius: 5px; border:none; outline:none; font-size:16px; opacity:0.0; transition: 1s opacity; -webkit-transition: 1s opacity;}
.overlay-box:hover > .overlay {bottom: -0%;}
.overlay-box:hover > .overlay a button {opacity:1;}
.logo {width:100%; margin: auto; display: block;}
.logo img {max-width:250px; width:95%; display: block; margin: auto;}
.hero-slider {height:700px; overflow: hidden;}
.slide {height:700px!important; width:100%; background-size: cover; background-position: center center;}
.slide-wrap {text-align:center; font-size:14px; background: rgba(0,0,0,0.6); position: absolute; width: 100%; bottom:0; padding-top:10px;}
#hero-slide1 {background-image:url(../images/image1.jpg);}
#hero-slide2 {background-image:url(../images/image2.jpg);}
#hero-slide3 {background-image:url(../images/image3.jpg);}
#hero-slide4 {background-image:url(../images/image4.jpg);}
#hero-slide5 {background-image:url(../images/image5.jpg);}
#hero-slide6 {background-image:url(../images/image6.jpg);}

#jumbo-dumbo {padding:0px; margin: 0px 0px 20px 0px; background:url(../images/bg-tacoma.jpg); min-height: 500px; background-attachment: inherit; background-position: center center;}
#main-mess {position:absolute; z-index: 1; width:500px; height: 250px; text-align: center; margin:auto; top: 0; left: 0; bottom: 0; right: 0; color: #FFFFFF;}
#main-mess h1 {font-size:72px; line-height:72px;}
.map-wrapper {margin-top:30px; overflow: hidden; position: relative;}
#map-1 {background:url(../images/bg-albers-map.png); background-position: center center; min-height: 300px; width: 100%;}
#map-2 {background:url(../images/bg-chelsea-map.png); background-position: center center; min-height: 300px; width: 100%;}
#map-3 {background:url(../images/bg-vue25-map.png); background-position: center center; min-height: 300px; width: 100%;}
footer.row {text-align: center; padding: 30px 0px;}


/*======== Greystar Required Links CSS ==============*/
#disclaimer {text-align:center;}
#disclaimer a {color:#000000; text-decoration: underline!important;}
#eho {display:inline-block; margin-right:5px;}
#ada {display:inline-block; margin-right:5px; width:25px;}
#greystar {display:block; margin:15px auto; width:125px;}
#privacy, #dmca {color:#fff; text-decoration: underline; font-size:12px;}
#clx {}
/*====================================================*/


/*======================================
========================================
===============Tablet==================
=======================================
========================================*/
@media only screen and (max-width:2440px) {
	.special { margin-top: -94px;
}
	
@media only screen and (max-width:1540px) {
	.special { margin-top: -94px;
}
@media only screen and (max-width:1080px) {
	
@media only screen and (max-width:990px) {
.overlay p {font-size:14px!important;}
.special {margin-top: 20px;}
}
}

@media only screen and (max-width: 768px) {
.bg,.bg-rad-blk {width:100%!important;}
#main-mess {width:95%!important; position: relative;}
#main-mess h1 {font-size:60px!important; line-height:60px!important;}
.slide-wrap p {font-size:14px; color: #FFFFFF; width:90%; margin: auto; display: block; padding: 10px 0px 15px 0px;}
	.panels {margin-bottom:20px;}
}




.callout-left {
	padding-left: 15px; padding-bottom: 5px; padding-top: 5px;
}