/* Custom Stylesheet */

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

/*

red
#f84b5a;

dark blue
#103149;


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: 'Lato', sans-serif;

/*    font-family: 'Poppins', sans-serif;*/
    font-weight: 100;
    font-style: normal;
    overflow-x: hidden;
    /*    font-weight: 300;*/
    background: #172c3d;
   
}

*:focus {
    outline: none !important;
}

.contentc {
    opacity: 0;
}

.opaque {
    opacity: 1;
}

.fixedpage {
    position: fixed;
    height: 100vh;
    top: -40px;
    left: 0;
}

.movedown100h {
    position: relative;
    top: 100vh;
    margin-bottom: 100vh;
}

.movedown100h2 {
    position: relative;
    top: 100vh;
}
      

h1, h2{
    line-height: 1em;
}     
        
        nav ul li.active a {
    color:#d7e6f1;
}
        .dropdown-content li:hover{
           background:#002642;
        }
        nav ul li.active a:hover, nav ul a:hover, nav ul li.active .dropdown-content li:hover a, nav ul li .dropdown-content li:hover a{
        color:#fff;
        }

nav {
    z-index: 903;
    box-shadow: none;
    position: fixed;
    background-color: transparent;
    height: 100px;
   
}

nav ul a,
nav {
    letter-spacing: 1px;
    font-weight: 300;
}



 nav ul a{
            padding:20px 12px 0px 12px;
     -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
        transition: color .5s
            color:#d7e6f1;
            font-weight: 400;
            font-size: .9em;
        }


nav ul a i {
    font-size: .85em;
}

nav ul a:hover {
    background: none;
}

#nlogo {
    max-width:180px;
    margin: 5px auto 0px auto;
}
#nlogo svg{
    width:100%;
    height:auto;
}
nav ul li {
    padding-right: 3px;
    padding-left: 3px;
    text-align: center;
    width: 14%;
}

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

/*
nav.whitetxt ul a{
    color:#fff;
}
*/

nav ul li.active {
    background: none;
    color: #089637;
}

nav ul li.active a {
    color: #089637;

}

.navbg {
    width: 100%;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(23, 44, 61, .7);
}


        nav ul a{
            color:#d7e6f1;
            font-weight: 400;
            font-size: .9em;
        }
        .dropdown-content li>a{
            font-size: .8em;
            line-height: 1.2em;
            padding:8px;
            color:#aafde3;
            text-align: left;
        }
        .dropdown-content{
            width:150px!important;
            left:-3%;
            top:15px;
        }
#dropdown2.dropdown-content{
            left:-2%;
           
        }
        
        nav ul li.active .dropdown-content li a, nav ul li .dropdown-content li a{
            color:#d7e6f1;
        }
.dropdown-content{
    background: rgba(23,44,61,.8);
}
        .dropdown-content li {
            min-height:20px;
        }
        nav ul li.active a {
    color:#d7e6f1;
}
        .dropdown-content li:hover{
           background: rgba(23,44,61,.9);
        }
        nav ul li.active a:hover, nav ul a:hover, nav ul li.active .dropdown-content li:hover a, nav ul li .dropdown-content li:hover a{
        color:#fff;
        }
        
    .fill-logo0{fill:#fff!important;}
        nav ul li:last-child{
            padding-right: 0px;
        }

/*nav ul li:after{
    transition: width 2s;
}

nav ul li.active:after{
    content:'';
    width:60px;
    height:1px;
    background: #000;
    position:relative;
    top:-10px;
left:50%;
    margin-left:-30px;
    display: block;
}
*/

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

.brand-logo {
    width: 160px;
    height: auto;
    margin-left: 30px;
    top: 10px;

}

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

nav a.brand-logo {
    margin-top: -2px;
    font-size: 1.4em;
    letter-spacing: 2px;
}


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







img.constlogo {
    width: 130px;
    height: auto;
    padding-left: 10px;
}

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

nav .sidenav-trigger {
    margin: 18px;
    position: absolute;
    top: 10px;
    right: -80px;
}

nav a.sidenav-trigger {
    display: block;
}

nav .sidenav-trigger i {
    color: #fff;
    display: block!important;
    font-size: 4em;
    font-weight: 100;
}

.sidenav li {
    text-transform: uppercase;
    font-weight: bold!important;

}

.sidenav li > a {
    color: #fff;
}
.sidenav li.submenu {
    padding-left:10px;
    margin-top:-15px;
}
.sidenav li.submenu a{
    font-size: .8em;
}

.scrollspy {
    position: relative;
}

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

#features2,
#features3 {
    position: relative;
    top: 140px;
}

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

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

#techspecs {
    position: relative;
    top: 270px;
}

#gallery {
    position: relative;
    top: 195px;

}

#team {
    position: relative;
    top: 290px;
}



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


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



.bordertop{
    border-top: solid 4px #fff;
}



.btn,
.btn-large,
.btn:visited,
.btn-large:visited,
.btn:focus,
.btn-large:focus {
    border: solid thin #fff;
    background-color: transparent;
    /* background-color: #15181e;*/
    color: #fff;
    text-transform: none;
    /*background-color: #ccc;
    color:#000;*/
}


.btn {
    line-height: 34px;
}

.btn.linkupdate h7 {
    font-size: 1.5em;
    padding: 12px;
    font-weight: 300;
}

.btn.linkupdate {
    line-height: 40px;
}

.btn.linkupdate {
    height: 40px;
}

.btn:hover,
.btn-large:hover {
    background-color: #b0d3f0;
    color: #16386b;
    /* background-color: #172237; #66d3ee;*/
}

.btn i,
.btn-large i {
    padding-right: 0px;
    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 ----------------*/

.nomargin {
    margin: none;
}
.row.nomargin {
    margin:0px;
}
.nopad {
    padding: 0!important;
}

.row .col.nopadleft {
    margin-left: 0px;
    padding-left: 0px;
}

.row .col.nopadright {
    margin-right: 0px;
    padding-right: 0px;
}

.nomarginbtm {
    margin-bottom: 0px;
}
.nomargintop {
    margin-top: 0px;
}
.marginbtm5 {
    margin-bottom: 5px;
}
.gridgal.padbtm {
    padding-bottom: 20px;
}
.marginbtm-15 {
    margin-bottom: -15px;
}

.margintop-20 {
    margin-top: -20px;
}
.margintop15 {
    margin-top: 15px;
}
.margintop25 {
    margin-top: 25px;
}
.margintop0 {
    margin-top: 0px!important;
}

.transbg {
    background: transparent;
}

.darkbluebg {
    background-color: #103149;
}


.whitebg {
    background-color: #fff;
}

.lightgraybg {
    background-color: #d1dce7;
}
.lightgraybg2 {
    background-color: #d3d3d3;
}

.h100 {
    height: 100vh;
}

.h760 {
    height: 740px;
}

.h780 {
    height: 780px;
}

.h800 {
    height: 780px;
}

.hauto {
    height: auto;
}

.pad50 {
    padding: 50px;
}

.padsides50 {
    padding: 0px 50px;
}

.padsides10p {
    padding: 0px 10%;
}

.padsides5p {
    padding: 0px 5%;
}

.transbluebg {
    background-color: rgba(24, 80, 142, .3);
}

.transwhitebg {
    background-color: rgba(255, 255, 255, .8);
}

.transgraybg {
    /*     background-color:rgba(39, 45, 49, .7);*/
    background-color: rgba(175, 175, 175, .2);
}



.spacer.s1{
/*    margin-top:-70px;*/
}


.nopadmargin,
.nopadmargin .col {
    padding: 0px;
    margin: 0px;
}
.height100{
    height:100vh;
}
.padtop5 {
    padding-top: 5px!important;
}

.padtop10 {
    padding-top: 10px!important;
}

.padtop20 {
    padding-top: 20px;
}

.padtop20p {
    padding-top: 20%;
}

.padtop30 {
    padding-top: 30px;
}

.padtop60 {
    padding-top: 60px;
}

.padtop50 {
    padding-top: 50px;
}


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

.bgwhite {
    background: #fff;
}
.bgblack{
    background: #000;
}
.bgblue{
    background: #172c3d;
}

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



.bred {
    border: solid thin red;
}
.outline {
    border: solid thin #d3d3d3;
}

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

.fill-white {
    fill: #FFFFFF;
}

.fill-cyan {
    fill: #00FFFF;
}

.fill-lightgray {
    fill: #818282;
}

.fill-gray {
    fill: #5D5E5E;
}

.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: #166433;
}

.greentext h1 {
    font-size: 2em;
    background: -webkit-linear-gradient(#166433, #144a7a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0px;
}


.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);
}
*/

.logobg {
    /*    background:rgba(24,47,70,1);*/
    background-color: #103149;
    height: 110px;
    width: 190%;
    position: absolute;
    top: 0;
    left: -20px;
    /*
    transform: skew(20deg); 
    -webkit-transform: skew(20deg); 
*/
}

#logo {
    position: fixed;
    top: 100px;
    left: 76.9%;
    z-index: 1001;
}

#logo svg {
    position: relative;
}

/*------- INTRO ----------------*/

.intro{
    width:100%;
    height:100vh;
    background: #172c3d;
    position: absolute;
    top:0;
    z-index:910;
    text-align: center;
}
.noscroll{
    height: 100%; overflow: hidden;
}

#intrologo{
    width:270px;
    height:auto;
    margin-top:30vh;
    margin-bottom: 20px;
    opacity: 0;
}
#introtext{
    font-size: 1.4em;
    letter-spacing: 1em;
    color:#fff;
    font-weight: 300;
    text-align: center;
    opacity: 0;
}
#intro-container {
    z-index: 904;
    height: 105vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/introbg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#animation_container {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -3%;
    bottom: 0;
}

#logo-trigger {
    position: relative;
    top: 420px;
}

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

.carousel {
    position: relative;
    z-index: 100;
}

.learnbtn,
.border {
    width: 235px;
    height: 50px;
}

.learnbtn {
    
transition: all .2s ease-in-out;
    color: #b9c5d2;
    background:rgba(0,0,0,0);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
}

.learnbtn p {
font-size: 1.4em;
    position: relative;
    font-weight: 400;
    top: 7px;
    left: 20px;
}

.learnbtn:hover {
    cursor: pointer;
    width:200px;
    background:rgba(0,0,0,.3);
}

.learnbtn .border {
    position: absolute;
    padding: 0px 10px;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    border: solid #b9c5d2 4px;
    transition: all .2s ease-in-out;
}

.learnbtn:hover .border {
    width: 50px;
    float: right;
    margin-left: 160px;
}

.learnbtn .arrow {
   display: inline;
    position: relative;
    top: -63px;
    left: 178px;
    font-size: 1.4em;
}
.learnbtn .linec {
    width: 35px;
     position: relative;
    top: -42px;
}
.learnbtn .line {
    display: inline-block;
    width: 35px;
    position: relative;
    left: 155px;
    transition: all .2s ease-in-out;
    background: #b9c5d2;
    height: 2px;
}

.learnbtn:hover .line {
    width: 1px;
    left: 189px;
}
.learnbtn:hover .arrow {
/*    left: 176px;*/
}
.home.fixedpage {

    top: 40px;
    left: 0;
}

.home {
    width: 100%;
    overflow-x: hidden;
    height: 100vh;
    /*    background: url('../images/home.jpg') no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.hometxt {
    position: absolute;
    top: 30%;
    left: 100px;
    z-index: 100;
}

.hometxt h1 {
    font-size: 4.6em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
    line-height: .9em;
}


.gradientbg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+63&0+0,0.65+63 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 63%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 63%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 63%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.whitegradientbg {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0+100 
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+14,0+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    /* IE6-9 */
}


#carouselhome {
    width: 100%;
    height: 96vh;
    opacity: .65;
}

.carousel .carousel-item > img {
    height: 100vh;
}

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

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

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

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

.bghome3 {
    background: url('../images/home/3a.jpg') no-repeat center center;
}

.bghome3m {
    background: url('../images/home/3a.jpg') no-repeat center center;
}




/*------- features ----------------*/

 .plusbtn{
                 width:200px;
                height:60px;
                 color:#b9c5d2;
     position: absolute;
     bottom:30px;
     right:20px;
            }
            
            .plusbtn h4{
                position: relative;
                opacity:0;
                left:-45px;
                top:-22px;
                font-size:1.4em;
                text-transform: uppercase;
                font-weight: 300;
                transition: all .2s ease-in-out;
                width:180px;
                text-align: right;
            }
            .plusbtn:hover{
                cursor: pointer;
            }
           
            
            .plusbtn .lineh{
                width:60px;
                position: relative;
                top:-60px;
                left:135px;
                transition: all .2s ease-in-out;
                background:#b9c5d2;
                height:2px;
            }
            .plusbtn .linev{
                height:60px;
                position: relative;
                top:-90px;
                left:165px;
                transition: all .2s ease-in-out;
                background:#b9c5d2;
                width:2px;
            }
            .effect-ruby:hover .lineh{
  transform: rotate(45deg);
                width:30px;
                top:-60px;
                left:145px;
}
            .effect-ruby:hover .linev{
  transform: rotate(45deg);
                height:30px;
                top:-56px;
                left:159px;
}
            .effect-ruby:hover h4{
                opacity:1;
                left:-35px;
}



.l1,
.l2 {
    height: 96vh;
}

.l1 img,
.l2 img {
    height: 100%;
    width: 100%;
}

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

.amenitiesblock h3{
            font-size: 2.8em;
            padding-left:18%;
            padding-right:18%;
            color:#fff;
            margin:auto;
            text-align: left;
        }
        .amenitiesblock h4{
            font-size: 1.6em;
            padding-top:5px;
            color:#fff;
            margin:auto;
            font-weight: 300;
            text-align: left;
            padding-left:18%;
            line-height: 1.4em;
        }

.leasebg{
    background: url('../images/home/3a.jpg') no-repeat top center;
     background-size: auto 120vh;
background-repeat: no-repeat;
}

.amenitiesbg{
    background: url('../images/shakeshack.jpg') no-repeat top center;
     background-size: auto 120vh;
background-repeat: no-repeat;
}

.gallerytopbg{
    background: url('../images/gallery/5.jpg') no-repeat top center;
     background-size: auto 120vh;
background-repeat: no-repeat;
}

.neighborbg{
    background: url('../images/neighborhood.jpg') no-repeat top center;
     background-size: auto 120vh;
background-repeat: no-repeat;
}

.artbg{
     background: url('../images/jeffkoons2.jpg') no-repeat top center;
     background-size: auto 120vh;
background-repeat: no-repeat;
}

.background-tint {
  background-color: rgba(0,0,0,.5);
  background-blend-mode: multiply;
}
.background-tintdarker {
  background-color: rgba(23,44,61,.9);
  background-blend-mode: multiply;
}

.scroll-down-container{
    position: absolute;
    bottom:100px;
    left:48%;
    width:30px;
    height:50px;
}
.scroll-line-container {
  width: 1px;
  height: 44px;
  position: relative;
  margin-bottom: 100px;

}
.scroll-line {
  position: absolute;
  width: 2px;
  height: 0px;
  background-color: #fff;
  top: 0;
  bottom: initial;
  animation: scroll-line-animation 2.5s ease-in-out 0s infinite normal; 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.scroll-line::before {
  content: ' ';
  width: 16px;
  height: 16px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(45deg);
  display: block;
  position: absolute;
  bottom: 0;
  animation: scroll-arrow-animation 2.5s ease-in-out 0s infinite normal; 
}
@keyframes scroll-line-animation {
  0% {height: 0px; top: 0px; opacity: 0;}
  50% {height: 44px; top: 0px; opacity: 1;}
  100% {height: 0px; top: 44px; opacity: 0;}
}

@keyframes scroll-arrow-animation {
  0% {opacity: 0}
  50% {opacity: 1}
  100% {opacity: 0}
}



#features-trigger2,
#features-trigger3,
#features-trigger5,
#features-trigger7 {
    position: relative;
    top: -10vh;
}

#features-trigger {
    position: relative;
    /*    top:30vh;*/
}

#locationicon-trigger {
    position: relative;
    top: 10vh;
}

#feat12-trigger,
#feat34-trigger,
#feat56-trigger,
#feat78-trigger {
    position: relative;
    top: 50vh;
}


.feat2 {
    position: relative;
    top: -16vh;

}

.feat2a {
    position: relative;
    top: -10vh;
}



.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}


.features {
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 20;
}

.features .pad {
    padding: 40px 7%;
}

.features h1 {
    font-size: 4.5em;
    letter-spacing: 3px;
    margin-bottom: 10px;
}

.sustainc h1 {
    font-size: 3em;
}

.sustainc .col.m3 {
    width: 20%;
}

.features p {
    font-size: 1.3em;
    width: 90%;
    margin: auto;
    margin-bottom: 70px;
}



.fill-g1 {
    fill: url(#SVGID_101_);
}

.fill-white {
    fill: #FFFFFF;
}

.fill-g2 {
    fill: url(#SVGID_201_);
}
.parallaxParent {
		height: 100vh;
		overflow: hidden;
	}
	.parallaxParent > * {
		height: 200%;
		position: relative;
		top: -100%;
	}
.p1{
    position:relative;
    top:-75vh;
    text-align: left;
    padding-left:50px;
    height:70vh;
    margin-bottom:-75vh;
}
.p1txt{
    color:#fff;  
}
.p1txt h1{
    font-size:7em;
    margin-bottom:0px;
}
.p1txt h2{
    margin-top:15px;
    font-size:3em;
    color:#d6dfea;
}
.p2{
/*    height:100vh;*/
    
    color:#000;
    padding-top:10vh;
    padding-bottom: 5vh;
}
.stack h1{
    font-size:2.5em;
    line-height: .9em;
}
.stack h2{
    font-size:1.2em;
    line-height: 1.2em;
}
.terracetxt{
    margin-top: 20%;
    text-align: left;
}
.terraceline{
    border-top:solid thin #000;
    border-left:solid thin #000;
    width:100%;
    height:60px;
    margin-top:40px;
}

.table-label p{
    font-size:.7em;
    font-weight: 400;
    text-align: left;
}
.row .stacktxt{
    margin-bottom: 12px;
}
.stacktxt{
    font-size:.9em;
    font-weight: 300;
    text-align: left;
}
.stacktxt span{
    font-weight: 500;
}
.stackline{
    width:6px;
    border-top:solid thin #000;
    border-left:solid thin #000;
    border-bottom:solid thin #000;

}
.spacer1 {
    margin-top: 10vh;
    height: auto;
    width: 37%;
}
.spacer1 img{
    width: 100%;
    height: auto;
}
.stack-line {
    max-width:7px;
    width: 100%;
    min-width: 3px;
    height: auto;
}
.stack-line img{
    width: 100%;
    height: auto;
}
.stack .blocktxt{
   
}
.stack .groundtxt{
    padding-top:8%;
}
.stackimg{
    margin-top:10vh;
    height:auto;
    width:130%;
}.stackimg img{
    width:100%;
    height:auto;
}
.height32vh{
    height: 32vh;
    max-height:360px;
}

.height50{
    height: 50px;
}
.features .subfeature p {
    font-size: 1.2em;
    padding: 15px;
}

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

.feature p {
    margin-top: -10px;
    line-height: 1.4em;
    font-size: .9em;
    letter-spacing: 0px;
    text-align: justify;
    text-align-last: center;
    font-weight: 500;
    color: #646464;
}


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

#gallery-container {
    height: 100vh;
    left: 0;
    z-index: 2;

}

#gallery-container .col .row {
    margin-left: 0;
    margin-right: 0;
}

.gallery.fixedpage {
    /*    z-index: -20;*/
}

#galhide-trigger {
    position: relative;
    top: 150vh;
    width: 100%;
    height: 2px;
    z-index: 800;
}

#galthumb-trigger {
    position: relative;
    top: -80px;
}

.gallery {
    position: relative;
    
    /*
    position: relative;
    z-index: 20;
    background: url('../images/gallery.jpg') no-repeat center center fixed;
    background-size: contain;
background-repeat: no-repeat;
*/
    height: 100vh;
}

.instruct {
    text-align: center;
    font-size: .8em;
    color: #ddd;
    letter-spacing: 1px;
}

.gallery .instruct {
    margin-top: 20px;
    color: #ccc;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.gallerybg {
    background-color: cyan;
    padding: 5px 10px;
    position: absolute;
    top: 25px;
    width: 100%;
    height: 1635px;
    opacity: 0;
}





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





/*------- AVAILABILITIES  ----------------*/
.highlights{
    color:#172c3d;
}
.highlights ul{
    font-weight: 400;
    padding-right:15%;
    font-size:1.2em;
}
.highlights ul li{
    margin-bottom:20px;
}
.highlights ul li::before {
  content: "";
    display: inline-block;
  /* 3. Give the bullet container an explicit width and height */
  width: 8px;
  height: 14px;
  margin-left: -14px;
    margin-right:8px;
   position:relative;
    top:2px;
  
  /* 4. Add your image and force it to scale nicely */
  background-image: url('../images/icons/bullet.png'); 
    background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
img.moveleftplan{
            margin-left:-5%;
        }
#plans{
            position: relative;
            top:-18vh;
        }
        .plans img{
            width:100%;
            height:auto;
        }
.plans{
    margin-top:8vh;
    
}
.plans .floortxt{
    border:solid 8px #fff;
    max-width:320px;
    position: relative;
    top:-80px;
    margin: auto;
}

.plans .floortxt.flwider{
    max-width:380px;
    min-width:280px;
}



#planslide img{
    height:auto;
    width:100%;
}

#carouselplans .carousel-item {
    padding-top:10%;
}


#availsimg-trigger {
    position: relative;
    top: -400px;
    width: 100%;
    height: 0px;
}


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

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

.sizetxtc h2{
            font-size: 2.1em;
        }

.padnone {
    padding: 0!important;
}


.lefta {
    text-align: left!important;
}


a.dloadpdf {
    padding: 4px;
    color: #fff;
}

.plans hr {
            width:90%;
            margin:10px auto 15vh auto;
    border: 0;
    height: 1px;
    background: #fff;
    background-image: linear-gradient(to right, #272c32, #ccc, #272c32);
}
#stack-trigger {
    position: relative;
    top: -50px;
}

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

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

#floor-trigger2 {
    position: relative;
    top: 0px;
}

.row .col.floortxtc{
    padding:80px;
}
.floortxtc{
    color: #fff;
}
.floortxtc h1{
    font-size: 6em;
    text-align: center;
    margin:.2em;
}
#carouselplans .floortxtc h2{
    font-size: 2.2em;
    font-weight: 400;
}
.floortxtc h3{
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.2em;
}

.floortxt .borderside{
    border-right:solid 4px #fff;
}

.sizetxtc{
    border-top: solid 4px #fff;
    border-bottom: solid 4px #fff;
    padding:0 25px;
}
.arrowdown{
    position: relative;
    top:-34px;
    left:89%;
    height:0px;
    opacity:0;
    transition: all .2s ease-in-out;
}
.row.sizetxtc, .row.dloadc{
    margin:0;
}
.dloadc{
    width:100%;
    font-size: 1.4em;
    padding:20px;
    font-weight: 300;
    transition: all .2s ease-in-out;
    background:rgba(0,0,0,0);
}
.dloadc.bordertop{
/*    padding:10px 25px;*/
}

.pdficon{
    position: relative;
    height:0;
    left:89%;
    transition: all .2s ease-in-out;
    opacity:1;
    top:-30px;
}

.dloadc:hover {
    background:rgba(255,255,255,.1);
    cursor: pointer;
}
.dloadc:hover .pdficon{
    opacity:0;
    top:-40px;  
}

.dloadc:hover .arrowdown{
    opacity:1;
    top:-30px;  
}
.col.floorplan {
    padding: 20px 40px;
}

.floorplan img {
    width: 100%;
    height: auto;
}
.row.margin10tb{
    margin:10px 0px;
}




img.stackplan {
    /*    width:330px;
    height:auto;*/
    max-height: 550px;
}






.floors {
    position: relative;
    left: -100px;
    width: 200px;
    text-align: left;
    font-size: .9em;
}




/*
#fl11 {
    margin-top: 95px;
}
*/

.availsborder {
    border-left: solid thin #166433;
    height: 80vh;
    height: 600px;
}

.planinfoc {
    text-align: center;
}

.planinfoc h2 {
    margin-top: 0;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    color: #166433;
    padding-top: 20px;
    text-transform: uppercase;
}

.planinfoc h1 span {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: .5em;
}

#sftxt.margins {
    padding-top: 30px;
    margin-bottom: 45px;
}

#sftxt.nomargins {
    padding-top: 0px;
    margin-bottom: 10px;
}

.dloadbtn {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: .8em;
    padding: 40px 0px;
    text-transform: uppercase;
    font-weight: 500;
}

.dloadbtn i {
    font-size: 3em;
    padding-bottom: 5px;
}

.dloadbtn a,
.dloadbtn a:visited {
    color: #458278;
}

.dloadbtn a:hover {
    color: #166433;
}

.avails .planinfoc h1 {
    font-size: 2em;
    top: 0;
}

.planinfoc hr {
    width: 80%;
    margin: auto;
    border: 0;
    height: 1px;
    background: #999;
}

#keyplanimg img {
    width: 100%;
    height: auto;
}

#keyplanimg {
    height: auto;
}

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

.specsc {
    padding-top: 60px;
    padding-bottom: 60px;
    background: url('../images/contactbg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: left;
    color: #fff;

}

.specsc {
    position: relative;
    margin-top: 110vh;
    /*    margin-bottom:-100vh;*/
}

#specs-trigger {
    position: relative;
    top: 140px;
}

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

.specsimg {
    position: relative;
}

.specsimg img {
    width: 95%;
    height: auto;
    margin-left: 2.5%;
}

.specs {
    position: absolute;
    top: 0;
}

.specsm {
    color: #fff;
    padding-top: 60px;
    background: url(../images/contactbg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
}

.specsm h3 {
    font-size: 1.4em;
    margin-bottom: 0px;
    margin-top: 5px;
}

.specsm p {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.2em;
    padding: 0px 30px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 20px;
}

.specsbg {
    background: url('../images/specs-aerial.jpg') no-repeat top center;
    /*
    background-size: contain;
    height:130vh;
*/
}

.specs {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.specs h3 {
    font-size: .7em;
    font-weight: 600;
    margin: 0;
}

.fire {
    position: relative;
    left: -70%;
}

.specsiconsc {
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 4%;
}

.icons2,
.icons3,
.icons4,
.icons5,
.icons6 {
    position: relative;
    top: -30px;
}

.specs p {
    margin: 0;
    padding: 0;
    font-size: .7em;
    font-weight: 400;
    height: auto;
    letter-spacing: 0px;
}

.specs .icon {
    width: 50px;
    margin-bottom: 5px;
}

.specs .icon svg {
    width: 100%;
    height: auto;
}

.padtop2 {
    margin-top: 4vh;
}






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

/* see map.css */

/*------------------ AMENITIES ------------*/
.row .col.amenitiesblock{
    min-height: 350px;
}
.amenitiesblock{
    text-align: center;
    max-height:50vh;
}
.amenitiesblock .amenitylogo{
    margin:auto;
    margin-top:20%;
    margin-bottom: 15%;
}
.darkgraybg{
    background:#172c3d;
}
.amenitiesblock p{
    font-size: 1em;
    font-weight: 400;
    }
.darkgraybg p{
    color:#fff!important;
}


/*------------------ LOCATION NEIGHBORS ------------*/

 .neighborsection .p1{
            margin-bottom: -80vh;
        }
        .neighborsection .p2{
            padding-top:50px;
            
        }
.mapbg{
    background: url('../images/map091525.jpg') no-repeat top left fixed;
     background-size: 65% auto;
background-repeat: no-repeat;  
}
.ngal .gridgal figure {
	position: relative;
    /*border:solid thin #24AAE1;
	float: left;*/
    left:-10px;
	overflow: hidden;
	margin: 5px;
	width:102%;
    height:30vh;
/*    max-height: 560px;*/
	text-align: center;
	cursor: pointer;    
}
        .ngal .gridgal figure img {
    opacity:1;
        }
        .ngal figure.effect-ruby:hover img {
	opacity: .6;
	-webkit-transform: scale(1);
	transform: scale(1);
}
        .ngal .gridgal figure p {
    font-size: 8em;
    font-weight: 200;
    position: relative;
     top: 5%;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
}
        
        .ngal figcaption svg{
            width:40%;
            height:auto;
        }
.mapboxgl-popup-content {
    max-width: 150px;
}
.wnote{
    color:#fff;
    position: relative;
    top:100px;
    left:28%;
    width:60%;
    font-weight: 300;
    min-width:130px;
}
.wnote img{
    width:30px;
    height:auto;
    vertical-align: -.5em;
    position: relative;
    left:-5px;
}
.mapbgtransport{
    background: url('../images/maptransport3a.jpg') no-repeat top right fixed, #738a9a;
     background-size: auto 97%;
background-repeat: no-repeat;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.mapbg{
     background: url('../images/map.jpg') no-repeat top left;
    background-size: 65% auto;
background-repeat: no-repeat;  
}
    .mapbgtransport{
     background: url('../images/maptransport3a.jpg') no-repeat top right, #738a9a;
     background-size: auto 97%;
background-repeat: no-repeat;
    }
    
   
}




.maptransportbg{
    background:#e5e5e5;
/*
    background: url('../images/maptransport.jpg') no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
*/
    
}
.blackblock{
    background:#172c3d;
    color:#fff;
    padding:40px;
    margin-top:30vh;
}
.blackblock h1{
    font-size: 3em;
}
.blackblock h2{
    font-size: 2.5em;
    margin-top:0px;
}
.blackblock p{
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.6em;
}
.transporttext{
    position: relative;
/*    top:85vh;*/
    z-index:19;
}

.transporttext hr, .blackblock hr{
     border: 0;
    height: 1px;
    background: #fff;
/*    background-image: linear-gradient(to right, #000, #fff, #fff, #fff,#000);*/
}

.transportmap{
    position: relative;
    z-index:18;
/*   padding-top:20vh;*/
    top:-110vh;
    margin-bottom: -110vh;
}
.transportmap img{
    padding:40px;
    width:100%;
    height:auto;
}
.content-indicator {
    width: 64px;
    height: 64px;
    background: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

i#next {
    position: relative;
    left: -15px;
    top: 10px;
}

i#prev {
    position: relative;
    top: 7px;
}

#neighbor-trigger {
    position: relative;
    top: 30px;
}

.neighborhoodc {
    height: 20px;
}

.neighborhood {
    position: relative;
    z-index: 20;
    height: 340vh;
    margin-bottom: 100vh;
    background: url('../images/mapbg.jpg') repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

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

.locationright {
    padding-right: 10%!important;
}

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

.transporttext {
            top:-100vh;
            padding-left:5%;
        }
.mapsection li {
    margin-bottom: 20px;
}


.bluebg {
    background: #3F76B2;
}



.greenbg {
    background: #0E8742;
}

/*------- ART PROGRAM ----------------*/

.arttext .blackblock {
    margin-top: 0;
    padding:40px 50px;
}
#parallax1.artbg2{
    margin-bottom: -25px;
}
.artbg2{
    background: url('../images/jeffkoons2.jpg') no-repeat top center fixed;
     background-size: auto 120vh;
background-repeat: no-repeat;
/*    margin-bottom: -25px;*/
}
.artbg3{
    background: url('../images/keithharing.jpg') no-repeat top center fixed;
     background-size: auto 120vh;
background-repeat: no-repeat;
    margin-bottom: -25px;
}
.artbg3 .arttext{
    margin-top:45vh;
}
.arttext h1{
    margin:0;
}
.arttext h2{
    font-size: 2em;
}
.arttext p{
    text-align: justify;
    letter-spacing: 0;
}

/*------- SMART INFRASTRUCTURE ----------------*/

.smartbg{
    background: url('../images/smart.jpg') no-repeat top center fixed;
     background-size: auto 120vh;
background-repeat: no-repeat;
    margin-bottom: -25px;
}
.smarttext{
    margin:0px 60px;
    padding:70px 5% 50px 5%;
    color:#fff;
    font-weight: 400;
    position: relative;
    top:-6vh;
}
.smarttext p{
    font-size: 1.3em;
    font-weight: 300;
    text-align: left;
}

.wired p, .energy p{
    padding-top:2vh;
}
.leed, .energy {
    text-align: center;
}
.leed img, .energy img{
     width:80%;
}
.leed img, .energy img, .wired img{
    padding:15px;
   margin:auto;
    height:auto;
}
.wired img{
    width:100%;
}

        /* Common style */
.ggal .gridgal figure {
	position: relative;
    /*border:solid thin #24AAE1;
	float: left;*/
    left:-10px;
	overflow: hidden;
	margin: 5px;
	width:102%;
    height:33vh;
/*    max-height: 560px;*/
	text-align: center;
	cursor: pointer;    
}
        .ggal .gridgal figure img {
    opacity:1;
        }
        .ggal figure.effect-ruby:hover img {
	opacity: .6;
	-webkit-transform: scale(1);
	transform: scale(1);
   /*filter: none;  IE6-9 
  -webkit-filter: grayscale(0%);  Chrome 19+ & Safari 6+ */
}
        .ggal .gridgal figure p {
    font-size: 8em;
    font-weight: 200;
    position: relative;
     top: 20%;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
}
        
        .ggal figcaption svg{
            width:40%;
            height:auto;
        }
        
/*------- CONTACT ----------------*/

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

.contactbg {
    background: url('../images/gallery/2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.75);
    height:100vh;
}



.pad40 {
    padding: 40px;
}

.contacttxt{
    position: absolute;
    top:10%;
    z-index: 19;
    color:#fff;
    width:100%;
    padding:5%;
}
.contacts{
    margin-top:20px;
    margin-left:0px;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.2em;
}
.contacts span{
    font-size: .8em;
}
.contacts .col{
    padding-left:0;
}
.contacts .c2{
    padding-left:5%;
}
.logos{
    margin-top:50px;
}

.contacttxt h1 {
    font-size: 4em;
    margin-bottom:10px;
}



.ejmelogo{
    width:105px;
}
.ejmelogo svg {
    width: 100%;
    height: auto;
}


.contacttxt a {
    color: #fff;
}

.contacttxt a:hover {
    color: #bbd8f9;
}

.vis {
    display: block;
}

.invis {
    display: none;
}


.footer {
    background-color: #172c3d;
    text-align:right;
    padding-right:20px;
    color: #fff;
    position: fixed;
    bottom: 0px;
    font-size: .6em;
    width: 100%;
   height: 30px;
    padding-top: 0px;
    z-index: 20;
    letter-spacing: 2px;
    font-weight: 300;
    padding-top:8px;
}

.footer .address p{
    text-align: left;
    padding-left:20px;
}

.fmenu{
    background-color: #000;
    padding:10px 20px;
    height:80px;
    color: #ccc;
    font-size: .8em;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.fmenu a{
    color:#ccc;
}
.fmenu a:hover{
    color:#fff;
}
.fmenu .ejme{
    width:50px;
    height:auto;
    margin-right:40px;
    position: relative;
    top:-5px;
    display: inline-block;
}
.fmenu .jll{
    width:50px;
    height:auto;
    display: inline-block;
}
.fmenu .ejme svg, .fmenu .jll svg{
    width:100%;
    height:auto;
}


.row.fmenu{
    margin:0px !important;
}

#footer-trigger {
    width: 100%;
    height: 1px;
    position: relative;
    z-index: 1000;
    top: -50vh;
}
#menu-trigger2{
    position: relative;
    top:40vh;
    width:100%;
    height:1px;
    z-index:1000;
}

.footer p {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: left;
}

.footer p.right {
    text-align: right;
    font-weight: 400!important;
    padding-right:20px;
    letter-spacing:1px;
}
.footer p.right a{
    color:#ccc;
}
.footer p.right a:hover{
    color:#fff;
    cursor: pointer;
}
.footerm p {
    text-align: center;
}

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

.footer a:hover,
.contact a:hover {
    color: #97e8f2;
}

/*--------- MOBILE ----------*/

.logom {
    position: fixed;
    top: 36px;
    width: 100px;
    height: auto;
    z-index: 905;
    opacity: 0;
    right: -55px;
}

.logom svg {
    width: 100%;
    height: auto;
}

#homeslider {
    height: 290px;
}

#carouselm1 {
    top: 5px;
    width: 100%;
    height: 290px;
}




.wiredm img {
    width: 50px;
    height: auto;
}

.stackm h1 {
    text-align: center;
    padding: 80px 0px 40px 0px;
    color: #fff;
    font-weight: 100;
    text-transform: uppercase;
}

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

.stackm {
    text-align: center;
}

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

.locationm {
    background: #000;
    margin-top: -20px;
}

#contactm img {
    width: 100%;
    height: auto;
}

#contactm {
    margin-top: 0;
    color: #000!important;
    text-align: center;
}












/* ipad portrait */

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
    .contact.h800 {
        height: 1100px;
    }

    #map {
        height: 500px;

    }

}

@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) {
    .contact.h800 {
        height: 900px;
    }

    #map {
        height: 670px;

    }
    .h-one,
    .h-two,
    .h-three,
    h-four,
    h-five {
        background-size: 80% 80%;
    }
    


}



@media only screen and (min-width: 2050px) {
   
    .stacktxt {
    font-size: 1.7em;
}
    .row .stacktxt{
        margin-bottom: 17px;
    }
}


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

    .stacktxt {
    font-size: 1.7em;
}
    .row .stacktxt{
        margin-bottom: 17px;
    }
    .height32vh{
    max-height:32vh;
}
}

@media only screen and (max-width: 1950px) {
/*
   .stack .blocktxt {
    padding-top: 63%;
}
*/
    .stacktxt {
    font-size: 1.5em;
}
    .row .stacktxt{
        margin-bottom: 16px;
    }
    .height32vh{
    max-height:320px;
}
}

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

    .stacktxt {
    font-size: 1.3em;
}
    .row .stacktxt{
        margin-bottom: 12px;
    }
    .height32vh{
    max-height:280px;
}
}

@media only screen and (max-width: 1500px) {
.stack .blocktxt {
/*    padding-top: 60%;*/
}
    .stacktxt {
    font-size: 1.2em;
}
    .row .stacktxt{
        margin-bottom: 8px;
    }
    .height32vh{
    max-height:250px;
}
}

@media only screen and (max-width: 1370px) {
   .stack .blocktxt {
/*    padding-top: 58%;*/
}.stacktxt {
    font-size: 1em;
}
    .row .stacktxt{
        margin-bottom: 12px;
    }
}
.height32vh{
    max-height:230px;
}
    .collapsible-body li {
        font-size: .75em !important;
    }
    .amenitylogo{
    width:80%;
}.amenitylogo svg{
    width:100%;
}
}

   
@media only screen and (max-width: 1325px) {
    nav ul a {
        padding: 25px 15px 0px 15px;
    }
     .terracetxt{
        font-size: .8em;
    }
    
}


.gridgal figure h2 div{
    color:#b9c5d2;
}

@media only screen and (max-width: 1280px) {
    
    .dloadfloor {
        font-size: .9em;
    }
    .blackblock p {
    font-size: .8em;
    line-height: 1.3em;
}
}
@media only screen and (max-width: 1250px) {
.contacts {
        font-size: 1.3em;
    
    }
}
@media only screen and (max-width: 1200px) {
    .gridgal figure h2 div{
        font-size: .9em;
    }
}
@media only screen and (max-width: 1170px) {
    .transporttext .blackblock h2{
    font-size: 1.5em;
}
    .dloadfloor {
        font-size: .8em;
    }
     nav ul a {
        padding: 0 10px;
    }
    .terracetxt{
        font-size:.9em;
    }
    .stack .groundtxt {
    padding-top: 0;
}
    .stack{
        font-size: .9em;
    }
    .blackblock h1 {
    font-size: 2em;
}
}


@media only screen and (max-width: 1130px) {
   
    .terracetxt{
        font-size: .6em;
    }
}



@media only screen and (max-width: 1100px) {
    .hometxt h1 {
        font-size: 2em;
        padding-top: 120px;
    }
    .hometxt {
        height: 755px;
    }
    

    .dloadfloor {
        font-size: .7em;
    }
    .floors {
        left: 0px;
        font-size: .4em;
    }
    
       .stack .blocktxt {
/*    padding-top: 58%;*/
}.stacktxt {
    font-size: .9em;
}
    .row .stacktxt{
        margin-bottom: 10px;
    }

.height32vh{
    max-height:230px;
}

}


@media only screen and (max-width: 1080px) {
    .contacttxt .txt {
        padding-left: 10px;
        position: relative;
        top: -20px;
        font-size: .75em;
    }
    .contacts{
        font-size: 1.1em;
    }
    .blackblock p {
    font-size: .6em;
}
}




@media only screen and (max-width: 992px) {
    
    .blackblock p {
    font-size: .5em;
}
    .stack h1{
        font-size: 1.2em;
    }
    .spacer1 {
    margin-top: 10vh;
    height: auto;
    width: 53%;
}
    .row .table-label{
        margin-bottom: 8px;
    }
    .row .stacktxt{
       height: 18px;
    }
    .stacktxt{
      font-size: 1em;
    }
     nav a.button-collapse {
        display: block !important;
    }
    .features .txt {
        padding: 10px;
    }
    .hometxt h1 {
        font-size: 1.8em;
    }
    .p1txt  h1{
        font-size: 5em;
    }
    .p1txt  h2{
        font-size: 2em;
    }
    
   
    

.stack h2 {
    font-size: 1em;
}
    
.height250 {
    height:200px;
    
}
.floortxtc h1 {
    font-size: 4.2em;
    
}
    .mapgradient {
        width: 66%;
    }
    .contacts {
        font-size: 1.1em;
    
    }
    .contacttxt h1 {
        font-size: 3em;
    
    }
    .sizetxtc h2{
        font-size: 1.5em;
    }
    .floortxtc h3 {
    font-size: 1em;
    
}
    .dloadc{
        font-size:.9em;
    }
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }
    .amenitiesblock h3{
        font-size:2em;
    }
    .contact-c {
        height: 850px;
    }
    #index-banner .section {
        top: 10%;

    }
    .maptext-c {
        top: 3290px;
    }
    #map {
        height: 470px;

    }
.smarttext{
    margin:0px 10px;
}
    .leed img, .energy img, .wired img {
    padding: 5vh 5px;
    }
    
}

@media only screen and (max-width: 900px) {
    .mapkey{
        font-size: .8em;
    }
    .blackblock .row .col {
    padding:0;
}
}
@media only screen and (max-width: 865px) {
    .transporttext .blackblock h2 {
    font-size: 1em;
}
    nav ul a{
        font-size:.6em;
    }
    .blocktxt .m5, .blocktxt .m4, .groundtxt .m5, .groundtxt .m4{
        padding-right:0px;
        padding-left:0px;
    }
    .blocktxt .m6,  .groundtxt .m6{
        padding-left:0px;
    }
    .contacts{
        font-size: .9em;
    }
    .row .stacktxt{
       height: 15px;
    }
}
@media only screen and (max-width: 820px) {
    .row .stacktxt{
       height: 12px;
    }
    .height32vh {
    max-height: 160px;
}
    .mapkey{
        font-size: .6em;
    }.collapsible-header {
    background: transparent;
    height: auto;
}
}
@media only screen and (max-width: 820px) and (min-width: 600px){
    .blackblock h1 {
    font-size: 1em;
}
}

@media only screen and (max-width: 770px) {
    .row .stacktxt{
       height: 12px;
    }
    .row .table-label{
        margin-bottom:0px;
    }
}
}


@media only screen and (max-width: 750px) {
    .contact {
        font-size: .7em;
        line-height: 1em;
    }
    .sizetxtc h2{
        font-size: 1.1em;
    }
    .floortxtc h3 {
    font-size: .9em;
    
}.floortxtc h1 {
    font-size: 3.2em;
}
    .contacts{
        font-size: .7em;
    }
    .amenitiesblock h3{
        font-size:1.5em;
    }
    .amenitiesblock h4{
        font-size: 1em;
    }
       .stacktxt {
    font-size: .8em;
}
    
    .height32vh{
    height:140px;
    max-height:140px;
}.stack h1 {
    font-size: 1.6em;
}.stack h2 {
    font-size: 1em;
}
}






.mobile-logo {
    padding: 20px 0px 0px 35px;
    width: 180px;
}

.mobile-logo svg {
    width: 100%;
}



.sidenav {
    background: #000;
    width: 250px;
}




@media only screen and (max-width: 700px) {
    .floortxtc h1 {
    font-size: 3em;
    
}.row .stacktxt {
    height: 10px;
}.height32vh {
    max-height: 140px;
}
    .plans .floortxt.flwider{
    min-width:180px;
}
}

@media only screen and (max-width: 690px) {
    .blocktxt .m1, .blocktxt .m10, .groundtxt .m1, .groundtxt .m10{
        padding-right:0px;
        
    }
    .stack h2{
        font-size: .9em;
    }
    .sizetxtc h2{
        font-size: .9em;
    }
    .floortxtc h3 {
    font-size: .7em;
    
}.floortxtc h1 {
    font-size: 2.2em;
}.plans .floortxt {
    border: solid 4px #fff;
   
}
}

.mapcmobile img{
    width:90%;
    height:auto;
}
@media only screen and (max-width: 650px) {
    nav ul a{
        font-size:.55em;
    }
    
}
@media only screen and (max-width: 600px) {
    
    .row .col.highlights{
        padding:10%;
    }
    .highlights ul {
    padding-right: 0;
}
    .highlights h1{
        font-size:2em;
    }
    .transporttext .blackblock h2{
    font-size: 1.6em;
}
    .blackblock p {
    font-size: 1em;
}
    .blackblock .row .col{
        padding: 0 0.75rem;
    }
    .height100{
        height:auto;
    }
    nav {
        position: fixed!important;
        top: 0;
    }
    nav .brand-logo {
        margin-left: 50px;
    }
    .brand-logo svg {
        width: 125px;
    }
    .hometxt{
        left:0;
        padding-left:10%;
    }
    .hometxt h1 {
        padding-top: 0px;
        position: absolute;
        max-width: 300px;
    }
    .learn{
        position: absolute;
        margin-top:65px;
    }
    
    
    .home {
        border-bottom: none;
        height:600px;
    }
    
    .mapbg{
    background: #ccc;
}
    .blackblock {
   
    margin-top: 10vh;
}
    .transporttext {
            top:0;
            padding-left:0;
        }
    .p2{
        height:auto;
        padding-bottom:50px;
    }
    .neighborsection .p2 {
    height:880px;
}
    .p1txt h1 {
    font-size: 5em;
}
    .featureswhitebtm {
        height: 1350px;
        margin-bottom: -1350px;
    }
    .plans img {
        width:80%;
        margin-left:10%;
    }
    .plans hr {
    width: 90%;
    margin: 15vh auto;
    
}
    img.lastflr{
        padding-bottom:70px;
    }
.row .col.floortxtc {
    padding: 80px 80px 10px 80px;
}
.sizetxtc h2 {
    font-size: 2em;
}.floortxtc h1 {
    font-size: 3em;
}
    
    
    .dloadc {
    font-size: 1.6em;
}
    .contacttext-c {
        padding: 0px 30px 50px 30px;
    }
.p1txt h2 {
    font-size: 1.5em;
    
}
    .amenitylogo svg{
        width:80%;
    }
    .smarttext {
   
    padding: 50px;
    
}.leed img, .energy img, .wired img{
    max-width: 200px;
}
    .smarttext .learn{
        margin-top:0px;
    }
    .smarttext .space{
        height:80px;
    }
    .contacts {
        font-size: 1em;
    }
.contacts .c2{
    padding: 0 0.75rem;
}
    .contactbg {
        height:150vh;
    }
nav .sidenav-trigger {
    right: 30px;
}

    .button-collapse {
        margin: 10px 0px 0px 20px !important;
    }
    .darkbgtrans {
        height: 660px !important;
    }

    .dloadfloor {
        max-width: 150px;
        margin: auto;
        margin-top: 10px;
    }
    

    .amenitiesblock h3{
        font-size:1.8em;
    }
    .amenitiesblock h4{
        font-size: 1.3em;
    }
    .neighborhood {
        height: auto;
    }
    
    #index-banner .section {
        top: 0;
    }

    #nav-container {
        position: fixed !important;
        top: 0;
    }
    .gallery-mobile p {
        font-size: 1.2em;
        padding:5px 20px;
        font-weight: 300;
    }
    nav {
        max-width: 600px;
    }
    .parallax-container.specsc {
        height: 2800px;
    }
    
    .sustainc .col.m3 {
        width: 100%;
    }
    .contact {
        font-size: 1.4em;
        letter-spacing: 0px;
        /*        background:rgba(0,0,0,.8);*/
    }
    .contacts .col{
        margin-top:20px;
    }
    .contacttxt h1 {
        padding-top: 50px;
        margin: 0;
        font-size: 3em;
    }
    .contacts{
        margin-top: 0px;
    }
   .contacttxt {
    top: 60px;
}

    .swiper1 {
        position: absolute;
        width: 100%;
    }
    #index-banner {
        height: 860px;
        width: 100%;
    }

    .swiper-container {
        height: 400px;
    }
    .hometxt {
        width: 100%;
        top: 400px;
        height:auto;
    }

    .hometxt.movedown {
        top: 400px;
    }

    .parallax-container {
        min-height: 200px;
    }
    h5 {
        font-size: 2em;

    }
    .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;
    }
    .retail-options {
        width: 100%;
        margin-left: 0px;
    }
    .retail-head {
        font-size: 1.5em;
    }
    .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;
    }

    .mcalign,
    .gallery-mobile {
        text-align: center;
    }
    .gallery-mobile {
        background: #fff;
        padding-top: 50px;
    }
    .gallery-mobile img {
        width: 90%;
        margin: auto;
        height: auto;
    }

    .contacttxt p {
        margin-left: 0px;
    }
    .contactlogo {
        margin: 30px 0px
    }



    .bordermidnav {
        opacity: 0;
    }
    #navbg {
        height: 56px;
    }
    .footer {
        height: 40px;
    }
}

/* PHONES */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 915px) 
and (orientation : landscape) { 

    .p1txt h2 {
    font-size: 1.2em;
}
    .amenitiesblock {
    height: 350px;
}
   .artbg3 .arttext {
    margin-top: 25vh;
}
    
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 915px) 
and (orientation : portrait) { 

    .p1txt h2 {
    font-size: 1.2em;
}
    .amenitiesblock {
    height: 50vh;
}
    .dgraym{
        background:#bcbcbd;
    }
    .drgraym{
        background:#666;
    }
}


@media only screen and (max-width: 430px) {
    .logom {
        width: 120px;
    }
    nav {
        width: 100%;
    }
    .subscribe {
        padding-left: 10px;
    }
    .home {
        top: 40px;
    }
    #carouselhome {
        height: 355px!important;
    }
    .p1txt h1 {
        font-size: 3.2em;
    }
    .stackm img {
    width: 90%;
}.dloadc {
    font-size: 1em;
}.sizetxtc h2 {
    font-size: 1.4em;
}.p1txt h2 {
    font-size: 1em;
}
    .amenitiesbg {
    background-size: 180% 120vh;
}
    .amenitiesblock h3 {
    font-size: 2em;
    }
    .features.movedown100h {
        top: 330px;
        width: 100%;
        margin-bottom: 330px;
    }
    .feat2 {
        top: 0;
    }
    .features h1 {
        font-size: 2.2em;
    }

    #available {
        position: relative;
        top: -500px;
    }

    .features p {
        font-size: 1.2em;
    }
    .neighborhood.movedown100h {
        top: 0px;
        width: 100%;
        margin-bottom: 0px;
    }
    
    .neighborhood {
        height: auto;
    }
    .mapkey {
        margin: 0px 20px!important;
        padding: 0px 10px!important;
    }
    .contact.movedown100h2 {
        top: 0;
    }
    .contactright {
        margin-top: 30px;
        padding: 0px!important;
        height: auto;
        overflow-y: visible;
    }
    .leasingteam {
        display: block!important;
        line-height: 1.4em;
    }

}


.contact h2 {
    font-size: 2em;
    padding-left: 10px;
}

.mobile-stack img {
    width: 80%;
    height: auto;
}

.mobile-avails {
    background: #fff;
    height: auto;
    padding: 30px;
}

.mobile-avails .collapsible-body img {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

.mobile-avails .collapsible-header {
    font-size: 1.8em;
}

.mobile-avails .collapsible-header .arrow {
    position: absolute;
    right: 30px;
}

.mobile-avails .collapsible-header:hover {
    color: #006f51;
}

.mobile-avails .collapsible-header:hover .arrow {
    transform: rotate(180deg);
}

.mobile-avails a.dloadpdf {
    background: #11575f;
    margin-top: 10px;
    margin: auto;
    padding: 10px;
    font-size: 1.5em;
}

.mobile-avails .collapsible-body {
    text-align: center;
    padding-bottom: 20px;
}

.mobile-features {
    text-align: left;
    margin: 30px 0px;
}

.mobile-features2 {
    text-align: left;
    margin-top: -30px;
    margin-bottom: 20px;
}

.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;
    line-height: 1.6em;
}

.plansm h3 {
    font-size: 1.2em;
}

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


/*ipad portrait -----------------------*/

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .home,
    #carouselhome {
        height: 600px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)  {
    .h100, .height100, .parallaxParent{
        max-height: 700px;
    }
    #map {
    max-height: 600px;
}.transporttext {
    top: -70vh;
}
    .p1 {
    top: -55vh;
    }
   .mapbg {
    background: url(../images/map.jpg) no-repeat center left fixed;
    background-size: 65% auto;
    background-repeat: no-repeat;
}
    .mapbgtransport {
    background: url(../images/maptransport3a.jpg) no-repeat center right fixed, #738a9a;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
    .ngal .gridgal figure, .ggal .gridgal figure{
    height: 120px;
    }
    .home,
    #carouselhome {
        height: 600px;
    }
    .movedown100h {
        top: 600px;
        margin-bottom: -25px;
    }
    .environ .quote h5 {
        font-size: 2em;
    }
    .quote h5 span.quoteb {
        font-size: 1em;
        vertical-align: 0px;
    }
    .feat3 .textleft,
    .environ .whitetext .textright,
    .feat4a .textleft,
    .feat6 .textleft {

        padding-top: 0px;
    }
    .feat4a,
    .feat6 {
        top: 0px;
    }
    .features .subfeature p {
        font-size: .7em;
    }

}

/*@media all and (device-width: 744px) and (device-height: 1059px) and (orientation:portrait)*/

@media only screen and (max-height: 1295px) and (max-width: 1025px) and (min-width: 601px)
{
    #carouselhome{
    height: 46vh;
}
    .h100, .height100, .parallaxParent{
        max-height: 700px;
    }
    #map {
    max-height: 600px;
}
    .transporttext {
    top: -70vh;
}
    .p1 {
    top: -55vh;
    }
   .mapbg {
    background: url(../images/map.jpg) no-repeat center left fixed;
    background-size: 65% auto;
    background-repeat: no-repeat;
}
    .mapbgtransport {
    background: url(../images/maptransport3a.jpg) no-repeat center right fixed, #738a9a;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
    .ngal .gridgal figure, .ggal .gridgal figure{
    height: 120px;
    }
    .home,
    #carouselhome {
        height: 600px;
    }
    .movedown100h {
        top: 600px;
        margin-bottom: -25px;
    }
    .environ .quote h5 {
        font-size: 2em;
    }
    .quote h5 span.quoteb {
        font-size: 1em;
        vertical-align: 0px;
    }
    .feat3 .textleft,
    .environ .whitetext .textright,
    .feat4a .textleft,
    .feat6 .textleft {

        padding-top: 0px;
    }
    .feat4a,
    .feat6 {
        top: 0px;
    }
    .features .subfeature p {
        font-size: .7em;
    }

}
/*@media all and (device-width: 744px) and (device-height: 1059px) and (orientation:portrait)  */

/*ipad portrait 12.9 inch  -----------------------*/

@media only screen and (max-height: 600px) and (max-width: 992px){
.p1txt h1 {
    font-size: 3em;
}
    .p1 {
    top: -75vh;
}
    .blackblock {
    margin-top: 10px;
}
    .mapkey h1 {
    font-size: 1em;
}
    .h100, .height100, .parallaxParent {
    max-height: 800px;
}
    .spacer.s1 {
    margin-bottom: 60px;
   
}
    .neighborsection .p2 {
    padding-bottom: 350px;
}
}






@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: 375px;
        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;
}