/* Custom Stylesheet */

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

/* 
dark blue
color:#10123b; 

gold
color:#c49a6c;
*/

body {
    /*    font-family: 'Lato', sans-serif;*/
    font-family: 'Quicksand', sans-serif;
overflow-x: hidden;
}


.overflowno {
    overflow: hidden;
}

.overflowyes {
    overflow: scroll;
}

.lightbrowntxt {
    color: #c7b299 !important;
}

.lightbrownbg {
    background-color: #e5e1d9;
}

.lighterbrowntxt {
    color: #edd8bf !important;
}

.bred {
    border: solid thin red;
}

.blue {
    border: solid thin blue;
}

.swipe-instruct{
        text-align: center !important;
        color:#999;
    }
#animation_container {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.retailimg-mask {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 1200px;
    height: 700px;
    /*    background:yellow;*/
}

/*
.retailimg-mask svg, .officeimg-mask svg{
    width:100%;
    height:100%;
    width="2196px" height="1648px" 
}
*/

/*
.officeimg-mask{
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:1200px;
    height:700px;
    background:yellow;
}
*/

.scene {
    z-index: 101;
}

.pentbg {
    z-index: 100;
    position: absolute;
    opacity: 0;
    transform: scale(2);
    height: 100%;
    width: 100%;

}

.pentbgsvg {
    width: 1366px;
}

.pentbgsvg svg {
    position: absolute;
    width: 1366px;
    left: 50%;
    margin-left: -683px;
    margin-top: -180px;
}

.thehive {
    transform: scale(1.5);
    opacity: 0;
    text-align: center;
    color: #0e1338;
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 100;

}

.hivetxt {
    position: absolute;
    top: 70%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    font-weight: 600;
    font-size: 3em;
    letter-spacing: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.hlogo {
    z-index: 100;
    transform: scale(3);
    opacity: 0;
    width: 100%;
    height: 600px;
    position: absolute;
}

.logocontainer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -83px;
    margin-left: -97px;
}

.hometxt .hexagonbg {
    position: absolute;
    top: 5%;
    right: 0;
    width: 485px;
    height: 560px;
}
.hometxt .hexagonbg svg{
    width: 100%;
    height: auto;
}

.blackbg {
    width: 100%;
    height: 100%;
    min-height: 800px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
    background: #0a0f30;
}
#skipbtn{
    position: absolute;
    top:20px;
    right:20px;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    z-index: 1000;
    color:#fff;
}

#skipbtn:hover{
    cursor: pointer;
    color:#c2986b;
}
.intro-container {
    width: 100%;
    height: 100%;
    /*
    width:1366px;
    height:768px;
*/
    position: absolute;
    /*
    top:50%;
    margin-top:-384px;
    margin-left:-683px;
    left:50%;
*/
    z-index: 50;
    background: #080e27;
}

#officeh-text hr{
    border:none;
    height:1px;
    background:#c2986a;
}
#officeh-text h3{
    font-size: 1.5em;
    margin-bottom: 0px;
    font-weight:400;
    letter-spacing: 1px;
    margin-top:7px;
}
#officeh-text h4{
    font-size: .9em;
    margin-top: 5px;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.homevid{
    margin-bottom:0px;
}
.homevid a{
    color:#10123B;
}
.homevid:hover{
    cursor: pointer;
}
.homevid:hover h4{
    color:#b89a76;
    font-weight: 500;
}
.homevid:hover a h3, .homevid a:visited{
    color:#10123B;
}

.homevid img{
    width:100%;
    border:solid thin #c2986a;
}
.homevid .playbtn{
    position: relative;
    top:-70px;
    left:60px;
    margin-bottom: -60px;
}

/*
.homevid .playbtn:hover {
  animation: createBox .25s;
}
@keyframes createBox {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
*/


.homevid .playbtn{
    width:40px;
    height:auto;
}

.homevid .playbtn svg{
    width:98%;
    height:auto;
}
.intro-containersm {
    width: 200px;
    height: 268px;
    position: absolute;
    top: 50%;
    margin-top: -240px;
    margin-left: -100px;
    left: 50%;
    z-index: 50;
}
.fill-white{fill:#FFFFFF;}

.stroke-gold {
    fill: none;
    stroke: #b89a76;
    stroke-width: 2;
    stroke-miterlimit: 10;
}
.stroke-gold2{
    fill:none;stroke:#C2986A;stroke-miterlimit:10;
}

.hexside-fill {
    fill: #FFFFFF;
}

.fill-darkerblue {
    fill: #10123B;
}

.fill-white {
    fill: #FFFFFF;
}

.fill-dblue {
    fill: #10123B;
}

.fill-gold {
    fill: #C3996B;
}

.fill-black {
    fill: #000000;
}

.stroke-midblue {
    fill: none;
    stroke: #3B4268;
    stroke-miterlimit: 10;
}
.stroke-gold{
    fill:#FFFFFF;
    stroke:#C2986A;
    stroke-miterlimit:10;
}


/*for trains in features section */

.fill-blue {
    fill: #1B75BB;
}

.fill-red {
    fill: #EC1C24;
}

.fill-yellow {
    fill: #F9EC31;
}

.fill-fuschia {
    fill: #93278F;
}

.fill-gray {
    fill: #58595B;
}

.gold-bg {
    background-color: #b89a76 !important;
    color: #0e1338 !important;
    font-weight: 400 !important;
}


.darkbrown-bg {
    background-color: #5c5445;
}

.black-bg {
    background-color: #000;
}

.nopad {
    padding: 0 !important;
}

.bggray {
    background-color: #ccc !important;
}

.graytxt {
    color: #999;
}

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


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

.img-container {
    display: none;
    position: absolute;
    top: 0;
}

.officebtn .img-container {
    /*    left:10px;*/
}

.introbtn-container {
    display: none;
    position: absolute;
    min-height: 900px;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 135 !important;
    text-align: center;

}

.introbtn-container2 {
    display: none;
    position: absolute;
    min-height: 900px;
    width: 100%;
    left: 50%;
    height: 100%;
    z-index: 135 !important;
    text-align: center;
}

.introbtn-container p,
.introbtn-container2 p {
    font-size: 1.8em;
    font-weight: 400;
    position: absolute;
    top: 70px;
    text-align: center;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
}

.officebtn:hover,
.retailbtn:hover {
    cursor: pointer;
}

.officebtn {
    position: absolute;
    width: 50%;
    height: 800px;
    color: #fff;
    right: 50%;

    /*    z-index:20;*/
}

.pent-container svg {
    width: 205px;
    height: 236px;
}

.officebtn .pent-container {
    position: absolute;
    top: 26%;
    right: 120px;
}

.retailbtn {
    position: absolute;
    width: 45%;
    height: 800px;
    color: #fff;
    left: 70px;
}

.retailbtn .pent-container {
    position: absolute;
    top: 26%;
    left: 43px;
}


.pent-container p {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */
}


.retailm-option {
    position: absolute;
    top: 300px;
    width: 100%;
    z-index: 200;
    display: none;
}

.officem-option {
    position: absolute;
    top: 300px;
    width: 50%;
    z-index: 200;
}

.officem-option .office-txt,
.officem-option .office-txt-sub {
    width: 100%;
}

.officem-option:hover {
    cursor: pointer;
}

.officenav,
.officenav a,
.retailnav,
.officenav a:visited {
    color: #c3996b !important;
}

.officenav:hover,
.retailnav:hover {
    cursor: pointer;
    color: #fff !important;
}

nav {
    position: fixed;
    left: 0px;
    top:0px;
    z-index: 500;
    width: 100%;
    display: none;
}

#nav {
    position: absolute;
    z-index: 40 !important;
    right: 0px;
}

.nav-wrapper {
/*    display: none;*/
}

nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    left: 70px;
    top: 4px;
}

.menubtn {
    position: absolute;
    top: 20px;
    left: 25px;
}

.menubtn svg {
    width: 64px;
    height: 74px;
}

.menulogo {
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 25px;
}

.menulogo svg {
    width: 64px;
    height: 74px;
}

.dblock {
    display: block;
}

.nav-logo {
    width: 130px;
    z-index: 2 !important;
    margin: 40px auto 10px auto;
}

.nav-logo svg {
    width: 100%;
    height: 100%;
}


.nav-logo .fill-dblue,
.nav-logo .fill-gold,
.nav-logo .fill-black {
    fill: #FFFFFF;
}

nav ul a {
    color: #fff;
    font-size: .9em !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

nav ul a:hover,
nav a.active {
    color: #c7b299;
}

nav li {
    text-align: center;
}

.pad40r {
    padding-right: 40px;

}



#mfeatures {
    position: relative;
    top: 1290px;
}

.avails-sectionm{
    position: relative;
    height:auto;
}
#mavails {
    position: relative;
    top: 370px;
}

#mavails43 {
    position: relative;
    z-index: 150;
    top: 140px;
}

#avails43s{
     position: relative;
    top: 120px;
}
#mlocation {
    position: relative;
    top: 235px;

}

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


#mspecs {
    position: relative;
    top: 350px;
}


#mcontact {
    position: relative;
    top: 2500px;
}

.side-nav {
    background: #10123B;
    color: #fff;
    text-align: center;
}

.side-nav li {
    display: block;
}

.side-nav li a {
    color: #fff;
}

.side-nav img {
    width: 80px !important;
    height: auto;
    margin-top: 20px;
    margin-left: 30px;
}


p {
    font-size: 1em;
    line-height: 1.4em;
    letter-spacing: 1px;
}

a {
    outline: 0 !important;
}

.logo-header {
    /*position:relative;
    position: absolute;
    top:890px;
    left:40px;
    z-index: 900;*/
    opacity: 0;
    width: 200px;
    position: relative;
    left: 40px;
    padding-top: 30px;
    z-index: 100;
}


#stickylogo {
    z-index: 100 !important;
    width: 200px !important;
}

.logo-header img {
    width: 240px;
    height: auto;
}

.bggray {
    background-color: #ccc;
}

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



.browntint {
    z-index: 11;
    height: 790px;
    width: 100%;
    background-color: rgba(199, 178, 153, .85);
    position: absolute;
    left: 0;
}

.brown-strip {
    z-index: 12;
    height: 200px;
    width: 100%;
    background-color: rgba(226, 211, 192, .85);
    position: absolute;
    left: 0;
    top: 32%;
    display: none;
}

.black-strip {
    z-index: 12;
    height: 200px;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    top: 32%;
    display: none;
}

.blacktint {
    z-index: 11;
    height: 790px;
    width: 100%;
    background-color: rgba(0, 0, 0, .85);
    position: absolute;
    left: 0;
    top: 0;
}



.retail-txt,
.office-txt {
    position: absolute;
    font-weight: 100 !important;
    z-index: 15;
    font-size: 3em;
    letter-spacing: 5px;
    top: 42%;
    text-align: center;

}

.office-txt {
    width: 50%;
}


.office-txt-sub,
.retail-txt-sub {
    position: absolute;
    font-weight: 500;
    z-index: 15;
    font-size: 1.3em;
    letter-spacing: 1px;
    width: 50%;
    top: 42%;
    margin-top: 40px;
    text-align: center;
}


.office-txt-sub {
    right: 0;
    color: #000;
    opacity: 0;
}


.office-txt {
    right: 0;
    color: #000;
}

.office:hover,
.retail:hover {
    cursor: pointer;
}


.blackborder {
    border: solid 20px #000;
    height: 790px;
    width: 50%;
    display: none;
}

.brownborder {
    border: solid 20px #c7b299;
    height: 790px;
    width: 50%;
    position: absolute;
    right: 0;
    display: none;
}

.office {
    z-index: 10;
    position: absolute;
    height: 790px;
    width: 100%;
    background: url('../images/office.jpg') no-repeat center left;
    top: 0;
    left: -50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



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

.section {
    padding-bottom: 0px;
}

.homebg {
    position: absolute;
    background: gray;
    top: 0;
    width: 1366px;
    height: 990px;


    /* background: url('../images/office.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    display: none;*/
}

.leftpos {
    left: 0;
}

.rightpos {
    right: 0;
}

.home {
    padding-top: 0;
    /*
    background: url('../images/office.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/
    margin-bottom: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 49;
    width: 100%;
    /*    display:none;*/
}

.nomarginbtm {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.graybg {
    background: #8d8f92;
    color: #fff;
}


.hometxt {
    height: 790px;
    opacity: .5;
    position: absolute;
    top: 0;
    right: 80px;
    width: 500px;
}

.mobile-container{
    z-index:100;
    background: #fff !important;
}
.mhometxt {
    height:750px;
    background: #fff !important;
}

.hometext {
    position: absolute;
    top: 10%;
    left: 9%;
    width: 420px;
    font-weight: 400;
}
.mhometxt .instruct{
    left:0px;
}
.hometext p {
    font-size: .9em;
    text-align: center;
    line-height: 1.3em;
    font-weight: 400 !important;
}

.hometext-note {
    color: #fff;
    text-align: center !important;
    font-size: 1.1em;
    line-height: 1.3em;
}

.hometext h1 {
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 2px;
    margin-top: 10px;
    font-weight: 500;
    color: #10123B;
}



.hometext h2 {
    margin-top: -10px !important;
    padding-top: 0px;
    text-align: center;
    font-size: 1.1em;
    letter-spacing: 1px;
    font-weight: 500;
    color: #10123B;
    line-height: 1.4em;
}

.bldgoptions {
    width: 300px;
    margin-top: -10px;
    margin-bottom: 0px;
}

.bldgover {
    position: absolute !important;
    top: 5px;
    right: 25px;
}

.bldgoptions .col:hover {
    cursor: pointer;
}

.h42option,
.h43option {
    position: relative !important;
}

.h42option {
    right: -15px !important;
}

.hexagon svg {
    width: 70px;
    height: 70px;
}
.hexagon img{
    width:63px;
    height:auto;
}
.hexagon svg path {
    fill: #c3996b;
    transition: fill .4s ease;
}

.darkgold {
    fill: #7a5632;
}


.h43option {
    left: -15px !important;
}


.h43option svg {
    margin-right: 5px;
}

.h42btn {
    position: absolute;
    right: 20px;
}
.h42vidbtn {
    position: absolute;
    right: 90px;
}
.h42vidbtntxt{
    position: absolute;
    left: 15px;
    top: 18px;
    text-align: center;
    z-index:1;
}
.h42vidbtntxt svg{
    width:35px;
    height:35px;
}
.h43btn {
    position: absolute;
    left: 20px;
}

.h42btntxt {
    color: #fff;
    position: absolute;
    left: 16px;
    top: 19px;
    font-size: .8em;
    text-align: center;
    line-height: 1.6em;
}

.h42btntxt svg {
    width: 32px;
    height: 31px;
}

.h43btntxt {
    color: #fff;
    position: absolute;
    left: 16px;
    top: 19px;
    font-size: .8em;
    text-align: center;
    line-height: 1.6em;
}

.h43vidbtn {
    position: absolute;
    left: 89px;
}
.h43vidbtntxt{
    position: absolute;
    left: 15px;
    top: 18px;
    text-align: center;
    z-index:1;
}
.h43vidbtntxt svg{
    width:35px;
    height:35px;
}

.h42btntxt span,
.h43btntxt span {
    font-size: 2.5em;
}
.tourtxt{
    font-weight: 500;
    font-size: .8em;
    line-height: 1.1em;
    position: absolute;
}
a .tourtxt{
    color:#151b39;
}
a:hover .tourtxt{
    color:#b89a76;
}
.h42option .tourtxt{
    text-align: right;
    left:-59px;
    top:25px;
}

.h43option .tourtxt{
    right:-57px;
    top:25px;
}
.sideborder-gold::after{
    content: '';
    width: 0;
  height: 102px;
  position: absolute;
  border-right: solid thin #b89a76;
  top: 0;
  right: 14px;
}
.bldglabel {
    color: #b89a76 !important;
    font-size: .9em;
    font-weight: 500 !important;
    position: absolute;
    text-align: center;
    top:80px;
}
.h42option .bldglabel {
    left:30px;
}

.h43option .bldglabel {
    left:30px;
}
.bldglabel a, .bldglabel a:visited{
     color: #b89a76;
}
.bldglabel a:hover{
    color: #151b39;
}
.hometxt .instruct {
    font-size: .7em;
    color: #999;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    position:relative;
    top: 110px;
    left:50%;
    width:200px;
    margin-left:-100px;
}

hr.top {
    margin-top: 35px;
}
.lightbrownbg{
    background-color: #f2e6da;
}
hr.btm {
    margin-bottom: 35px;
}

.pentbg .whitebg {
    position: absolute;
    min-height: 1600px;
    height: 140%;
    width: 140%;
    min-width: 1400px;
    margin-top: -20%;
    margin-left: -20%;
    background-color: #080d29;
}


.whitebg8 {
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
}

.sidelabel {
    position: absolute;
    left: -25px;
    top: 250px;
    font-size: 1.6em;
    letter-spacing: 4px;
}

.gridgal .sidelabel {
    top: 150px;
}

/* HOME CAROUSEL ---- */

/* just for jsfiddle */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.middle-indicator {
    position: absolute;
    top: 36%;
    width: 83%;
}

.middle-indicator-text {
    font-size: 4.2rem;
}

a.middle-indicator-text {
    color: white !important;
}

.content-indicator {
    width: 64px;
    height: 64px;
    background: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.indicators {
    visibility: hidden;
}

.home-prev-arrow a,
.home-next-arrow a {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    z-index: 1;
}

.home-next-arrow {
    position: absolute;
    right: 0px;
}




box1,
.box2,
.box3 {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    border: 0px solid white;
    text-align: center;
    vertical-align: middle;
    padding: 0 5px;
}

.box2 {
    min-width: 50px;
    height: 50px;
    margin: 25px auto 25px auto;
}

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

.features-section {
    margin-top: 1060px;
    height: 820px;
    background: url('../images/rooftop.jpg') no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: solid thin #fff;
}

.separatortop {
    margin-top: -45px;
    width: 100%;
    text-align: center;
}

.invis {
    opacity: 0;
}


#trigger2 {
    position: absolute;
    top: 865px;
}

#trigger3 {
    position: absolute;
    top: 1365px;
}

#parallaxContainer {
    margin-top: 00px;
}

.hexs-container {
    position: absolute;
    left: 50%;
    margin-left: -450px;
    margin-top: -110px;
    width: 900px;
    height: 100px;
}

.hexs1 {
    position: absolute;
    left: 165px;

}

.hexs2 {
    position: absolute;
    left: 635px;
}

.hexs3 {
    position: absolute;
    top: 25px;
    left: 90px;
}

.hexs4 {
    position: absolute;
    top: 25px;
    left: 710px;
}

.hexs5 {
    position: absolute;
    top: 15px;
    left: 25px;
}

.hexs6 {
    position: absolute;
    top: 15px;
    left: 790px;
}

.hexs7 {
    position: absolute;
    top: 40px;
    left: -25px;
}

.hexs8 {
    position: absolute;
    top: 40px;
    left: 855px;
}

.hexs1 svg,
.hexs2 svg,
.hexs3 svg,
.hexs4 svg {
    width: 95px;
    height: 80px;
}

.hexs3 svg .hexside-fill,
.hexs4 svg .hexside-fill,
.hexs7 svg .hexside-fill,
.hexs8 svg .hexside-fill {
    /*fill:#10143b; 
     fill:#332822;*/
}


.hexs5 svg,
.hexs6 svg {
    width: 80px;
    height: 67px;
}

.hexs7 svg,
.hexs8 svg {
    width: 65px;
    height: 55px;
}

.separatortop svg {
    margin: auto;
}

.separatortop h1 {
    margin-top: -40px;
    letter-spacing: 2px;
    color: #10123B;
}


#animate1 {
    margin-top: -20px;
    opacity: 0;
}

.parallaxParent {
    height: 100vh;
    overflow: hidden;
}

.parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
}

.features-section .separatortop-color,
.avails-section .separatortop-color {
    fill: #fff;
}

.featurestxt {
    width: 550px;
    position: absolute;
    left: 0;
}

.featurestxt .hexagonbg {
    position: absolute;
    left: 65px;
    margin-top: 100px;
    width: 490px;
    height: 564px;
}

.featurestext {
    position: absolute;
    left: 40px;
    margin-top: 160px;
    padding: 30px;
    text-align: center;
    color: #10123B;
    letter-spacing: 1px;
}

.featurestext h1 {
    font-size: 1.3em;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.featurestext h1 span {
    font-weight: 500;
}

.featurestext ul {
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}

.featurestext ul li {
    line-height: 1.2em;
    margin-bottom: 8px;
}

.featurestext ul li svg {
    margin-top: 6px;
}

.tint-dark {
    z-index: 11;
    height: 400px;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, .65);
    /* display: none;*/
}


.light-txt {
    color: #c7b299 !important;
    font-weight: 500 !important;
}

.tint-light {
    z-index: 21;
    height: 400px;
    width: 100%;
    position: absolute;

    background-color: rgba(255, 255, 255, .65);
    display: none;
}

.tint-darkfeat {
    z-index: 21;
    height: 800px;
    width: 45%;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, .85);
}

.tint-lightfeat {
    z-index: 21;
    height: 100%;
    width: 60%;
    position: absolute;
    right: 0;
    background-color: rgba(255, 255, 255, .9);
}

.features,
#gal1,
#gal2,
#gal3,
.mi1,
.mi2,
.mi3,
.mi4,
.mi5,
.floorplan,
.plankey,
.contactinfo,
.specstxt {
    opacity: 0;
}

#office-features {
    display: none;
}


/*#retail-features{
    display:none;
}*/

.featimg-container {
    height: 260px !important;
    z-index: 2 !important;
    margin-top: 800px;
}

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

.contentimg {
    margin-top: 1000px;
}

/*
.avails{
    position: absolute;
    background:#fff;
    z-index: 13 !important;
}
*/


.retail-imgm,
.retail-imgm img,
.office-imgm,
.office-imgm img {
    height: auto;
    width: 100%
}

.featlist-container {
    height: 800px !important;
}

.feat-tint {
    background-color: rgba(0, 0, 0, .85);
    height: 800px;
    width: 10%;
    position: absolute;
    right: 0 !important;
}

.featoffice-tint {
    background-color: rgba(255, 255, 255, .65);
    height: 800px;
    width: 500px;

}

#officefeat-bg {
    display: none;
}

.office-feattxt {
    color: #000;
    letter-spacing: 1px;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.office-feattxt h1 {
    margin-bottom: 8px;
    font-size: 1.2em;
    font-weight: 300;
}

.office-feattxt h2 {
    margin-top: 8px;
    font-size: 1em;
    font-weight: 300;
    color: #4b300a;
}


.feat-instruct {
    font-size: .6em;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #999;
}


.bolder {
    font-weight: 500;
}

.darkbrowntxt-b {
    font-weight: 500 !important;
    color: #4b300a !important;
}

.darkbrowntxt {
    color: #4b300a !important;
}

span.circlenum {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    font-size: .8em !important;
    font-weight: 400;
    display: inline-block;
    line-height: 1.5em;
    margin-right: 5px;
    text-align: center;
    width: 1.5em;
}

.greenbg {
    background-color: #5ab279;
    color: #fff;
}

.yellowbg {
    background-color: #fcf14f;
    color: #000;
}

.orangebg {
    background-color: #eda144;
    color: #fff;
}

ul.office-feat {
    font-size: .8em;
}

.office-feat i {
    color: #c1b49a;
}

.featbtn svg:hover,
.featbtn div:hover {
    cursor: pointer;
}

.fontbolder {
    font-weight: 500 !important;
}

.featbtn div {
    line-height: 1em;
    font-size: .7em;
    text-transform: uppercase;
    font-weight: 400;
}

.features-detail ul {
    padding-left: 30px;
}

.features-detail ul li {
    list-style-type: disc !important;
}

.features-detail {
    font-size: .9em;
}

.features-detail h2 {
    margin-left: -20px;
    font-size: .9em;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 500;
}

hr.featline {
    margin-top: 20px !important;
}

.featbtn svg {
    width: 76px;
    height: 76px;
}

/*
.office-feat li:before {
    content: "■"; 
    font-size: 2em;
    padding-right: 8px;
    color: #c1b49a;
    vertical-align: -15%;
}
*/

.office-featimg {
    text-align: right;

}

.office-featimg img {
    width: 60%;
    height: auto%;
}

.section-head {
    text-align: center;
    height: 200px;
}

.section-head h1 {
    font-weight: 700;
    font-size: 2em !important;
    letter-spacing: 5px;
    opacity: .8;
    padding-top: 40px;
    color: #000;
}

.featimg-container .section-head h1 {
    padding-top: 25px;
}

.section-head h2 {
    font-weight: 700;
    font-size: 1.8em !important;
    letter-spacing: 2px;
    opacity: .8;
    padding-top: 0px;
    color: #000;
    text-transform: uppercase;
}

#retail-features {
    margin-top: 0px;
}

.features {
    height: 800px;
    z-index: 1 !important;
    padding: 50px 30px;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.5em;
    /*letter-spacing: 1px;*/
}

.featureimg img {
    width: 100%;
    height: auto;
    padding: 50px 50px 20px 10px;
}

.halfwidth {
    width: 50%;
}

.featureslist {
    color: #fff;
    padding-top: 80px;
}

.featureslist svg {
    width: 53px;
    height: 53px;
    padding-top: 5px;
}

.padt10 {
    padding-top: 10px;
}

.padtop20 {
    padding-top: 20px;
}


.features-detail div {
    display: none;
}

.activedet {
    display: block !important;
}

.features-detail li {
    list-style: disc;
    font-weight: 400 !important;
    font-size: .9em !important;
}

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

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

#trigger5 {
    position: relative;
    top: -300px;
    /*    border:solid red;*/
}
.dloadbtn a, .dloadbtn a:active, .dloadbtn a:visited, .tourflbtn a, .tourflbtn a:active, .tourflbtn a:visited{
    color:#c3996b;
}

.dloadbtn a:hover{
    color:#93591f;
}
.h43avails .dloadbtn, .tourflbtn{
    display: inline-block!important;
}

.tourflbtn{
    padding-left:15px;
}
#avails-page{
position:relative;
    top:300px;
    }
.avails-section {
    height: 2280px;
    background: #fff;
    border: solid thin #fff;
}

.avails-section a{
     color: #c3996b;
}
.avails-section a:hover{
    color:#93591f!important;
}
.tourbtnborder{
    width:300px;
    height:auto;
    margin: auto;
}
.tourbtnborder svg{
    width:100%!important;
}

.h43tourbtn p, .h42tourbtn p{
    position: relative;
    top:-70px;
    margin-bottom: -70px;
}
.h43tourbtn:hover svg polygon, .h42tourbtn:hover svg polygon{
    fill:#c3996b;
}
.vlinks43{
    margin-top:50px;
    color:#c3996b;
    text-align: center;
    font-size:1.4em;
}
.vlinks43 p{
    
    color:#907350;
}
.vlinks43 div{
    width:80%;
    margin:auto;
    padding:10px;
    border-bottom:solid thin #ccc;
}
.h43tourbtn:hover p, .h42tourbtn:hover p{
    color:#fff!important;
}

.h43tourbtn a:visited, .h42tourbtn a:visited{
    color:#c3996b!important;
}
.h42tourbtn{
    font-size:1.3em;
 position: relative;
    top:180px;
    text-align: center;
    margin:auto;
    z-index: 499;
    width:400px;
}

.h43tourbtn{
    font-size:1.3em;
 position: relative;
    top:130px;
    text-align: center;
    margin:auto;
    z-index: 501;
    width:400px;
}

.hive43avails {
 height: auto;
    background: #f6f6f8;
    margin-top: 0px;
    padding-bottom: 100px;
}

.avails-section .separatortop h1 {
    color: #c3996b;
}

.avails-section .hexs-container {
    position: absolute;
    left: 50%;
    margin-left: -450px;
    margin-top: -100px;
    width: 900px;
    height: 100px;
}

.avails-section .hexs3 svg .hexside-fill,
.avails-section .hexs7 svg .hexside-fill {
    fill: #c4b1a3;
    /*fill:#332822;*/
}

.avails-section .hexs4 svg .hexside-fill,
.avails-section .hexs8 svg .hexside-fill {
    fill: #657d30;
    /*fill:#332822;*/
}

.hivehead-container {
    width: 90%;
    color: #7f5e3d;
    font-size: 1.5em;
    text-transform: uppercase;
    position: absolute;
    left: 5%;
    text-align: center;
    letter-spacing: 2px;
    margin-top: 50px;
}

.hive43avails .hivehead-container {
    margin-top: -50px;
}


.hivehead-container div {
    display: inline-block;

}

.border-gold {
    width: 20%;
    border-bottom: solid thin #c3996b;
    position: relative;
    top: -5px;
}

.padleftborder {
    margin-left: 30px;
}

.h42head {
    position: absolute;
    left: 50%;
    margin-left: -45px;
}

.h43head {
    position: absolute;
    left: 50%;
    top: -200px;
    margin-left: -45px;
}

.h42head .hexagon svg,
.h43head .hexagon svg {
    width: 90px;
    height: 90px;
}

.h42head .h42btntxt svg,
.h43head .h43btntxt svg {
    width: 52px;
    height: 51px;
}

.w303 {
    margin-top: 30px;
}

.st42,
.st43 {
    padding-left: 100px;
    margin-top: 30px;
}

.invisdown {
    opacity: 0;
    top: 40px;
}

.invisdown2 {
    opacity: 0;
    padding-top: 15px;
}

.invisfromleft {
    opacity: 0;
    position: relative;
    right: 20px;
}

.invisfromright {
    opacity: 0;
    position: relative;
    left: 20px;
}

.invisleft {
    opacity: 0;
    position: relative;
    left: -40px;
}

.invistop {
    opacity: 0;
    position: relative;
    top: -40px;
}

.invisbtm {
    opacity: 0;
    position: relative;
    top: 80px;
}

.invisright {
    opacity: 0;
    position: relative;
    right: -40px;
}

.h42avails {
    margin-top: 200px;
    letter-spacing: 1px;
    padding-bottom: 50px;
    background: #fff;
}

.h43avails {
    position: relative;
   top: 150px;
    letter-spacing: 1px;
}

.plan-container,
.stack-container {
    text-align: center;
}

.plan-container h1 {
    font-size: 1.3em;
    text-transform: uppercase;
}

.plan-container img {
    width: 90%;
    height: auto;
}
.plan-container.plan300 img {
    width: 85%;
     height: auto;
    max-width:590px;
}


.margintop15 {
    margin-top: 15px;
}
.tourbtn{
    
}
.stack-container .instruct {
    font-size: .8em;
}


.stack42 img {
    width: 500px;
    height:439px;
}


.stack43, .stack42{
position: relative;
    left:10%;
    height:auto;
}


.stack43 img{
    width: 520px;
    height:286px;
}

.h43avails .stack-container  {
    position: relative;
    top:50px;
/*
    width: 480px;
    height: auto;
    margin-top: 20px;
*/
}

#trigger7 {
    position: relative;
    top: 300px;
}
#trigger7b {
    position: relative;
    top: 400px;
    
}

#trigger9 {
    position: relative;
    top: 300px;
    height: 1px;
}

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


.location-section {
    height: 930px;
    background: #abaab9;
    /*url('../images/map.jpg') no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
    border: solid thin #abaab9;

}

.mapkey{
    font-size: .8em;
}
.instruct{
    margin-top:-10px;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    left:-15px;
}
.stack42c .instruct{
    margin-top:10px;
}
.redtext{
    color:#a70603;
}
#maprestaurants_btn{
    color:#c1272c;
    border-bottom: solid thin #c1272c;
}
#mapretail_btn{
    color:green;
    border-bottom: solid thin green;
}
.greentext{
    color:#176a01;
}
#maphotels_btn{
color:#ea943d;
    border-bottom: solid thin #ea943d;
}
.orangetext{
    color:#bc5f04;
}
.bluetext{
    color:#014391;
}

#mapcorporate_btn{
    color: #2c70b3;
    border-bottom: solid thin #2c70b3;
}
#maptheatre_btn{
    color: #6700aa;
    border-bottom: solid thin #6700aa;
}
#mapall_btn{
    color: #999;
    border-bottom: solid thin #999;
}
.purpletext{
    color:#6700aa;
}
.collapsible-header{
    font-size:1.2em;
    font-weight: 500;
    padding:8px;
}
.collapsible-header i{
    font-size:1.2em;
    margin-right:0;
}
.collapsible-body{
    font-size: 1em;
    padding:10px 0px;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0px;
    
}
.collapsible-body .row{
    padding-bottom: 0px;
    margin-bottom: 0;
}
.location-section .hexs1 svg .hexside-fill,
.location-section .hexs2 svg .hexside-fill,
.location-section .hexs5 svg .hexside-fill,
.location-section .hexs6 svg .hexside-fill {
    fill: #ababb9;
}

.location-section .separatortop-color {
    fill: #abaab9;
}

.location-section .separatortop {
    top: 0px;

    border-bottom: solid 5px #abaab9;
}

.location-section .separatortop h1 {
    color: #fff;
}

.location-section .hexs-container {
    margin-top: -90px;
}

.locationtxt {
    width: 28%;
    position: absolute;
    right: 0px;
    top: 4120px;
}

/*
.locationtxt .hexagonbg {
    position: absolute;
    right: 80px;
    margin-top: 100px;
    width: 370px;
    height: 440px;
}
*/

.locationtext {
    background: #fff;
    position: absolute;
    right: 0px;
    height:790px;
    padding: 40px;
    padding-top:40px;
    text-align: center;
    color: #10123B;
    letter-spacing: 1px;
}

.locationtext p span {
    font-weight: 500;
}

/* -------- MAP --------*/



#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 85%;
}
.map-container{
    width: 85%;
    height:780px;
    position: absolute;
    top:4170px;
}

.mapboxgl-popup {
    max-width: 400px;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.mapimg {
    margin-top: 50px;
}

.mapimg img {
    height: auto;
    width: 100%;
}
#map-text p{
    font-size: .9em;
}
#map-text img {
    width: 250px;
    height: auto;
}

/* -------------------- NEIGHBORHOOD --------------------*/

.neighbor-section {
    height: 980px;
    background: #ababb9;
}

.neighbor-section .separatortop {
    margin-top: -30px;
}
.mfeatureimg{
    margin-top: 20px;
}
.mfeatureimg, .mfeatureimg img{
    width: 100%;
    height:auto;
}
#trigger1a{
    position:relative;
    top:60px;
}
#trigger13 {
    position: relative;
    top: -340px;
}

#trigger13a {
    position: relative;
    top: -40px;
}

#trigger15 {
    position: relative;
    top: -400px;
}

/*
.neighbor-section .separatortop{
    margin-top:65px;
}
*/

.neighbor-section .separatortop h1,
.gallery-section .separatortop h1 {
    color: #fff;
}

.neighbor-section .separatortop-color,
.gallery-section .separatortop-color {
    fill: #ababb9;
}

.neighbor-section .instruct {
    letter-spacing: 1px;
    margin-top: 60px;
    color: #10123b;
}

.neighbor-gallery {
    text-align: center;
    margin: auto;
}

.neighbor-row1 {
    margin-top: 200px;
    height: 220px;
    margin-top: 0px;
}

.neighbor-row2 {
    height: 200px;
    margin-top: -40px;
}

.neighbor-row3 {
    height: 200px;
    margin-top: -20px;
}

.clipped {
    width: 190px;
    height: 220px;
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.hexgal {
    width: 190px;
    height: 220px;
    margin-right: 20px;
    display: inline-block;
}

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


.gal-hexagon {
      width: 100px;
      height: 55px;
      background: red;
      position: relative;
    }
    .gal-hexagon:before {
      content: "";
      position: absolute;
      top: -25px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 25px solid red;
    }
    .gal-hexagon:after {
      content: "";
      position: absolute;
      bottom: -25px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-top: 25px solid red;
    }

.gallery-section .hexs-container {
    margin-top: -145px;
}

.gallery-section .hexs3,
.gallery-section .hexs4 {
    top: 45px;
}

.gallery-section .hexs7,
.gallery-section .hexs8 {
    top: 60px;
}

.gallery-section .hexs3 svg .hexside-fill,
.gallery-section .hexs4 svg .hexside-fill,
.gallery-section .hexs7 svg .hexside-fill,
.gallery-section .hexs8 svg .hexside-fill {
    fill: #dbdadf;
    /*fill:#332822;*/
}

.gallery-section {
    background: #fff;
    height: 1000px;
    margin-bottom:-45px;
}

#trigger16 {
    position: relative;
    top: -300px;
}

#trigger16b {
    position: relative;
    top: -350px;
}

.gallery-section .instruct{
    margin-top:50%;
}
.gallery-section .separatortop h1 {
    margin-top: -50px;
}

.retail-gal {
    display: none;
}
.gallery-availsrow1 {
    margin-top: 0px;
    height:110px;
}
#galh42 .hexgal{
    margin-right:10px;
}

.gallery-availsrow2 {
    height:110px;
    max-width: 95%;
    margin: -10px auto 0px auto;
}

.gallery-availsrow2 .rowfirst{
    height:70px
    }
.gallery-availsrow2 .rowsecond{
    height:100px
    }


.gallery-availsrow1 .hexgal {
    width: 84px;
}
.gallery-availsrow2 .hexgal {
    width: 90px;
    margin-right:10px !important;
    height:50px;
}

.gallery-availsrow1 .hexgal .clipped{
    height: 100px;
}

.gallery-availsrow2 .hexgal .clipped{
    height: 104px;
}

.gallery-row1 {
    margin-top: 100px;
/*    height:220px;*/
    margin-bottom:-40px;
}
.galleryrow-container{
     position:relative;
    bottom:0;  right:0;
/*    height:220px;*/
}

.gallery-row2{
margin-bottom:-40px;
    left: 107px;
    position: relative;
}
.gallery-row3{
    width:1100px;
    position: absolute;
/*    top:-40px;*/
    left:50%;
    margin-left:-550px;
    min-height: 200px;
}

.gallery-row4{
    width:1100px;
    position: absolute;
   top:190px;
    left:50%;
    margin-left:-550px;
    min-height: 200px;
}

.gallery-row5{
    width:1100px;
    position: absolute;
    top:380px;
    left:50%;
    margin-left:-550px;
    min-height: 200px;
}

.margintop50 {
    margin-top: 50px !important;
}

.lb-data {
    background: #000;
    !important;
    color: #fff;
    height: 50px;
    padding: 10px;
    margin-top: -5px;
}

.lb-data .lb-caption {
    font-size: 1.4em;
    font-weight: 300;
    letter-spacing: 1px;
    color: #fff;
}

.lb-data .lb-number {
    opacity: 0;
}

/*------------ MAP --------------- */

#content-p {
    display: none;
}

.neighbor-gallery {
    /*    margin-top:40px !important;*/
}

.neighborhood-slide {
    height: 800px;
    /* background: url('../images/neighborhood.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

h1.dbrowntxt {
    color: #554e42 !important;
}

.neighbor-head {
    color: #554e42;
    text-align: center;
}

.neighbor-text {
    text-align: center;
    position: absolute;
    top: 0;
    padding: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(141, 143, 146, .85);
    color: #fff;
    font-size: 1.8em;
    z-index: 10;
    letter-spacing: 1px;
}

.map {
    text-align: center;
    height: 350px;
    background: #000;
    margin-top: 20px;
    border: solid thin black;
}



.maplink {
    position: absolute;
    z-index: 10;
    background: #000;
    height: 40px;
    text-align: center;
    width: 100%;
    margin-top: -5px;

}

.maplink a,
.maplink a:visited {
    color: #ccc;
}

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

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

.keybtn:hover{
    cursor: pointer;
}
.mapkey {
    font-size: .8em;
    padding-top: 10px;
    text-align: center;
}
.neighborlist div:hover{
    cursor: pointer;
}

.mleft10 {
    margin-left: 12px;
    margin-right: 5px;
}

.mright5 {
    margin-right: 5px;
}

/*------------ AVAILS --------------- */

#foo { clip-path: url(#myClipPath) }
.bordertop {
    border-top: solid thin #999;
    padding-top: 20px;
}

.dloadoffice {
    padding: 0 !important;
    margin: 0 !important;
}

.dloadpdf h1 {
    color: #000;
    font-size: 1.3em;
}

.smalltext {
    font-size: .7em;
    position: relative;
    top: -25px;
    height: 15px;
    left: -5px;
    color: #999;
}

.sf2 .smalltext {
    left: 0;
    text-align: left;
}

#retail-avails {
    display: none;
}

.stacktxt {
    color: #000;
    letter-spacing: 1px;
}

.sf-retail {
    font-size: 1.4em;
    line-height: 2.8em;
}

.sf {
    font-size: 1.4em;
    color: #000;
    position: relative !important;
    left: -60px !important;
}

.sf p {
    line-height: 2em;
}

.sf .row {
    height: 78px;
    margin-bottom: 0px !important;

}



#sf-retail {
    height: 75px;
}

#h42optionmezz, #h42optioncellar, #h42optionretail, #h43optioncellar, #h43optionretail{
    display: inline-block;
    font-size: .9em;
    margin-top:0;
    color:#a8733f;
}
.h42option-floor span{
    color:#000;
}
#h42optionmezz:hover, #h42optioncellar:hover, #h42optionretail:hover, #h43optioncellar:hover, #h43optionretail:hover{
    cursor: pointer;
    color:#89541f;
}
.h42option-floor, .h43option-floor{
    margin-left:-30px;
    padding-bottom: 20px;
    margin-top:-10px;
    display: none;
}
.h42optionc, .h43optionc{
    height:30px;
}

.sf .ph p {
    padding-top: 20px;
}

.retailavailsc {
    height: 600px;
}


.level {
    color: #000;
    font-size: .8em;
    line-height: 2.5em;
    text-align: center;
    position: relative;
    left: -20%;
    /*
    width:120px;
    position:absolute;
   left:-130px;
*/
}

.level div {
    border-bottom: solid thin #221F20;
    margin-top: 10px;
}

.level div:nth-child(3) {
    border-bottom: none;
    margin-top: 15px;
    color: #999;
    font-size: 1.4em;
}

.leftalign {
    text-align: left !important;
    margin-left: 20px !important;
}

/*
.rlevel{
    margin-top:20px;
   line-height: 2em;
    border-bottom: solid thin #221F20;
}
.llevel{
    line-height: 1em;
    padding-top:20px;
    padding-bottom:5px;
    border-bottom: solid thin #221F20;
}
.totaltxt{
    padding-top:20px;
    color:#999;
    font-size:1.4em;
}
*/

availimg-container {
    height: 400px;
}

.retailsf {
    color: #000;
    text-align: right;
    line-height: 2em;
    padding-right: 20px;
    font-size: 1.3em;
}


.h42-rendergal, .h43-rendergal2{
   width: 80%;
    margin-top:40px;
}
.h43-rendergal{
    margin-top:180px;
    padding:0px 5%;
}

.bbrown{
    border-bottom: solid thin #c2986b;
}


.rendergal {
    font-size: 1em;
    color:#c2986b;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
}
.rendergal {
    position: relative;
    top:-10px;
}
.rendergal a:visited{
    color:#c2986b;
}

@media only screen and (max-width: 1400px) {
 .contactbg {
    height: 950px;
    }
    .contact-section .separatortop {
    top: -910px;
}

}

@media only screen and (max-width: 1300px) {
    .retailsf {
        font-size: 1.1em;
        line-height: 2.4em !important;
    }
    #sf-ph {
        padding-top: 15px;
        height: 125px !important;
    }
    .office-floors .row {
        height: 75px !important;
    }
   

}

@media only screen and (max-width: 1150px) {
    .gallery-availsrow2 .rowfirst {
    height: 45px;
}
.gallery-availsrow2 .hexgal {
    width: 65px;
}

.gallery-availsrow2 .hexgal .clipped{
    height: 75px;
}
    .avails-section{
        height:2180px;
    }
    .locationtxt {
    top: 4090px;
}.map-container {
    top: 4140px;
}
}
@media only screen and (max-width: 1010px) {
    .retailsf {
        font-size: .9em;
        line-height: 3em !important;
    }

    

}

@media only screen and (max-width: 910px) {
    .retailsf {
        font-size: .7em;
        line-height: 3.5em !important;
    }
    .level div:nth-child(3) {
        margin-top: 8px;
        font-size: 1em;
    }

    #sf-ph {
        height: 90px !important;
    }
}


.availsc {
    padding: 50px 20px;
}

.availimg,
.stacktxt {
    position: relative;
    z-index: 20;
}

.sidebracket {
    text-align: right;
    position: relative;
    left: 50px !important;
}

.clicktxt {
    color: #999;
    z-index: 10;
    line-height: 1.5em;
    font-size: .9em;
}


.topbracket img {
    margin-top: 80px;
    width: 30%;
    height: auto;
}

.btmbracket img {
    width: 30%;
    height: auto;
}

#officestack_btn:hover,
#officestackm_btn:hover,
#retailstack_btn:hover,
#retailstackm_btn:hover {
    cursor: pointer;
}

#office-avails {
    padding-top: 30px;
}

.stacktxt {
    padding-top: 15px;
}

.availimg img {
    padding: 30px 0px 20px 40px;
    width: 100%;
    height: auto;
}

.pad50 {
    padding: 50px;
}

.plans {
    text-align: center;
}

.plans h1 {
    padding-top: 60px;
    color: #564e41;
    font-weight: 500;
    font-size: 2em;
}

.plans img,
.dload-container {
    width: 80%;
}

.dload-container {
    margin: auto;
    text-align: right;
}

/*
.retail-stackc{
    width:500px;
    height:580px;
    position:absolute;
    left:5%;
    z-index:1;
    margin-top:-50px;
}*/

.retail-stackc {
    text-align: right;
    position: relative;
    height: 100%;
}

.retail-stackc img {
    height: auto;
    width: 90%;
    margin-top: 2%;
    padding-left: 20px;
}


.office-stackc {
    text-align: right;
    position: relative;
    top: -70px;
}

.office-stackc img {
    width: 60%;
    height: auto;
}

.office-stackc h1 {
    color: #000;
    padding-right: 13%;
}

.retail-stackc h1 {
    color: #000;
    text-align: right;
    padding-right: 60px;
}

.lighterbrownbg {
    background-color: #e5e1d8;
}

.viewretailstack-c {
    position: relative;
    top: -130px;
    height: 100px;
    width: 40%;
}

.viewretailstack {
    line-height: 1.4em;
    text-align: right;
    min-width: 80px !important;
    color: #000;
    font-size: 1em;
    display: inline-block;
    position: relative;
    top: -40px;
    padding-right: 5px;
}

.officestackline {
    display: inline-block;
    height: 120px;
    width: 20px;
    border-top: solid thin #000;
    border-bottom: solid thin #000;
    border-left: solid thin #000;
}

.office-floors .row {
    border-bottom: solid thin #221F20;
    height: 80px;
    text-align: center;
    font-size: .8em;
    color: #000 !important;
    line-height: 1em;
}

.office-floors p {
    padding-top: 55px;
}

#ph {
    height: 50px !important;
    margin-left: -10px;
    margin-bottom: 40px;
}

#ll p {
    padding-top: 15px;
}

#ph p {
    padding-top: 25px;
}


#ll {
    height: 40px !important;
}

.office-floors {
    position: relative !important;
    left: -50px !important;
}

.dload .row {
    text-align: center;
    height: 80px;
    background-color: #000;
    width: 120px;
}

.dload .office-d .row:first-child {
    margin-top: 80px;
}

.dload .row:hover {
    background-color: #382e22 !important;
    /*color:#c7b299 !important;*/
}


.dload .row p {
    font-size: .8em;
    color: #fff;
    padding-top: 10px;
    font-weight: 300;
}

.dload .row p i {
    font-size: 1.5em !important;
    padding-top: 5px;
}


.dload_btn a,
.dload_btn a:visited {
    color: #544E42;
    font-weight: 500;

}

.dload_btn a span {
    padding-right: 10px;
    padding-left: 10px;
}

.dload_btn a:hover {
    color: #887f70;
}


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

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

.specs-section .separatortop-color, .specs-sectionm .separatortop-color {
    fill: #dbdadf;
}

.specs-section .separatortop h1, .specs-sectionm .separatortop h1 {
    color: #10123B;
    text-transform: uppercase;
}



.specs-section .hexs-container {
    margin-top: -110px;
    z-index: 20;
}

.specs-section .hexs1 svg .hexside-fill,
.specs-section .hexs2 svg .hexside-fill,
.specs-section .hexs5 svg .hexside-fill,
.specs-section .hexs6 svg .hexside-fill {
    fill: #dbdadf;
    /*fill:#332822;*/
}

.specs-section .hexs3,
.specs-section .hexs4 {
    top: 45px;
}

.specs-section .hexs7,
.specs-section .hexs8 {
    top: 55px;
}

#trigger18 {
    position: relative;
    top: -300px;
}

#trigger17 {
    position: relative;
    top: -250px;
}


.specs-container {
    height: auto;
    position: relative;
    top: -25px;
    background: #dbdadf;
    padding-top: 220px;
    padding-bottom:80px;

}

.specs-container .padright {
    padding-right: 15%;
}

.specstxt, .specstxtm {
    color: #10123B;
    letter-spacing: 1px;
}

.specs-sectionm{
    display:block;
    position: static;
   
}
.specstxtm {
    height:auto;
    margin-top:20px;
    padding:30px;
    display:block;
    position: static;
}

.specstxt span, .specstxt .bold, .specstxtm span, .specstxtm .bold{
    font-weight: 500;
}



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

.contact-section .separatortop {
    position: relative;
    top: -980px;
}

.contact-section .separatortop svg {
    width: 100%;
}

.contact-section .separatortop-color {
    fill: #dbdadf;
}

.contact-section .separatortop h1 {
    color: #fff;
    text-transform: uppercase;
}

.contact-section {
    margin-top:-45px;
    height: 900px;
    /*     background: #dbdadf;*/
    overflow-y: hidden;
}

.contactbg {
    height: 1000px;
    background: url('../images/contactbg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    top: 0;
}

.contact-container {
    height: 700px;
    position: relative;
    top: -800px;
    padding-top: 30px;
}

.contacttxt {
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 2em;
}

.contact-logos {
    margin-top: 60px;
}

.contacttxt a,
.contacttxt a:visited {
    color: #c49a6c;
}

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

.newmarklogo svg {
    width: 125px;
    height: 63px;
    margin-top: 10px;
}

.krwlogo svg {
    width: 100px;
    height: 72px;
}

.contact-section .hexs-container {
    margin-top: -108px;
    margin-left: -545px;
    width: 950px
}

.contact-section .hexs1 {
    left: 210px;
}

.contact-section .hexs2 {
    left: 565px;
}

.contact-section .hexs3 {
    left: 135px;
}

.contact-section .hexs4 {
    left: 640px;
}

.contact-section .hexs5 {
    left: 65px;
}

.contact-section .hexs6 {
    left: 770px;
}

.contact-section .hexs7 {
    left: 10px;
}

.contact-section .hexs8 {
    left: 880px;
}

.contact-section .hexs7,
.contact-section .hexs8 {
    top: 60px;
}

.contact-section .hexs3,
.contact-section .hexs4 {
    top: 48px;
}

#trigger20 {
    position: relative;
    top: -200px;
}

#trigger21 {
    position: relative;
    top: -300px;
}

#trigger22 {
    position: relative;
    top: -200px;
}

.contactc {
    /*    margin-bottom: -20px;*/
}

.padtop80 {
    padding-top: 100px;
}

.hexs1 svg .hexside-fill,
.hexs2 svg .hexside-fill,
.hexs5 svg .hexside-fill,
.hexs6 svg .hexside-fill {
    fill: #ababb9;
    /*fill:#332822;*/
}


#retail-contact {
    display: none;
}

#retail-contact .txt {
    text-align: left;
}


#office-contact {
    font-size: .8em !important;
    line-height: 1.4em;
}

#office-contact a {
    color: #fff;
}

#office-contact a:hover {
    color: #c7b299;
}

.mcdev-container img {
    width: 110px;
    height: auto;
}

.mcdev-container {
    padding: 20px;
    border-right: solid thin #ccc;
}

.contact-tint {
    height: 830px;
    background-color: rgba(0, 0, 0, .8);
}

.contactlogo-container {
    width: 457px;
    height: 75px;
    margin: auto;
}

.contactlogo-container svg {
    width: 100%;
    height: 100%;
}

#contact .sidelabel {
    color: #000;
}

.contactlogo {
    text-align: center;
    height: 300px;
    background: #000;
    margin-top: -50px;
}

.padtop50 {
    padding-top: 50px;
}

.contactinfo {
    color: #fff;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.6em;
    height: 800px;
    padding: 160px 70px 0px;

}

hr.contactline {
    border: 0;
    height: 1px;
    background: #999;
    opacity: .5;
    margin-bottom: 40px;
}

.width50 {
    width: 50%;
}

.width80 {
    width: 80%;
}

.contactinfo span {
    font-weight: 500;
}

.contactinfo a,
.contactinfo a:visited {
    color: #564e41;
}

.contactinfo a:hover {
    color: #5e4726;
}

.contactinfo h3 {
    font-size: 1.2em !important;
}

.contactinfo p {
    padding-top: 180px;
}

.mcdevc {
    text-align: right;
}

.contact-logos {
    text-align: center;
}

.asblogo,
.l3logo {
    display: inline-block;
    padding: 30px;
}

.asblogo img {
    width: 145px;
    height: auto;
}

.l3logo img {
    width: 150px;
    height: auto;
    vertical-align: 20%;
}

footer.page-footer {
    z-index: 900;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding: 5px 20px;
    font-size: .8em;
    letter-spacing: 1px;
    /*border:solid thin red;*/
}





.page-footer a,
.page-footer a:visited,
footer.small-footer a,
footer.small-footer a:visited,
footer.med-footer a,
footer.med-footer a:visited {
    color: #10123b;
}

.page-footer a:hover,
footer.small-footer a:hover {
    color: #fff;
}

.button-collapse {
    color: #727374;
    /*    background-color: rgba(145, 145, 145, .5);*/
    height: 35px !important;

}

nav i.material-icons {
    font-size: 2.5em !important;
    position: relative;

}

nav i.material-icons:hover {
    color: #000;
}

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

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

@-webkit-keyframes scroll-inner {
    from {
        margin-top: 15%;
        opacity: 1
    }
    to {
        margin-top: 75%;
        opacity: 0
    }
}

@keyframes scroll-inner {
    from {
        margin-top: 15%;
        opacity: 1
    }
    to {
        margin-top: 75%;
        opacity: 0
    }
}

.mouse-container a {
    color: #fff;
    font-size: .8em;
    letter-spacing: 2px !important;
}

div.mouse-container {
    position: absolute;
    bottom: 30px;
    left: 49.5%;
    display: block;
    height: 50px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

div.mouse {
    position: relative;
    display: block;
    width: 20px;
    height: 30px;
    margin: 0 auto;
    border: solid 1px #fff;
    border-radius: 8px
}



div.mouse span.scroll-down {
    display: block;
    width: 4px;
    height: 4px;
    margin: 15% auto auto;
    -webkit-animation: scroll-inner 1.5s;
    animation: scroll-inner 1.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
    background: #fff
}

.scrolltotop {
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    background-color: rgba(145, 145, 145, .5);
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 75px;
    right: 40px;
    display: none;
    font-size: 3em;
}

.menutop {
    position: fixed;
    top: 50px;
    right: 50px;
    z-index: 300;
}

.scrolltotop i {
    position: relative;
    top: -20px !important;
}

.scrolltotop:hover {
    text-decoration: none;
}

.intro-thumbimg {
    display: none;
}





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

    .sf {
        font-size: 1em !important;
    }
    .sf .row {
        height: 63px;
        margin-bottom: 0px !important;
    }
    .office-floors .row {
        height: 57px !important;
    }
}
@media only screen and (max-width: 1285px) {
#galbuilding .clipped {
    height: 180px;
}

#galbuilding .hexgal {
    width: 150px;
    height: 180px;
    margin-right: 20px;
    display: inline-block;
}
    .gallery-row4{
        top:150px;
    }
    .gallery-row5{
        top:300px;
    }
    .gallery-section .instruct{
        margin-top:45%;
    }
}
@media only screen and (max-width: 1090px) {
#galbuilding .clipped {
    height: 150px;
}

#galbuilding .hexgal {
    width: 120px;
    height: 150px;
    margin-right: 20px;
    display: inline-block;
}
    .gallery-row4{
        top:120px;
    }
    .gallery-row5{
        top:240px;
    }
    .gallery-section .instruct{
        margin-top:40%;
    }
    .gallery-section {
        height:1050px;
    }
}
@media only screen and (max-width: 1040px) {


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

    .specs-container {

    top: -23px;

}
    
    .contact-section .separatortop h1{
        margin-top:-30px;
    }
    .cw-container {
        margin: auto;
        margin-bottom: 20px;
    }
    .viewretailstack {
        width: 40px !important;

    }

   .hexgal {
    width: 90px;
    height: 120px;
}
    .neighbor-gallery .hexgal .clipped{
    height: 110px;
}#galbuilding .hexgal .clipped{
    height: 140px;
}.gallery-row1 {
    margin-bottom:0px;
}
    .gallery-row4{
        top:0px;
    }
    .gallery-row5{
        top:0px;
    }
    .gallery-section .instruct{
        margin-top:5%;
    }
    .gallery-section {
        height:1050px;
    }
    .neighbor-row1{
        margin-top:90px;
        height: 90px;
        margin-bottom: 0;
    }
    

    .neighbor-row2 {
        margin-top:0;
        height: 90px;
        margin-bottom: 0;
    }
    .gallery-row1, .galleryrow-container{
        height: 130px;
    }
    .neighbor-row3{
        margin-top:0;
        height:auto;
    }
    
    
    .gallery-availsrow2 .hexgal {
    width: 60px;
        height: 50px;

}

.gallery-availsrow2 .hexgal .clipped{
    height: 70px;
}
    
    .office-floors {
        left: -30px !important;
    }
    .office-stacktxt {
        margin-top: 100px;
        width: 500px;
    }

    .office-stackc {
        top: 50px;
    }
    nav ul a {
        padding: 0 2px;
        font-size: .8em !important;
    }

    .sf {
        font-size: .8em !important;
        left: -40px !important;
    }

    .logo-header img {
        width: 170px;
        height: auto;
    }

    .hometxt h1.tablethead {
        font-size: .9em;
    }
    /*.parallax-container .section {
    position: absolute;
    top: 40%;
  }*/
    #index-banner .section {
        top: 10%;
    }



    /*------features ----*/
    .features {
        font-size: 1em;
    }

    .features .col .m10 {
        padding-left: 30px;
    }

    .retailavailsc {
        height: auto;
    }


    /* -------- avails ------ */
    .availsc2.pad50 {
        padding: 0 !important;
    }
    .clicktxt {
        width: 120px;
        position: relative;
        left: -70px;
    }

    /* -------- location ------ */
    .neighborhood-slide {
        height: auto;
    }

    /* -------- gallery ------ */
    .gallery {
        height: auto !important;
        padding-bottom: 80px;
    }

    /* -------- contact ------ */
    .contactlogo-container {
        width: 497px;
        height: 82px;
    }


    .cw-container {
        width: 187px;
        height: 39px;
    }
    .cw-container svg {
        width: 100%;
        height: 100%;
    }

    .contactinfo p {
        padding-top: 0px !important;
    }

    .contactinfo {
        opacity: 1;
        margin-top: -120px;
    }

    .rdelogo {
        padding-top: 0px;
    }
    .rdelogo-container {
        width: 120px;
        height: 114px;

    }
}


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

}

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

    .sf-retail {
        font-size: 1.2em !important;
    }

    .office-floors p {
        padding-top: 20px;
    }

    /*

.level{
    width:80px;
    left:-80px;
}
*/
}

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

    .office-floors .row {
        height: 40px !important;
    }
    .sf .row {
        height: 43px;

    }

    .sf-retail {
        font-size: 1em !important;
    }

    #office-contact {
        font-size: .65em !important;
        line-height: 1.4em;
    }
    .cw-container {
        width: 137px;
        height: 29px;
    }
}

@media only screen and (max-width: 992px) {
    .sf-retail {
        font-size: 1em !important;
    }
    .office-floors .row {
        height: 35px !important;
    }

}


@media only screen and (max-width: 750px) {
#galbuilding .hexgal {
    width:90px;
    }
#galbuilding .hexgal .clipped, .gallery-row1, .galleryrow-container{
    height: 110px;
}
}
@media only screen and (max-width: 600px) {
    
    #mfeatures, #mavails {
    position: relative;
    top: 180px;
}

    
    
    html, body{
        background: #fff !important;
    }
    #supersized{
        display:none;
    }
    nav{
        /*background:rgba(196, 154, 108, 1) !important;*/
        background:rgba(255, 255, 255, 1) !important;
    }
    .menulogo {
    top: 5px;
    left: 15px;
}
    
    

.menulogo svg {
    width: 40px;
    height: 46px;
}
    
    .menubtn {
    top: 8px;
        left:0px;
}

.menubtn svg {
    width: 38px;
    height: 44px;
}
    
    nav i.material-icons {
    font-size: 2em !important;
    left:-20px!important;
        top:-10px!important;
}
    .graybg {
        background: #eee !important;
    }
    .mhometxt .tourbtns{
        height:90px;
    }
    .mhometxt .h42 .tourtxt{
        text-align: right;
        margin-top:20px;
    }
    .mhometxt .h42vidbtn{
        left:117px;
    }
    .mhometxt .h43vidbtn{
        left:auto;
    }
    .mhometxt .h43 .tourtxt{
        right:50px;
        margin-top:20px;
    }
            /*--------- mobile features -------------*/

    .featureimg img{
        width: 100%;
        height: auto;
    }
    .separatortop{
        height:70px;
    }
    
    .featurestxt {
    width: 100%;
    position: static;
}
.featurestext {
    position: static;
    margin-top: 0px;
    padding: 30px;
    text-align: center;
    color: #10123B;
    letter-spacing: 1px;
}
    
    #trigger3m {
    position: relative;
        top:0px;
}
        /*--------- mobile avails -------------*/

    #avails-page{
position:relative;
    top:5880px;
    }
    .avails-section{
        margin-top: 50px;
        height:auto;
    }
    
    .border-gold {
    width: 4%;
}
    .hivehead-container{
        left:0;
    }
    .w303, .st42, .st43 {
    font-size: .5em;
    }
    .st42{
        padding-left: 90px;
    }
    .st43{
        padding-left: 0px;
        padding-right: 5px;
    }
    
    h1.mavailh{
        padding-top:20px;
    }
    .stack42{
        padding-top: 20px;
    }
    hr.goldl{
        width: 80%;
        background: transparent;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(196, 154, 108, 0), rgba(196, 154, 108, 0.75), rgba(196, 154, 108, 0));
}
    .plan-container img{
    width: 80%;
}
    .hivehead-container{
        position: static;
        height:100px;
    }
    .stack42m, .stack43m{
        text-align: center;
    }
    .stack43m{
        margin-top: 80px;
    }
    .rendergal{
        font-size: 1.2em;
    }
    .stack42m img, .stack43m img{
        width:80%;
        height:auto;
    }
    .avails-sectionm .h42head .h42btntxt svg, .avails-sectionm .h43head .h43btntxt svg {
width:46px;
        height:46px;
}.avails-sectionm .h42head .h42btntxt svg,  {
width:38px;
}
    .avails-sectionm .h42head{
        left:46%;
    }
    .avails-sectionm .h42head .h42btntxt{
        padding-left:4px;
    }
   .h43head {
    position: relative;
    left: 0;
    top: 30px;
    margin-left: 0px;
}
    
    .hive43avails .hivehead-container {
    margin-top: 0px;
}
    .h42tourbtn{
        position: relative;
        display: block;
        height:50px;
        top:20px;
        margin-bottom: 50px;
        width:auto;
    }
    
    .h43tourbtn{
        position: relative;
        display: block;
        height:50px;
        top:40px;
        margin-bottom: 70px;
        width:auto;
    }
    .h42tourbtn a, .h43tourbtn a{
        color:#c49a6c;
    }
    .h42option .bldglabel{
        left:10px;
    }
    .bldglabel{
        top:20px;
    }
    .h43option .bldglabel {
    left: 90px;
}
   
    /*--------- mobile location -------------*/
    .map-containerm {
    width: 100% !important;
    height: 300px !important;
}
    #mapm {
    width: 100% !important;
        height:300px !important;
}
    .location-section .separatortop{
        background-color: #ABAAB9;
    }
    
    .location-section .separatortop h1, .neighbor-section .separatortop h1, .gallery-section .separatortop h1, .specs-section .separatortop h1, .contact-section .separatortop h1{
        margin-top:0px;
        padding-top:20px;
    }
    
    .locationtext {
    position: static;
    height:auto;
    padding-top:20px;
}
    .locationtxt {
    width: 100%;
    position: static;
    right: 0px;
    top: 4080px;
}
    .location-section, .neighbor-section, .gallery-section, .specs-section, .contact-section{
        height:auto;
    }
    
    
        /*--------- mobile gallery -------------*/

    .gallery-section .separatortop{
        background-color: #10123b;
        margin-top: 20px;
    }
    
        /*--------- mobile specs -------------*/
.specs-section{
    background-color: #dbdadf;
    margin-top: 50px;
    }
    #trigger19 {
    top: -100px;
}
   
    .specs-container {
    height: auto;
    position: static;
    background: #dbdadf;
        padding: 20px 20px;
}
    
    .specstxt{
        margin-top: 0px !important;
    }
    
            /*--------- mobile contact -------------*/

    .contact-section .separatortop{
       position: static;
        padding-top: 80px;
    }
    
    .contact-container {
    height: auto;
    position: static;
    padding-top: 0px;
    }
    .contact-logos{
        padding-bottom: 90px;
    }
    
    
    
    footer.page-footer {
    height: 30px;
    padding: 5px 5px;
    font-size: .6em;
    letter-spacing: 1px;
    /*border:solid thin red;*/
}
    
    
    
    .bldgoptions {
        height:90px;
}
    .hive42renderingsm img{
        width: 100%;
        height:auto;
    }

    #officeh-text{
        position: static !important;
        display: block;
    }
    .hometext{
        width:80%;
        position: static;
        margin: auto;
    padding-top: 40px !important;
    }
    .features-detail div {
        display: block;
    }

    .m-logohome {
        text-align: center;
        padding-top: 40px;
    }
    .m-logohome img {

        width: 200px;
        height: auto;
    }
    .s-inline {
        display: inline-block;
        width: 49%;
    }
    .side-nav img {
        width: 140px;
        height: auto;
        padding-top: 20px;
        margin-bottom: 10px;
    }

    /*--------- phone - intro ----------- */
    .retail-txt,
    .office-txt {
        font-size: 2em !important;
        letter-spacing: 1px;
    }
    .browntint {
        width: 50%;
    }


    .black-strip,
    .brown-strip {
        top: 0px;
        height: 150px;
    }


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


    .office-txt-sub,
    .retail-txt-sub {
        opacity: 1;
        font-size: .8em;
    }




    .logo-header img {
        width: 140px;
        height: auto;
    }

    /*--------- et phone - home ----------- */
    
    
    #animate1{
        position: relative;
        top:40px;
    }
    .side-nav li > a {
        height:30px;
        line-height: 30px !important;
    }


    .h300 {
        height: 300px;
    }

    .h600 {
        height: 600px !important;
    }

    .h550 {
        height: 550px;
    }

    .h200 {
        height: 200px;
    }

    

    /*--------- phone - section dividers ----------- */
    .parallax-container {
        height: 250px;

    }
    .parallax-container .section {
        top: 0%;
        height: 250px;
        padding: 5px 20px;
    }

    .sec-divider {
        height: 400px;
    }
    
    

    .margintopm {
        margin-top: 10px;
    }
    
    #index-banner .section {
        top: 0;
    }
   

}
@media only screen and (max-width: 420px) {
#officeh-text h3 {
    margin-top: 20px;
}
    .homevid .playbtn {
    top: -102px;
    left: 120px;
}
    .mhometxt {
    height: auto;
}
    .specstxt {
        position: relative;
    top: 50px;
}
    .specs-container {
    padding-bottom: 60px;
}
}


/*---------- iphone 6, 6S, 7 and 8 landscape ------*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {




}

/*---------- iphone 6, 6S, 7 and 8 portrait ------*/

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





}



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

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

footer.page-footer {
    margin: 0;
}

.m-home{
    background: #fff;
    margin-top:300px;
    height:600px;
    padding:30px;
}




 @media only screen and (max-width: 992px) {
      .stack43, .stack42{
    left:-5%;
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
       .stack43, .stack42{
    left:-5%;
}.h43avails .stack-container{
          top:0px;
      }
      
}


@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .stack43, .stack42{
    left:-5%;
}.h43avails .stack-container{
          top:0px;
      }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
       .stack43, .stack42{
    left:-5%;
}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
       .stack43, .stack42{
    left:-5%;
      }.h43avails .stack-container{
          top:0px;
      }
}
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
      .stack43, .stack42{
    left:-5%;
}
}