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



/* blue color: #29aae1; */



html{
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}


nav ul{
    margin-left:220px;
}
nav ul a,
nav .brand-logo {
  color: #fff;
    font-size: .8em;
    font-weight: 400;
    letter-spacing: 1px;
    
}
.navbar-fixed { z-index: 9999;
}
/*nav ul a{
padding-top:24px;  - add this back when enabling tabs ----------- 
}
nav{
    position:fixed;
    z-index: 20;
}*/
.sidenav-logo {
    padding:10px 0px 0px 15px;
}
.sidenav-logo img{
 width:200px;   
}

.side-nav i{
    margin-right:0px !important;
}


.videolink a, .videolink a:visited{
   color: #7cd6fc;
}


.videolink a:hover{
    color: #fff;
}
.bred{
    border:solid thin red;
}
.brand-logo img{
    width:200px !important;
    height:auto;
    position:relative;
    top:14px;
}

p {
  line-height: 2rem;
}

.button-collapse {
  color: #29aae1;
}

.nav-content{
    /*padding-left:220px;   - add this back when enabling tabs ----------- */ 
}

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

.home-small{
    height:280px;
    text-align:center;
    background:#000;
    margin-bottom:0;
    padding-bottom: 20px;
}

.row .home-small{
    margin-bottom: 0;
}
.home-small img{
    width:100%;
    height:100%;
}
#vidtrigger{
    position: absolute;
    top:40%;
    left:40%;
    font-size:3em;
    border:solid thin red;
    width:400px;
}
.blackbg{
    background:#000;
}

.h-one{
    background: url('../images/home/3.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.h-two{
    background: url('../images/home/4a.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.h-three{
    background: url('../images/home/5.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.h-four{
    background: url('../images/home/1.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.h-five{
    background: url('../images/home/2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home{
    height: 780px;
    padding-bottom:0;
    margin-bottom:0;
    z-index:6;
    position: absolute;
}
.sidetextbg{
    padding-top:120px;
    height:100%;
    background: url("../images/homebg.png") top right;
    background-repeat: no-repeat;
}

.darksidetextbg{
    padding-top:120px;
    
    height:100%;
    background: url("../images/sidedarkbg.png") bottom right;
    background-repeat: no-repeat;
}


.sideltextbg{
    padding-top:120px;
    height:100%;
    background: url("../images/sidelightbg.png") bottom right;
}

#gallerycontainer{
    z-index:6;
}

#galslide{
    margin-top:-100px;
}

#gallery{
    position: relative;
}


.gallery-small img{
    padding:20px 0px;
    width:100%;
}

.gallery-small {
    margin-top:-800px;
    height:4900px;
    text-align: center;
    background-image: url('../images/gallerybg-small.jpg');
    background-repeat: repeat-y;
}
img.largeimg{
    height:auto;
    width:100%;
    margin: 0 auto;
}

.sidetext img{
    width:200px;
    height:auto;
    margin-bottom: 20px;
}
h1{
    font-size: 1.6em;
    font-weight: 300;
    color:#fff;
}

.bluetext{
    color: #29aae1;
}

h2{
    font-size: 1.2em;
    font-weight: 300;
    
}
p.regtext{
    text-align: justify;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    /*letter-spacing: 1px;*/
}

p.regtexth{
    text-align: left !important;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
    /*letter-spacing: 1px;*/
}


#home .sidetext{
    padding-top:80px;
}

#home h1{
    margin-top:20px;
}

.padright{
    padding-right:20px;
    /*text-align: left !important;*/
}
.sidetext{
    padding-right:120px;
    text-align: center;
    padding-left:30px;
}

.location-small{
    padding-right:30px;
    padding-top:30px;
}

.location-small #map { 
		width:400px; 
		height:677px;
		z-index:8; 
    position:absolute;
    right:0px;
    top:0;
		}

.location-small p{
    padding-bottom: 20px;
}
.location-small .mapkey {
    font-size:1em;
    color:#fff;
    text-align: left;
    padding:30px 0px;
}

.home-small .sidetext{
    padding-right:50px;
    padding-left:50px;
}


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

.videobtnimg{
    padding-top:30px;
     font-size: 1.2em;
    letter-spacing: 1px;
    color:#4bace8;
}
.videobtnimg a, .videobtnimg a:visited{
    color:#4bace8;
    text-decoration: none;
    
}

.videobtnimg a:hover{
    color:#fff;
    text-decoration: none;
}
/*
.carousel.carousel-slider .carousel-item:first-child{
    width:80%;
    left:10%;
    top:60px;
}
*/
.vidrow{
 height:700px;    
   margin-bottom:0;
    background:#000;
    padding-top:70px;
}

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

#features, #gallery{
    margin-top:135px;
}

#supersize{
    z-index:1;
}
.features{
    height:150px;
background-color: rgba(0, 0, 0, .8);
    color: #fff;
    margin-top:-15px;
    text-align: center;
}

.separator h1{
    font-size: 3em;
    font-weight: 100;
}

.features-slide{
    height:768px;
    width:100%;
}

.carousel .title{
    text-align: center;
    font-size: 1.2em;
    padding-top: 30px;
    color:#000;
    text-transform: uppercase;
}

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

.availsep{
    background-color: rgba(127, 128, 131, .7);
text-align: center;
}
.avails{
    background: url('../images/availsbg2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

.floorplan{
    background: url('../images/availsrightbg.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    height:768px;
}
.suite{
    width:80px;
}

.stack {
    height:768px;
}
.stackc{
    margin-top:250px;
}
.stackline{
    margin-top:-2px;
    margin-bottom:-2px;
}

.stacksf .fl210{
    margin-bottom:15px;
}
.stacksf .fl106{
    margin-top:15px;
}

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

.asterisk{
    margin-top:20px;
    text-align: center;
    color:#207d75;
    font-size: .9em;
    text-transform: uppercase;
    line-height: 1.2em;
}

.greentxt{
    color:#14c9ba;
    font-size: 1.6em;
    position: relative;
    top:5px;
}
.asterisk .greentxt{
    font-size: 2em;
    top:10px;
}
.gray{
    color:#ccc !important;
}

.floor-container{
    width: 270px; 
   height: 65px;
}
.floor {
   width: 270px; 
   height: 65px;
   background: #7a878e;
   /* Skew */
   -webkit-transform: skew(-40deg); 
   -moz-transform: skew(-40deg); 
   -o-transform: skew(-40deg);
   transform: skew(-40deg);
opacity:.6;
     -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
    border:solid thin #fff;
}

#index-banner{
    position: relative;
    top:0px;
    padding-top:0;
}
.floor:hover {
  background-color: #0388d5;
  cursor: pointer;
}

.floor.active{
    background-color: #29aae1;
}
.fl4{
    z-index:5;
    position:relative;
}

.fl2a{
   margin-top:5px;
}
.fl3{
    z-index:4;
}

.fl2{
    z-index:3;
}

.fl1{
    z-index:2;
}

.fll{
    z-index:1;
}


.fl2{
    position:relative;
    margin-top:-20px;
}

.fl190:hover, .fl106:hover, .fl218:hover, .fl210:hover, .fl2:hover, .fl2a:hover, .fl2aa:hover, .fl2ab:hover{
    cursor: pointer;
}

.stackfloors .active, .stacksf .active{
    color:#0388d5!important;
}
.stack-subtext{
    text-align: center;
    color:#0388d5;
    font-size: .9em;
}
.stack-subtext span{
    font-size: 1.8em;
    vertical-align: -20%;
}
.stackfloors .active{
    border-radius: 50%;
  border: 1px solid #0388d5;
    width:32px;
    height:32px;
    line-height: 1.4em;
    font-size: 1em;
    margin:2px 0px 10px 0px;
}

.stackfloors, .stacksf{
    font-weight: 500;
    color:#58595b;
}

.stacksf{
    font-size: 1em;
     line-height: .9em;
    padding-top:10px!important;
}
.stacksf .bold{
   font-weight: 500;
    text-align:right;
    width:100px;
}

.stacksf div{
margin-bottom:10px;
}

.stackfloors{
    margin-top:0px;
    font-size: 1.4em;
    line-height: 2.2em;
}

.entrance-labels{
    font-size: .7em;
    margin-top:8px;
}

.se{
    position: relative;
    left: 60px;
    width: 100px;

}

.ne{
    position:relative;
    top:-15px;
    left:230px;
    width: 100px;
}

.stacksf{
    text-align: left;
   
    padding-left:20px !important;
}
#floortext{
    color:#29aae1;
    font-size: 1.7em;
    letter-spacing:1px;
    margin-top:70px;
}
.stackm-subtext{
    font-size: .8em;
}

#floorsubtext{
    color:#ccc;
    font-size: 1em;
    letter-spacing:1px;
    /*text-transform: uppercase;*/
}

img#planimg{
    width:500px;
    height:auto;
    padding:20px 0px;
}
.grid{
    z-index:40;
}
.dloadlink{
    position:relative;
    z-index:50;
}
.dloadlink a, .dloadlink a:visited{
    color:#ccc;
}

.dloadlink a:hover{
    color:#29aae1;
}


#s210options{
    padding-bottom:20px;
    width:100%;
    height:200px;
display:none;
     z-index:40;
}
.modal{
    width:50%;
}
.slider .indicators .indicator-item.active {
    background-color: #29aae1;
}
/*-------------- TECH SPECS -------*/

.specssep{
    background-color: rgba(81, 81, 81, .7);
text-align: center;
    position:relative;
    top:-20px;
}
#techspecs{
    position:relative;
    top:135px;
}

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

.specscontainer, .locationcontainer{
    height:768px;
    margin-bottom:0;
}

.specshead{
    height:100%;
    text-align: right;
    background-color: rgba(186, 195, 204, .50);
}


.specstext p{
    width:70%;
}

.specshead p{
    padding-right:20px;
    font-weight: 500;
}

.specstext p, .specshead p{
    height:100%;
    font-size: .9em;
    color: #000;
    line-height: 2.2em;
    padding-top:120px;
}


/*-------------- LOCATION -------*/
#location, #contact{
    position:relative;
    top:140px;
}


#ownership{
    position:relative;
    top:-180px;
}
.locationcontainer .sidetext{
    padding-top:20px;

}

.location-small{
        background-color: rgba(0, 0, 0, .9);
}

.locationcontainer .sidetext p{
    padding-top:30px;
    padding-bottom:30px;
}
.location{
    height:150px;
background-color: rgba(90, 90, 90, .9);
    color: #fff;
    margin-top:-20px;
    text-align: center;
}
.locationcontainer{
    background: #ccc;
     /*background: url('../images/map.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
#maptext{
    z-index: 9;
    position:absolute;
    height:768px;
}

#map { 
		width:1150px; 
		height:768px;
		z-index:8; 
    position:absolute;
    right:0px;
		}


.locationcontainer .regtext{
    padding-right:50px;
}
.mapkey {
    font-size:.8em;
    color:#fff;
    text-align: left;
    padding-top:30px;
}

.redc{
    color: red;

}
.orangec{
    color:#ef6b07;
}

.greenc{
    color: #047c1a;
}

.purplec{
    color:#751fe5;
}
.bluec{
    color:#0562d3;
}


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

.ownership{
    height:768px;
width:100%;
    margin:0;
}

.ownersep{
    background-color: rgba(52, 52, 60, .7);
text-align: center;

}



.ownership .sidetext{
    padding-top:70px;
    padding-right:120px !important;
}
.ownership .sidetext h1{
    color:#000 !important;
}

.ownership .sidetext p{
    color:#000 !important;
}


.modal-footer {
  border-top: 0px;
  position: absolute;
  top: 0;
    background-color: transparent;
    height:30px !important;
    padding:5px 10px !important;

}
.videolink i{
    font-size: 1em;
}

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

.contactsep{
    background-color: rgba(39, 39, 41, .7);
text-align: center;

}
.contact{
    padding-top:40px;
    margin-bottom:0;
    height:768px;
     background: url('../images/contactbg4.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contacttext{
    padding:60px;
    font-size: 1.1em;
    color:#000;
}

.contacttxt{
    margin-bottom:8px;
}
.nopadleft{
    padding-left: 0 !important;
}
.nopadtop{
    padding-top: 0 !important;
}

.moveuptop{
    margin-top: -12px;
}
.contact-logo{
    margin-bottom:5px;
    height:40px;
}
.contact-logo.cbre img{
    height:22px;
    width:auto;
    margin-top:6px;
}

img.contact-logo-win{
    height:35px;
    width:auto;
}

nomarginbtm{
    margin-bottom: 0;
}


footer.page-footer{
    position: fixed;
    bottom:0;
    z-index: 100;
    height:40px;
    width: 100%;
    padding:10px !important;
    letter-spacing:1px;
}

.contact-small{
    padding:0 !important;
}


.contact-small img{
    width:100%;
}

.footer-address{
    font-size: .7em;
    
}
.parallax-container {
  min-height: 768px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

.stack-small{
    text-align:center;
}
.stack-small img{
    width:90%;
    height:auto;
}

.stack-small .effect-goliath img{
    width:100%;
}
.stack-small figure.effect-goliath h2{
    top:70px;
    font-size: 4em;
}

.gallery-small{
    height:auto;
}
.stack-small, .stack-small .dloadlink a{
    color:#000;
}
.smallplan{
    padding:10px 0;
}



.paddingtb30{
    padding:30px 0px;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  margin: 0;
}

.retinalogo{
        display:none;
    }

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

 nav ul a {
     padding:10px;
    font-size: .75em !important;
   
}
}


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

    .padright{
        font-size: .8em !important;
    /*text-align: left !important;*/
}
}

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

.contacttext{
    font-size: 1em;
}
}

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

.contacttext{
    font-size: .9em;
}
}
@media only screen and (max-width : 1160px) {

 nav ul a {
     padding:5px;
    font-size: .75em !important;
}
    .stacksf{
        font-size: .9em !important;
    }
}

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

 nav ul a {
     padding:5px;
    font-size: .7em !important;
}
    
    .stacksf{
        font-size: .8em !important;
    }
    
    
}
@media only screen and (max-width : 992px) {
  
    .stackfloors, .stacksf{
        font-size: 1em;
        /*line-height: 3em !important;*/
        padding-left:0 !important;
    }
    
    
    
    .stackfloors .active{
    width:22px;
    height:22px;
    line-height: 1.4em;
    font-size: 1em;
    margin:2px 0px 9px 0px;
}
  .parallax-container .section {
    position: absolute;
  }
  #index-banner .section {
    top: 0;
      z-index:100;
      position: absolute;
  }
    #galslide{
    margin-top:-350px;
}
}


    
@media only screen and (max-width : 850px) {
  
    .stackfloors, .stacksf{
        font-size: .7em !important;
        /*line-height: 3.4em !important;*/
        padding-left:0 !important;
    }
}

@media only screen and (max-width : 600px) {
   
    #gallery{
       top:-350px;
    }
    #maptext{
     height:auto;
        padding-bottom: 50px;
    }
    .parallax-container {
  min-height: 670px;
}
    .locationcontainer{
        height:1000px;
    }
    .brand-logo img{
    top:6px;
}
    .contacttext{
    background-color: rgba(215, 215, 215, 1);

}
    .contact{
    padding-top:0px;
    }
    
    #map{
        height:400px !important;
        width:400px;
    }
    .map-container{
        margin-top:550px;
    }
    
  #index-banner .section {
    top: 0;
  }
    #galslide{
        display:none;
    }
   
    .sideltextbg{
        background-color: rgba(215, 215, 215, 1);
        background-image: none;
        height:auto;
    }
    
    .ownership .sidetext{
    padding:30px;
        padding-right:30px !important;
}
    .darksidetextbg, .sidetextbg{
    background-color: rgba(0, 0, 0, .9);
    background-image:none;
        height:550px;
}
    .sidetextbg{
        height:700px;
         
    }
    .sidetext{
         padding-right:30px !important;
    }
    
    
    #maptext .sidetext{
        padding-right:0px !important;
    }
    
    .stackfloors, .stacksf{
    font-size: .4em !important;
    font-weight: 500;
    line-height: 2.2em;
    margin-top:-40px;
    color:#58595b;
}
    
    
    
   
}





@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .retinalogo{
        display:block;
    }
    
    .regularlogo{
        display:none;
    }
}