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

/*

blue
#1966a5;

dark dark blue
#131b22;


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

body{
/*    font-family: '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', sans-serif;
    overflow-x:hidden;
/*    font-weight: 300;*/
    letter-spacing:1px;
}
*:focus {
    outline: none !important;
   }

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

nav ul{
    margin-left:120px;
}

nav ul a{
    padding:0 25px;
    -webkit-transition: none; 
   transition: none; 
    font-weight: bold!important;
}

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

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


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

#dropdownlocation{
    width:100%!important;
}

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

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

nav a.brand-logo{
    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;}







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




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

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


.parallax-container{
    height:800px;
}

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

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

.sidenav li{
        text-transform: uppercase;
    font-weight: bold!important;
    
    }
.sidenav li>a{
    color:#fff;
}
.scrollspy{
    position: relative;
}

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

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

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

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

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

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

nav ul a.active{
   color:#bdd9fa;
}

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

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


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

nav{
    z-index: 903;
   box-shadow: none;
    position: fixed;
    background:rgba(0,0,0,.85);
}


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

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

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

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



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



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

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

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

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


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

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

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



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

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

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

.nomarginbtm{
    margin-bottom: 0px;
}

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

.transbg{
    background:transparent;
}

.darkbluebg{
    background-color:#023873;
}
.whitebg{
    background-color: #fff;
}


.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%;
}
.bgtransblue{
     background-color:rgba(24, 80, 142, .3);
}
.bgtranswhite{
     background-color:rgba(255, 255, 255, .7);
}
.bgtransgray{
/*     background-color:rgba(39, 45, 49, .7);*/
    background-color:rgba(21, 24, 31, .7);
}


.bgdarkblue{
     background-color:#14487c;
}
.bgdarkgray{
     background-color:#272c32;
}

.bgdarkerblue{
     background-color:#0f1b25;
}



.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-gray{fill:#66594D;}
.fill-gray2{fill:#B6B5B8;}
.fill-lightblue{fill:#adbfed;}
.fill-2{fill-rule:evenodd;clip-rule:evenodd;fill:#C7C9CA;}

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

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

.whitetxt{
    color:#fff;
}

.graytext{
    color:#666;
}


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


.trans3{
    opacity:.3
}
.row.padright20{
    padding-right:20px;
}

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

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


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

}
.home{
    position: relative;
    z-index:1;
    border-bottom: solid thin #ccc;
}

.wired{
    position: absolute;
    bottom:80px;
    right:40px;
}
.wired img{
    width:55px;
    height:auto;
}
.hometxt{
    color:#fff;
    width:100%;
    padding:10px 30px;
    margin-top:90px;
    opacity:0;
    position: relative;
    top:30px;
    text-align: right;
}

.hometxt h1{
    font-size: 2.6em;
    margin-bottom: 0px;
    line-height: 1.4em;
}
.hometxt h1 span{
/*    font-size: 1.2em;*/
}
.hometxt p{
/*    font-size:1.3em;*/
    color:#fff;
    line-height: 1.6em;
    font-size:1em;
    font-family: 'Montserrat', sans-serif;
}
.tourbtn{
    width:200px;
    height:auto;
    float: right;
}
.tourbtn h2{
    font-size:1em;
}
/*------- SAFETY ----------------*/

.safetybg{
    position: fixed;
    height:800px;
    width:100%;
    z-index:-1;
    top:0;
/*    background: url('../images/safetybg3.gif') repeat;*/
    background: url('../images/safetybg7.jpg');
}

.safety{
    background: transparent;
    padding-top:50px;
}

.safety .txt{
    margin: 100px auto 140px auto;
    padding:80px 100px;
    color:#000;
    text-align: center;
    
}
.safety h1{
    font-size: 2.5em;
/*    color:#d4c3ab;*/
    color:#232d46;
    font-weight: 300;
}
.safety p{
    font-size: 1em;
    line-height: 2.5em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.safety .btn-large{
    font-size:18px;
}




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

.gal27, .gal12, .gal7, .gal6, .gal5, #space12, #space7, #space6, #space5{
    display:none;
}
#spaceimg{
    padding-top:35px!important;
}
.gallery{
    position: relative;
    z-index:20;
}
.instruct{
    text-align: center;
    font-size:.8em;
    color:#3c68b5;
    letter-spacing: 1px;
}

.gallery .instruct{
    margin-top:5px;
    color:#25314d;
    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  ----------------*/

.carouselc{
    padding:0px 20px 40px 20px;
}
#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;
}
.floors{
    text-align: left;
}
.availsc{
    padding-top:90px;
}
.stack{
    text-align: right;
    height:700px;
    margin-top:20px;
}

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


.avails{
    color:#fff;
    margin-top:-30px;
    padding-bottom: 70px;
}


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

.avails h1{
    text-align: center;
    font-size: 2.2em;
    letter-spacing: 2px;
    opacity:0;
    top:10px;
    position: relative;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.avails .bordertop{
    border-top: solid thin #999;
}
.avails .borderbtm{
    border-bottom: solid thin #999;
}
.avails .container{
    width:90%;
}

.avails .instruct{
    color:#c9ced4;
    margin-bottom:20px;
    font-size: .8em;
    margin-top:20px;
}

.fl{
    margin-bottom:0px;
}

.floorplan .m9 img{
    width:85%;
    height:auto;
    margin-bottom:20px;
}

.floorplan .m12 img{
    width:65%;
    height:auto;
    margin-bottom:20px;
}
.floorplan #spaceimg img{
    width:100%;
}
.fl:hover{
    cursor: pointer;
    color:#000;
}

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

#planc{
    color:#fff;
}
#planc img{
    margin-top:40px;
    margin-bottom:30px;
}

#planc.moveright{
    position: relative;
    left:12%;
}

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

.stackc .leftc{
    padding-left: 10%;
}
#stackcarousel{
    height:300px!important;
}

.dloadlink{
    width:auto;
}

.dloadlink a{
    padding:3px 8px;
    font-size:1.3em;
     color:#c6d4e4;
}
.dloadlink a:hover{
    cursor:pointer;
    color:#fff;
}
#floortext{
    font-size: 1.6em;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform:uppercase;
}
#floortext span{
    position: relative;
    top:-5px;
    font-size: .9em !important;
    text-transform:uppercase;
    color:#fff !important;
}
#planimg{
    margin-top:35px;
}
#sftext{
    font-size: 2.2em;
    letter-spacing:2px;
    font-weight: 100;
    line-height: 1.2;
    text-transform:uppercase;
}
#floortext span{
    color:#c3b196;
    font-size:.7em;
}
.stackfloors{
    text-align: left;
    color:#c9ced4;
    
}
.stackfloors .active{
    color:#fff;
}

.stackfloors div:hover{
    cursor:pointer;
    color:#fff;
}
/*#fl27{
    margin-top:50px;
    margin-left:-65px;
}
#fl18{
    margin-top:65px;
    margin-left:-30px;
}
#fl12{
    margin-top:175px;
}*/

#fl10{
    margin-top:280px;
}

#fl7{
    margin-top:335px;
}
/*#fl5{
    margin-top:15px;
}*/

#fl4{
    margin-top:25px;
}





.dloadfloor a, .tourfloor a{
    color:#fff;
    letter-spacing: 1px;
}

.dloadfloor a:hover, .tourfloor a:hover{
    color:#e8d6a7;
}

.dloadfloor{
    margin-top:20px;
    margin-bottom: 10px;
}
.tourfloor{
    margin-top:20px;
    margin-bottom: 40px;
}



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

.bgspecstxt{
    background-color:#fff;
    margin-top:50px;
    margin-bottom:50px;
}
.specs{
    margin-top:-20px;
    height:900px;
    padding-top:80px;
    position: relative;
    z-index: 20;
}
.specsbg{
   background: url('../images/specsbg2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}
.specstxt{
    font-size: 1.1em;
    font-weight: 200;
    letter-spacing:1px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}
.specstxt .row{
    margin-bottom: 15px;
}

.specstxt{
    margin-right:40px;
    padding:5px 30px 30px 20px;
    letter-spacing:0;
}
.specstxt h1{
    font-family: 'Poiret One', sans-serif;
    text-align: center;
 font-size: 2.7em;
text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 70px;
    font-weight: 300;
    color:#06508d;
}
.specstxt .label{
    text-align: right;
    font-weight: 500;
}





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

.transportation{
    position: relative;
    z-index:10;
    padding:50px;
    height:1000px;
}

.map-transport{
    text-align: center;
    padding-bottom:20px;
}

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




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


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

#neighbor-trigger{
    position: relative;
    top:-100px;
}
.neighborhood{
    margin-top:-20px;
    position: relative;
    z-index: 20;
    padding:40px 0px 40px;
    color:#fff;
    background:#000;
}

.neighborhoodc{
    margin-top:40px;
}

.neighborhoodc img{
    width:100%;
    height:auto;
    min-height:210px;
}
.neighborhoodc .row, .neighborhoodc .col{
margin:0px
}
.neighborhoodc .col{
    padding: 0 .25rem;
}

/*------- TEAM ----------------*/
.row .col.moveleft{
    position: relative;
    left:5%;
}

.team{
    background: transparent;
    padding-top:50px;
}
.team .smalltxt{
    font-size: .8em;
    margin-bottom: 0px;
    font-family: Roboto;
    font-weight: 400;
    position: relative;
    top:10px;
}
/*
.scrollc{
    height:350px;
    overflow-y:scroll;
    margin-top:20px;
}
.scrollc::-webkit-scrollbar {
    -webkit-appearance: none;
}

.scrollc::-webkit-scrollbar:vertical {
    width: 11px;
}

.scrollc::-webkit-scrollbar:horizontal {
    height: 11px;
}

.scrollc::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 0px solid white;  should match background, can't be transparent 
    background-color: rgba(0, 0, 0, .2);
}
*/
.team .txt{
    margin: 100px auto 140px auto;
    padding:80px 12%;
    color:#000;
    text-align: center;
    
}
.team p.first{
    margin-top:0px;
}
.team h1{
    font-size: 2.5em;
    color:#06508d;
    font-weight: 300;
    position: relative;
    top:15px;
}
hr.blueline{
    border: 0;
    height: 1px;
    width:85%;
    background: #2d6e98;
    background-image: linear-gradient(to right, #ccc, #2d6e98, #ccc);
}
.secondteam h2{
    padding-top:50px;
    margin-bottom:15px;
}
.secondteam h4{
    padding-bottom:25px;
}
.team h2{
    font-size: 1.8em;
    color:#06508d;
    font-weight: 300;
    margin-top:0;
}
.biopic img{
    width:100%;
    height:auto;
    max-width:300px;
}
.team p{
    font-size: .9em;
    line-height: 1.6em;
    font-family: 'Montserrat', sans-serif;
}
.team .krwlogo{
    width:50%;
    margin:auto;
    margin-bottom: 10px;
    height:auto;
}
.team .krwlogo svg{
    width:100%;
    height:auto;
}
.team .krwlogo .fill-white{
    fill:#405c7c;
}
.team .krwlogo .fill-darkblue2{
    fill:#FFFFFF;
}

.teamright p, .teamright h2, .teamright h4{
    padding-left:20px;
}
.closebtn{
    position: absolute;
    top:15px;
    right:20px;
    padding: 0px!important;
}
.md-close i{
    font-size: 2.4em;
    position: relative;
    left:3px;
}
.team h4{
    font-size:1.2em;
    text-transform: uppercase;
    font-weight: 300;
    margin-top:-5px;
    margin-bottom:-10px;
}
.teamleft h2{
    margin-bottom: -10px;
}
figure h3{
    font-family: 'Montserrat', sans-serif;
    font-size:1em;
    color:#0078db;
    margin-top:0px;
    padding-top:6px;
    padding-bottom:0px;
    margin-bottom:0px;
    background:#fff;
}

/*------- CONTACT ----------------*/
.contact{
   padding-top:120px;
}

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

}
.contacttxt{
    margin-right:40px;
    position: relative;
    left:30px;
    color:#fff;
    text-align: center;
}

.contacttxt h1{
    font-size: 2.5em;
    font-weight: 300;
    text-transform: uppercase;
    
}
.contacttxt p{
    font-size: 1.2em;
    line-height: 2em;
    font-family: 'Montserrat', sans-serif;
}
.contacttxt h2{
    font-size: 1.2em;
    line-height: 2em;
}



.collierslogo{
    margin-top:8px;
    width:83px;
    float:right;
}
.collierslogo svg{
    width:100%;
    height:auto;
}
.contacttxt a{
    color:#fff;
}
.contacttxt a:hover{
 color:#bbd8f9;
}
.contactlogo{
    margin-top:10px;
    margin-bottom:0px;
    position:relative;
    top:10px;
}
.contactlogo svg{
    width:90%;
    height:auto;
}
.contactlogo svg .fill-cyan{
    fill:#223369;
}
.contactlogo svg .fill-white{
    fill:#666;
}
.headshot{
    width:28%;
    display: inline-block;
}
.headshot img{
    width:100px;
    height:auto;
}
.contacttxt .txt {
    width:70%;
    display: inline-block;
    position:relative;
    top:-10px;
}
.contacttxt .txt p{
    padding-left:10px;
    font-size: 1em;
    text-align: left;
}

/*--------- MOBILE ----------*/
.homem{
    padding-top:55px;
}
.homem img{
    width:100%;
        height:auto;
}
.homem .hometxt{
    background: #fff;
    height:400px;
    color:#000;
    width:100%;
    padding:30px 30px;
    margin-top:0px;
    position: static;
    top:0px;
    text-align: center;
}
.homem .hometxt p{
    font-size:1.2em;
    line-height: 2em;
    color:#000;
}
.wiredm img{
    width:50px;
    height:auto;
}
.stackm h1{
    text-align: center;
    padding:80px 0px 40px 0px;
    color:#fff;
    text-transform: uppercase;
}

.stackm img{
    height:auto;
    width:60%;
    margin:auto;
}
.stackm{
    text-align: center;
}
.neighborm img{
    width:100%;
    height:auto;
}
.locationm{
    background:#000;
    margin-top:-20px;
}
@media only screen and (max-width : 1270px) {
.stackc .leftc{
    padding-left: 5%;
}
}
@media only screen and (max-width : 1250px) {
.contacttxt .txt{
        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;
}
.side-logo:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 100%; /* Change this to whatever width you want. */

    border-bottom: 1px solid #999; /* This creates the border. Replace black with whatever color you want. */
    opacity:.2;
}
.medlogo{
    z-index: 998;
    font-size: 1.6em;
    position: fixed;
    top:16px;
    left:60px;
    color:#fff;
}
/* ipad portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
    .contact.h800{
        height:1100px;
    }
.safetybg{
    height:100%;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
      #map{
        height:500px;
 
    }
    .neighborhoodc img{
    min-height:150px;
}
}

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

@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) {
    .hometxt{
        margin-top:0px;
        top:-250px;
    }
    .hometxt h1{
        font-size:1.8em;
    }
    .stackc .leftc{
    padding-left: 6%;
}
nav .brand-logo {
    left: 250%;
    
}
    .headshot {
        width:100%;
    }
    .contacttxt .txt{
        font-size:.9em;
        line-height:1em;
         padding-left:0px;
        top:0px;
    }
    .contacttxt{
        left: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;
 
    }
    .neighborhoodc img{
    min-height:150px;
}
}

@media only screen and (max-width : 830px) {
    .stackc .leftc{
    padding-left: 0;
}
    img.stackplan{
max-height:450px;
        width:auto;
}
    .stackfloors{
        font-size:.8em;
    }
    #floortext{
    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) {
 .contacttxt .txt{
        font-size:.7em;
        line-height:1em;
    }
}
@media only screen and (max-width : 1400px) {
/*
  .collapsible-body li{
    font-size: .8em !important;
}
*/
}

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

@media only screen and (max-width : 600px) {
    .tourbtn{
        float:none;
    }
    .home{
        border-bottom: none;
    }
    .safety p {
    font-size: 1.2em;
}
    .safety .txt{
        padding:50px;
    }
    .contacttext-c{
    padding:0px 30px 50px 30px;
}
    .tourbtn .grid{
   position:relative;
        left:50%;
        margin-left:-100px;
        border:solid 0px #fff !important;
}
    #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;
    }
    .msectiontop{
        margin-top:220px;
    }
    .msectionlabel{
        text-align: center;
        color:#25aae1;
    }
    
    .team{
        padding-top:0px;
    }
    .team .row .col.moveleft {
    left: 0%;
}
    .biopic img{
        width:50%;
        max-width: none;
    }
    .team p{
        font-size: 1em;
    }
    
    .specstxt .label{
        text-align: left;
    }
  #index-banner .section {
    top: 0;
  }
    
    #nav-container{
    position: fixed !important;
    top:0;
}
    .gallery-mobile p{
        font-size: 1.5em;
        font-weight: bold;
    }
    nav{
        max-width:600px;
    }
    .tourfloor{
    margin-top:0px;
}
    #featuresdivider{
    top:0px;
}
    .specstxt{
        background:#fff;
        margin-right:0px;
        margin-top:20px;
        font-size: 1.2em;
        padding:10px 40px 30px 40px;
    }
    .contacttxt .txt{
        font-size:1.2em;
        
        line-height:1.6em;
    }
    .contacttxt .txt p{
        text-align: center;
        }
    .contactbg{
        height:auto;
    }
    .contactlogos {
        padding-bottom: 50px;
    }
    .swiper1{
        position: absolute;
        width:100%;
    }
    #index-banner{
        height:860px;
        width:100%;
    }
    
    .swiper-container {
      height: 400px;
    }
    .hometxt{
        width:100%;
        top:400px;
    }
    
    .hometxt.movedown {
    top: 400px;
}
    
    .parallax-container {
    min-height: 200px;
}
    h5{
        font-size: 2em;
        letter-spacing: .3em!important;
    }
    .parallax-container .section{
        top:20%;
    }
    
    .featurestext-c{
        top:1460px;
        width:100%;
        height:650px;
        padding:20px;
    }
    .featurestext-c .bluebgtrans{
        background-color:#525a66;
    }
    .featureslist li {
    line-height: 1.4em;
    }
    #stack1{
        height:300px;
    }
    .stack-small{
        text-align: center;
    }
    .stack-small .dloadlink{
        margin-bottom:30px;
        margin-top:20px;
    }
    .stack-small hr{
        width:80% !important;
    }
    img.smallstack{
        height:auto;
        width:50%;
    }
    img.smallplan{
        margin-top:20px;
        width:70%;
        height:auto;
    }
    .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;
    }
    .owner-c{
        height: 400px;
    }
    .ownertext-c{
        margin-top:0;
        background-color: rgba(11, 24, 35, 0);
    }
    .mcalign, .gallery-mobile{
        text-align: center;
    }
    .gallery-mobile{
        background: #fff;
        padding-top:50px;
    }
    .gallery-mobile img{
        width:90%;
        margin:auto;
        height:auto;
    }
    .contacttext-c{
        margin-top:0;
        color: #000;
        background-color: rgba(11, 24, 35, 0);
    }
    
    .contact-c{
        height:600px;
    }
    
    .contactlogo{
        margin-top:20px;
    }
    .contacts{
        margin-top:0px;
    }
    
    .availsdivider h5{
        font-size: 2em;
        letter-spacing: 7px;
    }
    
    .bordermidnav{
        opacity: 0;
    }
    #navbg{
        height: 56px;
    }
}

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

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


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


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