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


*/

body {
    font-family: 'Quicksand', sans-serif;
/*    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;*/
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    
}

*:focus {
    outline: none !important;
}
.contentc{
    opacity:0;
}
.opaque{
    opacity:1;
}
.fixedpage{
    position: fixed;
    height:100vh;
    top:-40px;
    left:0;
}

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

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



nav ul {
    margin-left: 30px;
}

nav ul a {
    padding: 0 12px;
    color:#166433;
    text-transform: uppercase;
    font-weight: 500;
/*    font-size: 1rem;*/
}

nav ul a:hover {
    background: none;
}
#nlogo{
    margin-top:5px;
    width:84px;
}
#nlogo svg{
    width:100%;
    height:auto;
}
nav ul li {
    padding-right: 1%;
    padding-left: 1%;
    text-align: center;
/*    width:10%;*/
}
nav ul li:first-child {
    padding:0px;
}

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

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

.navbg{
    width:100%;
    height:65px;
    position: absolute;
    right:0;
    top:0;
    background: rgba(0,0,0,.5);
}


        nav ul a{
        -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
        transition: color .5s
        }
        nav ul a{
            color:#d7e6f1;
        }
       
        nav ul li.active a {
    color:#d7e6f1;
}
        
        nav ul li.active a:hover, nav ul a:hover{
        color:#fff;
        }
        


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

}

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

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

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

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

#featureshead {
    margin-top: 40px;
}



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

nav li.tenantl{
    float:right;
    margin-right:20px;
}
.sidenav li {
    text-transform: uppercase;
    font-weight: bold!important;

}

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

.scrollspy {
    position: relative;
}

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

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

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

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

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

}

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



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








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


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









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


.btn {
    line-height: 34px;
}

.btn.linkupdate h7{
    font-size: 1.5em;
    padding:12px;
    font-weight: 300;
}
.btn.linkupdate {
    line-height:40px;
}
.btn.linkupdate{
    height:40px;
}
.btn:hover,
.btn-large:hover {
    background-color: #b0d3f0;
    color:#16386b;
    /* background-color: #172237; #66d3ee;*/
}

.btn i,
.btn-large i {
    padding-right: 0px;
    font-size: 1.1em;
}

/*.nlocation{
    min-width:145px;
}


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

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

}

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



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

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

.nomargin, .row.nomargin {
    margin: none!important;
    margin-bottom: 0px !important;
}

.nopad {
    padding: 0!important;
}

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

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

.transbg {
    background: transparent;
}

.darkbluebg {
    background-color: #103149;
}


.whitebg {
    background-color: #fff;
}
.whitebg2{
     background-color: #f2f2f2;
}
.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;
}
.bgred {
    background:red;
}


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

.fill-white {
    fill: #FFFFFF;
}

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

.fill-lightgray {
    fill: #818282;
}

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



.fill-2 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #C7C9CA;
}

.fill-skyblue {
    fill: #28A8E0;
}

.fill-black {
    fill: #010101;
}




.whitetxt {
    color: #fff;
}

.graytext {
    color: #666;
}




.trans3 {
    opacity: .3
}


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


/*
.fliph{
    webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
*/
.logobg{
/*    background:rgba(24,47,70,1);*/
     background-color: #103149;
    height:110px;
    width:190%;
    position:absolute;
    top:0;
    left:-20px;
/*
    transform: skew(20deg); 
    -webkit-transform: skew(20deg); 
*/
}
#logo{
    position: fixed;
    top:100px;
    left:76.9%;
    z-index:1001;
}
#logo svg{
    position: relative;
}
/*------- INTRO ----------------*/
#intro-container{
    z-index:904;
    height:105vh; 
    width:100vw;
    position: absolute;
    top:0;
    left:0;
    background: url('../images/introbg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

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

.location {
    position: relative;
    z-index:1;
}
.specs {
    position: relative;
    z-index:2;
}
.gallerybg {
    position: relative;
    z-index:3;
}
.owner {
    z-index:4;
}

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


.home {
    z-index: 0;
    width: 100%;
    overflow-x: hidden;
    text-align: center;
color:#fff;
}
.homebg {
    background: url('../images/homebg.jpg') no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home h1{
    color:#95ef2d;
    font-size: 1.7em;
    margin-bottom: 0px!important;
}
.home p{
    font-size: 1em;
    line-height: 1.5em;
}
.home p.home2{
    font-size:1em;
}
.home a{
    color:#fff;
}
.home a:hover{
    color:#95ef2d;
}
.homelogo{
    width:140px;
    margin:auto;
    height:auto;
    margin-top:100px;
}
.homelogo svg, .newmark svg{
    width:100%;
    height:auto;
}
.homelogo .st4{
    fill:#95ef2d;
}
.newmark{
    width:130px;
    height:auto;
    margin:auto;
}


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

.hometext{
    position: absolute;
    top:-210px;
    right:5%;
    width:500px;
}
.hometext img{
    width:100%;
    height:auto;
}

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

.galfeatc, .galc{
    width:90%;
    max-width:820px;
    min-width:350px;
    position: relative;
   
    color:#000;
    text-align: center;
}
#image-galleryfeatures, #image-gallery{
    margin-top:80px;
}
#image-galleryfeatures img, #image-gallery img{
    max-height:450px;
}

#features-trigger3{
    position: relative;
    top:-40vh;
}
#features-trigger{
    position: relative;
/*    top:30vh;*/
}
#locationicon-trigger{
    position: relative;
    top:-10vh;
}


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

}



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



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


.gallery {
    background:#1a1a1a;
    height:100vh;
}


.gallerybg {
    background-color: #D0D3CF;
}





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

.avails {
    width:100%;
 background: url('../images/availsbg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    z-index:10;

}



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



.stack{
    text-align: left;
    margin-top:20px;
}
.stack img{
    position: relative;
    height:550px;
    width:auto;
}

.avails h1{
    color:#000;
    margin-top:80px;
    font-size: 1.3em;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 1.4em;
}
#planimg{
    padding:20px 10%;
    text-align: center;
}
#planimg img{
    width: 100%;
    max-width: 500px;
}


.padnone{
    padding:0!important;
}



.floors{
    text-align: right;
    line-height: 1.2em;
    font-weight: 500;
    top:180px;
    color:#999;
    position: relative;
    left:100px;
    min-width:140px;
}
.floors .active{
    color:green;
}
.blacktxt{
    color:#000;
}
.floors .blacktxt:hover{
    cursor: pointer;
    color: #136313;
}

.floors li{
    margin-bottom: 5px;
}
.floors span{
    font-size: .8em;
}

.fred{
    color:#960202;
}

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


.greenbg{
    background:#49983D;
        height:10px;
    width:80%;
    margin-left:10%;
    position: relative;
    top:-25px;
}


a.dloadbtn{
    position: relative;
    top:-55px;
    left:82%;
    font-size: 1em;
     padding:10px;
    text-transform: uppercase;
    font-weight: 500;
    background: #49983D;
   
    color:#fff;
}
.mplans{
    text-align: center;
}
.mplans hr{
    border: 0;
    height: 1px;
    background: #627e4a;
    background-image: linear-gradient(to right, #ccc, #627e4a, #ccc);
}
a.dloadbtnm{
    background:#49983D;
    width:150px;
    height:40px;
    font-size: 1em;
     padding:10px;
    margin:auto;
    text-transform: uppercase;
    font-weight: 500;
    background: #49983D;
    color:#fff;
}
.dloadbtn:hover, .dloadbtnm:hover{
    cursor: pointer;
    background: #49984D;
}

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



.specsbg{
    background: url('../images/gallery/5.jpg') repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top:100px;
}




.padtop2{
   margin-top:4vh;
    font-weight: 300;
}

.specsc{
    padding:30px;
    width:80%;
    max-width:900px;
    background:rgba(225,225,225, .8);
    margin-bottom: 200px;
    font-weight: 600;
    font-size: .9em;
}

.specsc .row{
    margin-bottom: 5px;
}
.specslabel{
    text-align: right;
    color:#006837;
}

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

.locationbg{
    background:#c0c6c0;
}
.neighborimg {
    height: auto;
    width: 100%;
}

#mapimg{
    margin:auto;
}

.mapcontainer > div:first-child{
    margin:50px auto;
}

.mapcontainer{
     margin:50px auto;
    padding-bottom: 150px;
}




/*------- OWNERSHIP ----------------*/

#owner-trigger{
    position:relative;
    top:-15vh;
}


.harbor img{
    width:300px;
    height:auto;
}


.owner {
    padding-top: 10%;
    background: url('../images/homebg.jpg') no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
text-align: center;
    color:#fff;
    margin-top:-20px;
    margin-bottom:-20px;
}


.owner .harbor{
    margin-top:10vh;
}
.owner p {
    font-size: 1em;
    line-height: 1.6em;
    padding:10px 10%;
}
.owner p a, .owner p a:visited{
    color:#B5FE01;
}



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

#contact-trigger{
    position:relative;
    top:-15vh;
}



.contact {
    padding-top: 100px;
    background: url('../images/contactbg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
text-align: left;
    
    margin-top:-20px;
    margin-bottom:-20px;
    color:#000;
}

.pad40{
    padding: 40px;
}

.contacttxt {
        padding: 40px 50px 50px 50px;
    background:rgba(225, 225, 225, .8)
    }
.contact p {
    font-size: 1.3em;
    line-height: 1.6em;
    
}

.contact p a, .contact p a:visited{
    color:#000;
}
.contact p a:hover{
    color: #0c5602;
}
.contactlogo {
        margin-top:30px;
    }
.contactlogo svg{
    width:170px;
    height:auto;
}
.contactlogo .fill-white {
    fill: #000000;
}
.vis{
    display:block;
}
.invis{
    display: none;
}

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



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

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


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

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

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


.logom{
        height:50px;
    position: relative;
    left:60px;
    top:5px;
    z-index: 1680;
    }
.logom svg{
        width:auto;
    height:100%;
    }
.mobilestack{
    width:80%;
    height:auto;
    margin: 50px auto 0px auto;
}
.mobilestack img{
    width:100%;
}

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

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

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

.sidenav li > a.side-logo {
    width:200px;
    margin-top: 40px;
    margin-bottom: 0px;
    height:auto;
}
.side-logo svg{
    width: 100%;
    height:auto;
}
@media only screen and (max-width: 1100px){
    .feat2, .feat2a{
        top:0px;
        margin-bottom: 0px;
    }
    .feat2 .textleft {
    padding-top: 0px;
}
    .textright.feat2at {
    top: 0px;
}
}


/* ipad portrait */

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

    }
    
}

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

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

@media only screen and (max-width: 1360px) {
    .collapsible-body li {
        font-size: .75em !important;
    }
}
@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) {
  
}



@media only screen and (max-width: 1100px) {
    .hometxt h1{
        font-size: 2em;
        padding-top:120px;
    }
    .hometxt{
        height: 755px;
    }
    .locationtxt h1 {
font-size: 1.1em;
    }
    
    .locationtxt p{
        font-size: .8em;
    }
    
    .dloadfloor {
    font-size: .7em;
}
    
}
@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) {
    .stack img{
    height:440px;
}
.floors{
    left:20px;
    top:140px;
    font-size: .8em;
}
    .features .txt {
        padding: 10px;
    }
    .hometxt h1 {
        font-size: 1.8em;
    }
    
  
    .contact {
        font-size: .9em;
        line-height: 1em;
        padding-left: 0px;
        top: 0px;
    }
    
   
    .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: 940px) {
.height100{
        height:auto;
    }
    .home .harbor{
    padding-bottom:50px;
}
    .contacttxt{
    margin-bottom:80px;
}
}
@media only screen and (max-width: 830px) {
    
    img.stackplan {
        max-height: 450px;
        width: auto;
    }
    
    #floortext,
    #sftext {
        font-size: 1.1em;
    }
}

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

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



.sidenav {
    background: #000;
}









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

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

    }


    .button-collapse {
        margin: 10px 0px 0px 20px !important;
    }
    .darkbgtrans {
        height: 660px !important;
    }
    
.dloadfloor{
        max-width:150px;
    margin:auto;
    margin-top:10px;
    }
    .environ .quote h5, .quote h5 {
    font-size: 1.5em;
        letter-spacing: 0px;
}
    
    .locationtxt{
/*        padding-top: 30px;*/
        height:auto;
        font-size:1.3em;
    }
    
    .neighborhood{
        height:auto;
    }
   
    
    .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;
    }
   
    .specslabel{
    text-align: left;
}
    
    .contact{
font-size:1.4em;
        letter-spacing: 0px;
/*        background:rgba(0,0,0,.8);*/
    }
   
    
    

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

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

    .hometxt.movedown {
        top: 400px;
    }

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

    .featurestext-c {
        top: 1460px;
        width: 100%;
        height: 650px;
        padding: 20px;
    }
    .featurestext-c .bluebgtrans {
        background-color: #525a66;
    }
    .featureslist li {
        line-height: 1.4em;
    }
   
   
    .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;
    }
    
    
    
    

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

@media only screen and (max-width: 430px) {
    
    nav{
        width:100%;
    }
    .subscribe{
        padding-left:10px;
    }
    
    #carouselhome {
    height: 305px!important;
}
    .features.movedown100h{
        top:330px;
        width:100%;
        margin-bottom: 330px;
    }
    .feat2 {
    top:0;
    }
    .features h1{
        font-size: 2.2em;
    }
    
    #available {
    position: relative;
    top: -500px;
}
    
    .features p{
        font-size: 1.2em;
    }
    .neighborhood.movedown100h{
        top:0px;
        width:100%;
        margin-bottom: 0px;
    }
    .locationtxt p{
        padding:0;
        }
        .locationtxt{
            font-size: 2em;
        }
    .neighborhood{
        height:auto;
    }
    .mapkey {
    margin: 0px 20px!important;
    padding: 0px 10px!important;
}
    
 


/*ipad portrait -----------------------*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

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

}

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

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

      

}






@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    
    body {
        overflow-x: hidden;
    }
    #nav-container {
        position: fixed;
        top: 0;
    }
    
}

#nav-container {
    position: fixed;
    top: 0;
    z-index: 1900;
}