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

/*

gold
#ce9f4e;

light gold
#c3b196;

dark blue
#18222a;

dark dark blue
#131b22;

*/

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

nav {
padding-top: 8px;
    height: 70px;
    background-color: #131b22;
    text-transform: uppercase;
}

nav ul{
    margin-left:250px;
}

nav ul a{
    padding:4px 35px 0px 35px;
}

/*-- LOGO --*/
      .cls-1 {
        clip-path: url(#clippath);
      }

      .cls-2 {
        fill: none;
      }

      .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
        stroke-width: 0px;
      }

      .cls-3 {
        fill: url(#linear-gradient);
      }

      .cls-9 {
        clip-path: url(#clippath-1);
      }

      .cls-10 {
        clip-path: url(#clippath-3);
      }

      .cls-11 {
        clip-path: url(#clippath-2);
      }

      .cls-4 {
        fill: url(#linear-gradient-4);
      }

      .cls-5 {
        fill: url(#linear-gradient-2);
      }

      .cls-6 {
        fill: url(#linear-gradient-3);
      }

      .cls-7 {
        fill: #d8ba89;
      }

      .cls-8 {
        fill: #fff;
      }
/*-- LOGO --*/

.dropdown-content{
    position:relative;
    top:-63px;
    background-color: #131b22;
}
.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;
}
#dropdownfeatures, #dropdownlocation{
    left:25px!important;
}
#dropdownlocation{
    width:105%!important;
}
nav ul a:hover, .dropdown-content li>a:hover{
    color:#d8ba89;
}

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

.dropdown-content li.active.selected {
    background-color: #131b22;
}
nav a.brand-logo{
    color:#ce9f4e;
    font-size: 1.2em;
    margin-top:8px;
    letter-spacing: 3px;
}

.sidenav{
    text-align: center;
    background-color: #151C23;
}

.sidenav li a{
    color:#fff;
    font-size: 1.2em;
    letter-spacing:1px;
    font-weight: 100;
    text-transform: uppercase;
}
.sidenav li:first-child{
    margin-top:50px;
}
.mobile-logo svg{
    width:70%;
    height:auto;
    margin:auto;
    
}

.fill-logogold{fill:#C2B59B;}
.fill-blue{fill:#0066AB;}
.fill-darkblue{fill:#223369;}

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


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

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



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




#shome{
    position: absolute;
    top:300px;
}
#sfeatures{
    position: absolute;
    top:1500px;
}
#sgallery{
    position: absolute;
    top:2670px;
}
#slocation{
    position: absolute;
    top:3990px;
}
#sneighborhood{
    position: absolute;
    top:3990px;
}
#savails{
    position: absolute;
    top:6500px;
}

#sspecs{
    position: absolute;
    top:7660px;
}


#scontact{
    position: absolute;
    top:10420px;
}

/*------- LINES ----------------*/




#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;
}


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

.scrollspy{
    position: relative;
}

#improvements.scrollspy, #safety.scrollspy, #capital.scrollspy{
    top:190px;
}

#ownership.scrollspy{
   top:170px;
}
#amenities.scrollspy{
    top:-50px;
}
#specs.scrollspy{
    top:240px;
}
#gallery.scrollspy, #neighbors.scrollspy, #transportation.scrollspy{
    top:210px;
}

#location{
    margin-bottom: -20px;
}

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



nav{
    z-index: 903;
   box-shadow: none;
    position: fixed;
}

nav .brand-logo{
    color:#253565;
    font-size:1em;
    font-weight: 400;
}
.brand-logo{
    margin-top:0px;
    width:170px;
    height:auto;
    margin-left:40px;
    
}
.brand-logo img{
    height:auto;
    width:100%;
}
.brand-logo svg, .logo-container svg{
    width:100%;
    height:100%;
}



/*
.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 ----------------*/


.nomarginbtm{
    margin-bottom: 0px;
}

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

.transbg{
    background:transparent;
}

.textright{
    text-align: right;
}

.h100{
    height:100vh;
}
.h400{
    height:400px;
}
.h760{
    height:740px;
}

.h780{
    height:780px;
}
.h800{
    height:780px;
}

.pad50{
    padding:50px;
}
.padsides50{
    padding:0px 50px;
}
.padsides10p{
    padding:0px 10%;
}
.padsides5p{
    padding:0px 5%;
}
.bghome{
    background: url('../images/homebg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgfeat{
    background: url('../images/featbg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgfeat2{
    background: url('../images/featbg2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgfeat3{
    background: url('../images/featbg3.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.bgavails{
    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;
}
.bgdblue{
     background-color:#18222a;
}
.bgdarkerblue{
     background-color:#0f1b25;
}
.bgblue{
    background-color:#2F3E4B;
}
.bglblue{
     background-color:#1d2933;
}
.bggray{
     background-color:#ccc;
}
.bgmgray{
     background-color:#a5a5a5;
}


.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;
}


.padright10{
    padding-right:30px !important;
}

.bgwhite{
    background:#fff;
}

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



.bred{
    border:solid thin red;
}

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

.fill-white{fill:#FFFFFF;}
.fill-gray{fill:#66594D;}
.fill-gray2{fill:#B6B5B8;}
.fill-lightblue{fill:#adbfed;}
.fill-2{fill-rule:evenodd;clip-rule:evenodd;fill:#C7C9CA;}
.fill-gold{fill:#C1B69F;}
.fill-skyblue{fill:#28A8E0;}
.fill-black{fill:#010101;}

.lgraybg{
    background: #e6e6e6;
}

.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;
}



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


/*------- HOME ----------------*/


.swiper1{
    position: fixed;
    top:120px;
    right:30px;
    z-index:10;
    width: 53%;
      height: 65vh;
}

.swiper2{
    position:relative;
    top:120px;
    z-index:10;
    width: 90%;
      height: 65vh;
}

.swiper-container {
      
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
    }


.swiper-button-next, .swiper-button-prev{
    position: absolute;
    display:none;
}

 .swiper-button-prev{
    left:41%;
     opacity:.4;
}

.trans3{
    opacity:.3
}


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

.hometxt h1{
    font-size: 3.5em;
    font-weight:500;
    margin: 0px 0px 10px 0px;
    line-height: 1em;
}

.hometxt{
    color:#d8ba89;
    width:100%;
    padding:30vh 30px 20px 30px;
    height:100vh;
}


.hometxt p{
    font-size:.9em;
    line-height: 1.4em;
    color:#c1c1c1;
    text-align: justify;
}
.hometxt p span{
    color:#d8ba89;
}

#playvidbtn{
    display:none!important;
}
.videobtn{
    width:95%;
    margin: auto;
    opacity:.7;
    transition: 0.3s;
    margin-bottom: 10px;
}
.videobtn img{
    width:100%;
    height: auto;
}
.videobtn:hover, .videoloc:hover{
    opacity:1;
    cursor: pointer;
}

#modalvideo{
    max-height:none;
    height:auto;
    width:70%;
}

#videoID{
    position: absolute;
    top:0;
}

.vidinstruct{
    color:#ccc;
    text-align: center;
    font-size: .8em;
    margin-bottom:5px;
    margin-top:0px;
}

.videoloc .vidinstruct{
    font-size: .9em;
}
.vidinstruct:hover{
    color:#fff;
}
.videobtn-container{
    text-align:center;
        height:275px;
    display: block;
margin-top:-20px;
    margin-bottom:15px;
    padding-bottom:5px;
}
.modal-footer {
  border-top: 0px;
  position: absolute;
  top: 0;
    background-color: transparent;
    height:30px !important;
    padding:5px 10px !important;

}
/*----------------- FEATURES -----------------*/

.feattxt h1{
    color:#d8ba89;
    font-size: 2.4em;
    font-weight:500;
    margin: 0px 0px 10px 0px;
    line-height: 1em;
}

.feattxt{
    color:#d8ba89;
    padding:30vh 40px 20px 0px;
}

.feattxt p{
    font-size:.9em;
    line-height: 1.4em;
    color:#c1c1c1;
    text-align: justify;
}
.row .col.featimgside{
    padding:50px 20px 0px 50px;
}
.row .col.featimgside.famenities2{
    padding: 0px 20px 0px 50px;
}
.featimgside img{
    width:100%;
   height:auto;
}
.featlabel{
    color:#000;
    font-size: 1.2em;
    letter-spacing:.4em;
    
}
.featlabel p{
    text-transform: uppercase;
    padding-left:30px;
    padding-top:20vh;
}
.featrightside {
    position: relative;
    top:-180px;
}
.featrightside .featlabel p{
    text-align: right;
    padding-top:30vh;
}
.row.featrightside .col.featimgside{
    padding:50px 50px 0px 20px;
}
.bgfeat3 .featlabel{
    color:#fff;
}

/*----------------- FEATURES IMPROVEMENTS -----------------*/

.features .section{
    height:800px;
}
.movetoph100{
    position:relative;
    top:100vh;
}
.movetop800{
    position:relative;
    top:800px;
}
.features, .location {
    color:#fff;
    
}
.improvements p{
    font-size: 1em;
/*
    text-align: justify;
text-align-last: center;
*/
    line-height: 1.8em;
}
.planlabel{
    text-align: center;
    font-size: 1.6em;
    color: #fff;
    margin-bottom:10px;
}
.improvementplan{
    padding-top:70px;
    padding-bottom:20px;
    margin:auto;
   
}
.improveleft{
    max-width:800px;
    margin:auto;
    text-align: center;
    border:solid thin red;
}
.improvementplan img{
    width:80%;
    height:auto;
}

.improvements .smalltxt{
    font-size: .8em;
}

.improvementimg img{
    width:100%;
}
#planicon-trigger{
    position: relative;
    top:100px;
}
#renovtxt-trigger{
    position: relative;
    top:220px;
}

.icons-container{
  position: absolute;
    top:100px;
    width:50%;
    height:400px;
    max-width:800px;
}
.icons-container p{
    text-align-last: left;
    margin-top:0px;
    font-size:.7em;
}
.cafec{
    position: absolute;
    top:41%;
    left:8%;
    text-align: left;
}
.marketingc{
    position: absolute;
    top:65%;
    left:5%;
    text-align: left;
}
.conferencec{
    position: absolute;
    top:43%;
    left:55%;
    
}
.conferencec p{
    text-align: right;
    text-align-last: right;
    margin-top:-20px;
}
.conciergec{
    position: absolute;
    top:70%;
    left:45%;
    
}
.conciergec p{
    text-align: right;
    text-align-last: right;
    margin-top:0px;
}
.featrenov h1{
    font-size: 1.4em;
    text-align: center;
    font-weight: 600;
}
.featrenov h1 span{
    font-weight: 100;
}
.featrenov{
    font-weight: 500;
}
.featrenov .lighttxt{
    font-weight: 100;
}
.featrenov .row{
    margin:0;
    font-size: 1.2em;
    
}
/*----------------- OWNERSHIP AMENITIES -----------------
.ownership h1{
    padding-top:80px;
    padding-bottom: 50px;
    text-align: center;
    font-weight: 100;
    color:#c3b196;
    letter-spacing: 2px;
}
.ownershipimg{
    width:50%;
}.ownershipimg img{
    width:100%;
    height:auto;
    margin-top:20px;
}
.ownershiplogo img{
    height:50px;
    width:auto;
}
.ownership{
    text-align: center;
}
.ownership p{
    padding:0px 70px 100px 70px;
    text-align: justify;
    text-align-last: center;
    line-height:1.8em;
}*/
/*----------------- FEATURES AMENITIES -----------------*/
#famenities{
    position: relative;
    top:160px;
}
#famenities-trigger{
    position: relative;
    top:130px;
}

#famenities1-trigger{
    position: relative;
    
}


#famenities2-trigger{
    position: relative;
    
}
.amenities h1{
    padding-top:150px;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 400;
    color:#c3b196;
    letter-spacing: 1px;
}
.amenities p{
    font-size: 1em;
    letter-spacing: 2px;
}

/*----------------- FEATURES SAFETY -----------------*/

.safety h1{
    padding-top:80px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: 100;
    color:#c3b196;
    letter-spacing: 2px;
}
.safety p{
    font-weight: 100;
    color:#ccc;
}
.safety p span{
    color:#e3cdad;
    font-weight: 500!important;
    text-transform: uppercase;
}
.safety-container .row{
    margin-bottom: 0;
}
.safety-container .iconc{
    padding-top:20px;
}
.safety-container .iconc.p10{
     padding-top:10px;
}

/*----------------- FEATURES TECH SPECS -----------------*/
#fspecs-trigger{
    position: relative;
    top:-100px;
}
.fspecs{
/*    color:#c3b196;*/
    color:#999;
}
.specs .label{
    color:#000;
/*color: #d8ba89;*/
}
.specs h1{
    color:#000;
    font-size: 2.4em;
    font-weight: 500;

    padding-top:120px;
    padding-bottom: 30px;
    text-align: center;
    
}

.specs .leftrow{
    padding-right:50px;
}
#specsleft-trigger{
    width:100%;
    height:0px;
    z-index: 901;
}
/*
.featurestext-c{
    font-size: 1.1em;
}


.featurestext-c li{
    margin-left:15px;
    margin-bottom:5px;
    list-style-type: none;
    font-weight: 500;
}

.featurestext-c li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet 
  display: inline-block; /* Needed to add space between the bullet and the text 
}*/



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

.instruct{
    text-align: center;
    font-size:.9em;
    color:#3c68b5;
    margin-top:20px;
    letter-spacing: 1px;
}

.gallery .instruct{
    margin-top:80px;
    color:#ce9f4e;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.gallerybg{
    background-color: #fff;
/*#404142#24AAE1
     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;
*/
}


/*
.galleryslider{
    height:780px;
    width:98%;
    
}
*/


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


/*------- TRANSPORTATION MAP ----------------*/


.overlay {
background:transparent;
position:relative;
width:90%; /* your iframe width */
height:600px; /* your iframe height */
top:600px; /* your iframe height */
margin-top:-600px; /* your iframe height */
}

.locationc{
    padding-top:100px !important;
    padding-bottom:150px !important;
}

.mkey:hover, .alllocbtn:hover{
    cursor: pointer;
}
.map-container{
    height:650px;
}



.features .icon:after{
    color:#fff;
    content: ''; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free";  /*This is the correct font-family*/
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-weight: 900;
    font-size: 6em;
    position:relative;
    top:10px;
}
.icon.walk:after{
    content: '\f554'; 
}

.icon.mapmarker:after{
    content: '\f3c5'; /* You should use \ and not /*/
}
.icon.bulb:after{
    content: '\f0eb';
}
.icon.arch:after{
    content: '\f557';
}
.icon.stack:after{
    content: '\f5fd';
}
.icon.server:after{
    content: '\f233';
}
.icon.sunshine:after{
    content: '\f29a';
}
.icon.windowpane:after{
    content: '\f012';
}


li.nobtmborder{
    border-bottom: 0px;
}

/*------- NEIGHBORHOOD MAP ----------------*/

.locationbg{
     background: url('../images/availsbg3.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.margintop50{
    margin-top:50px;
}

#neighbortextc{
   margin-top:-25px !important;
} 
.restaurants-listc{
    height:360px;
    overflow-y:scroll;
    margin-bottom: 10px !important;
    border-bottom:none;
}


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

#availsimg-trigger{
    position: relative;
    top:-400px;
    width:100%;
    height:0px;
}
#availsshadow-trigger{
    position: relative;
    top:-500px;
    width:100%;
    height:0px;
    z-index: 901;
}

#availshead{
    font-size:2.8em;
    letter-spacing: 12px;
    margin-top:630px !important;
}
#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;
}


.stack{
    
}
.avails{
    color:#fff;
    padding-top:5vh;
}
.options{
    color:#999;
    font-size: .9em;
    border-top:solid thin #979798;
    max-width:300px;
    margin:5px auto;
    padding-top:8px;
}
.options div{
    
    display: inline-block;
    color:#c3b196;
}
.options div:hover{
    color:#fff;
    cursor: pointer;
}
.floorplan{
    color:#000;
}

.floorplan img{
    height:auto;
     width:60%;
}

#planc{
    color:#fff;
}
#planc img{
    margin-top:20px;
    margin-bottom:30px;
}
.w80{
    width:80%!important;
}
#stackc {
/*    padding-top:150px;*/
   
}
.stacksubhead h1{
    font-size: 1.6em;
    font-weight:400;
    line-height: 1.4em;
color:#ccc;
    margin-bottom:0;
/*    color:#fff;*/
    letter-spacing:1px;
/*    text-transform: uppercase;*/
}
.stacksubhead h2{
    font-size: 1.2em;
    font-weight:400;
    line-height: 1em;
color:#b5b6b6;
 margin-top:6px;
    letter-spacing:1px;
}
.stacksubhead{
        margin-bottom: -10px;
    margin-top: 90px;
}
.stacksubhead h1 span{
color:#d8ba89;
}
img.stackplan{
    width:500px;
    height:auto;
/*
    top: -20px;
    position: relative;
*/
}


.dloadlink{
    width:auto;
}

.dloadlink a{

    padding:3px 8px;
    /*background:#1f2528;
*/
    font-size:1em;
     color:#fff;
}
.dloadlink a:hover{
    cursor:pointer;
    color:#c3b196;
}

#floortext{
    margin:80px auto 0px auto;
    letter-spacing:.4em;
    font-weight: 400;
    line-height: 1.2;
    color:#a1a1a0;
    padding:8px 0px;
    font-size:.8em;
    border-top:solid thin #979798;
    border-bottom:solid thin #979798;
    max-width:300px;
}
#floorsf{
    font-size:1.8em;
    color:#d8ba89;
    font-weight: 500;
    
    margin:0px auto;
}
.stackfloors{
    text-align: right;
    font-size: .9em;
    line-height: 2.14em;
    padding-right:0px !important;
    color:#d8ba89;
    font-weight: 800;
    letter-spacing: 0px;
}
.stackfloors .row .col{
    padding-left:0px!important;
    margin:0!important;
    height: 18px;
}
.stackfloors .row{
    margin:0;
}
.stackfloors .label{
    border-bottom:solid thin #535b60;
    font-weight: 200;
    text-align: center;
    font-size: .8em;
    line-height: 1em;
    padding:5px 0px;
    margin:0;
    margin-top:80px;
    color:#999;
}
.stackf{
/*    border-top:solid thin #999;*/
}
.stackfloors .flr{
    font-weight: 200;
    text-align: center;
    font-size: 1em;
}
.stackfloors .gray{
    color:#777d82;
}
.stackfloors .sf{
    text-align: right;
    font-size: 1em;
}
.stackfloors .sfnum{
    text-align: right;
    font-size: 1em;
    font-weight: 300;
}
.stackfloors .active{
    color:#fff;
}
.stackfloors span{
    display: inline-block;
    width:100px;
}

.circle{
    height: 18px;
  width: 18px;
  border-radius: 50%;
  display: inline-block;
    vertical-align: -12px;
    margin-right:5px;
    margin-bottom:8px;
}

.whitecircle{
    background-color:#fff;
    border:solid thin #000;
}

.goldcircle{
    background-color:#c3b196;
}

.fl19{
    position: relative;
    
}
.fl10{
    margin-top:3px;
}


#fl10a.active, #fl10d.active, #fl14a.active, #fl14d.active, #fl14.active{
    color:#39c1fb !important;
}
#flmezz:hover, #fl4:hover, #fl5:hover, #fl8:hover, #fl9:hover, #fl11:hover, #fl12:hover, #fl15:hover, #fl16:hover, #fl17:hover, #fl18:hover, #fl19:hover{
    cursor:pointer;
}
/*
.fl4a, .fl8a, .fl12a{
    position: relative;
    top:-8px;
}
.fl4b, .fl8b, .fl12b{
    position: relative;
    top:-18px;
}
.fl4, .fl8, .fl12{
    height:35px;
}
*/
.dloadfloor a{
    font-size:.8em;
    color:#ed9202;
    letter-spacing: 1px;
}

.dloadfloor a:hover{
    color:#0253b7;
}

.dloadfloor{
    margin-top:10px;
}
.dloadfloor i{
    color:#0253b7;
    font-size:1.2em;
}

.stackc .subtext{
    font-size:.8em;
    color:#999;
    width:auto;
    position: relative;
    top:-130px;
    left:90%;
    width:50%;
    text-align: left;
    margin-bottom: -130px;
    
}


/*------------------ LOCATION ------------*/
.locationbg{
  background: url('../images/locationbg.jpg') no-repeat center center fixed; 
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
img.logostack{
    width:100px;
    height:auto;
    margin:auto;
}

.lamenities, .neighbors, .locationtxtvid, .bgamenities{
    z-index:3;
    position: relative;
}
.ltxt{
    padding:100px;
    text-align: center;
}
.ltxt p{
    width:80%;
    margin: 20px auto;
    font-size: 1.4em;

}

.map-container{
    padding-top:65px;
}

#lamenities{
    top:150px;
}
.location-amenities{
    
    text-align: center;
}
.locationside{
    position: absolute!important;
    top:0px;
    height:95vh;
    background-color: rgba(165, 165, 165, .8);
    text-align: center;
    width:28%;
    z-index:10;
    padding-top:18vh;
}
.diamond-shape {
  background: #263c4a;
  height: 170px;
  text-align: center;
  transform:rotate(45deg);
	width:170px;
    margin:0 auto;
    border:solid thin #fff;
}
.item-count {
  display: table-cell;
  height: 170px;
  transform: rotate(-45deg);
  vertical-align: middle;
	width:170px;
    
}
.item-count p{
    color:#fff;
}
.item-count p{
    font-size: .8em;
line-height:1.1em;
    text-align: center;
    margin-top:-20px;
}
.item-count p span{
    font-size: 4em!important;
    color: #d3ba8f;
    line-height:1.1em;
    font-weight: 500;
}
.locationside .moveup{
    position: relative;
    top:5px;
}
.location-amenities p{
    text-align: justify;
    text-align-last: center;
}

.mapkey{
    border-top:solid thin #44494e;
    border-bottom:solid thin #44494e;
    font-size:.8em;
    padding:8px 0px;
    margin-bottom:-20px;
}
.mapkey div{
    display: inline-block;
    margin-right:10px;
}
.mapkey img{
    width:25px;
    height:auto;
    vertical-align: -12px;
}
.location-amenities .smalltxt{
    text-align: left;
    color:#c3b196;
    margin-bottom: 10px;
}
.graphs{
    font-size: .8em;
}
.graphs .row{
    margin-bottom:6px;
}
.location-amenities .graphs{
    text-align: left;
}
.location-amenities .smalltxt{
    text-align: left;
    font-size: .8em;
}
.whitebar{
    background:#fff;
    text-align: right;
    color:#18222a;
    font-weight:800;
    padding:1px 5px 1px 1px;
}
.lgoldbar{
    background:#c3b196;
    text-align: right;
    color:#18222a;
    font-weight:800;
    padding:1px 5px 1px 1px;
}
.graphs .row .movedown{
    margin-top:5px;
}

.lamenities h1{
    padding-top:80px;
    font-weight: 100;
    color:#c3b196;
    font-size:1.8em;
}
.lamenities p{
    font-weight: 100;
    font-size: .95em;
line-height: 1.5em;
    margin-bottom: 30px;
}
.videoloc{
    margin: auto;
    margin-bottom: 40px;
    opacity:.7;
    transition: 0.3s;
}

.videoloc img{
    height:140px;
    width:auto;
}
.lamenities h2{
    font-size:1.2em;
    color:#c3b196;
    font-weight: 100;
}
.lamenities .instruct{
    color:#ccc;
    margin-top: 0;
    margin-bottom:10px;
}
.alllocbtn{
    font-size:.8em;
    color:#fff;
    position: relative;
    top:25px;
}
/*------------------ LOCATION INTELLECTUAL CAPITAL ------------*/

.locationcapital{
    
    height:780px;
    position: relative;
    z-index:20;
    background: #cfd2d5;
    color: #000;
}
.locationcapital h1{
    padding-top:80px;
    padding-bottom: 30px;
    text-align: center;
    color: #0f1b25;
}
.borderbtm{
    border-bottom: solid thin #999;
}
.borderright{
    border-right: solid thin #999;
}
.capitaltable{
    width:98%;
    text-align: center;
    font-size: .9em;
}
.capitaltable .caphead{
    text-align: center;
    font-weight: 700;
}
.capitaltable .row.contentcap .col.m2{
    width:20%;
    text-align: left;
}
.capitaltable .row.contentcap .col.m1{
    width:8%;
}
.capitaltable .row.contentcap .col.m2.smallercol{
    width:16%;
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
}
.capitaltable .row{
    margin-bottom: 0;
}
.capitaltable .row .col{
    padding: .75rem;
}
.capitaltable .endtable{
   font-size: 1.2em; 
}
/*------------------ LOCATION NEIGHBORS ------------*/

.corptitle{
   text-align: center;
/*background:#2F3E4B;*/
    margin:0 auto;
    padding:40px 0px 10px 0px;
}
.corptitle h1{
    font-size: 1.4em;
}
.neighbormap{
    height:100vh;
  background: url('../images/neighbormap2.jpg') no-repeat center center fixed; 
    background-size: auto 780px;
/*
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/

}
.bgamenities{
    margin-top:-20px;
    height:100vh;
  background: url('../images/amenities.jpg') no-repeat center center; 
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.neighbors h1{
    text-align: center;
    font-weight: 100;
    padding: 20px;
    color:#c3b196;
}

.neighborsc{
    width:1200px;
    left:50%;
    margin-left:-600px;
    height:640px;
    color:#fff;
    position: fixed;
    top:50%;
    margin-top:-320px;
    z-index:0; 
}


.darkbox{
    padding:20px;
    font-size: .8em;
    background: rgba(17, 27, 35, .7);
    color:#fff;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    width:16%;
    position: absolute;
}

.darkerbox{
    padding:25px 20px;
    font-size: .8em;
    background: rgba(17, 27, 35, 1);
    color:#fff;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    width:16%;
    position: absolute;
}
.darkerbox h4{
    font-size: 1.8em!important;
    color:#e3cdad;
    font-weight: 500!important;
    letter-spacing: 2px;
}
.neighborsc h4{
    font-size:1em;
    font-weight: 700;
    margin: 0px 0px 5px 0px;
}
.north78{
    top:7.5%;
    left:11.5%;
}
.ham360{
    top:1.5%;
    left:32.5%;
}
.ham445{
    top:7%;
    left:53%;
}

.bway44{
    top:5%;
    left:78%;
}
.bway1{
    top:25%;
    left:66%;
}
.weco{
    top:41%;
    left:73.8%;
}
.nypa{
    top:41%;
    left:49.3%;
}
.court{
    top:68%;
    left:78.8%;
    padding:15px;
}
.courthouse{
    top:56%;
    left:78.8%;
    padding:15px;
}
.quarro{
    top:80%;
    left:78.8%;
    padding:15px;
}
.lex77{
    top:87%;
    left:52%;
    padding:15px;
}
.martine11{
    top:87%;
    left:29%;
    padding:15px;
}
.main50{
    top:74%;
    left:9%;
}

.gway{
    top:37%;
    left:16%;
}


/*

#map{
     height:630px;
    border:solid 1px #fff;
    width:98%;
    position: relative;
    left:2%;
}

#mapmobile{
    height:400px;
    width:100%;
}
#mapdot{
    height: 4px;
  width: 4px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
    position: relative;
    top:300px;
    left:48%;
    opacity:0;
    z-index:9002;
}
*/



/*------------------ LOCATION TRANSPORTATION ------------*/

.transportation{
    position: relative;
    z-index:3;
}
.transportation h1{
    text-align: center;
    font-weight: 100;
    padding: 40px 20px 20px 20px;
    color:#c3b196;
}
.map-transport{
    text-align: center;
    padding-bottom:20px;
}



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


.contact{
    color:#fff;
    letter-spacing: 1px;
/*    height:780px;*/
}
.row .col.contactimg{
    margin-top:20vh;
    padding-left:30px;
}
.contactimg img{
    width:85%;
    height:auto;
    
}
.contacttxt h1{
    color:#c1c1c1;
    font-size: 1.2em;
    margin: 0px 0px 10px 0px;
    line-height: 1em;
}

.contacttxt{
    color:#d8ba89;
    padding:25vh 40px 20px 0px;
}

.contacttxt p{
    font-size:1em;
    line-height: 1.6em;
    color:#c1c1c1;
    text-align: justify;
}
.contacttxt p span{
    color:#d8ba89;
    font-size:1.6em;
}

.contact a, .contact a:visited{
    color:#c1c1c1;
}
.contact a:hover{
   color:#fff;
}


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

.whitefill{fill:#FFFFFF;}
.cbrefill{fill:#FFFFFF;}


.contactlogo{
    text-align: right;
    margin-top:20px;
    padding-right:20px!important;
}
.jlllogo{
    margin-top:20px;
    width:80px;
    height:auto;
}
.jlllogo svg{
    width:100%;
    height:auto;
}

.footer{
    color:#fff;
    position: fixed;
    bottom:0;
    background-color:#111B23;
    font-size: .7em;
    letter-spacing: 2px;
    width:100%;
    height:35px;
    padding-top:10px;
    z-index:10;
}
.footer .jlllogo{
    width: 40px;
    height:auto;
}

.footertxt{
    padding-left:10%;
}
@media only screen and (min-width: 1500px){
.avails{
    padding-top:15vh;
}
}
@media only screen and (max-width: 1160px){
    .capitaltable{
        font-size:.8em;
    }
}@media only screen and (max-width: 1120px){
     nav ul a{
    padding:0 18px;
}#dropdownfeatures, #dropdownlocation {
     left: 0!important;
}
}

@media only screen and (max-width: 1040px){
   
    .stackfloors{
        font-size: .7em;
        
    }
    img.stackplan{
    width:100%;
    height:auto;
}
    .stackfloors div{
        width:120%;
        position:relative;
        left:-20px;
        line-height:2em;
}
    .capitaltable .col{
        min-height:60px;
    }
    .h740{
        height:auto;
    }
}

@media only screen and (max-width : 992px) {
    .stackfloors div{
        width:150%;
        left:-50px;
}
    .hometxt h2{
    font-size: 1em;
}.fl19 {
    margin-top: 80px;
    }
    .stackfloors{
        font-size: .6em;
    }
    .stackfloors span{
        width:50%;
    }
    .homemobile-arrows .swiper-button-prev {
    left: 34%!important;
}
    .swiper-button-prev {
    left: 35%!important;
}
     /* FEATURES TABLET */
   
   
    .cafec svg{
        width:130px;
        height:auto;
    }
    .marketingc{
        top:50%;
    }
    .marketingc svg{
        width:130px;
        
    }
    .conferencec{
        top:37%;
    }
   .conferencec svg{
        width:195px;
        height:auto;
    }
    .conciergec{
        top:57%;
    }
    .conciergec svg{
        width:240px;
        height:auto;
    }
    .featrenov{
        margin-top:60px;
        font-size:.7em;
    }
    .amenities p{
        font-size:1em;
    }
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
    
  #index-banner .section {
    top: 10%;
    
  }
    .maptext-c{
    top:3290px;
}
    #planc img{
    height:250px;
}
}

@media only screen and (max-width : 1400px) {
  .collapsible-body li{
    font-size: .8em !important;
}
}

@media only screen and (max-width : 1360px) {
  .collapsible-body li{
    font-size: .75em !important;
}
}
.swiperhome-mobile{
    display: none;
}
#homemobile-arrows{
    position: relative;
    bottom:250px;
    width:100%;
}
#featmobile-arrows{
    position: relative;
    bottom:200px;
    width:100%;
}
 @media only screen and (orientation: landscape) {
     .contact{
         font-size:.8em;
         
     }
     .contacttxt p {
         font-size:1.1em;
         line-height:1.4em;
     }
     .jlllogo {
    width: 60px;
}
}
@media only screen and (max-width : 920px) {
    .h100{
        height:700px;
    }
    .locationside{
        height:650px;
        padding-top:100px;
        width:30%;
    }
    .diamond-shape{
        width:160px;
        height:160px;
    }
    .swiper2 {
    max-height: 500px;
}
    .feattxt{
        padding:20vh 20px 0px 0px;
    }
    .featlabel p {
    padding-top: 12vh;
}
    .row .col.featimgside {
    padding: 140px 20px 0px 50px;
}
    
    
    .featrightside {
    top: -130px;
}
    .featrightside .featlabel p {
    padding-top: 12vh;
}
    .specs {
    font-size: .85em;
    line-height: 1em;
    letter-spacing: 0px;
}
    
}
@media only screen and (max-width : 710px) {
    .stackfloors {
        font-size: .5em;
    } .stackfloors div{
        left:-40px;
    }
    .fl19{
        margin-top: 60px;
    }
    .bghome, .bgfeat2, .bgfeat3{
        background-position: left center;
}
    .bgfeat{
        background-position: right center;
    }
    nav a.brand-logo {
    margin-top: 0px;
}
    .swiperfeat-mobile{
    display: block;
        height:300px;
        margin-bottom: 35px;
}
}

.mapneighbors-mobile img{
        width: 100%;
        height:auto;
        
    }

@media only screen and (max-width : 600px) {
    .h100{
        height:auto;
        padding-bottom:30px;
    }
    .contact .h100{
        height:100vh;
    }
    .movetoph100{
    top:0;
}
    nav .brand-logo{
        left:100px;
    }
    .footer .jlllogo svg{
    width: 34px;
    height:auto;
        position: relative;
        top:2px;
}
    .swiperhome-mobile{
    display: block;
        height:300px;
        margin-bottom: 35px;
}
    
    
    .swiper-button-prev{
        left:2%!important;
    }
     .swiper1{
        display:none;
    }
    
    #modalvideo iframe {
    max-height: 150px;
}
    
    .locationside{
    position: static !important;
    top:0px;
    height:95vh;
    background-color: rgba(165, 165, 165, 1);
    text-align: center;
    width:100%;
    z-index:10;
    padding-top:15vh;
        margin-bottom:0px;
}
    .locationbg{
        padding-top:60px;
        font-size:.8em;
    }
    .diamond-shape{
        width:170px;
        height:170px;
    }
    .map-container iframe{
    max-height: 550px;
        margin-top:50px;
}
    .h100.lamenities{
        margin-bottom:0;
        padding-bottom:0;
    }
    .bgamenities{
        margin-bottom:0px;
    }
    .ltxt {
    padding: 10px;
}
    .footertxt{
    padding-left:0;
        letter-spacing: 1px;
        
}.specs {
    font-size: 1.2em;
    line-height: 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, .9);*/
        width:80px;
        height:90px;
    }
    .button-collapse{
        margin:10px 0px 0px 20px !important;
    }
    .darkbgtrans{
        height:660px !important;
    }
    .msectiontop{
        margin-top:220px;
    }
    .msectionlabel{
        text-align: center;
        color:#25aae1;
    }
    
  #index-banner .section {
    top: 0;
  }
    
    #nav-container{
    position: fixed !important;
    top:0;
}
    
    nav{
        max-width:600px;
    }
    #featuresdivider{
    top:0px;
}
  

   
    #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%;
    }
    
    /* FEATURES MOBILE */
    .movetop800{
    top:0px;
}
    .icons-container{
    width:100%;
        top:60px;
    }.icons-container p{
        font-size: .5em;
    }
    
    .cafec svg{
        width:90px;
        height:auto;
    }
    .marketingc{
        top:47%;
    }
    .marketingc svg{
        width:90px;
        
    }
    .conferencec{
        top:37%;
    }
   .conferencec svg{
        width:140px;
        height:auto;
    }
    .conciergec{
        top:52%;
    }
    .conciergec svg{
        width:190px;
        height:auto;
    }
    .featrenov{
        margin-top:80px;
        font-size: .7em;
        margin-bottom:40px;
    }
    .padsides50{
        padding:0 20px;
    }
    .h780, .h740{
        height:auto;
    }
    
    .feattxt {
    padding: 30px;
}
    .featlabel p  {
    padding: 20px;
        text-align:center;
}
    .row .col.featimgside {
    padding:10px;
}
    .row.featrightside .col.featimgside{
        padding:10px;
    }
    .featrightside{
       top:0; 
    }
  .featrightside .featlabel p  {
      padding: 10px;
        text-align:center;
    }
    .amenities h1{
        font-size: 1.5em;
    }
    .amenities{
        padding:0 40px;
    }
    .amenities .col{
        margin-bottom: 30px;
    }
    .amenities .padtop50{
        padding-top: 0px;
    }
    /* AVAILABILITIES MOBILE */
    .mobile-stack{
        padding-top:80px;
        text-align: center;
        background:#323e4a;
        color:#fff;
    }
    .mobile-stack h1{
        font-size: 1.5em;
        line-height:1.6em;
        margin-bottom:0px;
    }
    .mobile-stack h2{
        margin-top:0px;
        font-size: 1em;
        line-height:1.6em;
    }
    .mobile-stack img{
        width:70%;
        height:auto;
        padding-bottom:40px;
    }
    .mobile-stack {
        margin-bottom:0px;
    }
    .mobile-plans{
        background: #18222a;
        padding-top:70px;
        text-align: center;
    }
    .mobile-plans h1{
        color:#c3b196;
        font-size:1.5em;
    }
    .mobile-plans h2{
        margin-top:0px;
        color:#c3b196;
        font-size:1em;
    }
    .mobile-plans img{
        margin-top:20px;
        width:70%;
        height:auto;
    }
    .mobile-plans hr{
    border: 0;
    height: 1px;
    background: #18222a;
        width:80%;
    background-image: linear-gradient(to right, #18222a, #ccc, #18222a);
}
     /* LOCATION MOBILE */
   
    #map{
        height:350px;
        width:360px;
        display: block;
        opacity: 1;
        
    }
    .mapkey{
        padding-bottom: 40px;
        font-size: .5em;
    }
    .capitaltable{
        font-size: .55em;
        letter-spacing: 0px;
    }
    .capitaltable .row .col{
        padding:0px;
    }
    .capitaltable .col{
        min-height:25px;
    }
    
    
    .mapneighbors-mobile{
        padding-bottom:30px;
    }
    .bgamenities {
    height: 300px;
    
}
    .footer{
        font-size: .5em;
    }
    
    .gallery-mobile{
        text-align: center;
    }
    .gallery-mobile img{
        width:90%;
        margin:auto;
        height:auto;
    }
    
   .row .col.contactimg {
    margin-top: 60px;
    padding-left: 0px;
       padding:10px;
}.contactimg img {
    width: 100%;
}.contacttxt {
    padding: 10px;
    text-align: center;
}
    .contacttxt p {
    text-align: center;
}
    .contactlogo{
        margin-bottom:10px;
        text-align: left;
    }
    .jlllogo{
        margin: 20px auto;
    }
    
   
    .bordermidnav{
        opacity: 0;
    }
    #navbg{
        height: 56px;
    }
}

.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;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}





@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: #0b1823;
      }
      body{
          overflow-x:hidden;
      }
      #nav-container{
    position: fixed;
    top:0;
}
}

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