/* 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: 'Inter', sans-serif;
    overflow-x: hidden;
    /*    font-weight: 300;*/
    letter-spacing: 1px;
    background-color: #103149;
}

*:focus {
    outline: none !important;
}


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

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

nav ul {
    margin-left: 30px;
}

nav ul a {
    padding: 0 12px;
    color:#fff;
/*    font-size: 1rem;*/
}
nav ul a  i{
    font-size: .85em;
}
nav ul a:hover {
    background: none;
}

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

nav ul li:last-child {
    padding-right: 20px;
}
/*
nav.whitetxt ul a{
    color:#fff;
}
*/

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

nav ul li.active a{
    color: #f84b5a;
}

.navbg{
    width:100%;
    height:60px;
    position: absolute;
    right:0;
    top:0;
    background-color: #103149;
}

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









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

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

}

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

.scrollspy {
    position: relative;
}

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

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

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

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

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

}

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



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


.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: 1160px) {
    nav ul a {
        padding: 0 10px;
    }
}



@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 {
    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;
}

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

.purpletext {
    color: #ba9ae8;
}

.lightbluetext {
    color: #4189e0;
}

.orangetext {
    color: #fa9163;
}

.lightbluetext {
    color: #4189e0;
}


.trans3 {
    opacity: .3
}


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

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

.home {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: hidden;
}

.home .line{
    width:10px;
    height:1px;
    background:#fff;
    opacity:0;
}
.hometxt {
    color: #fff;
    width: 100%;
    padding: 10px 30px;
    height: 800px;
}

.hometxt h1 {
    padding-top: 210px;
    font-size: 2.2em;
    margin-bottom: 10px;
    line-height: 1.2em;
    opacity:0;
    font-weight: 700;
    margin-top: 20px;
}

.hometxt p {
    letter-spacing: 1px;
    font-size: .9em;
    /*line-height: 1.6em;*/
    opacity:0;
    margin-top:10px;
    padding-top:10px;
}
.hometxt h4 {
    opacity:0;
}

.hometxt h4 {
    margin-top: 0;
    font-size: 1.1em;
    letter-spacing: 0px;
    line-height: 1.4em;
}

.hometxt h4 span{
    margin-top: 0;
    font-size: 1.3em;
    letter-spacing: 0px;
    line-height: 1.4em;
}
.hometxt p.amenity{
    font-size:.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 */
}



.home .grid {
    max-width: 200px;
    margin: 0px;
}

.home .grid h3 {
    font-size: 1em;
    margin: 10px;
}

#carousel1 {
    width: 100%;
    height: 800px;
}
.h-one {
    background: url('../images/home/1.jpg') no-repeat left top fixed; 
    background-size: contain;
/*     background-size: 80% 100%;*/
    
}


.h-two {
    background: url('../images/home/2.jpg') no-repeat left top fixed; 
     background-size: 80% 100%;
    background-size: contain;
}

.h-three {
    background: url('../images/home/3.jpg') no-repeat left top fixed; 
     background-size: 80% 100%;
    background-size: contain;
}

.h-four {
    background: url('../images/home/4.jpg') no-repeat left top fixed; 
     background-size: 80% 100%;
    background-size: contain;
}

.h-five {
    background: url('../images/home/5.jpg') no-repeat left top fixed; 
     background-size: 80% 100%;
    background-size: contain;
}
/*------- features ----------------*/

#carousel2 {
    width: 100%;
    height: 800px;
}

.featuresbg {
    position: fixed;
    height: 800px;
    width: 100%;
    z-index: -1;
    top: 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;
}
.featureswhitebtm{
    position: relative;
    z-index:5;
    top:290px;
    margin-bottom: -530px;
    width:100%;
    height:530px;
    background: #fff;
}
.features {
    background: transparent;
    position: relative;
    z-index:6;
    padding:20px;
    padding-top: 140px;
    color:#103149;
}
.features .instruct{
    margin-bottom: 8px;
    color:#85a2bc;
}

.feature img{
    width:100%;
    height:auto;
}
.feature h2{
    position: relative;
    top:-20px;
    background:#dc4754;
    margin:auto;
    width:140px;
    font-size:1em;
    font-weight: 600;
    padding:5px;
    text-align: center;
    margin-bottom: 0px;
    color:#fff;
}
.feature h2.long{
    width:180px;
}
.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;
}
.modal-header a{
    float:right;
    font-size: 4em;
    color:#7cd8fa;
    line-height: .1em;
}
#modal1, #modal1 .darkbluebg, #modal4, #modal4 .darkbluebg{
    height:465px;
}

#modal2, #modal2 .darkbluebg{
    height:565px;
}
#modal5, #modal5 .darkbluebg, #modal6, #modal6 .darkbluebg, #modal7, #modal7 .darkbluebg, #modal8, #modal8 .darkbluebg, #modal3, #modal3 .darkbluebg{
    height:560px;
}

.feature a{
    color:#103149;
}
.feature img:hover{
    cursor: pointer!important;
}
.feature a:hover h1{
    color:#16b2fb;
}
.features-modal img{
    height:auto;
    width:100%;
}
.modal.features-modal{
    max-height: 95%;
    width: 95%;
}
.modal.features-modal .modal-content{
    padding:0;
}
.modal.features-modal .col{
    padding:20px;
}
.modal.features-modal .col.darkbluebg{
    color:#fff;
    padding:20px 30px;
    height:600px;
}
.features-modal h1{
    padding-top:80px;
}
#modal1.features-modal h1{
    padding-top:20px;
}
.features-modal h2{
    font-size:1.6em;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
.features-modal p{
    letter-spacing: 0px;
    font-weight: 300;
    line-height:1.8em;
    margin-top:5px;
}

.modal.modal-fixed-footer .modal-content {
    height: auto;
}
/*----------------- GALLERY -----------------*/

.gal27,
.gal12,
.gal7,
.gal6,
.gal5,
.gal3,
#space12,
#space7,
#space6,
#space5,
#space3 {
    display: none;
}

#spaceimg {
    padding-top: 35px!important;
}
#galthumb-trigger{
    position: relative;
    top:50px;
}
#galthumb-trigger2{
    position: relative;
    top:-150px;
}
#galthumb-trigger3{
    position: relative;
    top:80px;
}
#galthumb-trigger4{
    position: relative;
    top:80px;
}
.gallery {
    position: relative;
    z-index: 20;
}

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

.gallery .instruct {
    margin-top: 120px;
    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  ----------------*/

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

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



.stacksection{
    padding-top:50px;
}



.avails {
    color: #000;
    margin-top: 50px;
    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;
}
#floor-trigger2 {
    position: relative;
    top: 0px;
}
.avails {
    color:#fff;
}
.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 .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;
}


.dloadlink {
    width: auto;
}

.dloadlink a {
    padding: 3px 8px;
    font-size: 1.3em;
    color: #c6d4e4;
}

.dloadlink a:hover {
    cursor: pointer;
    color: #fff;
    background:#f84b5a;
}

#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;
}
#tfita{
    display: none;
}

/*#floorspec::before {
    display: block;
    content: "";
    border-top: solid thin #999;
    width: 150px;
    margin: 0 auto;
    transform: translateY(-.5rem);
}

#floorspec::after {
    display: block;
    content: "";
    border-top: solid thin #999;
    width: 150px;
    margin: 0 auto;
    transform: translateY(.5rem);
}*/



.stackfloors {
    text-align: left;
    color: #95b6d7;

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

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

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

#fl10 {
    margin-top: 135px;
}
#fl8 {
    margin-top: 60px;
}

#fl5 {
    margin-top: 100px;
}




.dloadfloor a {
    color: #55bdf9;
    letter-spacing: 1px;
}
.dloadfloor:hover{
    background:#f84b5a;
    border: solid thin #f84b5a;
}
.dloadfloor:hover a:hover {
    color: #fff;
}

.dloadfloor {
    margin: 0px;
    max-width: 190px;
    border: solid thin #55bdf9;
    padding: 5px 10px;
}



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

.bgspecstxt {
    background-color: rgba(12, 30, 54, .7);
    margin-top: 50px;
    margin-bottom: 50px;
    color:#fff;
}

.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: 1em;
    font-weight: 300;
}

.specstxt .row {
    margin-bottom: 15px;
}

.specstxt ul {
    margin-top: 0px;
    margin-left: 20px;
}

.specstxt ul > li {
    list-style-type: disc!important;
}

.specstxt {
    margin-right: 40px;
    padding: 5px 30px 30px 50px;
    letter-spacing: 0;
}

.specstxt h1 {
    font-size: 2.2em;
    letter-spacing: 1px;
    margin-bottom: 40px;
    margin-top: 90px;
    font-weight: 400;
}

.specstxt .label {
    font-weight: 600;
    font-size:.9em;
    text-transform: uppercase;
}





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

.locationtxtc {
    height: 740px;
}


.borderright{
    border-right:solid thin #515d6a;
}

.locationtxt h1 {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 1.5em;
}
.locationtxt hr{
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
    margin-top:-4px;
    margin-bottom: 8px;
}

.locationtxt hr.gray{
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #515d6a, #515d6a, #515d6a);
    margin-top:3px;
    margin-bottom: 8px;
}

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

}

.mapgradient{
    width:65.4%;
    height:100px;
    position: absolute;
    top:0;
    /* 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) 14%, 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) 14%,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) 14%,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 */

}


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


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

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

.neighborhood {
    position: relative;
    z-index: 20;
    color: #fff;
}

.neighborhoodc {
        background:#103149;
}



.neighborhoodc .row,
.neighborhoodc .col {
    margin: 0px
}

.neighborhoodc .col {
    padding: 0 .25rem;
}

.locationtxtc {
    letter-spacing: 0px;
}

.locationtxtc .icon {
    color: #fff;
    padding-right: 8px;
}

.locationtxt {
    padding:25px;
    padding-top: 115px;
    color:#fff;
}

.locationtxt h2{
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 0px
}
.locationtxt p.transport{
    font-size: .9em;
    margin: 0px;
}
.locationtxt p{
    font-size: .95em;
}
.locations img{
    width:26px;
    height:auto;
    margin-right:10px;
}
.locations p{
/*    font-size: 1em;*/
    margin 0px;
    padding:0px;
    line-height: 1.1em;
    margin-block-start:5px;
/*    margin-bottom:0px;*/
}
.locations p span{
    font-size: .95em;
    color:#bbc8d4;
    padding-top:5px;
    position:relative;
    top:5px;
}
.locations .row{
    margin 0px;
}
/*.locations .p1 img{
    position:relative;
    top:13px;
}*/
.locations .p2 p, .locations .p1 p{
    position:relative;
    top:2px;
}
/*.locations .p3 p, .locations .p4 p{
    position:relative;
    top:-15px;
}*/
.icon i {
    padding-left: 8px;
    padding-top: 7px;
    font-size: 1.1em;
}

.icon .greenbg i {
    padding-left: 6px;
    font-size: 1em;
}

.icon .purplebg i {
    padding-left: 7px;
    padding-top: 8px;
    font-size: .9em;
}

.icon .redbg i {
    padding-left: 7px;
}

.locationtxtc .circle {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.orangebg {
    background: #E79435;
}

.bluebg {
    background: #3F76B2;
}

.fuschiabg {
    background: #B153A0;
}

.purplebg {
    background: #6653A3;
}

.greenbg {
    background: #0E8742;
}

.redbg {
    background: #BE2526;
}

img.tipimg {
    width: 150px;
    height: auto;
}

img.tipimg2 {
    width: 190px;
    height: auto;
}
img.tipimg3 {
    width: 120px;
    height: auto;
}

.material-tooltip {
    /*padding: 10px 8px;
    font-size: 1rem;
    z-index: 2000;
    background-color: transparent;
    border-radius: 2px;
    color: #fff;
    min-height: 36px;
    line-height: 120%;
    opacity: 0;
    position: absolute;
    text-align: center;
    max-width: calc(100% - 4px);
    overflow: hidden;
    left: 0;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    background-color: #323232;*/
    overflow: visible;
    padding: 15px;
    -webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,.23);
box-shadow: 2px 2px 15px 3px rgba(0,0,0,.23);
    background-color: #fff;
}
/*
#triangle-left{
    width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-right: 30px solid #fff;
      border-bottom: 15px solid transparent;
    position:absolute;
    left:-30px;
    top:25px;
}
*/
.material-tooltip:after {
    content:'';
    width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 20px solid #fff;
      border-bottom: 10px solid transparent;
    position:absolute;
    left:-20px;
    top:40%;
}

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

.contact {
    padding-top: 60px;
}

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

}

.owner {
    color:#fff;
    letter-spacing: 1px;
    padding:90px 80px 0px 50px;
}
.owner p{
    line-height: 2em;
}
.owner a{
    color:#c4e9f2;
}
.owner a:hover{
    color:#fa6774;
}

.contacttxt {
    position: relative;
    left: 50px;
    color: #fff;
}

.sideheight {
    min-height: 680px;
}


.contacttxt p {
    font-size: 1em;
    line-height: 1.4em;
    margin-left: 10px;
    
}

.contacttxt h2 {
    font-size: 1em;
    margin-top:90px;
}


.contacttxt a {
    color: #fff;
}

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

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

.borderside{
    border-right: solid thin #fff;
    height:530px;
}
#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;
}
.contacttxt .txt {
    width: 70%;
    display: inline-block;
    position: relative;
    top: -10px;
}

.contacttxt .txt p {
    padding-left: 10px;
    font-size: 1em;
    text-align: left;
}


/*--------- 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 .contacttxt {
    margin-top: 0;
    color: #000!important;
    text-align: center;
}

@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;
    margin-bottom: 40px;
}


/* ipad portrait */

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

    }
    
}

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

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

    }
    
}

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

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

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

@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{
/*        padding-top:25px;*/
    }
    .locationtxt p{
        font-size: .8em;
    }
    .locationtxt .locations p{
        font-size:.7em;
        padding-left:10px;
    }
    .locationtxtc {
    height: 510px;
}
    .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;
    }
    .featuresbg {
    height: 400px;
    background: url(../images/introbg.jpg) repeat;
    }
    .features {
        font-size: 1.3em;
    }
    .features .txt {
        padding: 10px;
    }
    .features-modal h1{
        padding-top:20px;
    }
    .modal.features-modal {
    height: 560px;
}
    .modal.features-modal .col.darkbluebg {
    height: 330px;
}
    #modal5,  #modal6,  #modal7, #modal8, #modal3, #modal2, #modal1{
        height: 550px;
    }
    #modal5 .darkbluebg, #modal6 .darkbluebg, #modal7 .darkbluebg, #modal8 .darkbluebg, #modal3 .darkbluebg, #modal2 .darkbluebg, #modal1 .darkbluebg {
height:340px;
    }
    h1.feat1 {
        text-align: center;
    }
    h1.feat2 {
        text-align: center;
    }
    .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;
    }
    .locationtxtc {
    top:470px;
    width: 100%;
    height: auto;
}
    .locationtxt{
/*        padding-top: 30px;*/
        height:auto;
        font-size:1.3em;
    }
    
    .neighborhood{
        height:900px;
    }
    .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;
    }
    
    .contacttxt{
padding-left:30px;
font-size:1.4em;
        letter-spacing: 0px;
/*        background:rgba(0,0,0,.8);*/
    }
    .contacttxt h1 {
    padding-top: 50px;
        margin:0;
}
    .contacttxt h2{
        margin-left:-.75rem;
        margin-top:0px;
    }
    
    .owner {
    color:#fff;
    letter-spacing: 1px;
    padding:30px 20px 0px 25px;
}
    .owner p{
        font-size:1.3em;
        line-height: 1.6em;
        letter-spacing: 0px;
    }
    .borderside{
    height:230px;
        border-right:0px;
}
    .contactbg {
        height: auto;
    }

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

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


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


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