@import url("//hello.myfonts.net/count/3077cf");
@import url("//hello.myfonts.net/count/307808");

  
@font-face {font-family: 'RockwellStd-Light';src: url('webfonts/307808_0_0.eot');src: url('webfonts/307808_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/307808_0_0.woff2') format('woff2'),url('webfonts/307808_0_0.woff') format('woff'),url('webfonts/307808_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'RockwellStd';src: url('webfonts/3077CF_0_0.eot');src: url('webfonts/3077CF_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3077CF_0_0.woff2') format('woff2'),url('webfonts/3077CF_0_0.woff') format('woff'),url('webfonts/3077CF_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Black';src: url('webfonts/3077CF_1_0.eot');src: url('webfonts/3077CF_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3077CF_1_0.woff2') format('woff2'),url('webfonts/3077CF_1_0.woff') format('woff'),url('webfonts/3077CF_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Medium';src: url('webfonts/3077CF_2_0.eot');src: url('webfonts/3077CF_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3077CF_2_0.woff2') format('woff2'),url('webfonts/3077CF_2_0.woff') format('woff'),url('webfonts/3077CF_2_0.ttf') format('truetype');}
 

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

body{
    font-family: 'Open Sans', sans-serif;
    position: relative;
    color: #727272; 
}

#header{
    position: absolute;
    top: 50px;
    left: 0%;
    z-index: 8000; 
    width: 100%; 
}

#branding{
    width: 25%;
    float: left; 
}

#menu{
    width: 71%;
    float: right;
    margin-left: 5%:
}

#menu ul li{
    display: block;
    float: right;
    padding-left: 50px; 
}

#menu ul li a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase; 
    font-family: BrandonGrotesqueWeb-Medium;
    text-shadow: -1px -1px 13px #000;
}

#menu .social{
    width: 100%;
    float: right;
    text-align: right;
    margin: 10px 0; 
}

#mobile-nav-btn, #mobile-nav{
    display: none; 
}

a{
    color: inherit; 
}

.menu-overlay{
    display: none;
    position: absolute;
    z-index: 9999; 
    top: 0;
    left: 0%;
    bottom: 1%;
    width: 100%;
    background: url(img/menu-overlay.png); 
}

.overlay-inner{
    width: 31%;
    margin: 0 auto;  
    text-align: center;
    position: relative;
    text-transform: uppercase; 
}

.overlay-inner h3{
    padding-top: 30px; 
    color: #fff; 
}

.menu-break hr{
    width: 61%;
    margin: 30px 21%; 
    border-top: 2px solid #fff;
    color: #fff; 
}

.overlay-inner h4{
    font-size: 14px;
    color: #fff;
    font-family: BrandonGrotesqueWeb-Medium;
    margin: 8px 0;
    float: right;
    text-align: left; 
    font-weight: 300;
    width: 100%;
    text-align: center;
    padding: 15px 0; 
    margin-left: 51%; 
    
}

.overlay-inner ul li{
    margin: 10px 0;
    font-size: 12px; 
}

.overlay-inner a{
    color: #fff;
    text-decoration: none; 
}

.overlay-inner a:hover{
    text-decoration: underline; 
}

.nav-spacer{
    width: 100%;
    background: #fff;
    height: 2px;
    float: left;
    clear: both;
    margin: 10px 0px; 
}

#nav-close{
    width: 15px;
    height: 15px;
    position: absolute;
    top: 25px;
    right: 1%;
    color: #fff; 
}

#nav-close:hover{
    text-decoration: underline; 
}

.header{
    width: 100%;
    height: 650px; 
}

.header hr{
    width: 35%;
    height: 4px; 
    border: none;
    background: #e2a91c;
    margin: 0 auto;   
}

.inner{
    width: 1000px;
    margin: 0 auto; 
}

h1{
    padding-top: 200px;
    font-size: 45px;
    color: #fff; 
    text-align: center; 
    text-transform: uppercase;
    padding-bottom: 1%;
    margin-bottom: 1%;
    font-family: BrandonGrotesqueWeb-Medium, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: -1px -1px 13px #000;
}

h1 span{
    font-family: RockwellStd-Light, serif;
    font-weight: 300;
    letter-spacing: 3px; 
}

h3{
    font-size: 23px;
    letter-spacing: 2px;
    line-height: 30px; 
    font-weight: bold;
    margin-bottom: 30px;
    font-family: BrandonGrotesqueWeb-Medium, sans-serif;
    text-transform: uppercase;
    color: #474747; 
}

h3 span{
    font-family: BrandonGrotesqueWeb-Medium; 
}

p{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px; 
}

.home #slice-2 .discover-icon-wrapper, .home-series-block, .home #slice-4, .maps-nav div, .icon, .close-box, .image-wrapper, .goToCondos, .goToTownhomes, .goToAttached, .goToLaned, .goToMoveUp, .goToEstate{
    cursor:pointer;
}



.header h4{
    color: #fff;
    text-transform: uppercase; 
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    text-shadow: 4px 4px 2px #000;
}

.slice{
    padding: 35px 0;
    width: 100%;
    float: left; 
}

.slice-left{
    width: 41%;
    float: left;
}

.slice-right{
    width: 41%;
    float: left;
    margin-left: 18%; 
}

.spacer img{
    width: 100%;
    height: auto; 
}

#footer{
    background: url('img/legacy-footer.png');    
    width: 100%;
    float: left;
    color: #fff;
    padding: 30px 0; 
}

.footer-left{
    width: 31%;
    float: left; 
}

.footer-left h5{
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase; 
}

.footer-left h5:hover{
    text-decoration: underline; 
}

.footer-right{
    width: 60%;
    float: left;
    margin-left: 8%; 
}

.footer-right img{
    width: 100%;
    height: auto; 
}

.footer-right .driving-directions .driving-left{
    width: 25%;
    float: left; 
}

.footer-right .driving-directions .driving-right{
    width: 64%;
    float: left;
    margin-left: 11%; 
}

#footer h3{
    color: #fff;
    margin-bottom: 5px; 
}

strong{
    font-weight: bold; 
}

/*------------------------
 *  Homepage
 *-----------------------*/

#school-snipe{
    /*background: #e2a91c;*/
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    font-family: BrandonGrotesqueWeb-Medium,​sans-serif;
    letter-spacing: 1px;
}

#school-snipe hr{
    width: 33%;
    border: 1px solid #fff; 
    height: 1px; 
}

#school-snipe p{
    margin-bottom: 7px;
    font-size: 25px;
    line-height: 32px; 
}

#school-snipe #community-of-year{
    position: relative; 
}

#school-snipe #community-of-year img{
    position: absolute;
    top: -160px;
    left: 0;
    height: 230px;
    width: auto; 
}

#event-home{
    width: 100%;
    height: auto; 
}

.home .event{
    margin-bottom: 30px; 
}

.home .event img{
    width: 100%;
    height: auto; 
}

.home #slice-1 h2{
    font-size: 25px;
    line-height: 30px;
    color: #a75a46;
    margin-bottom: 30px;
    font-family: RockwellStd, sans-serif; 
}

.home #slice-1{
    background: #f4f4f4; 
}

.home #slice-1 h3{
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 30px; 
    color: #86b0b0;
    font-family: RockwellStd, sans-serif; 
}

.home #slice-2{

}

.home #slice-2 .discover-icon-wrapper{
    width: 31%;
    margin-left: 5%; 
    position: relative;
    float: left;
    clear: left; 
}

.home #slice-2 .discover-icon-wrapper img{
    width: 100%;
    height: auto; 
}

.home #slice-2 h3, .home #slice-2 p{
    width: 41%;
    float: left;
    clear: left; 
}

.home #slice-3{
    background: #f4f4f4; 
}

.home #slice-3 h3, .home #slice-3 p{
    width: 43%;
    margin: 0 auto; 
}

.home #slice-3 .builder-logos{
    width: 91%;
    margin: 0 auto;
    padding-top: 30px;   
}

.builder-logo-7{
    clear: left; 
}

.home #slice-3 .builder-logos img{
    width: 8.6%;
    padding: 15px 4%; 
   float: left; 
}

.home .home-series{
    float: left;
    display: block; 
}

.builders-in-type{
    display: none;
    width: 100%; 
}

.home-series-block{
    width: 26.33%;
    padding: 1.5%; 
    margin: 15px 2%;
    float: left;
    text-align: center; 
    background: #fff; 
}

.home-series-wrapper .Laned{
    display: none; 
}

.home-series-block h4{
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 2px; 
}

.home-series-block img{
    width: 100%; 
    height: auto;
}

.block-92{
    clear: left; 
}

#slice-3 .home-series-block p{
    width: 80%;
    margin: 0 10%;
    height: 130px; 
}

.home-series-block .starting-from{
    width: 80%; 
    border-top: 2px solid #e2a91c; 
    float: left;
    padding: 10px 0; 
    margin: 0 10%;
}

.home-series-block .starting-from-left{
    width: 45%;
    margin-right: 5%; 
    float: left;
    text-align: right;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px; 
}

.home-series-block .starting-from-right{
    width: 50%;
    float: left;
    text-align: left;
    font-size: 25px;
    color: #b75a46;
    font-family: RockwellStd; 
}

.home-series-block .link-to-home-series {
    display: block;
    float: left; 
    padding: 10px 0;
    width: 80%;
    margin: 0 10%;
    color: #b75a46;
    border-top: 2px solid #e2a91c; 
    border-bottom: 2px solid #e2a91c;
    font-family: BrandonGrotesqueWeb-Medium,sans-serif;
    text-transform: lowercase; 
}

.builders-in-type h2{
    font-family: BrandonGrotesqueWeb-Medium,sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    margin-top: 50px;
    text-align: center; 
}

.back-to-series{
    position: absolute;
    top: 20px;
    left: 20px; 
}

.builders-in-type{
    float: left;
    position: relative; 
}

.home .home-series-block .builders{
    height: 50px;
    padding: 10px 0;
    text-align: center; 
    float: left;
    font-size: 12px;
    width: 81%;
    margin: 0 11%;
    line-height: 16px; 
}

.home #slice-4{
    border-top: 4px solid #e2a91c; 
}

.home #slice-4 h2{
    margin-top: 50px; 
    font-size: 45px;
    text-align: center;
    text-transform: uppercase; 
    color: #fff;
    font-family: BrandonGrotesqueWeb-Medium, sans-serif;
}

.home #slice-4 h2 strong{
    font-family: RockwellStd-Light, serif;
    font-weight: 300;
    letter-spacing: 3px; 
}

.home #slice-4 h2 span{
    font-family: RockwellStd, serif; 
}

.home #slice-4 h4{
    color: #fff;
    text-transform: uppercase; 
    font-size: 16px;
    text-align: center;
    border-top: 4px solid #e2a91c;
    padding-top: 15px;
    width: 50%;
    margin: 0 auto; 
}

.home .community-maps-copy{
    margin-top: 20px; 
}

.home .community-maps-button{
    width: 23%;
    padding: 1%; 
    margin: 70px auto 15px;
    text-align: center; 
    background: #94c9c8;
    color: #b75a46;
}


.home .community-maps-button h5{
    text-transform: uppercase;
    font-size: 18px;
    padding: 0px 0 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff; 
}

.home .community-maps-line{
    width: 25%;
    margin: 0 auto; 
    background: #b75a46;
    border: none;
    height: 4px; 
    margin-bottom: 50px; 
}

#map{
    width: 100%;
    height: 450px; 
}


/* Builder Pages  */

.page-template-page-product #map{
    margin: 30px 0; 
}

.page-template-page-product1 #slice-1{
    width: 100%;
    float: left;
    clear: left; 
}

.builder-series-desc{
    width: 60%;
    text-align: center;
    margin: 20px auto 40px auto; 
}

.builder-listing{
	width: 100%;
    float: left;
    clear: both;
    margin-bottom: 30px; 
}

.builder-listing h3{
    margin-bottom: 10px;
    margin-top: 30px; 
}

.builder-listing h2{
    font-size: 18px; 
    margin-bottom: 15px; 
}

.builder-listing h2 span{
    font-weight: bold;
    color: #c26e5b; 
}

.builder-listing-thumb{
	width: 35%;
    height: auto;
    float: left; 
}

.builder-listing-thumb img{
	width: 100%; 
}

.builder-listing-desc{
    width: 60%;
    float: left;
    margin-left: 5%; 
}

.builder-listing ul{
    width: 100%;
    float: left; 
}

.builder-listing ul li{
    width: 43%;
    float: left;
    padding-left: 7%;
    margin-bottom: 15px; 
}

.builder-listing .spacer{
    width: 100%;
    height: 25px;
    margin: 0 0 30px 0; 
}

.infoBox h3{
    font-size: 18px; 
    font-weight: bold; 
    margin-bottom: 5px; 
}

.infoBox h2{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px; 

}

.infoBox h2 span{
   color: #c26e5b;
   font-weight: bold; 
}

.infoBox .phone{
   background: url(img/phone.jpg) no-repeat center left;
   padding-left: 40px;
   margin-top: 20px; 
}

.infoBox .email{
    background: url(img/email.jpg) no-repeat center left;
    padding-left: 40px;
    margin-bottom: 20px; 
}

.infoBox p{
    margin-bottom: 5px; 
}



#builder-listing-1 .spacer, #builder-listing-3 .spacer, #builder-listing-5 .spacer, #builder-listing-7 .spacer, #builder-listing-9 .spacer{
    background: url('img/Legacy-Spacer-Odd.jpg') right center no-repeat;
} 

#builder-listing-2 .spacer, #builder-listing-4 .spacer, #builder-listing-6 .spacer, #builder-listing-8 .spacer, #builder-listing-10 .spacer{
    background: url('img/Legacy-Spacer-Even.jpg') left center no-repeat; 
}

#builder-listing-2 .builder-listing-thumb, #builder-listing-4 .builder-listing-thumb, #builder-listing-6 .builder-listing-thumb, #builder-listing-8 .builder-listing-thumb, #builder-listing-10 .builder-listing-thumb{
    float: right; 
}

.listing-phone{
    background: url(img/phone.jpg) no-repeat center left; 
}

.listing-email{
    background: url(img/email.jpg) no-repeat center left;
}


.single-builder{
    text-align: center; 
}

.single-builder .inner h1{
    font-size: 18px;
    font-weight: bold; 
    padding: 40px 0;
    text-shadow: none; 
    margin-top: 40px;
    
    color: #474747; 
}


.single-builder #builder-logo{
    width: 31%;
    margin: 250px 35% 0 35%;
}

.showhome-info{
    width: 81%;
    margin: 40px 11%;
    border: 2px solid #b2b2b2;
    float: left; 
}

.showhome-info .info-box{
    width: 30%;
    float: left;
    padding: 0 1.5%;
    margin: 10px 0; 
}

#showhome-hours{
    border-left: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2; 
}

.showhome-info .info-box h5{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0; 
}

.showhome-info .info-box p{
    font-size: 13px;
    line-height: 18px;
    margin: 0; 
}

.price{
    width: 21%;
    margin: 20px 41%;
    float: left;
    text-align: center; 
}

.price h4{
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px solid #e2a91c; 
}

.price .starting-from{
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    display: block;
    float: left;
    width: 51%; 
}

.price .price-value{
    font-size: 25px;
    color: #b75a46;
    width: 43%;
    float: left;
    display: block;
    margin-left: 5%;
    text-align: left; 
}

.single-builder .builder-gallery{
    width: 81%;
    margin: 0 11%;
}

.single-builder .gallery-image{
    display: none; 
    width: 100%;
    height: auto; 
}

.single-builder #gallery-1{
    display: block; 
}

.single-builder .gallery-thumb{
    width: 32.33%;
    height: auto;
    float: left;
    padding: 10px 0 40px 0; 
}

.single-builder #thumb-2{
    margin: 0 1.5%;  
}

/* Visit Us Page  */
.page-template-page-contact #container{
    background: #f4f4f4; 
}

#visit-left{
    width: 35%;
    float: left; 
    margin-top: 40px; 
}

.driving-map{
    width: 100%;
    float: left; 
}

#visit-right{
    width: 54%;
    float: left; 
    margin-left: 11%;
    margin-top: 40px; 
}

#visit-left h2, #visit-right h2{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0;
    font-family: BrandonGrotesqueWeb-Medium;
    letter-spacing: 2px; 
}

.visit-builder{
    width: 30%;
    float: left;
    margin-left: 30%; 
}

.visit-address{
    width: 30%;
    float: left;
    margin-left: 5%;
    padding-left: 5%; 
}

#visit-right .product-type{
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px; 
}

.product-type-class h4{
    position: absolute;
    text-transform: uppercase;
    font-weight: bold;
    top: 0;
    left: 10px; 
}

#builder-address-box{
    border: 1px solid #000;
    float: left;
    width: 100%;
    padding: 10px 0; 
}

/* Maps   */

.community-maps{
    position: relative; 
}

.community-maps img{
    width: 100%;
    height: auto; 
}

.icon{
    width: 61px;
    height: 28px;
    background: url('img/Showhome-Marker.png') no-repeat;  
    position: absolute;
}

#lotworks-large img, #lotworks-shrink img{
    width: 40px;
    height: 40px; 
}


.amenities-info{
    width: 200px;
    position: absolute; 
}

.hidden{
    display: none;
    z-index: 8000; 
}

.icon{
    display: none; 
}

body .amenities-icon{
    width: 22px;
    height: 22px;
    background: url('img/amenity-icon.png') no-repeat;

}

.hidden{
    background: #fff;
    padding: 20px;
    position: absolute;
    
}

.hidden-h3{
    margin-top: 15px; 
}

.hidden .close-box{
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 10px; 
}

#builder-73 .icon{
    left: 17%;
    top: 22%; 
}

#builder-73 .hidden{
    left: 22.5%;
    top: 17%; 
}

#builder-71 .icon{
    left: 17%;
    top: 11%; 
}

#builder-71 .hidden{
    left: 22.5%;
    top: 8%; 
}

#builder-81 .icon{
    left: 30%;
    top: 9%; 
}

#builder-81 .hidden{
    left: 34%;
    top: 2%; 
}

/*#builder-79 .icon{
    left: 21%;
    top: 7%; 
}

#builder-79 .hidden{
    display: block; 
    left: 24%;
    top: 17%; 
}*/

#builder-77 .icon{
    left: 16%;
    top: 39%; 
}

#builder-77 .hidden{
    left: 23%;
    top: 27%; 
}

#builder-75 .icon{
    left: 17%;
    top: 41%; 
}

#builder-75 .hidden{
    left: 23%;
    top: 27%; 
}

#builder-47 .icon{
    left: 46%;
    top:17%;
    display: none; 
}

#builder-47 .hidden{

    left: 24%;
    top: 24%; 
}

#builder-85 .icon{
    left: 57%;
    top:20%;
    display: none; 
}

#builder-85 .hidden{

    left: 24%;
    top: 24%; 
}

#builder-95 .hidden{
    left: 39%;
    top: 9%; 
}

#builder-83 .icon{
    left: 59%;
    top: 24%;
}

#builder-83 .hidden{
    left: 23%;
    top: 9%; 
}


#builder-88 .icon{
    left: 33%;
    top: 14%;
}

#builder-88 .hidden{
    left: 38%;
    top: 9%; 
}

#builder-87 .icon{
    left: 12%;
    top: 33%;
}

#builder-87 .hidden{

    left: 24%;
    top: 17%; 
}

/*#builder-85 .icon{
    left: 1%;
    top: 14%;
    display: none; 
}

#builder-85 .hidden{
    display: block; 
    left: 24%;
    top: 17%; 
}*/

#builder-95 .icon{
    left: 27%;
    top:53.5%;
}

#builder-95 .hidden{
    left: 24%;
    top: 17%; 
}


#builder-96 .icon{
    left: 25%;
    top:50%;
}

#builder-96 .hidden{
    left: 31%;
    top: 19%; 
}

#builder-93 .icon{
    left: 27%;
    top:47%;
}

#builder-93 .hidden{
    left: 34%;
    top: 23%; 

}

#builder-92 .icon{
    left: 26.5%;
    top:43%;
}

#builder-92 .hidden{
    left: 34%;
    top: 23%; 
}

#builder-98 .icon{
    left: 18%;
    top:54%;
}

#builder-98 .hidden{
    left: 26%;
    top: 23%; 
}

#builder-100 .icon{
    left: 19%;
    top:58%;
}

#builder-100 .hidden{
    left: 26%;
    top: 15%; 
}

#builder-101 .icon{
    left: 17%;
    top:51%;
}

#builder-101 .hidden{
    left: 26%;
    top: 15%; 
}

#builder-90 .icon{
    left: 26%;
    top:39%;
}

#builder-90 .hidden{
    left: 36%;
    top: 15%; 
}

#builder-436 .icon{
    left: 26%;
    top: 57%; 
}

#amenities-1{
    left: 3%;
    bottom: 92%; 
}

#amenities-info-1{
    left: 5%;
    bottom: 66%; 
}

#amenities-2{
    left: 10%;
    bottom: 95%; 
}

#amenities-info-2{
    left: 13%;
    bottom: 85%; 
}

#amenities-3{
    left: 9%;
    bottom: 85%; 
}

#amenities-info-3{
    left: 13%;
    bottom: 75%; 
}

#amenities-4{
    left: 7%;
    bottom: 68%; 
}

#amenities-info-4{
    left: 10%;
    bottom: 68%; 
}

#amenities-5{
    left: 21%;
    bottom: 77%; 
}

#amenities-info-5{
    left: 24%;
    bottom: 77%; 
}

#amenities-6{
    left: 25%;
    bottom: 75%; 
}

#amenities-info-6{
    left: 28%;
    bottom: 75%; 
}

#amenities-7{
    left: 25%;
    bottom: 64%; 
}

#amenities-info-7{
    left: 28%;
    bottom: 64%; 
}

#amenities-8{
    left: 26%;
    bottom: 46%; 
}

#amenities-info-8{
    left: 29%;
    bottom: 46%; 
}

#amenities-9{
    left: 35%;
    bottom: 70%; 
}

#amenities-info-9{
    left: 38%;
    bottom: 70%; 
}

#amenities-10{
    left: 45%;
    bottom: 89%; 
}

#amenities-info-10{
    left: 48%;
    bottom: 67%; 
}

#amenities-11{
    left: 51%;
    bottom: 70%; 
}

#amenities-info-11{
    left: 54%;
    bottom: 70%; 
}

#amenities-12{
    left: 61%;
    bottom: 48%; 
}

#amenities-info-12{
    left: 64%;
    bottom: 48%; 
}

#amenities-13{
    left: 61%;
    bottom: 25%; 
}

#amenities-info-13{
    left: 64%;
    bottom: 25%; 
}

#amenities-14{
    left: 71%;
    bottom: 41%; 
}

#amenities-info-14{
    left: 74%;
    bottom: 41%; 
}

#amenities-15{
    left: 69%;
    bottom: 16%; 
}

#amenities-info-15{
    left: 72%;
    bottom: 16%; 
}

#amenities-16{
    left: 78%;
    bottom: 33%; 
}

#amenities-info-16{
    left: 81%;
    bottom: 33%; 
}

#amenities-17{
    left: 22%;
    bottom: 18%; 
}

#amenities-info-17{
    left: 25%;
    bottom: 18%; 
}

#amenities-18{
    left: 55%;
    bottom: 4%; 
}

#amenities-info-18{
    left: 58%;
    bottom: 7%; 
}


.builders, .productType, .amenities, .lotworks{
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-top: 40px;
    position: relative; 
}

.builders h3, .productType h3, .amenities h3, .lotworks h3{
    font-size: 15px;
    padding: 5px;
    border: 1px solid #000;
    text-align: center;
    margin-bottom: 5px; 
}

.amenities-map{
    position: absolute;
    top: 0;
    left: 0;
    display: none; 
}

#my-lotworks-map-1{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 1%;
    bottom: 1%;
    display: none; 
}

.builders ul, .productType ul{
    position: relative;
    z-index: 5000;
    display: none;
    position: absolute;
    top: 80px;
    background: #fff;
    width: 100%; 
}

.maps-nav ul li{
    width: 100%;
    text-align: center;
    padding: 10px 0; 
}

.maps-nav{
    clear: both; 
}

.page-template-page-maps #slice-1{
    padding: 0; 
}

/* Discover Legacy */

.page-template-page-discover{
    background: #f4f4f4; 
}

.page-template-page-discover .slice{
    text-align: center; 
}

.page-template-page-discover #slice-2 .slice-left, .page-template-page-discover #slice-4 .slice-left{
    width: 35%;
    float: left;
    margin-right: 15%; 
}

.page-template-page-discover #slice-2 .slice-right, .page-template-page-discover #slice-4 .slice-right{
    width: 49%;
    float: left;
    margin-left: 1%; 
}

.page-template-page-discover #slice-2 #image-wrapper-5{
    width: 91%;
    padding: 2.5%;
    margin: 2.5%; 
}

.page-template-page-discover .image-wrapper{
    width: 40%;
    padding: 2.5%;
    margin: 2.5%;
    float: left;
    position: relative;
    background: #fff; 
}

.page-template-page-discover .image-wrapper img{
    width: 100%;
    height: auto; 
}

.page-template-page-discover .image-wrapper .image-overlay{
    position: absolute;
    top: 0;
    left: 1%;
    bottom: 1%;
    width: 91%;
    padding: 5%; 
    background: #fff;
    font-size: 12px; 
    display: none; 
}

.page-template-page-discover .image-wrapper .image-overlay .close{
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 9000; 
}

.page-template-page-discover .image-wrapper .image-desc{
    padding-top: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px; 
}

.page-template-page-discover .image-wrapper .image-overlay h4{
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px; 
}

.page-template-page-discover .image-wrapper .image-overlay p{
    font-size: 12px; 
}

.page-template-page-discover #slice-3  .image-wrapper{
    width: 27.33%;
    padding: 1.5%;
    margin: 1.5%;
    float: left; 
}

.page-template-page-discover #slice-3  #image-wrapper-1{
    width: 94%;
    padding: 1.5%;
    margin: 1.5%; 
    float: left; 
}

.page-template-page-discover #slice-4  #image-wrapper-1{
    float: right; 
}

#slice-4 #image-wrapper-4{
clear: left
}

.page-template-page-discover .slice hr{
    width: 250px;
    height: 2px; 
    border: none;
    background: #e2a91c;
    margin: 0 auto;
    margin-bottom: 20px; 
}

.page-template-page-discover .slice h5{
    font-size: 12px;
    text-transform: lowercase;
    
}

.page-template-page-discover #slice-2 h3{
    background: url(img/Leaf.png) no-repeat top center; 
    padding-top: 55px;
    margin-top: 20px; 
}

.page-template-page-discover #slice-3 h3{
    background: url(img/Community-Design.png) no-repeat top center; 
    padding-top: 55px;
    margin-top: 20px; 
}

.page-template-page-discover #slice-4 h3{
    background: url(img/Amenities.png) no-repeat top center; 
    padding-top: 55px;
    margin-top: 20px; 
}



/* Builder Page */

.page-id-260{
    background: #f4f4f4;
}

.page-template-page-product #slice-1{
    height: 1000px; 
}

.page-id-260 #slice-1{
    margin-top: 50px; 
}

.page-id-260 #slice-2{
    margin-top: 30px;
}

.phase8map{
    width: 100%;
    position: relative; 
    margin-top: 50px;
}

.phase8map img{
    width: 100%;
    height: auto; 
}

.phase8map .Homes{
    width: 100px;
    height: auto;
    position: absolute; 
}

.phase8map .play-Albi{
    left: 59.25%;
    top: 73.5%; 
}

.phase8map .play-Calbridge{
    left: 74%;
    top: 39.5%; 
}

.phase8map .play-Morrison{
    left: 45.25%;
    top: 70.5%; 
}

.page-id-260 footer{
    margin-top: 30px; 
}

/* Newsletter Registeration */

.newsletter-reg{
    color: #b45a45;
    font-size: 15px; 
}

.newsletter-reg .wrapper{
    width: 410px;
    margin: 0 auto; 
}

.newsletter-reg h1{
    font-family: RockwellStd,sans-serif;
    color: #591a10;
    text-shadow: none;
    font-size: 26px;
    letter-spacing: 1px; 
}

.newsletter-reg p{
    text-align: center; 
}

.newsletter-reg label {
    width: 31%;
    margin-right: 5%; 
    text-align: right; 
    float: left;
    text-transform: uppercase;
    margin-top: 7px;
    margin-bottom: 7px;
    clear: left; 
    padding-top: 5px; 
}

.newsletter-reg input{
    width: 54%;
    margin-right: 10%;
    float: left;
    margin-top: 7px;
    margin-bottom: 7px; 
    padding: 3px 5px; 
}

.newsletter-reg input.consent{
    font-size: 13px;  
    clear: left;
    width: 4%;
    margin-right: 5%; 
    text-align: right; 
    float: left;
    margin-top: 15px;
    margin-bottom: 7px;
    clear: left; 
    padding-top: 5px;
    margin-left: 27%; 

}

.newsletter-reg label.consent{
    clear: none;
    width: 54%;
    margin-left: 0%;
    margin-right:0; 
    float: left;
    margin-top: 7px;
    margin-bottom: 7px; 
    padding: 3px 5px;
    text-transform: capitalize;
    text-align: left;
    line-height: 20px;
    font-size: 12px; 
}

.newsletter-reg button{
    width: 100%;
    margin: 20px 0% 0 0%;
    text-align: center;
    padding: 7px 0;
    border: none;
    background: #b45a45;
    color: #fff;
    text-transform: uppercase; 
}

.legacy-logo{
    width: 58%;
    margin-left: 21%;
    margin-top: 30px; 
}


/* Event Banner  */

.page-template-page-event .event-banner{
    position: absolute;
    bottom: -1px;
    width: 100%; 
}

.page-template-page-event .event-banner img{
    width: 100%;
    height: auto; 
}

.page-template-page-event h1{
    padding-top: 30px;
    color: #591c12;
    text-shadow: none;
    font-weight: bold;
    font-family: RockwellStd,sans-serif; 
}

.page-template-page-event p{
    color: #591c12; 
}

.page-template-page-event #slice-1 p{
    color: #591c12;
    font-size: 19px;
    line-height: 30px;
    font-weight: bold; 
}

.page-template-page-event hr{
    background: #b45a45;
    border: none;
    height: 5px;
    width: 20%;
    margin: 20px 40%; 
}

.page-template-page-event #slice-2 img{
    width: 100%;
    height: auto; 
}

.page-template-page-event h3{
    margin-bottom: 0px;
    font-size: 18px;
    color: #b45a45; 
    text-align: center; 
}

.page-template-page-event h2{
    font-size: 36px;
    text-transform: uppercase; 
    margin-bottom: 20px;
    color: #591c12;
    text-align: center; 
}

.page-template-page-event h4{
    color: #591c12;
    font-size: 36px;
    text-transform: uppercase;
    margin: 30px 0 15px 0; 
    text-align: center;
    font-family: RockwellStd,sans-serif; 
}

.page-template-page-event h5{
    color: #591c12;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center; 
}

.page-template-page-event #slice-3{
    background: #b45a45;
    color: #fff;
    padding-top: 70px; 
}

.page-template-page-event #slice-3 hr{
    background: #fff;
    width: 35%;
    margin: 25px 32.5%;
    height: 2px; 
}

.page-template-page-event #slice-3 p{
    color: #fff;
    font-size: 25px;
    text-transform: uppercase; 
    text-align: center;
    letter-spacing: 2px;
    line-height: 30px; 
}

.page-template-page-event #slice-3 p strong{
    font-family: RockwellStd,sans-serif;
    letter-spacing: 5px; 
}

.page-template-page-event .event-bottom{
    background: #591c12;
    width: 100%;
    height: 20px;
    float: left; 
}

.page-template-page-event #footer p, .page-template-page-event #footer h5{
    color: #fff; 
}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
    
    .phase8map{
        width: 100%;
        position: relative; 
        margin-top: 42px; 
    }

    .phase8map img{
        width: 100%;
        height: auto; 
    }

    .phase8map .Homes{
        width: 80px;
        height: auto;
        position: absolute; 
    }

    .phase8map .play-Albi{
        left: 58.25%;
        top: 71%; 
    }

    .phase8map .play-Calbridge{
        left: 73%;
        top: 37%; 
    }

    .phase8map .play-Morrison{
        left: 44.5%;
        top: 68.5%; 
    }   
    
    
}

@media only screen and (max-width: 999px) and (min-width: 701px) {
    
    .inner{
        width: 91%;
        margin: 0 5%; 
    }
    
    h1{
        padding-top: 300px; 
    }
    
    #menu{
        width: 100%;
        float: left;
        margin-left: 3%;
        margin-top: -40px; 
    }
    
    #menu-item-133{
        margin-right: 20px; 
    }
    
    #menu ul li{
        padding-left: 30px; 
    }
    
    .home .community-maps-button{
        width: 35%;
        margin: 50px 31% 15px; 
    }
    
    .page-id-62 #slice-2{
        height: 700px; 
    }
    
    .builders h3, .productType h3, .amenities h3, .lotworks h3{
        font-size: 10px;
    }
    
    .builders, .productType, .amenities, .lotworks{
        width: 147px;
        float: left; 
    }
    
    .footer-left, .footer-right{
        width: 91%;
        margin: 0 5% 30px;
    }
    
    .driving-left, .driving-right{
        width: 100%; 
    }
    
    .overlay-inner{
        width: 81%;
    }
    
    #slice-3 .home-series-block p{
        height: 220px; 
    }
 
 
    .phase8map .Homes{
        width: 60px;
        height: auto;
        position: absolute; 
    }

    .phase8map .play-Albi{
        left: 57.75%;
        top: 70%; 
    }

    .phase8map .play-Calbridge{
        left: 73%;
        top: 36%; 
    }
    
    .phase8map .play-Morrison{
        left: 43.5%;
        top: 66.5%; 
    } 
 
    
}


@media only screen and (max-width: 700px)  {
    
    #mobile-nav-btn{
        display: block;
        background: url('img/Mobile-nav-btn.png') no-repeat;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        right: 10px; 
    }

    #mobile-nav{
        width: 100%;
        position: absolute;
        top: 0;
        left: 1%;
        bottom: 1%;
        z-index: 9999;
        background: url(img/menu-overlay.png); 
    }
    
    .mobile-wrapper{
        width: 51%;
        margin: 40px 25%;   
        color: #fff; 
    }
    
    .mobile-wrapper li{
        width: 100%;
        float: right;
        display: block;
        padding: 10px 0;
        text-align: center;
        font-size: 12px; 
    }
    
    .mobile-wrapper li a{
        color: #fff;
        text-decoration: none;
    }
    
    .mobile-wrapper h4{
        font-size: 16px;
        padding: 5px 0;
        margin-top: 30px; 
        text-align: center;
        float: left;
        width: 100%;
        border-bottom: 2px solid #fff; 
        
    }
    
    nav{
        display: none; 
    }
    
    .inner{
        width: 91%;
        margin: 0 5%; 
    }    
    
    .slice-left{
        width: 100%;
        float: left;
        margin-left: 1%;
        margin-right: 1%; 
    }
    
    .slice-right{
        width: 100%;
        float: left;
        margin-left: 1%;
        margin-right: 1%; 
    }
    
    .home .home-series-block{
        width: 85%;
        margin: 30px 6%; 
    }
    
    .home #slice-3 .builder-logos img{
        width: 28.33%;
        margin: 20px 2.5%; 
    }
    
    .home #slice-3 h3, .home #slice-3 p{
        width: 91%; 
    }
    
    .home #slice-2{
        background: none #f4f4f4; 
    }
    
    .home .inner .community-maps-button{
        width: 71%;
        margin: 50px 12% 15px;
    }
    
    .home #slice-2 h3, .home #slice-2 p{
        width: 100%; 
    }
    
    .footer-left{
        width: 100%; 
    }
    
    .footer-left{
        width: 100%; 
    }
    
    .home .community-maps-button, .footer-builder-logos{
        width: 100%; 
    }
    
    .home .home-series-block .builders{
        width: 100%;
        text-align: center; 
    }

    .page-template-page-discover #slice-2 .slice-left, .page-template-page-discover #slice-4 .slice-left, .page-template-page-discover #slice-2 .slice-right, .page-template-page-discover #slice-4 .slice-right{
        width: 100%;
        margin: 0; 
    }
    
    .page-id-62 #slice-2{
        height: 700px; 
    }
    
    #my-lotworks-map-1{
        display: block;
        float: left; 
    }
    
    .productType, .builders, .amenities, .lotworks{
        display: none; 
    }
    
    #visit-left, #visit-right{
        width: 100%;
        margin: 0; 
    }
    
    .wp-image-64{
        display: none; 
    }
    
    .footer-left, .footer-right{
        width: 91%;
        margin: 0 5%;
    }
    
    .footer-right .driving-directions .driving-left, .footer-right .driving-directions .driving-right{
        width: 100%;
        margin-left: 1%;
        margin-bottom: 25px; 
    }

    .single-builder #builder-logo {
        margin: 250px 15% 0;
        width: 70%;
    }

    
    .price {
        float: left;
        margin: 20px 25%;
        text-align: center;
        width: 50%;
    }    

    .showhome-info .info-box {
        float: left;
        margin: 10px 0;
        padding: 10px 1.5%;
        width: 97%;
    }

    #showhome-hours {
        border-top: 2px solid #b2b2b2;
        border-bottom: 2px solid #b2b2b2;
        border-left: 0px solid #b2b2b2;
        border-right: 0px solid #b2b2b2;
    }
    
    .home-series-block{
        width: 90%; 
    }
    
    .phase8map .Homes{
    width: 35px;
    height: auto;
    position: absolute; 
}
    
    .phase8map .play-Albi{
        left: 58.25%;
        top: 69%; 
    }

    .phase8map .play-Calbridge{
        left: 73%;
        top: 36%; 
    }

    .phase8map .play-Morrison{
        left: 45.5%;
        top: 67.5%; 
    }
    
    .builder-listing-thumb{
        width: 100%; 
    }
    
    .builder-listing-desc{
        width: 100%;
        margin-left: 0; 
    }
    
    .builder-listing-desc ul li{
        width: 100%; 
    }
    
    #school-snipe #community-of-year img{
        height: 120px; 
    }
    
}