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

*:focus {
    outline: none !important;
}



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


/* Icon 3 */

#nav-icon3 {
    z-index: 900;
    width: 50px;
    height: 35px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;

}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    -webkit-box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 10px 5px rgba(0, 0, 0, .2);
}

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 18px;
}

#nav-icon3 span:nth-child(3) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#nav-icon3 span:nth-child(4) {
    top: 36px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


.menuicon {
    display: block;
    position: fixed;
    top: 20px;
    right: 30px;
    font-size: 3em;
    color: #fff;
    z-index: 120;
    text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.brand-logo {
    background: #000;
    width: 140px;
    height: 92px;
    position: fixed;
    left: 50%;
    margin-left: -70px;
    z-index: 900;
}

.brand-logo svg {
    width: 100px;
    position: absolute;
    top: -40px;
    left: 20px;
}

.brand-logo svg .fill-white {
    fill: #c9c7ae;
}


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




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

/* Base style */

/*
     svg * {
        fill: none;
        stroke: currentColor;
      }
*/

/* Layout */

.introc {
    width: 60%;
    margin: auto;
    top: 10%;
    position: relative;
}

.hidden {
    display: none;
}


/* Themes */

.intro {
    display: block;
    background-color: #000;
    height: 100vh;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 910;
}


.introtag{
    width:730px;
    font-size: 1.2em;
    margin:auto;
    position: relative;
    margin-top:-50px;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 200;
    
height:60px;
}
.introtag div, .t2, .t3, .t4{
/*    opacity: 0;*/
}
.t1, .t2, .t3, .t4, .t5, #skip{
   opacity: 0;
}


.t1{
    margin:auto;
/*    left:60px;*/
}
.t1 span{
    color: #ababaa;
}
/*
.t1, .t2, .t3{
    color:#fff;
    font-weight: 300;
}.t2{
    top:20px;
    left:-10px;
}
.t3{
    top:20px;
    left:-10px;
}
.t5{
    left:210px;
}
*/
.t5{
    top:30px;
    
}


#skip{
    font-size: .9em;
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    font-weight: 300;
    text-transform: uppercase;
    position:absolute;
    right:-30%;
    bottom:-50px;
}
#skip a{
    color: #fff;
}
#skip a:hover{
    color:#98A378;
}
/*------- LINES ----------------*/

#feathead-trigger {
    position: absolute;
    top: 400px;
    width: 100%;
    height: 1px;
    z-index: 901;
}



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


.parallax-container {
    height: 100vh;
}

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

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

.sidenav {
    background: rgba(0, 0, 0, .9);
    padding-top: 5%;
}

.sidenav li {
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
}

.sidenav li::after {
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    background: #ccc;
    opacity: .1;
    position: relative;
    left: 20%;
    top: -5px;
}

.sidenav li:last-child::after {
    display: none;
}

.sidenav li > a {
    color: #fff;
    font-size: 1em;
    height: 60px;
    font-weight: 200;
    -webkit-transition: color 1s;
    /* For Safari 3.0 to 6.0 */
    transition: color 1s;
    /* For modern browsers */
}

.sidenav li > a.active {
    color: #cdbfa1;
    font-weight: 400;
}

.sidenav li:hover a {
    color: #cdbfa1;
    font-weight: 300;
}

.scrollspy {
    position: relative;
}

#safety {
    position: relative;
    height: 20px;
    top: 220px;
}

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

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

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

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

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

}



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

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

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


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




.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;
    margin-right: 0px;
    margin-left: 0px;
}

.nopad {
    padding: 0!important;
}

.nomarginbtm {
    margin-bottom: 0px;
}

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

.transbg {
    background: transparent;
}

.blackbgt {
    background: rgba(0, 0, 0, .7);
    color: #fff;
}

.whitebg {
    background-color: #fff;
}

.blackbg {
    background-color: #000;
    color: #fff;
}

.lightgreenbg {
    /*    background-color: #d0d1c8;*/
    background-color: #fafafa;
}

.h100 {
    /*    height:100%;*/
    height: 100vh;
}

.h105 {
    /*    height:100%;*/
    height: 105vh;
}

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

.scrollspy.bred {
    border: solid red;
    width: 100%;
    height: 1px;
    position: relative;
    z-index: 500;
}

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

.fill-red {
    fill: #EB1C2D;
}

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

.gold {
    color: #cdbfa1;
}

.graytxt {
    color: #d4d4d6;
}

.darkgraytxt {
    color: #898989;
}

.bluetxt {
    color: #3a4351;
}

.blue2txt {
    color: #39404f;
}

.blue3txt {
    color: #101828;
}

.blue4txt {
    color: #232938;
}


.whitetxt {
    color: #fff;
}

.whitetxtm {
    color: #fff;
    text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.4);
}

.blacktxtm {
    color: #000;
    text-shadow: 3px 3px 13px rgba(0, 0, 0, 0.1);
}

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

.basictxt {
    color: #fff;
    padding: 20px 30px;
    text-align: justify;
    background: rgba(0, 0, 0, .8)
}

.leftalign{
    text-align: left!important;
}
/*------- HOME ----------------*/

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

.home .section,
.home .row {
    margin-top: 0px;
    padding-top: 0px;
}

.home .carousel {
    position: fixed;
    position: 10px;
    height: 100vh;
}

.home .carousel img {
    height: 100vh;
}

.carousel .indicators {
    bottom: 30px;
}

.home .carousel .indicators {
    left: 16%;
}



/*-- arrow --*/

.arrowc {
    position: absolute;
    bottom: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}

[data-ca3_icon]::before {
    font-weight: normal;
    content: attr(data-ca3_icon);
}

.ca3-scroll-down-arrow {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
}

.ca3-scroll-down-link {
    cursor: pointer;
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
}


/*animated scroll arrow animation*/

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

.home .carousel {
    width: 85%;
}


.hometxt h1 {
    font-size: 1.2em;
    font-weight: 300;
    letter-spacing: 1px;
}

.hometxt h2 {
    font-size: 1.2em;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-top:10px;
}

.hometxt {
    margin-top: 75%;
    right: -195%;
    opacity: 0;
    position: relative;
    width: 100%;
}


.hometxt p {
    color: #fff;
    line-height: 1.5em;
    font-weight: 300;
}

.hometxt hr{
    border: 0;
    height: 1px;
    background: #565554;
    background-image: linear-gradient(to right, #565554, #565554, #565554);
}

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

.features {
    position: relative;
    z-index: 50;

}

.features h1 {
    padding-left: 20px;
    font-weight: 400;
    font-size: 2.3em;
}

.feattxt {
    width: 220%;
    margin-left: 50px;
    position: relative;
    z-index: 3;
}

.feattxt .basictxt {
    background: rgba(0, 0, 0, .85);
    text-align: left;
}

.parallax img {
    height: 1300px;
    /* height: 180%;  or higher percentages. It's up to your taste */
}

#featureslide .carousel {
    height: 100vh;
}

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

#featureslide .carousel .indicators {
    bottom: 10px!important;
}


.feattxt h1 {
    font-size: 1.1em;
    padding-left: 0px;
    font-weight: 300;
    line-height: 1.5em;
}

.feattxt .row {
    padding-left: 15px;
    margin-bottom: 12px;
}

.feattxt .row,
.feattxt .row .col {
    height: 45px;
}

.safetytxt .row,
.safetytxt .row .col {
    height: 35px;

}

.safetytxt .row .col {
    padding: 0px;
}

.feattxt .basictxt {
    padding: 30px 20px;
}

.feattxt i,
.safetytxt i {
    background: #fff;
    color: #000;
    width: 40px;
    height: 34px;
    font-size: 1.6em;
    padding: 6px 5px 5px 5px;
}

.feattxt i.small,
.safetytxt i.small {
    font-size: 1.4em;
    padding-left: 6px;
}

.feattxt i.narrow,
.safetytxt i.narrow {
    padding-left: 8px;
}

.feattxt i.narrower {
    padding-left: 9px;
}

.safetytxt i.narrower {
    padding-left: 12px;
}

.safetytxt i.narrowest {
    padding-left: 15px;
}

.feattxt p,
.safetytxt p {
    line-height: 1.3em;
}

.feattxt li p.moveup {
    top: -51px;
    margin-bottom: -34px;
}

.slidebtns {
    position: relative;
    left: 50px;
    width: 400px;
}

#leftslide,
#rightslide {
    width: 55px;
    display: inline-block;
}

.slidebtns svg {
    width: 20px;
    height: auto;
}

.slidebtns .btn {
    padding: 10px 16px;
    height: 60px;
    box-shadow: none;
}

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

.safety {
    position: relative;
    z-index: 50;
}

.safety h1 {
    padding-left: 20px;
    font-weight: 400;
    font-size: 2.3em;
    padding-top: 20px;
}

.safetytxt {
    width: 140%;
    position: relative;
    left: -40%;
}


.safetytxt .basictxt {
    text-align: left;
    line-height: 1.2em;
    padding: 30px 40px;
    background: rgba(0, 0, 0, .8);
}




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

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

#spaceimg {
    padding-top: 35px!important;
}

.marginbtm-10 {
    margin-bottom: -10px;
}

.gallery {
    position: relative;
    z-index: 20;
    padding-bottom: 80px;
}

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

.gallery .instruct {
    padding-top: 40px;
    color: #25314d;
    margin-bottom: 0px;
    text-transform: uppercase;
}






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


.gallery-container{
    overflow-x:hidden;
}


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

.flwithbtn{
    display:none;
}
.carouselc {
    padding: 0px 20px 40px 20px;
}

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

#avails-trigger {
    position: relative;
    top: 300px;
    width: 100%;
    height: 0px;
    z-index: 901;
    border: solid thin red;
}

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

#testfitlink{
display: none;}

.floors {
    text-align: left;
}

.availsc {
    /*    padding-top:50px;*/
    background: #fff;
}

.stack {
    text-align: right;
    height: 700px;
    margin-top: 20px;
}

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


.avails {
    padding-bottom: 70px;
    z-index: 10;
    position: relative;

}


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

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

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


.avails h1 {
    font-size: 2.2em;
    opacity: 0;
    margin-top: 40px;
    position: relative;
    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;
    text-align: center;
}

#planc img {
    width: 70%;
    height: auto;
    margin-bottom: 30px;
}

#plan3b {
    display: none;
}

#planc a:hover {
    cursor: pointer;
}

.stackplanc {
    padding-top: 30vh!important;
    margin-left: -5%!important;
    opacity: 0;
}

img.stackplan {
    width: 100%;
    height: auto;
    /*    max-height:350px;*/
    margin: auto;
}

.stackc .leftc {
    padding-left: 10%;
}

#stackcarousel {
    height: 300px!important;
}

.material-tooltip {
    width: 190px;
    height: 150px;
    margin-top: -250px;
    background-color: transparent;
    background-image: url('../images/tooltipbg.png');
    padding: 0px;
    /*
    background-position: left top;
    background-size: 100% auto;
*/
}

.planc a:hover {
    cursor: default!important;
}

.planc a#floormodalbtn:hover {
    cursor: pointer;
}

.tiplabel {
    color: #000;
    font-size: .8em;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    top: -8px;
    left: -5px;
}

.material-tooltip img {
    width: 160px;
    height: 120px;
    position: relative;
    left: -7px;
    top: 3px;
    /*
    -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,.2);
box-shadow: 2px 2px 10px 1px rgba(0,0,0,.2);
*/
}

.dloadlink {
    width: auto;
}

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

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

.plan {
    padding-top: 60px!important;
}

#floortext {
    font-size: 1.6em;
    font-weight: 400;
    margin-top: 7vh;
}

.planpdfc {
    text-align: center;
}

.mright20 {
    margin-right: 19% !important;
}

.mleft20 {
    margin-left: 19%;
}




#planimg {
    /*    margin-top:15px;*/
}

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

#floorphotos .carousel {
    height: 500px;
}

#floorphotos .carousel .indicators {
    bottom: 0;
}

.floorphotosmodal {
    position: absolute;
    top: 0;
    z-index: 50;
}

.floorphotosmodal.inactive {
    width: 1px;
    opacity: 0;
    height: 1px;
}

.floorphotosmodal.active {
    width: 100%;
    height: 100vh;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    opacity: 1;
}

.floorphotosc.inactive {
    width: 2px;

}

.floorphotosc.active {
    width: 800px;

}

.floorphotosmodal .darkbg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
}

.floorphotosc {
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    background: #fff;
    padding: 20px;
}

.floorphotosmodal .closebtn {
    position: absolute;
    left: 102%;
    top: 0px;
    width: 48px;
    height: 48px;
    /*    background:rgba(255, 255, 255, .6);*/
    background: rgba(198, 204, 183, 1);
    padding: 10px;
}

.floorphotosc .slidebtns {
    position: relative;
    left: -90px;
    top: -280px;
    margin-bottom: -50px;
    width: auto;
}

.floorphotosc .slidebtns .btn {
    background-color: transparent;
}

.floorphotosc .slidebtns #rightslide {
    position: relative;
    left: 825px;
}

.closebtn-fill {
    /*    62684b*/
    fill: none;
    stroke: #62684b;
    stroke-width: 2;
    stroke-miterlimit: 10;
}

.stackfloors {
    text-align: left;
    padding-left: 50px!important;
    color: #000;
    
}
.stackfloors .scrollarea{
    height:450px;
    overflow-y: scroll;
     overflow-x: hidden;
}
.stackfloors h2 {
font-size: .8em;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 5px;
}

.stackfloors h3 {
font-size: 1em;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
}
.stackfloors h3 span{
    font-size: .6em!important;
}
.stackfloors h4 {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.4em;
    margin-top: 4vh;
    margin-bottom: 20px;
    padding: 10px 0px;
    border-bottom: solid thin #7b9167;
}

.stackfloors h4 span {
    font-weight: 500;
    font-style: italic;
}
.fl12-14lease{
 position: relative;
    top:-125px;
    height:105px;
    right:-150px;
    width:100px;
    font-size: .7em!important;
    font-weight: 400;
    margin-bottom: -105px!important;
    line-height: 1.2em!important;
    padding-top:5px;
}
.fl12-14lease .line{
    position:absolute;
    top:0;
    left:-20px;
    border-right:solid thin black;
    width:10px;
    height:100%;
    border-top: solid thin black;
    border-bottom: solid thin black;
}

.stackfloors p {
    margin-top: 0;
    margin-bottom: 20px;
}

.stackfloors div {
    font-size: 1.1em;
}

.stackfloors div:hover {
    cursor: pointer;
    color: #000;
}

.stackfloors div.active {
    color: #5f683a;
}


.dloadfloor {
    text-align: right;
    padding-right: 5px;
    display: inline-block;
}

/*
.dloadfloor.vtslinkc{
    display: none;
}
*/

.dloadfloor a {
    background: #8c9869;
    width: 260px;
    height: 50px;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
}


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


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



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

.bgspecstxt {
    margin-top: 50px;
    margin-bottom: 50px;
}

.specs {
    position: relative;
    z-index: 50;
}

.specs h1 {
    padding-left: 15px;
    font-weight: 400;
    font-size: 2.2em;
    width: 300px;
}

.specstxt {
    width: 400px;
    height: 300px;
    margin-left: 50px;
    position: relative;
    top: -94vh;
}

.specstxt .basictxt {
    background: rgba(0, 0, 0, .9);
}

.specstxt .basictxt p {
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: left;
    color: #ccc;
}

.specstxt .basictxt p span {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

.specstxt .label {
    text-align: right;
    font-weight: 500;
}


.bgspecstxt img {
    width: 90%;
    height: auto;
    margin-top: -20px;
}

.dloadspecs {
    margin-top: 25px;
}

.dloadspecs a {
    background: #8c9869;
    width: 260px;
    height: 50px;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
}

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

.grayscale {
    filter: gray;
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

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

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

#map {
    height: 100vh;
    /*    border:solid 1px #fff;
    left:2%;
    width:98%;*/
    position: relative;

}




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


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

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

#neighborimg-trigger {
    position: relative;
    top: 400px;
}

.neighborhood {
    margin-top: -20px;
    position: relative;
    z-index: 20;
    padding: 40px 0px 0px;
    color: #fff;
    background: #fff;
    /*    background:#a6ab89;
    background:#8f986e;*/
}

.neighborhoodc {
    /*    margin-top:40px;
   background:#8f986e;*/
    background: #FFF;
}

.neighborimg .col {
    padding: 4px;
    opacity: 0;
}


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

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


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

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

.forleasing {
    text-align: center;
}

.contact {
    padding-top: 120px;
    position: relative;
    z-index: 10;
    color: #fff;
}

.contact input {
    color: #fff;
}


input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #8c9869;
    -webkit-box-shadow: 0 1px 0 0 #8c9869;
    box-shadow: 0 1px 0 0 #8c9869;
}

textarea {
    color: #fff!important;
}

.contact input:focus {
    border-bottom: 1px solid #c9c8ae;
    -webkit-box-shadow: 0 1px 0 0 #c9c8ae;
    box-shadow: 0 1px 0 0 #c9c8ae;
}

.btn {
    background-color: #8c9869;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
    background-color: #57632a;
}

.contact form {
    padding-right: 20%!important;
    margin-top: 20%;
}

.contactbg {
    /*background:rgba(0,0,0,.85);

     background: url('../images/home/1.jpg') no-repeat center center fixed; */
    background: url('../images/contact-bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}

.contacttxt {

    position: relative;
    color: #fff;
    padding: 5% 5% 10px 5%;
    top: 20px;
    margin-top: 4%;

}



.newmarklogo {
    width: 180px;
    height: auto;
    margin: 0px auto 0px auto;
}

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

.contacttxt a {
    color: #fff;
}

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




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

.stackm img {
    height: 70vh;
    width: auto;
    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%;
    }
    .contacttxt p {
        font-size: 1em;
    }

}

@media only screen and (min-width: 1270px) {

    .stackfloors div {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1600px) {

    .stackfloors div {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
}

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

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

@media only screen and (max-width: 1100px) {
    .contacttxt p,
    .safetytxt p {
        font-size: .9em;
    }

}

@media only screen and (max-width: 1160px) {
    .dloadfloor {
        margin-top:25px;
    }
    .planpdfc{
        margin-top:-55px;
    }
    

}
@media only screen and (max-width: 992px) {
    .contacttxt p {
        font-size: 1em;
    }
    .safetytxt {
        width: 150%;
        position: relative;
        left: -200px;
        min-width: 350px;
    }

}

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

}

@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: 992px) {

    .hometxt h1 {
        font-size: 1.8em;
    }
    .stackc .leftc {
        padding-left: 6%;
    }
    nav .brand-logo {
        left: 250%;

    }
    .headshot {
        width: 100%;
    }

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

    }

}

@media only screen and (max-width: 840px) {
    .hometxt {
        margin-top: 50%;
    }
    .stackc .leftc {
        padding-left: 0;
    }
    .h100 {
        height: 100%;
    }
    .specs.h100{
        height:500px;
    }
    .feattxt {
        width: 250%;
        margin-left: 20px;
    }
    .feattxt .basictxt {
        padding: 15px 0px;
    }
    .feattxt p,
    .safetytxt p {
        font-size: .9em;
    }
    .feattxt .row,
    .feattxt .row .col {
        height: 25px;
    }
    .features h1 {
        font-size: 1.9em;
    }
    .feattxt i,
    .safetytxt i {
        width: 30px;
        font-size: 1.2em;
        height: 30px;
    }
    .feattxt i.narrower {
        padding-left: 7px;
        padding-right: 7px;
    }
    .feattxt i.small,
    .safetytxt i.small {
        font-size: 1em;
    }
    
    #floortext {
        font-size: 1.1em;
    }

    #fl27 {
        margin-top: 40px;
    }
    #fl18 {
        margin-top: 60px;
    }
    #fl12 {
        margin-top: 70px;
    }
    .specstxt .basictxt p {
    font-size: .8em;
}
    .safetytxt .row, .safetytxt .row .col {
    height: 20px;
}
    .safetytxt .basictxt {
    padding: 20px 20px 20px 30px;
}
    .safetytxt {
    left: -210px;
}
    .contact {
    height: auto;
    padding-bottom: 50px;
}
}

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



    .sidenav li > a {
        height: 60px;
    }
    .brand-logo {
        top: 0px;
    }
    .home {
        border-bottom: none;
    }
    .home .carousel {
        width: 100%;
        height: 70vh;
    }
    .home .carousel img {
        height: 70vh;
    }

    .home .col {
        padding: 0px;
    }
    .mobilewhitebg {
        background: #fff;
    }
    .feattxt {
        width: 100%;
        margin-left: 0px;
    }
    .slidebtns {
        left: 0px;
        width: 100%;
        display: none;
    }
    #featureslide .carousel .carousel-item > img,
    #featureslide .carousel {
        height: 100vh!important;
    }

    .planpdfc {
        margin-top: 30px;
    }
    .neighborhood {
        margin-top: -60px;
    }
    .neighborhoodc {
        background: #fff;
        margin-bottom: 0px;
        padding-bottom: 40px;
    }

    .h49vh {
        height: 41vh!important;
    }
    .dloadspecs a {
        height: 50px;
        padding: 10px;
        font-size: 1em;
    }
    .dloadspecs {
        margin-top: 25px;
    }
    .specstxt {
        margin-left: 0px;
        padding: 0px;
        margin: 10px;

    }



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

    }
    .contacttext-c {
        padding: 10px 30px 50px 30px;
    }
    .contacttxt {
        margin-top: 220px;
        padding-top: 30%;
    }
    .contacttxt p {
        font-size: 1.1em;
    }
    .contact {
        padding-top: 80px;
        height: auto;
        min-height: 800px;
    }
    .contact .row {
        margin-bottom: 0px;
    }
    .newmarklogo {
        margin: 20px 0px 0px 30px;
    }
    .footertxt {
        padding-left: 0px!important;
        text-align: center;
    }
    #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;
    }


    #index-banner .section {
        top: 0;
    }

    #nav-container {
        position: fixed !important;
        top: 0;
    }

    nav {
        max-width: 740px;
    }


    .hometxt.movedown {
        top: 400px;
    }

    .parallax-container {
        min-height: 200px;
    }
    h5 {
        font-size: 2em;
        letter-spacing: .3em!important;
    }
    .parallax-container .section {
        top: 20%;
    }



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

    .rb-grid li {
        height: 120px !important;
    }

    #map {
        height: 350px;
        width: 100%;
        display: block;
        opacity: 1;
        padding-bottom: 40px;
    }

    .mapmobilec {
        height: 400px;
        background: white;
    }


    .gallery-mobile {
        background: #000;
        padding: 60px 10px 60px 10px;
        z-index: 10;
        position: relative;
        top: 0px;
        margin-bottom: 0px;
    }

    .feattxt p,
    .safetytxt p {
        font-size: 1.2em;
        padding-left: 10px;
    }
    .safetytxt .row,
    .safetytxt .row .col {
        height: 25px;
    }

    #navbg {
        height: 56px;
    }





    .home .carousel,
    .home .carousel img {
        height: 90vh!important;
    }
    .home .carousel .indicators {
        left: 0%;
    }
    .ca3-scroll-down-link {
        margin: 0px 0 0 -22px;
    }

    .hometxt p {
        font-size: .8em;
        line-height: 1.4em;
    }
    #feattext-trigger {
        top: -40px;
    }
    .feattxt {
        width: 250%;
        margin-left: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .feattxt .basictxt {
        padding: 40px 20px 40px 10px;
    }
    .feattxt .row:last-child {
        margin-bottom: 0px;
    }
    .feattxt p,
    .safetytxt p {
        font-size: .8em;
        padding-left: 10px;
    }

    .feattxt .row,
    .feattxt .row .col {
        height: 25px;
    }
    .feattxt i,
    .safetytxt i {
        padding: 6px 5px 5px 9px;
    }
    .feattxt i,
    .safetytxt i,
    .feattxt i.small,
    .safetytxt i.small {
        font-size: 1.1em;
        height: 24px;
    }
    .feattxt i.narrower {
        padding-left: 11px;
    }
    .features h1 {
        padding-left: 10px;
        font-size: 1.7em;
    }

    .sidenav li > a {
        height: 40px;
    }
    .slidebtns {
        display: none;
    }

    .avails {
        padding-bottom: 0px;
        position: relative;
    }
    .stackfloors h4 {
        font-size: .8em;
        margin-top: 0px;
        width: 150%;

    }
    .stackfloors {
        padding-left: 30px!important;
    }
    .stackfloors h2 {
        margin-top: 6px;
    }
    .avails h1 {
        font-size: 1.7em;
    }
    #stacklist-trigger {
        top: -200px;
    }
    .stackc {
        position: relative;
        top: 0px;
    }
    .stackfloors div {
        font-size: .7em;
    }
    .stackfloors p {
        margin-bottom: 0px;
    }
    #planc img {
        width: 50%;
        margin-bottom: 20px;
    }
    .brand-logo {
        width: 100px;
        height: 72px;
        margin-left: -50px;
    }
    .brand-logo svg {
        width: 70px;
        top: -50px;
        left: 15px;
    }
    #floortext {
        margin-top: 0px;
    }
    .dloadfloor a {
        padding: 5px 10px;
        font-size: 1em;
    }

    .heightmodal {
        height: 200px!important;
    }
    .floorphotosc.active {
        width: 400px;
    }
    .floorphotosc {
        width: 400px;
        margin-left: -200px;
    }
    #floorphotos .carousel {
        height: 250px;
    }
    .carousel.carousel-slider .carousel-item {

        min-height: 200px;
    }
    .specs h1 {
        padding-left: 10px;
        font-size: 1.4em;
        padding-top: 10px;

    }
    #specs-trigger,
    #safety-trigger {
        position: relative;
        top: -100px;
    }
    .specstxt {
        width: 300px;
        height: 250px;
        margin-left: 20px;
    }

    .specstxt .basictxt p {
        line-height: 1.2em;
        margin-bottom: 8px;
        margin-top: 8px;
        font-size: .8em;
    }

    .specstxt .basictxt {
        padding: 10px 20px;
    }
    .dloadspecs {
        margin-top: 0px;
    }
    .dloadspecs a {
        height: 40px;
        padding: 5px;
        font-size: .8em;
    }
    .safety h1 {
        font-size: 1.7em;
    }
    .safetytxt .basictxt {
        padding: 20px, 30px!important;
    }
    .safetytxt .row,
    .safetytxt .row .col {
        height: 15px;
    }
    .safetytxt i {
        width: 30px;
    }
    #contact-trigger {
        top: -100px;
    }
    .contacttxt {
        position: relative;
        color: #fff;
        padding: 0% 5% 10px 5%;
        top: -30px;
        margin-top: 0px;
    }
    .contacttxt .row {
        margin-bottom: 0px;
    }
    .forleasing {
        text-align: left;
        padding-left: 10px;
    }
    .contacttxt p {
        margin-bottom: 0px;
    }
    .newmarklogo {
        margin: 0px auto;
    }
    .footer {
        height: 20px!important;
        padding-top: 5px!important;
    }
}

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

.heightmodal {
    height: 500px!important;
}

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

.mobile-avails {
    position: relative;
    z-index: 10;
    top: -30px;
    background: #fff;
}

#fl14mslide .carousel .carousel-item > img,
.carousel .carousel-slider #fl14mslide {
    height: 40vh;
    width: 200px;
    position: relative;
    z-index: 400;
}

#floorphotosm14 .carousel, #floorphotosm12 .carousel, #floorphotosm11 .carousel, #floorphotosm10 .carousel, #floorphotosm9 .carousel, #floorphotosm8a .carousel,
#floorphotosm8b .carousel,
#floorphotosm7 .carousel, #floorphotosm6 .carousel,
#floorphotosm5 .carousel,
#floorphotosm3a .carousel,
#floorphotosm3b .carousel {
    height: 240px!important;
    margin: 40% auto;
}

#gallerym .carousel {
    height: 260px!important;
}

#floorphotosm14 .carousel .indicators,
#floorphotosm12 .carousel .indicators,
#floorphotosm11 .carousel .indicators,
#floorphotosm10 .carousel .indicators,
#floorphotosm9 .carousel .indicators,
#floorphotosm8a .carousel .indicators,
#floorphotosm8b .carousel .indicators,
#floorphotosm7 .carousel .indicators,
#floorphotosm6 .carousel .indicators,
#floorphotosm5 .carousel .indicators,
#floorphotosm3a .carousel .indicators,
#floorphotosm3b .carousel .indicators {
    bottom: -10px;
}

#gallerym .carousel .indicators {
    bottom: -20px;
}

.safetyimgm img {
    width: 100%;
    height: 400px;
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .plansm h2 {
    width: 200%;
}
    .arrowc {
        bottom: 50px;
    }

    .home .carousel .indicators {
        left: 0px;
    }
    .ca3-scroll-down-link {
        height: 30px;
        margin: 0px 0px 0px -20px;
    }
    .basictxt {
    padding: 10px 20px;
}
    .hometxt {
        margin-top: 57%;
        height: auto;
    }
    .hometxt p {
        font-size: .7em;
        line-height: 1.7em;
    }

    .feattxt p,
    .safetytxt p {
        font-size: .6em;
    }
    #features-trigger {
        position: relative;
        top: -50px;
    }
    .feattxt .row,
    .feattxt .row .col {
        height: 20px;
    }
    #available {
        position: relative;
        top: 150px;
    }
    .plan {
        padding-top: 100px!important;
    }
    .planpdfc {
    width: 200%;
}
    #neighbor-trigger {
        position: relative;
        top: -250px;
    }
    #allmapbtn {
        letter-spacing: 0px;
    }
    .locationlist {
/*
        top: -200px!important;
        left: 70%;
*/
        width: 190px!important;
        margin-bottom: -170px;
    }
    .listings .item {
/*        font-size: 1.5em!important;*/
    }
    .h105 {
        height: 110vh;
    }
    .contacttxt p {
    font-size: 1em;
}
}

@media only screen and (max-width: 640px) {
    .specs.h100{
        min-height: 300px;
        height:120vh;
    }
}

@media only screen and (max-width: 600px) {
    .introtag{
    width:120%;
        margin-left:-10%;
        margin-top:0px;
    }
    .hometxt {
        left: 0px !important;
        margin-top: 50vh!important;
    }
   
    .home .carousel, .home .carousel img {
    height: 50vh!important;
}
    .feattxt {
        width: 100%;
        margin-left: 0px;
        
    }
    .feattxt p, .safetytxt p {
    font-size: 1.2em;
}
    #featureslide .carousel .carousel-item > img,
    #featureslide .carousel {
        height: 35vh!important;
        min-height:250px;
    }
    .stackm img {
    height: auto;
    width: 60%;
}
    .plansm h2, .planpdfc {
    width: 100%;
}
    
    #floorphotosm9 .carousel,
    #floorphotosm8a .carousel,
    #floorphotosm8b .carousel,
    #floorphotosm7 .carousel,
    #floorphotosm5 .carousel,
    #floorphotosm3a .carousel,
    #floorphotosm3b .carousel {
        margin: 20px auto;
    }
    .locationlist {
    width: 100%!important;
}
    #map {
    height: 350px;
width: 280px;
        
    display: block;
    opacity: 1;
    padding-bottom: 40px;
}
    
    .safetytxt {
        width: 98%;
        padding: 0px;
        max-width: 98%;
        left: 0px;
        min-width: 20px;
    }
    .safetytxt .row, .safetytxt .row .col {
    height: 25px;
}
    .safety .h100 {
        height: 500px;
    }
    .specs .h100{
        min-height: 300px;
        height:auto;
    }
    .specstxt {
        width: auto;
        margin-left:5px
    }
    .specstxt .basictxt p {
        line-height: 2em;
        margin-bottom: 4px;
        margin-top: 4px;
        font-size: 1.2em;
    }
    .specstxt .dloadspecs {
    margin-top: 10px;
}
    .contact {
        padding-top: 80px;
        height: 650px;
    }

}

@media only screen and (max-width: 414px) and (orientation: portrait) {
    
    .locationside {
    height: 200px;
}
    #map{
        width:340px;
    }
    .h49vh {
    height: 18vh!important;
}
    .specs.h100{
        min-height: 300px;
        height:700px;
    }
     .locationlist {
        top: -120px!important;
        left: 70%;
/*
        width: 190px!important;
        margin-bottom: -170px;
*/
    }
    
    .plansm h2 {
    width: 100%;
}
    .contacttxt p {
    font-size: 1.3em;
}
    .planpdfc {
    width: 100%;
}
 .basictxt {
    padding: 20px 30px;
}
     .hometxt p {
        font-size: 1.5em;
        line-height: 2em;
    }
}
.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;
}

.plansm h2 {
    font-size: 1.6em;
    line-height: 1.6em;
}

.floorplanm img {
    height: auto;
    width: 80%;
    margin: 0px auto 20px auto;
}

.floorplanm .galleryts img {
    width: 100%;
}

.plansm hr {
    border: 0;
    height: 1px;
    background: #fff;
    background-image: linear-gradient(to right, #cdbfa1, #cdbfa1, #cdbfa1);

}

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}


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

.footer .newmarklogo svg {
    width: 60px;
    height: auto;
}






@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {


 .locationlist {
        top: -200px!important;
        left: 70%;
/*
        width: 190px!important;
        margin-bottom: -170px;
*/
    }

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