@charset "UTF-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;}
h1 {font-size: 38px; text-transform: uppercase; font-weight: 300!important;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
p {font-size: 16px; font-weight: 300!important;}
li {font-size: 18px; font-weight: 300!important;}

.h1-floorplan {text-align: center}
.offer-banner {width:200px; height: 200px; position: fixed; background:url(../images/offer-banner.png) no-repeat; background-size: contain; marign-left: 0px; margin-top: 0px; z-index: 2;}
.offer-banner p {display:none; font-family: 'Open Sans', serif!important; font-size: 18px; color: #fff; letter-spacing: 1px; text-align: center;}

.details li {list-style: none; margin-bottom:0px!important; padding:0px!important; font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 2px;margin-bottom:10px!important;}
#border {border-right: 1px solid #ADADAD; min-height: 500px;}
.jumbotron {min-height: 400px; position: relative; background:none!important;}
.bg-orange {background:#b75728; color:#FFFFFF;}
.bg-white {background:#fff; color: #b75728;}
.bg-light {background: #E5E5E5; color: #333333;}
.bg-grey {background-color:#333333; color:#fff!important; }

.bg-bk-trans {background-color:rgba(0,0,0,0.6)!important; color:#FFFFFF!important; padding: 20px; box-sizing: border-box; margin-bottom: 50px;}
.bg-floorplan {background:url(../images/bg-floorplan.jpg) center center;}
.floorplan-img {display: block; max-width: 540px;}
.intro-img {display: block; max-width: 540px; }
.bg-spokane-2 {background:url(../images/bg-trees.jpg) center center; background-size: cover;}
.brand {margin:50px auto 0px auto; display: block; max-width: 250px; padding-bottom: 83px;}
#comingsoon {margin-top:120px; text-align: center; color: #9F958B;}
#comingsoon2 { margin-top: -2%; text-align: center; color: #9F958B; font-size: 35px}
.btn {font-size: 18px!important; font-weight: 300!important; display: block!important; margin:35px auto!important; text-decoration: none;}

.buffer100 {padding-top:100px;}
.buffer50 {padding-top:50px;}
.buffer30 {padding-top:30px;}
.buffer20 {padding-top:20px;}


.btn:focus {outline:none!important; border: none!important; text-decoration: none;}
#grn-heading {font-family: 'Open Sans', serif!important; font-size: 36px; color: #b75728; text-transform: uppercase; font-weight: 300; line-height:36px;}

.slick-slide img {width:100%!important; max-width: 503px!important; margin: auto!important; display: block;}
.slick-slide p {text-align: center;}
.slick-prev:before {color:#b75728!important;content: url(../images/icon-prev.png)!important;}
.slick-next:before {color:#b75728!important;content: url(../images/icon-next.png)!important;}

#floorplan-headline {text-align: center; color: #333333; font-size:60px; text-transform: uppercase; padding-top: 20px;}

footer {text-align: center; padding-top:20px;}
.footer-img {max-width: 150px; max-height: 100px; margin: auto; padding-left: 10px; padding-top: 10px;}
/*======== Greystar Required Links CSS ==============*/
#disclaimer {text-align:center;}
#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 {color: #fff; text-decoration: underline;}
/*====================================================*/
@media screen and (max-width:1199px)
{
	.intro-img {display: block; max-width: 440px; margin: auto; }
	.floorplan-img {display: block; max-width: 455px; margin: auto;}
}

@media screen and (max-width:993px) {
	#border {border-right: 0px; border-bottom: 1px solid #ADADAD; padding-bottom:30px;}
	.am-wrap {text-align: center;}
	.floorplan-img {display: block; max-width: 540px; margin: auto;}
	.h1-floorplan {text-align: center; font-size: 30px;}
	.buffer100 {display: none;}
	.intro-img {display: block; max-width: 340px; margin: auto; }
	
}

@media screen and (max-width: 767px)
{
	.slick-next {right:-10px!important; z-index: 2!important;}
	.slick-prev {left:-10px!important; z-index: 2!important;}
	select {width:150px;background-position: 115px 50%; height: 60px;}
	.floorplan-img {max-width: 440px; margin: auto;}
	.intro-img {max-width: 440px; margin: auto;}
}
@media screen and (max-width: 478px){
	.am-wrap {text-align: left;}
	#form-headline {font-size:36px; margin-top:-10px;}
	.brand {width:100%;}
	.brand img {width:95%; margin: auto; display: block;}
	.buffer100 {padding-top:15px;}
	.offer-banner {height: 30px; position: fixed; background:#9f958b; marign-left: 0px; margin-top: 0px; margin-right:0px; width:100%; z-index: 2;}
	.offer-banner p {display:block;}
	.floorplan-img {max-width: 400px; margin: auto; }
	.intro-img {max-width: 350px; margin: auto;}


}