/* 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: 'Barlow', sans-serif;
    font-family: 'Bubbler One', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Wire One', sans-serif;*/
font-family: 'Butler';
    font-weight: 100;
    font-style: normal;
    overflow-x: hidden;
    /*    font-weight: 300;*/
    letter-spacing: 1px;
}

*: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;
}


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 {
    margin-left: 30px;
}


        nav ul a{
        -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
        transition: color .5s
        }
        nav ul a{
            
        }
nav ul a {
    padding: 0 12px;
    text-transform: uppercase;
    color:#d7e6f1;
            font-family: 'Manrope', sans-serif;
            font-weight: 400;
            font-size: .9em;
}

nav ul a  i{
    font-size: .85em;
}
nav ul a:hover {
    background: none;
}
#nlogo{
    margin-top:5px;
}
nav ul li {
    padding-right: 3px;
    padding-left: 3px;
    text-align: center;
    width:11%;
}
nav ul li.wider {
     width:14%;
}
nav ul li.widest {
     width:19%;
}

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:60px;
    position: absolute;
    right:0;
    top:0;
}
 .navbg, .dropdown-content {
            background:#002642;
        }

/*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 i {
    color: #72cd3b;
}

.sidenav li {
    text-transform: uppercase;
    font-weight: bold!important;
font-family: 'Manrope', sans-serif;
}

.sidenav li > a {
    color: #fff;
}

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



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





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









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

.nopad {
    padding: 0!important;
}

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

.gridgal.padbtm{
    padding-bottom:20px;
}
.margintop-20 {
    margin-top: -20px;
}

.transbg {
    background: transparent;
}

.darkbluebg {
    background-color: #103149;
}


.whitebg {
    background-color: #fff;
}

.lightgraybg{
    background-color: #d9dcde;
}

.h100 {
    height: 100%!important;
}

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






.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-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-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;
}
.home.fixedpage{
    position: fixed;
    top:40px;
    left:0;
}
.home {
    position: fixed;
    z-index: 3;
    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;

}

.home .video {
  object-fit: cover;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}


.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: 100vh;
}

.bghome1 {
    background: url('../images/gallery/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/mobile/gallery/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/gallery/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/mobile/gallery/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/gallery/4.jpg') no-repeat center center;
}

.bghome3m {
    background: url('../images//mobile/gallery/4.jpg') no-repeat center center;
}

.bghome4 {
    background: url('../images/gallery/5.jpg') no-repeat center center;
}

.bghome4m {
    background: url('../images/mobile/gallery/5.jpg') no-repeat center center;
}


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


.quote{
    padding:80px;
}
.greenhr{
    width:100%;
    margin:auto;
    border: 0;
    height: 1px;
    background: #144a7a;
    background-image: linear-gradient(to right, #144a7a, #b2f695, #144a7a);
}
.environ .quote{
    padding:50px;
}
#quote-trigger1, #quote-trigger2, #quote-trigger3, #quote-trigger4{
    width:100%;
    position: relative;
    top:-30vh;
}
.limegreentxt{
    color:#b2f695;
}
.quote h5{
    width:80%;
    margin:auto;
    font-size: 3em;
    letter-spacing: 2px;
    text-align: center;
    overflow:hidden;
    margin-bottom: 15px;
}
.environ .quote h5{
    font-size: 3.5em;
    width:90%;
}
.quote h5 span{
    position: relative;
    display: inline-block;
}
.quote h5 span.quoteb{
    font-size: 1.5em;
    vertical-align: -1.8vh;
}
.quote.graybg{
    
    background-color:rgba(14, 150, 0, .2);
    /*#7c90a0
    background-color:rgba(124, 144, 160, .5);
    */
    color:#fff;
}

#quote2, #quote4{
    position: relative;
    top:-20px;
    margin-bottom: -20px;
}
#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;
}
.environ .whitebg{
    padding:80px 40px 0px 40px;
/*    max-height:120vh;*/
}
.environ .textright{
    padding-right:5%;
    padding-top:10px;
}
.environ img{
    width:100%;
}
.environ{
    font-size: .9em;
}
.environ h1{
    letter-spacing: 0px!important;
    padding-right:20px;
    margin-bottom: 0px;
}
.features .environ p{
    font-weight: 500;
    margin:0;        
}
.fright{
padding-right:20px;
    float:right;
}
.fleft{
padding-left:0px;
    float:left;
}
.textright.feat1t{
    padding-top:10vh;
}
.feat2{
    position: relative;
    top:-16vh;
    
}
.feat2a{
    position: relative;
    top:-10vh;
}
.textright.feat2at{
    position: relative;
    top:0vh;
}
.feat2 .textleft{
    padding-top:20vh;
    padding-left:80px;
}

.circle{
    margin:auto;
    position: relative;
    z-index:800;
    width: 110px;
  height: 110px;
  border-radius: 50%;
    background: linear-gradient(#2a5655, #264f68);
    border:solid 3px #fff;
}
.circle.smaller svg{
    width:40%;
    height:auto;
    padding-top:20%;
}
.circle.smaller4 svg{
    width:40%;
    height:auto;
    padding-top:23%;
}
.circle.smaller3 svg{
    width:35%;
    height:auto;
    padding-top:22%;
}
.circle.smaller2 svg{
    width:40%;
    height:auto;
    padding-top:18%;
}
.circle svg{
    width:50%;
    height:auto;
    padding-top:20%;
}

.circle.big svg{
    width:60%;
    height:auto;
    padding-top:20%;
}
.circle.big4 svg{
    width:52%;
    height:auto;
    padding-top:23%;
}
.circle.big2 svg{
    width:60%;
    height:auto;
    padding-top:25%;
}
.circle.big3 svg{
    width:75%;
    height:auto;
    padding-top:25%;
}
.circle.bigger svg{
    width:70%;
    height:auto;
    padding-top:33%;
}
.textright{
    text-align: right;
}
.textleft{
    text-align: left;
}
.featuresbg {
    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;
}
.featureswhitebtm{
    position: relative;
    z-index:5;
    top:290px;
    margin-bottom: -530px;
    width:100%;
    height:530px;
    background: #fff;
}
.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;
}
.sftext{
    font-weight: normal;
    max-width: 200px;
}
.stackfloor:hover, .floorlist .row:hover, nav a:hover{
    cursor: pointer;
}
.stackfloor.not-active:hover{
    cursor: none;
}
.stackfloor.not-active:hover .sftext{
    font-weight: normal;
}
.stackfloor.active .sftext, .stackfloor:hover .sftext{
    font-weight: bold;
}
.floorshape{
    opacity:.5;
    
}
.stackfloor.active .floorshape, .stackfloor.active .floorbase{
    opacity:1;
}
.fill-fldarkgreen{fill:#054F16;}
.floorshape
{
  opacity:.5;
}
.fl5{
    margin-bottom:10px;
}

.fl1:hover .floorshape, .fl2:hover .floorshape, .fl3:hover .floorshape, .fl4:hover .floorshape, .fl5:hover .floorshape
{
  opacity:1;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}
.floorbase{
    opacity:.3;
}
/**/
.fl2:hover .floorbase, .fl3:hover .floorbase, .fl4:hover .floorbase{
  opacity:.7;
  transition: opacity .7s ease-out;
  -moz-transition: opacity .7s ease-out;
  -webkit-transition: opacity .7s ease-out;
  -o-transition: opacity .7s ease-out;
}


#fl1a{
    position: absolute;
    top:0;
    left:65px;
}
#fl1b{
    position: absolute;
    top:18px;
    left:80px;
}
#fl2{
    position: absolute;
    top:55px;
    left:70px;
}
#fl3{
    position: absolute;
    top:57px;
    left:165px;
}
#fl4{
    position: absolute;
    top:58px;
    left:170px;
}
#fl5{
    position: absolute;
    top:18px;
    left:0px;
    
}
.fill-g1{fill:url(#SVGID_101_);}
	.fill-white{fill:#FFFFFF;}
	.fill-g2{fill:url(#SVGID_201_);}

.line{
    width:40%;
height:2px;
background:#166433;
    position: relative;
}
.line.dotright{
    top:-35px;
    left:100%;
}
.line.dotleft{
    top:60px;
    left:-45%;
}
.line::after{
    content: '';
       display: inline-block;
       width: 10px;
       height: 10px;
       -moz-border-radius: 7.5px;
       -webkit-border-radius: 7.5px;
       border-radius: 7.5px;
       background-color: #166433;
    position: relative;
    top:-5px;
}
.line.dotleft::before{
    content: '';
       display: inline-block;
       width: 10px;
       height: 10px;
       -moz-border-radius: 7.5px;
       -webkit-border-radius: 7.5px;
       border-radius: 7.5px;
       background-color: #166433;
    position: relative;
    top:-5px;
}
.line.dotleft::after{
    content: none;
}

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



.environ .whitetext{
    padding:80px 40px 0px 40px;
}
.environ .whitetext .textright {
    padding-top: 10vh;
}
.environ .whitetext .feat8 .textright {
    padding-top: 25vh;
}
.whitetext .line, .whitetext .line::after, .whitetext .line.dotleft::before{
    background-color: #fff;
}
.feat3 .textleft, .feat7 .textleft, .feat4a .textleft{
    padding-left:50px;
}
.feat7 .textleft{
    padding-top:5vh;
}
.feat3 .textleft {
    padding-top: 23vh;
    padding-left: 50px;
}
.feat4a{
    position: relative;
    top:-40px;
}
.feat4a .textleft {
    padding-top: 19vh;
    padding-left: 50px;
}
.feat4{
    position: relative;
    
}
.feat8{
    position: relative;
    top:10vh;
}

.feat6{
    position: relative;
    top:-20vh;
}
.feat6 .textleft{
    padding-top:30vh;
    padding-left:50px;
}

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

#gallery-container{
    position: fixed;
    top:50px;
    height:100vh;
    left:0;
    z-index: 2;
    background:#fff;
}
.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;
    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  ----------------*/

.avails {
    width:100%;
   top:50px;
/*
    background: url('../images/avails.jpg') no-repeat center center fixed;
    background-size: contain;
*/
    background:#fff;
    height:100vh;
/*
    position: fixed;
    z-index:21;
*/
}

h1.plantxtm{
    font-family: 'Butler'!important;
}
.fill-floorg1{opacity:0.33;fill:url(#SVGID_1_);}
	.fill-floorg2{opacity:0.33;fill:url(#SVGID_2_);}

#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{
    height:74vh;
    width:310px!important;
    width:100%;
    background: url('../images/stacklines.png');
    background-size: contain;
background-repeat: no-repeat;
    margin:auto;
}
.stack div{
    position: relative;
}
.stack .fl4{
    top:-50px;
}
.stack .fl3{
    top:-100px;
}
.stack .fl2{
    top:-150px;
}
.stack .fl1{
    top:-200px;
}
.stacksection{
    padding-top:50px;
}

#planimg{
    width: 100%;
    height:60vh;
    margin:auto;
    padding-top:20px;
    text-align: center;
}
#planimg img{
    width: auto;
    height: 100%;
    margin:auto;
}

.avails {
    color: #000;
    margin-top: 50px;
    padding-bottom: 70px;
}
.sf, .sf1, .sf1a, .sf2, .sf3, .sf4, .sf4a, .sf5{
    position: relative;
    color: #166433;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    max-width:100px;
}
.sf{
    top:-60px;
    left:105%;
}
.sf1, .sf1a, .sf2, .sf3, .sf4, .sf4a, .sf5{
    left:112%;
    top:-83px;
}
.tablehead{
    text-align: center;
    font-size: .8em;
    color:#166433;
    font-weight: 500;
    letter-spacing:0;
    border:solid thin #166433;
    padding-top:8px;
    height:40px;
    border-right:none;
}
.m695{
    display: none;
}
.padnone{
    padding:0!important;
}
.tablec{
    text-align: center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: .8em;
    color:#166433;
    letter-spacing:0;
    font-weight: 400;
    margin-bottom: 0px;
    padding-top:0px;
    border-bottom:solid thin #166433;
}
.planc{
    margin-top:-20px;
    padding-top:20px;
}

.tablec .row{
    padding-top:8px;
    margin-bottom: 0px!important;
    height:35px;
}
.tablec .row.active, .tablec .row:hover, #elm200btn.active, #main695btn.active{
    background:#eff3f6;
}
.tablec .row:hover{
    cursor: pointer;
}
.tablec .movegaptop{
    margin-top:-7px;
}
#elm200btn, #main695btn{
    width:100%;
    height:70px;
    padding-top:24px;
}
#elm200btn:hover, #main695btn:hover{
cursor: pointer;
    background:#eff3f6;
}
.lefta{
    text-align: left!important;
}
#elm200btn{
    border-bottom:solid thin #166433;
}
.bldgbtnc{
    border-left:solid thin #166433;
    border-right:solid thin #166433;
}
.tablec .row{
    margin-bottom: 5px;
}
.tablec a{
    background:#124e73;
}
.tablec .row:first-child a{
    background:#126142;
}
.tablec .row:nth-child(2) a{
    background:#185e56;
}
.tablec .row:nth-child(3) a{
    background:#11575f;
}
.tablec .row:nth-child(4) a{
    background:#124e73;
}
a.dloadpdf{
    padding:4px;
    color:#fff;
}
#availhead-trigger {
    position: relative;
    top: -50px;
}

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

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

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

.avails h1 {
    text-align: center;
    font-size: 1.6em;
    letter-spacing: 2px;
    top: 10px;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #166433;
}

.avails .container {
    width: 90%;
}

.avails .instruct {
    color: #9bcfde;
    margin-bottom: 20px;
    font-size: .8em;
    margin-top: 20px;
}
.floorplan .padleft{
    padding-left:15px;
}

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

.floorplan #spaceimg img {
    width: 100%;
}

.fl:hover {
    cursor: pointer;
    color: #000;
}

.fl.active .fltxt {
    background-color: cyan;
    color: #000;
}

/*#tfitb{
    position: relative;
    top:-8px;
}*/
#planc img {
    margin-top: 80px;
}



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


.sftext.graytxt{
    color:#999;
}

#floortext,
#sftext {
    font-size: 1.4em;
    letter-spacing: 1px;
    font-weight: 400;
}
#sftext {
    margin-bottom: 5px;
}
#floortext {
    margin-top: 10px;
}


#floorspec {
    margin: 0px auto 10px auto;
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: 300;
}




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


.floors div:hover {
    cursor: pointer;
    color: #fff;
}

/*
#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;
    top:110vh;
/* 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 ------------*/


#map {
    height: 700px;
    width: 100%;
    position: relative;

}




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

.mapamenitiesc{
    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;
/*    background: rgba(0,0,0,.1);*/
    padding:50px 15px;
}
.middle-indicator{
   position:absolute;
   top:50%;
   }
  .middle-indicator-text{
   font-size: 3rem;
  }
  a.middle-indicator-text{
    color:white !important;
  }
.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;
}
.locationtxt .mapsection h1, .locationtxt .mapsection li{
    text-align:left;
}
.mapsection li{
    margin-bottom:20px;
}
.locationtxt {
/*    padding:25px;*/
    padding-top: 115px;
    color:#fff;
}
.locationtxt h1{
    font-size:1.7em;
    margin-bottom:10px;
}
.locationtxt .neighboricons h1{
    font-size:3em;
/*    text-align: left;*/
}
.locationtxt p{
    font-size: 1.1em;
    padding:0px 30px;
        
}
.locationtxt .subfeature{
    margin-top: 50px;
}


.bluebg {
    background: #3F76B2;
}



.greenbg {
    background: #0E8742;
}



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

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

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

.contact {
    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;
    height:115vh;
    color:#fff;
    margin-top:-20px;
    margin-bottom:-20px;
}
.contact2 {
    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;
text-align: left;
    height:120vh;
    color:#fff;
}

.contactbg {
    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;

}
.pad40{
    padding: 40px;
}
.locationtxt .pad40{
   padding-bottom: 120px; 
}
.contactright{
    padding:0px 50px!important;
    height:550px;
}
.contact img{
    width: 100%;
}
.contact hr{
    border: 0;
    height: 1px;
    background: #2A6C95;
    background-image: linear-gradient(to right, #fff, #2A6C95);

}

.contact p {
    font-size: 1.2em;
    line-height: 1.6em;    
}
.contact p span {
    font-size: 1.7em;
}

.contact h1 {
    font-size: 1.2em;
    margin-bottom: 0px;
    margin-top:15px;
}
.ownership{
    padding-left:10px;
    margin-bottom:0;
}
.amlogo {
    padding-top:12px;
    width:20%;
    padding-right:20px;
    float:left;
}
.amlogo svg{
    width:100%;
    height:auto;
}.contact .ownership p{
    margin-top:10px;
    margin-bottom:10px;
    line-height: 1.4em;
    font-size:1em;
}
.contact .ownership .contactp2{
    position: relative;
    top:-10px;
    padding-top:0px;
    margin-left:-10px;
    margin-top:0px;
    margin-bottom:0px;
}
.contact .ownership p a, .ownership p a:active{
    color:#9df8fb;
}
.ownership p a:hover{
    color:#a9fbd4;
    cursor:pointer;
}
.contacttxt a {
    color: #fff;
}

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

.contactlogo {
    width: 120px;
}
.contactlogo:hover{
    cursor: pointer;
}
.contactlogo img{
    height:25px;
    width:auto;
}


#form-container{
    color:#fff;
    padding:10px 50px;
}


#form-container .input-field>label{
    color:#fff;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    border-bottom: solid thin #fff;
}


#leasingbtn{
    padding:6px 10px;
/*    border:solid thin #fff;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    width:220px;
    font-weight: 500;
    text-transform: uppercase;
}
#leasingbtn:hover{
    color:#66d3ee;
    cursor: pointer;
}
.leasingteam{
    padding-left:10px;
    font-size: 1.1em;
    font-weight: 300;
    
}

.leasingteam li{
    margin-bottom: 20px;
    height:120px;
}
#leasingbtn i.arrow{
    transition: transform 0.3s;
}
#leasingbtn.active i.arrow, #leasingbtn:hover i.arrow{
    transform: rotate(180deg);
}
#leasingbtn.active:hover i.arrow{
    transform: rotate(0deg);
}
.leasingteam li.cbrelogo{
    height:35px;
    padding-top:10px;
}
.leasingteam li.cbrelogo svg{
    height:100%;
    width:auto;
}
.vis{
    display:block;
}
.invis{
    display: none;
}
.energy{
    position: fixed;
    bottom:20px;
    right:20px;
}
.energy img{
    width:55px;
    height:auto;
}
.footer {
    color: #fff;
   position: fixed;
    bottom: 0px;
    background-color: #103149;
    font-size: .7em;
    letter-spacing: 2px;
    width: 100%;
    height: 35px;
    padding-top: 0px;
    z-index: 20;
}


.footerfull .cbrelogo{
    padding-left:20px;
    width:100px;
    height:auto;
    margin-top:5px;
}
.footerfull .cbrelogo svg{
    width:100%;
    height:auto;
}
#footer-trigger{
    width:100%;
    height:1px;
    position: relative;
    z-index:1000;
    top:-100px;
}

.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;
}
.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: 10px;
    width: 220px;
    height: auto;
    left: 60px;
    z-index: 905;
}
.logom svg{
    width:100%;
    height:auto;
}
#homeslider{
    height:290px;
}
#carouselm1 {
    top: 5px;
    width: 100%;
    height: 290px;
}
.homem {
    padding-top: 55px;
    
}

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

.homem .hometxt {
    background: #103149;
    height: 470px;
    color: #fff;
    width: 100%;
    padding: 30px 30px;
    margin-top: -30px;
    position: static;
    top: 0px;
    text-align: center;
}

.homem .hometxt p {
    font-size: 1.2em;
    line-height: 1.6em;
    
}
.homem .hometxt h4 {
    font-size: 1.4em;
   
}

.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: 60%;
    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;
}

@media only screen and (max-width: 1400px) {
   .quote h5 {
    font-size: 2.5em;
    }
    .features p {
    font-size: 1.1em;
}
    .specs p {
    font-size: .6em;
    line-height: 1.1em;
}
}
@media only screen and (max-width: 1270px) {
    .stackc .leftc {
        padding-left: 5%;
    }
}

@media only screen and (max-width: 1250px) {
    .contact {
        font-size: .85em;
    }
}

@media only screen and (max-width: 1195px) {
    .team .txt {
        padding: 80px 5%;
    }
}

.sidenav li > a.side-logo {
    font-size: 1.4em;
    margin-top: 30px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1100px){
    .feat2, .feat2a{
        top:0px;
        margin-bottom: 0px;
    }
    .feat2 .textleft {
    padding-top: 0px;
}
    .textright.feat2at {
    top: 0px;
}
}


/* 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 (max-width: 1280px) {
    .locationtxt h1{
        font-size: 1.8em;
    }
    .locationtxt p{
        font-size:.9em;
    }
    .dloadfloor{
        font-size: .9em;
    }
}

@media only screen and (max-width: 1170px) {
    .dloadfloor{
        font-size: .8em;
    }
}
@media only screen and (max-width: 1130px) {
    .stackc .leftc {
        padding-left: 0;
    }
}

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

@media only screen and (max-width: 992px) {
    .features .txt {
        padding: 10px;
    }
    .hometxt h1 {
        font-size: 1.8em;
    }
    .stackc .leftc {
        padding-left: 6%;
    }
    /*
nav .brand-logo {
    left: 250%;
    
}
*/
    .mapgradient{
        width:66%;
    }
    .contact {
        font-size: .9em;
        line-height: 1em;
        padding-left: 0px;
        top: 0px;
    }
    
    .retail-features p,
    .retail-features p.top-15 {
        vertical-align: bottom;
        top: -5px;
    }
    .retail-features span {
        position: relative;
        top: 0px;
        left: 0px;
    }
    .retail-features h2 {
        text-align: center;
    }
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }
    .contact-c {
        height: 850px;
    }
    #index-banner .section {
        top: 10%;

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

    }
    
}

@media only screen and (max-width: 830px) {
    .stackc .leftc {
        padding-left: 0;
    }
    img.stackplan {
        max-height: 450px;
        width: auto;
    }
    
    #floortext,
    #sftext {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 830px) {
    img.stackplan {
        max-height: 400px;
        width: auto;
    }
    #fl27 {
        margin-top: 40px;
    }
    #fl18 {
        margin-top: 60px;
    }
    #fl12 {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 750px) {
    .contact {
        font-size: .7em;
        line-height: 1em;
    }
}

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

.sidenav {
    background: #002642;
}
@media only screen and (max-width: 1366px) {
    .locationtxt {
/*        padding-top: 75px;*/
    }
    .locationtxtc {
    height: 675px;
}
   
}

@media only screen and (max-width: 1500px) {
    
    .stack{
    margin-left:15%!important;
}
}

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



@media only screen and (max-width: 1100px) {
    .hometxt h1{
        font-size: 2em;
        padding-top:120px;
    }
    .hometxt{
        height: 755px;
    }
    .locationtxt h1 {
font-size: 1.1em;
    }
    
    .locationtxt p{
        font-size: .8em;
    }
    
    .dloadfloor {
    font-size: .7em;
}
    .floors{
        left:0px;
        font-size:.4em;
    }
}

@media only screen and (max-width: 600px) {
    
    nav{
        position: fixed;
        top:0;
    }
    nav .brand-logo{
        margin-left:100px;
    }
    .brand-logo svg{
        width:125px;
    }
    .hometxt h1 {
        padding-top: 0px;
    }
    .home {
        border-bottom: none;
    }
    .featureswhitebtm{
        height:1350px;
        margin-bottom: -1350px;
    }
    .quote{
    padding:30px;
}
    .quote h5 span.quoteb {
    font-size: 1em;
     vertical-align: 0px; 
}
    .feat6{
    top:0;
}
    .features {
        font-size: 1.3em;
    }
    .features .txt {
        padding: 10px;
    }
    
    .features p {
    letter-spacing: 0px;
}
    .contacttext-c {
        padding: 0px 30px 50px 30px;
    }

    #navmenu {
        position: fixed !important;
        top: 0;
        left: 0;
        height: 100px;
        width: 100px;
    }
    nav .nav-wrapper {
        position: fixed !important;
        top: 0;
        left: 0;
        background-color: rgba(61, 61, 61, 0);
        width: 80px;
        height: 55px;

    }


    .button-collapse {
        margin: 10px 0px 0px 20px !important;
    }
    .darkbgtrans {
        height: 660px !important;
    }
    
.dloadfloor{
        max-width:150px;
    margin:auto;
    margin-top:10px;
    }
    .environ .quote h5, .quote h5 {
    font-size: 1.5em;
        letter-spacing: 0px;
}
    
    .locationtxt{
/*        padding-top: 30px;*/
        height:auto;
        font-size:1.3em;
    }
    
    .neighborhood{
        height:auto;
    }
    .specsrow{
        position: relative;
        top:-600px;
    }
    .specsc{
        height:2400px;
    }
    .specstxt .label {
        text-align: left;
    }
    #index-banner .section {
        top: 0;
    }

    #nav-container {
        position: fixed !important;
        top: 0;
    }
    .gallery-mobile p {
        font-size: 1.5em;
    }
    nav {
        max-width: 600px;
    }
    .parallax-container.specsc{
        height:2800px;
    }
    .specstxt {
        margin-right: 0px;
        margin-top: 20px;
        font-size: 1.4em;
        padding: 10px 40px 30px 40px;
    }
    .sustainc .col.m3{
    width:100%;
}
    .contact{
font-size:1.4em;
        letter-spacing: 0px;
/*        background:rgba(0,0,0,.8);*/
    }
    .contacttxt h1 {
    padding-top: 50px;
        margin:0;
}
    
    .contactbg {
        height: auto;
    }
    .leasingteam li{
       font-size: .8em; 
    }

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

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

    .hometxt.movedown {
        top: 400px;
    }

    .parallax-container {
        min-height: 200px;
    }
    h5 {
        font-size: 2em;
        
    }
    .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;
    }
}

@media only screen and (max-width: 430px) {
    .logom{
        width:120px;
    }
    nav{
        width:100%;
    }
    .subscribe{
        padding-left:10px;
    }
    .home{
        top:40px;
    }
    #carouselhome {
    height: 305px!important;
}
    .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;
    }
    .locationtxt p{
        padding:0;
        }
        .locationtxt{
            font-size: 2em;
        }
    .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 only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .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;
}

}

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

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.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 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;
}