/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

/*

blue
#1966a5;

dark dark blue
#131b22;


font-family: 'Barlow', sans-serif;
font-family: 'Bubbler One', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Wire One', sans-serif;
font-family: 'Poiret One', cursive;
*/

body{
    font-family: 'Montserrat', sans-serif;
    overflow-x:hidden;
/*    font-weight: 300;*/
    letter-spacing:1px;
    color:#000;
}
*:focus {
    outline: none !important;
   }

nav {
    background-color: #023873;
    text-transform: uppercase;
    
}

nav hr{
    margin-top:0px;
    width:97%;
}
nav ul{
    margin-right:50px;
    margin-top:5px;
}

nav ul a{
    padding:0 25px;
    -webkit-transition: none; 
   transition: none; 
}

nav ul a:hover{
    color:#915616;
    background:none;
}

nav ul li{
    padding-right:3px;
    padding-left:3px;
}
nav ul li:last-child{
    padding-right:20px;
}


/*.dropdown-content{
    position:relative;
    top:-63px;
    background-color: #023873;
}
.dropdown-content li {
    clear: both;
    color: rgba(0,0,0,0.87);
    cursor: pointer;
    min-height: 20px;
    line-height: 1.2em;
    width: 100%;
    text-align: left;
}
.dropdown-content li>a{
    font-size:.9em;
    line-height: 1.2em;
    padding: 5px 10px;
    color:#fff;
}
.dropdown-content li:last-child{
    padding-bottom:5px;
}

#dropdownlocation{
    width:100%!important;
}

.dropdown-content li:hover,
.dropdown-content li.active,
.dropdown-content li.selected {
     background-color: #023873;
}

.dropdown-content li.active.selected {
     background-color: #023873;
}*/

nav a.brand-logo{
    width:200px;
    height:auto;
    margin-top:5px;
}

nav a.brand-logom{
    width:140px;
    position: absolute;
    top:10px;
    left:80px;
}
.brand-logom svg{
    width:100%;
    height:auto;
}

.logo-trigger{
        position: relative;
        top:700px;
        z-index:100;
    }
    .w100h1{
        width:100%;
        height:1px;
    }
.fill-blue{fill:#0066AB;}
.fill-darkblue{fill:#223369;}
.fill-darkblue2{fill:#10123B;}

	.fill-mapblue{fill:#0066AB;}
	.fill-mapdblue{fill:#223369;}


	.fill-cwred{fill:#EA0029;}
	.fill-cwgray{fill:#6F7271;}



#feathead-trigger{
    position: absolute;
    top:400px;
    width:100%;
    height:1px;
    z-index: 901;
}
#featureshead{
    margin-top:40px;
}
#contacthead{
    margin-top:500px!important;
}

#feattext-trigger{
    position: relative;
    top:50px;
    width:100%;
    height:1px;
    z-index: 901;
}


.parallax-container{
    height:800px;
}

.parallax-container.specsc{
    height:auto;
}

/*------- NAV ----------------*/

.sidenav li{
        text-transform: uppercase;    
    }
.sidenav li>a{
    color:#fff;
}
.scrollspy{
    position: relative;
}

#features{
    position: relative;
    top:180px;
}

#available{
    position: relative;
    top:200px;
}

#location{
    position: relative;
    top:140px;
}


#specs{
    position: relative;
    top:150px;
}


#gallery{
    position: relative;
    top:170px;
}

#contact{
   position: relative;
    top:250px;
}

nav ul a.active{
   color:#514429;
    font-weight: 500;
}


nav{
    height:70px;
}
nav ul a,
nav {
  color: #000;
    letter-spacing: 2px;
    /*font-size: 1em;
    font-weight: 300;*/
}


.featurestxt{
    opacity:0;
    position:relative;
    left:30px;
}

.beigebg, nav{
    background:#D8D4CB;
    
}

nav{
    z-index: 903;
   box-shadow: none;
    position: fixed;
/*    background:rgba(216,212,203,.95);*/
}
nav a{
          color:#000;
}

@media only screen and (max-width: 1325px){
nav ul a{
    padding:0 15px;
}
}

@media only screen and (max-width: 1160px){
nav ul a{
    padding:0 10px;
}
}

@media only screen and (max-width: 1120px){
.brand-logo{
    width:280px!important;
    height:auto;
    }
   
    nav ul a{
        font-size: .8em;
    }
    
}

@media only screen and (min-width: 993px){
nav a.button-collapse {
    display: block !important;
}
}



nav a:hover{
    cursor: pointer;
    font-weight: 500;
}



.brand-logo{
    width:100px;
    height:auto;
    margin-left:40px;
    
}
.brand-logo svg, .logo-container svg{
    width:100%;
    
}

.btn, .btn-large, .btn:visited, .btn-large:visited, .btn:focus, .btn-large:focus{
   background-color: #1966a5;

    /* background-color: #15181e;*/
    color:#fff;

   /*background-color: #ccc;
    color:#000;*/
}
.btn{
    line-height:34px;
}
.btn:hover, .btn-large:hover{
   background-color: #0887ef; 
    /* background-color: #172237;*/
    
}
.btn i, .btn-large i{
    padding-right:5px;
    font-size:1.1em;
}
/*.nlocation{
    min-width:145px;
}


.button-collapse{
   margin:10px 0px 0px 35px !important;
}

.button-collapse i{
    display:block;
    font-size: 3.4em;
    color: #999;
    
}
.button-collapse p{
    line-height: .8em;
    margin-top:0px;
    color:#25aae1;
    font-weight: 500 !important;
*/
}

.parallax-container {
  min-height: 220px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}



  .parallax-container .section {
    width: 100%;
  }

/*------- BASICS ----------------*/

.invis{
    display:none;
}
.nomargin{
    margin: none;
}
.nopad{
    padding:0!important;
}
.nomargintop{
    margin-top: 0px;
}
.nopadbtm{
    padding-bottom:0!important;
}
.nomarginbtm{
    margin-bottom: 0px;
}

.margintop-20{
    margin-top: -20px;
}

.transbg{
    background:transparent;
}
.blackbg{
    background-color:#000;
}
.darkgraybg{
    background-color:#191e1a;
}
.darkbluebg{
    background-color:#023873;
}
.whitebg{
    background-color: #fff;
}
.beigebg{
    background-color::#d0cabc;
}

.h100{
    height:100vh;
}

.h760{
    height:740px;
}

.h780{
    height:780px;
}
.h800{
    height:780px;
}
.hauto{
    height:auto;
}
.pad50{
    padding:50px;
}
.padsides10{
    padding:10px;
}
.padsides50{
    padding:0px 50px;
}
.padsides10p{
    padding:0px 10%;
}
.padsides5p{
    padding:0px 5%;
}
.padtop30{
    padding-top:30px;
}
.bgtransblue{
     background-color:rgba(24, 80, 142, .3);
}
.bgtransblack{
     background-color:rgba(0, 0, 0, .85);
}
.bgtransblack4{
     background-color:rgba(0, 0, 0, .75);
}

.bgtransgray{
/*     background-color:rgba(39, 45, 49, .7);*/
    background-color:rgba(21, 24, 31, .7);
}


.img100w{
    width:100%;
    height:auto;
}
.nopadmargin, .nopadmargin .col{
    padding:0px;
    margin:0px;
}
.padtop5{
    padding-top:5px!important;
}
.padtop10{
    padding-top:10px;
}
.padtop20{
    padding-top:20px;
}
.padtop30{
        padding-top:30px;
    }
.padtop60{
    padding-top:60px;
}

.padtop50{
    padding-top:50px;
}

.padsides{
    padding-right:5%;
    padding-left:5%;
}
.padtop80{
    padding-top:80px;
}
.padright10{
    padding-right:30px !important;
}
.padright20{
    padding-right:20px;
}
padleft50{
    padding-left:50px;
}
.bgwhite{
    background:#fff;
}

h5{
    font-size: 3.5em;
    font-weight: 400;
    letter-spacing: 15px;
}
.strokeme {
 }

h1{
    text-transform: uppercase;
    font-family: "amandine", sans-serif;
font-weight: 500;
font-style: normal;
    font-size: 4.4em;
    line-height: 1.2em;
    text-shadow: -.7px -.7px 0 #000, .7px -.7px 0 #000, -.7px .7px 0 #000, .7px .7px 0 #000;
}
.bred{
    border:solid thin red;
}
hr {
    border: 0;
    height: 1px;
    background: #777;
/*    background-image: linear-gradient(to right, #ccc, #333, #ccc);*/
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #714331;
    display: inline-block;
}


h1 {
  position: relative;
  overflow: hidden;
}
h1 > div {
  position: relative;
  margin: 0;
}

/*------- COLORS ----------------*/

.bg-gradient-black{
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+36,000000+100&1+37,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 36%, rgba(0,0,0,1) 37%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 36%,rgba(0,0,0,1) 37%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 36%,rgba(0,0,0,1) 37%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
width:32%;
    height:300px;
    position: absolute;
}
.fill-white{fill:#FFFFFF;}
.fill-gold{fill:#C2B59B;}

.fill-cyan{fill:#00FFFF;}
.fill-gray{fill:#66594D;}
.fill-gray2{fill:#B6B5B8;}
.fill-lightblue{fill:#adbfed;}
.fill-2{fill-rule:evenodd;clip-rule:evenodd;fill:#C7C9CA;}

.fill-skyblue{fill:#28A8E0;}
.fill-black{fill:#010101;}
.fill-green{
    fill:#006f51;
}

.graytxt{
    color:#d4d4d6
}
.darkgraytxt{
    color:#898989;
}
.bluetxt{
    color:#3a4351;
}
.blue2txt{
    color:#39404f;
}
.blue3txt{
    color:#101828;
}
.blue4txt{
    color:#232938;
}
 

.whitetxt{
    color:#fff;
}

.graytext{
    color:#666;
}


.greentext{
    color:#89d577;
}
.purpletext{
    color:#ba9ae8;
}
.lightbluetext{
    color:#4189e0;
}
.orangetext{
    color:#fa9163;
}
.lightbluetext{
    color:#4189e0;
}


.trans3{
    opacity:.3
}


.logo-container{
    width:340px;
    height:27px;
}

/*
.fliph{
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
*/


/*------- HOME ----------------*/
.homebg{
    background: url('../images/homebg3.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   

}
.home{
    position: relative;
    z-index:1;
}

#home1img{
    width: 15%;
    height: auto;
    position: relative;
    z-index: 1;
    left: 48%;
}
#home2img{
    position: relative;
}
#home1img img{
    width:100%;
    height:auto;
}


.home-arch img{
    width:100%;
    height:auto;
    padding-top:30px;
}

.home-arch p{
    font-size:.9em;
    letter-spacing: 0px;
    text-align: justify;
}


.home-arch a{
    font-family: "amandine", sans-serif;
    font-size:1em;
    color:#714331;
    text-transform: uppercase;
    
    text-shadow: -.25px -.25px 0 #714331, .25px -.25px 0 #714331, -.25px .25px 0 #714331, .25px .25px 0 #714331;
}

a.hovere {
  overflow: hidden;
  position: relative;
  display: inline-block;
}

a.hovere::before,
a.hovere::after {
 content: '';
  position: absolute;
  width: 100%;
  left: 0;
}

a.hovere::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
  color: #714331;
}
/*
a.hovere::before {
  background-color: #714331;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
a.hovere:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}*/
a.hovere:hover::after {
  transform: translate3d(0, 0, 0);
}

a.hovere span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

a.hovere:hover span {
  transform: translate3d(-200%, 0, 0);
}
.floors-icon{
    width:20px;
    height:auto;
    display: inline-block;
    vertical-align: .3em;
}
.home-arch i{
    vertical-align: .6em;
    color:#714331;
}
.home-arch hr{
    margin-top:0px;
    padding-top:0px;
}
.floors-icon svg{
    width:100%;
    height:auto;
}
.home .section{
    
    padding-bottom:0px;
}
.home row.blackbg{
    height:780px;
}
.hometxt{
    text-align: left;
    z-index: 0;
}
.homefade{
   opacity:0; 
}
#ex1.modal{
    z-index: 2000;
    top:20%;
    width:60%;
    max-width:none;
    max-height:none;
    padding:50px;
    background:#000;
}
#ex1.modal a.close-modal {
    top: 10px;
    right: 10px;
}
#triggerhomeimg{
    position: relative;
    top:350px;
    height:1px;
    width:100%;
}

.hometxt p{
/*    font-size:1.3em;*/
    color:#fff;
    line-height: 1.6em;
    font-size:1em;
}
.bordered{
    border-top:solid thin #474747;
    border-bottom:solid thin #474747;
}
.hometxt h2{
    font-size: 1.6em;
    line-height: 1.4em;
/*    font-family: essonnes-display,serif;*/
font-weight: 400;
font-style: normal;
    margin-top:20px;
    margin-bottom:20px;
}
.hometxt h2 span{
     color:#C4B497;
}
.carousel{
    height:50vh!important;
    width:75%;
}

.row.slider-center {
    position: absolute;
    top:50%;
    width:68%;
}
.row.slider-center i:hover{
    cursor:pointer;
}
i#next {
      position: absolute;
    right: 10px;
    color: #fff;
    font-size: 55px;
    font-weight: 400;
}
i#prev {
    position: absolute;
    left: 20px;
      color: #fff;
    font-size: 55px;
    font-weight: 400;
}
.carousel .indicators{
    bottom:50px;
}
.videobtn a{
    color:#FFF!important;
}
.videobtn{
    margin-left:25%;
    width:160px;
    height:80px;
}
.videobtn:hover{
    cursor:pointer;
}
.videobtn svg{
    width:50px;
    height:auto;
}

.vidbtntxt{
    font-size:1.3em;
    position: relative;
    left:85px;
    top:-65px;
}
.videobtn:hover .vidbtntxt{
    color:#C2B59B;
}
.closebtn{
    position: absolute;
    top:15px;
    right:20px;
    padding: 0px!important;
}
.vidmbtn p{
    color:#fff;
    font-size: 1.2em;
    padding-bottom: 0px;
    text-transform: uppercase;
}
.videombtn{
    border:solid thin #ccc;
    margin:auto;
    width:250px;
    height:140px;
    background: url(../images/firstframe.jpg) no-repeat center center; 
  background-size: contain;
}
.md-close i{
    font-size: 2.4em;
    position: relative;
    left:3px;
}
.md-content{
    padding-top:50px;
}
.arrow1{
    display: block;
}
.arrow1{
    width:70px;
}

.arrow1 svg, .arrow2 svg{
    width:100%;
    height:auto;
}
.arrow2{
    opacity:0;
    position: absolute;
    margin-top:-70px;
    left:29%;
}
.vidbtncontainer{
    width:90px;
    height:90px;
}
/*------- FEATURES ----------------*/

#features-trigger{
    position: relative;
    top:-200px;
    }
.floatbg{
    width:50%;
    position: absolute;
    right:-20px;
    opacity:.5;
   margin-top:-130px;
}

.floatbg img{
    width:100%;
    height:auto;
}
.features{
    height:780px;
    width:100%;
    position: relative;
    z-index:2;
    
}
.featuresbg{
    background: url(../images/featuresbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.featimg{
    width:100%;
}
.featimg img{
    width:100%;
    height:auto;
}
.features .bgtransblack{
   height:300px;
    border-radius: 10px;
}
.featuresimgm{
    background: #000;
    width:100%;
    height:290px;
    background-color:#000;
    background: url(../images/featuresbg.jpg) no-repeat center center; 
  background-size: contain;
}

.features .movetop{
    position: relative;
    top:-30px;
}
.features .txt{
/*    margin-top:-20px;*/
    padding:40px 50px 0px 50px;
    color:#fff;
}
.features h2{
    font-size: 1.3em;
}
.features ul{
}

.features li{
    font-size: 1em;
    line-height: 1.3em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin-bottom:14px;
    
}

.features li:before {
    content: "+";
    position:relative;
    left:-5px;
    margin-left:-5px;
}


/*----------------- GALLERY -----------------*/

.gallery{
    position: relative;
    z-index:20;
    padding:30px 5px;
}
.gallerypagebg{
    background: url(../images/gallerybg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    margin-bottom: 0px;
}
.gallery .instruct{
    text-align: center;
    font-size:.8em;
    color:#fff;
    letter-spacing: 1px;
}

.gallery .instruct{
    margin-top:5px;
    color:#474747;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.gallerybg{
    background-color:cyan;
    padding:5px 10px;
    position: absolute;
    top:25px;
    width:100%;
    height:1635px;
    opacity:0;
}


#galfl6, #galfl7{
   display: none; 
}


.gallery .sidelabel h5 {
margin-top:500px !important;
}





/*------- AVAILABILITIES  ----------------*/

.avails{
    position: relative;
    z-index:10;
    padding-bottom:50px;
}
.availsbg{
    background:#fff;
    background: url('../images/availsbg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

#availstack-trigger{
    position: relative;
    top:-400px;
    width:100%;
    height:0px;
    z-index: 901;
}
#availsplan-trigger{
    position: relative;
    top:-300px;
    width:100%;
    height:0px;
    z-index: 901;
}
.availsc{
    height:700px;
    padding: 20px;
}
.floors{
    text-align: left;
}

.avails .instruct p{
    letter-spacing: 0px;
    font-size: .9em;
    color:#000;
    text-align: left;
}
.stack{
    text-align: right;
    height:700px;
    margin-top:20px;
}

.stackc{
    position: relative;
    top:30px;
    opacity:0;
    padding:150px 20px 0px 20px;
}


.avails{
    color:#000;
}
.sideplan{
    max-width:180px;
}
.avails hr{
    margin-bottom:0px;
}
.fplan-options{
    margin-top:0px;
    padding-top:0px;
}
#availhead-trigger{
    position: relative;
    top:-50px;
}
#stack-trigger{
    position: relative;
    top:-50px;
}

#floor-trigger{
    position: relative;
    top:-50px;
}




.fl{
    margin-bottom:0px;
}
.row .col.floorplan{
    padding:2% 0px 0px 0px;
}
.floorplan img{
    width:75%;
    height:auto;
    margin-bottom:20px;
}

img.stackplan{
width:100%;
    margin-left:5%;
    height:auto;
    
}

.dloadlink{
    width:auto;
}

.dloadlink a{
    padding:3px 8px;
    font-size:1.3em;
     color:#724A22;
}
.dloadlink a:hover{
    cursor:pointer;
}
#floortext{
   font-family: "amandine", sans-serif;
    font-size: 2.6em;
    letter-spacing: 1px;
    font-weight: 400;
    color:#000;
    margin-bottom: 30px;
    margin-top:30px;
    text-shadow: -.3px -.3px 0 #000, .3px -.3px 0 #000, -.3px .3px 0 #000, .3px .3px 0 #000;
}
.planimgfc{
    display:none;
}
.planimgc, .planimgfc{
    text-align: center;
    padding:20px 5px 0px 20px;
}
.planimgc img, .planimgfc img{
    width:90%;
    height:auto;
}
.keyplan{
     background-image: url('../images/keybg.jpg');
    background-size: 100% auto;
background-repeat: no-repeat;
    
    padding:120px 12% 0px 12%;
    font-size: .8em;
    width:250px;
    height:280px;
}

#keyitems{
    display: table-cell;
  vertical-align: bottom;
}
#keynums p{
    text-align: right;
}
.stackfloors{
    text-align: center;
    color:#999;
    margin-top:40px;
    line-height: 3.4em;
}


.fplan-options li{
    letter-spacing:1px;
    border-bottom:solid thin #999;
    padding-bottom:10px;
    font-family: "amandine", sans-serif;
}

.fplan-options li:hover{
    color:#724A22;
    cursor: pointer;
}
.fplan-options li.active{
    color:#724A22;
}

.fplan-options li:hover h2, .fplan-options li.active h2{
     text-shadow: -.3px -.3px 0 #724A22, .3px -.3px 0 #724A22, -.3px .3px 0 #724A22, .3px .3px 0 #724A22;
}

.fplan-options li:hover p, .fplan-options li.active p{
    text-shadow: -.1px -.1px 0 #724A22, .3px -.1px 0 #724A22, -.1px .1px 0 #724A22, .1px .1px 0 #724A22;
}

.fplan-options p{
    margin-top:0px;
    padding-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
    font-size:1em;
    text-shadow: -.1px -.1px 0 #000, .3px -.1px 0 #000, -.1px .1px 0 #000, .1px .1px 0 #000;
}
.fplan-options h2{
    font-size:1.5em;
     margin-top:0px;
    padding-top:15px;
    margin-bottom:0px;
    padding-bottom:0px;
    text-shadow: -.3px -.3px 0 #000, .3px -.3px 0 #000, -.3px .3px 0 #000, .3px .3px 0 #000;
}
.planspecs{
    color:#000;
    font-size: .8em;
    letter-spacing: 0px;
    line-height: 1.9em;
}
.planspecs h2{
    margin-top:20px;
      font-size: 1.2em;  
    font-weight: 500;
    margin-bottom: 15px;
    text-align: left;
    padding-left:9%;
    }
.dloadfloor a{
   color:#000;
    letter-spacing: 1px;
}

.dloadfloor a:hover{
    color:#724A22;
}

.dloadfloor{
    font-family: "amandine", sans-serif;
    margin-top:35px;
    padding:10px;
    letter-spacing:1px;
    font-size: 1.2em;
    text-shadow: -.3px -.3px 0 #000, .3px -.3px 0 #000, -.3px .3px 0 #000, .3px .3px 0 #000;
}

.dloadfloor i{
    text-shadow:none;
}
.galfloor-instruct{
    letter-spacing:2px;
    min-width:240px;
    max-width:280px;
    font-size: .9em;
    padding:10px 10px 5px 10px;
    color:#000;
    border-bottom: solid thin #86715a;
/*     border-top: solid thin #86715a;*/
     font-family: "amandine", sans-serif;
    text-shadow: -.1px -.1px 0 #000, .1px -.1px 0 #000, -.1px .1px 0 #000, .1px .1px 0 #000;
}
/* .galfloorbtn:hover{
   background:#724A22;
    color:#724A22;
     text-shadow: -.1px -.1px 0 #724A22, .1px -.1px 0 #724A22, -.1px .1px 0 #724A22, .1px .1px 0 #724A22;
/*    background:#cdc6bc;
    cursor: pointer;
/*    border-bottom: solid thin #cdc6bc;
     border-top: solid thin #cdc6bc;
}*/

.galfloor-instruct a{
    color:#000;
}


/*------------------ LOCATION NEIGHBOR ------------*/

#triggerlocationhead{
    position: relative;
    top:100px;
}
#neighbor-trigger{
    position: relative;
    top:-100px;
}
#neighbor-trigger2{
    position: relative;
    top:300px;
}
.neighborhood{
    position: relative;
    z-index: 20;
  
}
.neighborimg1 img{
    width:85%;
    height:auto;
}
.neighborhoodc{
    margin-top:40px;
    text-align: center;
}

.neighborhood .txt{
    padding:30px;
}
#neighborimg{
    width:85%;
    position:relative;
    top:35px;
    opacity:.8;
}
.mapimg img{
    width:95%;
    position:relative;
    top:20px;
}

.neighbor .col{
    padding: 0px .45em;
}
#neighbor1{
    padding-bottom:40px;
}
#neighbor2{
    padding:20px 20px 40px 20px;
}

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

.neighborhood h1{
/*
    font-family: 'Montserrat', sans-serif;
    font-size: 5.5em;
    font-weight: 700;
   position: absolute;
    line-height: 1em;
    margin:0;
    padding:0;
*/
}

#headcontainer{
    height:320px;
    position: relative;
    top:-250px;
    margin-bottom: -320px;
}
#head1{
    top:0px; 
    left:10%;
}

#head2{
    bottom:0px;
    left:60%;
}

.neighborhood p{
   
    line-height: 1.7em;
    color:#fff;
    text-align: left;
}


.mapimg{
 margin-top:-30px;   
}
.mapkey{
    font-size: .7em;
    margin-bottom:35px;
    margin-top:15px;
}
.mapkey div{
    display: inline-block;
    padding-right:20px;
}
.mapkey span{
    
}
.retail{
    color:#F9D4A7;
}
.hotels{
    color:#72C8F1;
}

/*------- TECH SPECS  ----------------*/

.specsbg{
    background:#cdc6bc;
}
.fullimg{
    width:95%;
    margin:auto;
}
.fullimg img{
    width:100%;
    height:auto;
}

.specsimg{
    margin:0;
    height:400px;
    background-image: url('../images/interior.jpg');
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*------- CONTACT ----------------*/

.contactsimg{
    margin:0;
    height:400px;
    background-image: url('../images/terrace.jpg');
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#contact-trigger{
    position: relative;
    top:-60px;
}
.contact{
   padding:120px 5% 50px 5%;
    z-index:5;
    position: relative;
}

.row .col.contactright{
    padding-left:5%;
}
.contactimg img{
    width:100%;
    height:auto;
}

.contact h1{
    margin-top:30vh;
    margin-bottom:0px;
    font-size: 2.4em;
    color:#000;
    text-shadow: -.4px -.4px 0 #000, .4px -.4px 0 #000, -.4px .4px 0 #000, .4px .4px 0 #000;
}

.contacttxt h2{
    margin-top:20px;
    margin-bottom:0px;
   font-family: "amandine", sans-serif;
font-size: 2em;
    letter-spacing:1px;
    line-height: 1.2em;
    text-shadow: -.4px -.4px 0 #000, .4px -.4px 0 #000, -.4px .4px 0 #000, .4px .4px 0 #000;
}

.contacttxt a, .contacttxt a:visited{
    color:#000;
}

.contacttxt a:hover{
 color:#724A22;
}
.jlllogo{
    position: relative;
    top:20px;
    width:100px;
    margin-left:10px;
    height:auto;
}
.jlllogo svg{
    width:100%;
    height:auto;
}
/*--------- MOBILE ----------*/

.homem img{
    width:100%;
        height:auto;
}
.movetop-20{
    position:relative;
    top:-20px;
}
.homem .hometxt{
    color:#fff;
    width:100%;
    padding:0px 40px;
    margin-top:30px;
    position: static;
    text-align: center;
}

.wiredm img{
    width:50px;
    height:auto;
}
.stackm h1{
    text-align: center;
    padding:80px 0px 40px 0px;
    color:#fff;
    text-transform: uppercase;
}

.stackm img{
    height:auto;
    width:60%;
    margin:auto;
}

.availsm{
    padding:40px;
    margin:0;
    background-color:#d0cabc;
    text-transform: uppercase;
    font-family: "amandine", sans-serif;
font-weight: 500;
font-style: normal;
    text-shadow: -.3px -.3px 0 #000, .3px -.3px 0 #000, -.3px .3px 0 #000, .3px .3px 0 #000;
}

.availsm h1{
    font-size: 3.2em;  
}

.availsm #galfl6, .availsm #galfl7{
   display: block; 
}
.availsm h2{
    font-size: 2.4em;  
}
.availsm h3{
    font-size: 1.6em;  
}

.availsm .galfloor-instruct{
    border-bottom: none;
    margin-bottom:20px;
    text-align: left;
}

.availsm .carousel-item img{
    height:160px;    
}
.availsm hr, .availsm img{
    margin-top:20px;
    margin-bottom:20px;
}
.stackm{
    text-align: center;
}
.neighborm img{
    width:100%;
    height:auto;
}
.locationm{
    background:#000;
    margin-top:-20px;
}

@media only screen and (max-width : 1250px) {
    .neighbor h1{
        font-size: 3.8em;
    }
.contacttxt .txt{
        font-size:.85em;
    }
}
.side-logo{
    width:250px;
    height:120px!important;
}
.sidenav >li a.side-logo:hover{
    background: transparent;
}
.side-logo svg{
    width:100%;
    height:auto;
}

.sidenav li>a.side-logo{  
    margin-top:30px;
}
.side-logo:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */

    border-bottom: 1px solid #999; /* This creates the border. Replace black with whatever color you want. */
    opacity:.2;
}

/* ipad portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
    .contact.h800{
        height:1100px;
    }
.featuresbg{
    height:100%;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
      #map{
        height:500px;
 
    }
    .neighborhoodc img{
    min-height:150px;
}
}

@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape){
.contact.h800{
        height:900px;
    }
      .featuresbg{
    height:100%;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}#map{
        height:670px;
 
    }
}

@media only screen and (min-width : 1900px) {
#home1img{
    margin-top:-300px;
}
}

@media only screen and (max-width : 1360px) {
  .collapsible-body li{
    font-size: .75em !important;
}
}
@media only screen and (max-width : 1195px) {
.team .txt{
        padding: 80px 5%;
    }
    .contacttxt{
        padding-top:350px;
    font-size: 1.2em;
}
    .jlllogo{
        top:15px;
    }
}
@media only screen and (max-width : 1080px) {
.contacttxt .txt{
    padding-left:10px;
    position:relative;
    top:-20px;
        font-size:.75em;
}
    
}
@media only screen and (max-width : 992px) {
    .hometxt{
        margin-top:0px;
        top:-250px;
    }
    
    
nav .brand-logo {
    left: 250%;
    
}
    
    .contacttxt{
        padding-top:390px;
    font-size: 1em;
}
    .jlllogo{
        top:-15px;
    }
    
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
    .contact-c{
        height: 850px;
    }
  #index-banner .section {
    top: 10%;
    
  }
    #headcontainer{
    top:-200px;
}
    
     #map{
        height:470px;
 
    }
    .neighborhoodc img{
    min-height:150px;
}
}

@media only screen and (max-width : 830px) {

    img.stackplan{
max-height:450px;
        width:auto;
}
    .stackfloors{
        font-size:.8em;
    }
    #floortext{
    font-size: 1.1em;
}
    .contacttxt{
        padding-top:390px;
    font-size: .8em;
}
    .jlllogo{
        top:0px;
        width:150px;
    }
     #fl27{
        margin-top:40px;
    }
    #fl18{
        margin-top:60px;
    }
    #fl12{
        margin-top:70px;
    }
}
.mobileloc{
    padding:10px 25px 0px 25px;
}
@media only screen and (max-width : 750px) {
 .contacttxt .txt{
        font-size:.7em;
        line-height:1em;
    }
    .floatbg{
        display:none;
    }
    h1{
        font-size: 2.4em;
    }
    .home-arch p, .home-arch a{
        font-size: .7em;
    }
   
}

 .sidenav{
        background: #232425;
    }

.mobileimg img, .mobileimg{
        width:100%;
        height:auto;
    }
@media only screen and (max-width : 680px) {
    .neighbor{
        padding: 0 10px;
    }
    
    .neighbor img{
    width:75%;
        margin:auto;
    }
    h1{
        font-size: 2em;
        text-shadow: none;
        text-shadow: -.4px -.4px 0 #000, .5px -.4px 0 #000, -.4px .4px 0 #000, .4px .4px 0 #000;
    }
    .neighborhood h1{
        font-size: 2.5em;
    }
    
.contacttxt{
        padding-top:390px;
    font-size: .6em;
}
    .jlllogo{
        top:0px;
        width:120px;
    }
}
.sohom img{
    width:80%;
    height:auto;
}

.mcarousel{
        padding-top:100px;
    }
@media only screen and (max-width : 600px) {
    
    
    .home .h800{
    height:980px;
}
    
    .carousel{
        position: static;
        width:100%;
    height:250px!important;
}
    .carousel .indicators {
    bottom: 15px;
}
    .row.slider-center {
    position: absolute;
    top: 250px;
    width: 100%
    }
    .home{
        border-bottom: none;
    }
    .featuresbg{
        background:none;
    }
    .features h1:first-child{
        padding-top: 0px;
    }
    .features {
        height:auto;
    font-size: 1.4em;
}
    .features .txt{
        padding:50px;
    }
    .features .bgtransblack{
    height:auto;
}
    .neighborhood p{
    font-size: 1.4em;
}
    
    .planimg{
    text-align: center;
}
    .row .col.floorplan{
        padding-top:50px;
    }
    .footertxt{
        padding-left:0!important;
    }
    #floortext{
        font-size: 1.8em;
    }
    .planspecs{
        font-size: 1em;
    }
    .planspecs h2{
        text-align: center;
        margin-top:0px;
        padding-left:0px;
    }
    .contacttxt{
        padding-top:0px;
        font-size: 1.2em;
    }
    .contact h1{
    margin-top:20px;
    }
    
    .contact h2{
        font-size:1.4em;
    }
    
    .contacttext-c{
    padding:0px 30px 50px 30px;
}
    
    #navmenu{
        position: fixed !important;
        top:0;
        left:0;
        height:100px;
        width:100px;
    }
    nav .nav-wrapper{
        position: fixed !important;
        top:0;
        left:0;
        background-color:rgba(61, 61, 61, 0);
        width:80px;
        height:55px;
        
    }
    .contactlogo{
        text-align: left;
    }
    .jlllogo{
        width:100px;
        top:30px;
        padding-bottom:150px;
    }
    .darkbgtrans{
        height:660px !important;
    }
   
  #index-banner .section {
    top: 0;
  }
    
    #nav-container{
    position: fixed !important;
    top:0;
}
    .gallery-mobile p{
        font-size: 1.2em;
        margin-top:0px;
    }
    nav{
        max-width:600px;
    }
    
    .specstxt{
        background:#fff;
        margin-right:0px;
        margin-top:20px;
        font-size: 1.2em;
        padding:10px 40px 30px 40px;
    }
    
    
    .swiper1{
        position: absolute;
        width:100%;
    }
    #index-banner{
        height:860px;
        width:100%;
    }
    
    .swiper-container {
      height: 400px;
    }
    .hometxt{
        width:100%;
        top:400px;
    }
    
    .hometxt.movedown {
    top: 400px;
}
    
    .parallax-container {
    min-height: 200px;
}
    h5{
        font-size: 2em;
        letter-spacing: .3em!important;
    }
    .parallax-container .section{
        top:20%;
    }
    
    .featurestext-c{
        top:1460px;
        width:100%;
        height:650px;
        padding:20px;
    }
    .featurestext-c .bluebgtrans{
        background-color:#525a66;
    }
    .featureslist li {
    line-height: 1.4em;
    }
    #stack1{
        height:300px;
    }
    .stack-small{
        text-align: center;
    }
    .stack-small .dloadlink{
        margin-bottom:30px;
        margin-top:20px;
    }
    .stack-small hr{
        width:80% !important;
    }
    img.smallstack{
        height:auto;
        width:50%;
    }
    img.smallplan{
        margin-top:20px;
        width:70%;
        height:auto;
    }
   
    .specstext-c{
        padding-top: 10px;
        padding-bottom:40px;
    }
    .specsleft{
        text-align: left;
        font-weight: 600 !important;
    }
    .msmalltxt{
        font-size: .8em;
    }
    .locationc{
        padding-top:20px !important;
    }
    .rb-grid li {
    height: 120px !important;
    }
    .maptext-c {
    top: 2955px !important;
        left:0;
        width:100%;
            background-color:#0b1823;
}
    
    .gallerydivider{
    margin-top:230px;
}
    #map{
        height:350px;
        width:360px;
        display: block;
        opacity: 1;
        
    }
    
    #neighbortextc{
        margin-top:0px !important;
    }
    .mapmobilec{
        height:400px;
        background:white;
    }
    .owner-c{
        height: 400px;
    }
    .ownertext-c{
        margin-top:0;
        background-color: rgba(11, 24, 35, 0);
    }
    .mcalign, .gallery-mobile{
        text-align: center;
    }
    .gallery-mobile{
        background:#e8e1d7;
        padding-top:50px;
    }
    .gallery-mobile img{
        width:90%;
        margin:auto;
        height:auto;
    }
    .contacttext-c{
        margin-top:0;
        color: #000;
        background-color: rgba(11, 24, 35, 0);
    }
    
    .contact-c{
        height:600px;
    }
    
    .contactlogo{
        margin-top:20px;
    }
    .contacts{
        margin-top:0px;
    }
    
    .availsdivider h5{
        font-size: 2em;
        letter-spacing: 7px;
    }
    
    .bordermidnav{
        opacity: 0;
    }
    #navbg{
        height: 56px;
    }
}

@media only screen and (max-width : 400px) {
    .footer{
    font-size: .6em!important;
    }
}

.mobiletransmap img{
    width:100%;
    height:auto;
}
.maptextm-c{
    padding:40px;
    background-color:#0b1823;
    color:#fff;
    margin-top:-10px;
}
.stack-containerm{
    text-align: center;
    background:#fff; 
}
.stack-containerm img{
    width:90%;
    height:auto;
    margin:auto;
}
.floorslistm{
    width:240px;
    margin: auto;
    text-align: left;
}
.floorslistm span{
    width:150px;
    display: inline-block;
}
.floorslistm a{
    margin-top:8px;
    display:block;
}
.floorslistm h1{
    font-size: 1.4em;
    color: #eda006;
    margin-bottom: 0px;
}
.stack-containerm h2{
    font-size: 1.4em;
    
}
.plansm {
    text-align: center;
    color:#fff;
}

.plansm h2{
    font-size:1.6em;
}

.floorplanm img{
    height:auto;
    width:80%;
    margin: auto;
}
.plansm hr{
    border: 0;
    height: 1px;
    background: #fff;
    background-image: linear-gradient(to right, #272c32, #ccc, #272c32);
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}


.footer{
    color:#fff;
    position: fixed;
    bottom:0;
/*    background-color:#023873;*/
    background-color:#191e1a;
    font-size: .7em;
    letter-spacing: 2px;
    width:100%;
    min-height: 35px;
    height:auto;
    padding-top:10px;
    z-index:50;
}
.footer .row{
    margin-bottom: 10px;
}
.footer .cwlogo svg{
    width: 60px;
    height:auto;
}
.footer .cwlogo{
}
.footertxt{
    padding-left:10%;
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
      
      nav{
          width:100%;
          position:fixed;
          top:0;
          background: #cdc6bc;
      }
      body{
          overflow-x:hidden;
      }
      
      #nav-container{
    position: fixed;
    top:0;
}
}

#nav-container{
    position: fixed;
    top:0;
    z-index:1900;
}