@charset "utf-8";
/* CSS Document */


html,body{
font-family: 'Jura', sans-serif;
	width:100%;
	height:100%;
	background:#fff;
}

.bred{
    border:solid thin red;
}
h1{
	font-family: 'Jura', sans-serif;
	font-size:1.8em;
	color:#fff;
	letter-spacing:2px;
	margin-bottom:20px;
	/*font-weight:bold;*/
}

a:hover{
	text-decoration:none !important;
	color:#09ccfd;
}


p{
	color:#fff;
	font-weight:200;
	text-transform:uppercase;
	font-size:.9em;
	letter-spacing:1px;
}

.bred{
	border:solid thin red;
}

.bblue{
	border:solid thin blue;
}


.txtwhite{
	color:#fff;
}

.txtgray{
	color:#ccc;
}

.button{
	z-index:15;
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-25px;
	background-color: rgba(168, 210, 0, .5);
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#95ba02;
	background-image:url(../images/arrow.png);
	cursor:pointer;
}

#big-video-control-track{
	display:none;
}

.logo-container{
	width:1300px;
	height:800px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-650px;
	text-align:center;
	z-index:80;
}


#intro-container{
	color:#fff;
	font-weight:200;
	font-size:4em;
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:220px;
	text-align:center;
	letter-spacing:2px;
	font-family: 'Jura', sans-serif;
	opacity:1;
	line-height:1em;
}




.logo0{
	position:absolute;
	left:50%;
	width:200px;
	margin-left:-100px;
	top:150px;
   /* -webkit-animation-delay: 1s; /* Chrome, Safari, Opera
       animation-delay: 1s;*/
	   opacity:0;
	   
}


.heron{
	position:absolute;
	top:380px;
	width:1200px;
	left:50%;
	margin-left:-600px;
	opacity:0;
}

.tagline{
	color:#fff;
	font-weight:200;
	font-size:3em;
	line-height:1.2em;
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	top:600px;
	text-align:center;
	letter-spacing:2px;
	font-family: 'Jura', sans-serif;
	opacity:0;
}



.skyimg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1200px;
	background:url('../images/skybg.jpg') repeat;
	 background-size: 100%; 
	/*-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;*/
	 opacity:0;
}



.topcontainer{
	height:1200px;
	width:100%;
	background:blue;
	position:absolute;
	top:0;
}

.beautybg{
	width:100%;
	height:800px !important;
	position:absolute;
	/*background:url('../images/beautybg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	 opacity:0;*/
}


/* /////// VIDEO /////////////////////////*/

.vid-container{
	width:100%;
	overflow-x:hidden;
}


.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:0;
}


.over-video{
	width:100%;
	position:absolute;
	background-color:#000;
	height:100%;
	opacity:.4;
}



.b-container{
	position:absolute;
	top:100px;
	width:800px;
	left:50%;
	margin-left:-400px;
	/*border:solid thin red;*/
}




.b-exterior{
	position:absolute;
	width:1400px;
	left:50%;
	margin-left:-700px;
	top:0px;
	text-align:center;
	z-index:2;
	opacity:0;
	height:100%;
	overflow-y:hidden;
	/*border:solid thin red;
	height:940px;
	height:100% !important;*/
}

.b-exterior img{
	position:absolute;
	left:15%;
	bottom:0;
	width:550px;
	height:auto;
}

.hometext{
	width:300px;
	position:absolute;
	top:100px;
	left:56%;
	color:#000;
	font-size:3em;
	opacity:0;
	text-align:center;
	font-family: 'Jura', sans-serif;
	
}


.hometext2{
	position:absolute;
	top:160px;
	z-index:10;
	width:500px;
	color:#fff;
	left:60%;
	margin-left:20px;
	font-size:1.8em;
	line-height:1.2em;
	opacity:0;
}

.hometext2 img{
    width:170px;
    height:auto;
    margin:auto;
}
.homevid{
    position:absolute;
	top:370px;
	z-index:10;
	width:900px;
	color:#fff;
	left:34%;
	margin-left:20px;
	font-size:1.8em;
	line-height:1.2em;
	opacity:0;
}
.homevid .grid figure.effect-selena h2{
    margin-top:-25px;
    font-size: 2em;
}
.homevid .grid figure p{
    font-size: .5em;
}
.homevid .grid figure.effect-selena img{
    opacity:.85;
}
.vidlabel{
    text-align: center;
    font-size:.7em;
    color:#1b75bb;
    position: relative;
    top:-10px;
    left:38%;
    width:200px;
    
}
.hometext-c{
	margin-top:30px;
	font-size:.7em;
	line-height:1.2em;
	text-transform:uppercase;
}

.home-logos{
	margin-top:20px;
}
.headline{
	position:absolute;
	top:690px;
	left:50%;
	width:800px;
	margin-left:-400px;
	text-align:center;
	letter-spacing:2px;
	font-size:1.5em;
	opacity:0;
	text-transform:uppercase;
}
.navlogo{
	position:fixed;
	top:5px;
	left:10px;
	z-index:10;
	opacity:0;
}

.menu-c{
	width:100%;
	position:fixed;
	top:0px;
	height:50px;
	font-size:1.5em;
	color:#fff;
	opacity:0;
	z-index:10;
	background:#000;
}

.menu-c ul{
	width:950px;
	position:absolute;
	left:50%;
	margin-left:-475px;
	top:10px;
	
}
.menu-c li{
	display:inline-block;
	width:150px;
	text-align:center;
}
.menu-c li:first-child{
    width:100px;
}

.separation{
	position:absolute;
	bottom:0;
	background-image:url('../images/bg-separation2.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center top;	
	width:100%;
	height:200px;
	z-index:6;
	opacity:0;
	text-align:center;
	color:#fff;
	
}

.separation.shome{
	z-index:80;
}

a.arrowdown:hover{
	color:#fff;
}
.arrowdown{
	position:relative;
	top:20px;
	
}

.separation.savail{
	height:130px;
	background-size: 1800px auto;
}

.separation.sgallery{
	z-index:2;
	height:130px;
}


.separation p{
	width:1100px;
	font-size:1.4em;
	position:absolute;
	top:80px;
	line-height:1.3em;
	text-transform:none;
	position:absolute;
	left:50%;
	margin-left:-550px;
}
.separation p.smaller{
    font-size:1.2em;
}
.separation h1{
	text-transform:uppercase;
	color:#1dacfd;
	margin-top:30px;
}
.sgradient{
z-index:6;
	position:absolute;
	top:0px;
	height:80px;
	width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	
	
}

.navigation{
	position:fixed;
	top:80px;
	right:20px;
	text-align:right;
	font-family: 'Jura', sans-serif;
	font-weight:200;
	font-size:.9em;
	letter-spacing:1px;
	z-index:3;
	width:210px;
}

.navigation li{
	list-style:none;
	margin-bottom:20px;
	cursor: pointer !important;
}

.navigation li div{
	display:inline-block;
	
}
.navigation .mtxt{
	display:inline-block;
	color:#2ca2fe;
	font-size:1.3em;
	margin-right:10px;
	letter-spacing:2px;
	opacity:0;
}

.navigation .line1, .navigation .specs{
	position:relative;
	top:-10px;
}

.navigation .loc, .navigation .feat{
	position:relative;
	top:-20px;
}

.front, .back{
	padding:10px;
}
.overflip{
	width:50px;
	}
	
.availsimg{
	margin-top:10px;
}



#line1, #line2, #line3{
	opacity:0;
	position:relative;
}

#line1{
	top:-10px;
}

#line2, #line3{
	margin-top:10px;
	top:10px;
}

#intro-logo{
	margin-top:300px;
	
}

#intro-logo img{
	width:445px;
	height:224px;
	opacity:0;
}


/******************************
NAVIGATION
*******************************/

.home-navcontainer{
	width:200px;
	margin:0 auto;
}
.navbox{
	background-color: rgba(10, 55, 58, 0.4);
	width:85px;
	height:85px;
	margin-bottom:15px;
}

.navbox .navimg{
	position:absolute;
	right:30px;
	margin-top:18px;
}

.navbox .navsideimg{
	position:absolute;
	left:10px;
	margin-top:18px;
}

.navbox .txt{
	color:#fff;
	position:absolute;
	margin-top:25px;
	left:-165px;
	font-size:1.4em;
	text-align:right;
	width:150px;
	display:none;
	
}

.navbox.lft .txt{
	color:#fff;
	position:absolute;
	margin-top:25px;
	left:90px;
	font-size:1.4em;
	text-align:left;
	display:none;
}

.navbox.rt.lines2 .txt, .navbox.lft.lines2 .txt{
	color:#fff;
	position:absolute;
	margin-top:15px;
	display:none;
	line-height:1.2em;
}


#navcol2{
	position:relative;
}

.menuside{
	display:none;
	position:absolute;
}

.selected{
	color:#b0fa60;
}

.white{
	color:#fff;
}

.sidemenu{
	position:fixed;
	left:0;
	top:10%;
	display:none;
	z-index:500;
}

.sidemenu .logo{
	margin-left:20px;
}

.space-btm{
	margin-bottom:20px;
}



.featuresbg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:url('../images/exterior.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:left top;
	background-repeat:repeat;
}

#amenities-container{
	background-color: rgba(255, 255, 255, 0.75);
	width:660px;
	height:360px;
	position:absolute;
	left:50%;
	margin-left:-300px;
	top:210px;
}

#amenities-border{
	width:680px;
	height:380px;
	position:absolute;
	left:50%;
	margin-left:-310px;
	top:200px;
	z-index:49;
	border:solid thin #fff;
	opacity:.5;
}

.amenitiestxt {
	margin:30px;
	color:#000;p
	font-size:1.2em;
	line-height:1.8em;
	font-family: 'Jura', sans-serif;
}




.f1{
	font-size:1.4em;
	font-weight:200;
}

h2{
	margin-bottom:0;
	font-family: 'Spinnaker', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.4em;
	
	color:#277c94;
}

.amenitiestxt p{
	margin-top:-2px;
	margin-bottom:15px;
}



.amenities, .featuresbg{
	display:none;
}


/******************************
 SLIDE
*******************************/


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	/*box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	/*border:solid blue;*/
	
}

.slide#slide2{
	box-shadow:none
}

.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:3em;
	color:rgba(255,255,255,0.3);
}



/******************************
 SLIDE 1 
*******************************/
#slide1{
	z-index:1;
	background:#000;
	/*
	background-image:url('../images/exterior.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:left top;
	background-repeat:none;*/

}

.container{
	position:absolute;
	top:25%;
	left:50%;
	width:700px;
	margin-left:-350px;
	text-align:center;
	font-size:1.2em;
}

.wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hometxt{
	width:100%;
	height:50px;
	background-color: rgba(158, 181, 2, .8);
	/*background-color: rgba(225, 225, 225, .4);*/
	color:#fff;
	position:absolute;
	top:500px;
	text-align:center;
	opacity:0;
	
}

.hometxt div{
	margin-top:15px;
	font-size:1.1em;
	font-weight:100;
	font-family: 'Spinnaker', "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	letter-spacing:1px;
}

.homebgimg{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-700px;
	width:1400px;
	height:885px;
	
}


.s1img{
	display:none;
}

.wrapper1 img:first-child{
	position:absolute;
top: -80px;
left: 300px;
}



/******************************
 SLIDE 2 OVERVIEW
*******************************/

#slide2{
	z-index:2;
	background-color:black;
	background-image:url('../images/buildingbg.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:left top;
	background-repeat:repeat;
	
	
}

.overview p{
	color:#999;
}
#slide2 img:nth-child(2){
	position:absolute;
	top: 80px;
	left: 900px;
}

#slide2 img:nth-child(3){
	position:absolute;
	top:480px;
	left: 120px;
}


.blue{
	color:#1b75bb;
}

.section-box{
	height:100px;
	background:#212426;
	width:100%;
	z-index:10;
	text-align:center;
}

.bigtxt{
	font-size:11em;
	color:#32393d;
	position:relative;
	top:38px;
	font-family: 'Jura', sans-serif;
	font-weight:300;
	width:100%;
}

#featuresbx{
	/*position:relative;
	top:50px;*/
	height:120px;
}
#featuresbx .bigtxt{
	font-size:13em;
	top:45px;
}

.wow:first-child {
      visibility: hidden;
    }


.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
	 pointer-events: none;
}

/******************************
 SLIDE 2 FEATURES
*******************************/
#slide2{
	z-index:2;
	background-color:black;
	/*background-image:url('../images/avails.jpg');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:left top;
	background-repeat:none;*/
	
}

.featurestxt-c{
	z-index:50;
}

.wrapper.features img{
	height:80%;
	position:absolute;
	bottom:0;
	left:10%;
}
#slide2 img:nth-child(2){
	position:absolute;
	top: 80px;
	left: 900px;
}

#slide2 img:nth-child(3){
	position:absolute;
	top:480px;
	left: 120px;
}

.instruct-f{
	font-size:1.2em;
	font-family: 'Michroma', sans-serif;
	letter-spacing:2px;
	position:absolute;
	width:500px;
	left:75%;
	margin-left:-250px;
	top:15%;
	text-align:center;
	color:#1b75bb;
}


.btn-container{
	position:absolute;
	left:5%;
	width:55%;
	height:100%;
}

.btnatrium{
	bottom:67%;
	left:10%;
	margin-left:20px;
}


.btnpocketpark{
	bottom:26%;
	left:74%;
	text-align:right;
	
}

.btnroof{
	bottom:78%;
	left:26%;
	
}

.btnpavilion{
	left:67%;
	bottom:63%;
	text-align:right;
}


.btnretail{
	bottom:0;
	left:20px;
}

.btnlobby{
	bottom:0;
	left:60%;
}


.btnentrance{
	bottom:0;
	left:76%;
}

.popbtn{
	position:absolute;
	background:none;
	cursor:pointer !important;
	width:70px;
	height:70px;
	/*z-index:20;*/
}


.atrium, .pocketpark, .roof, .pavilion, .lobby, .retail, .entrance{
	position:absolute;
	top:30%;
	margin-top:20px;
	width:400px;
	margin-left:-200px;
	opacity:0;
	left:75%;
	text-align:center;
	
}

.atrium-container{
	position:absolute;
	top:30%;
	margin-top:20px;
	width:400px;
	margin-left:200px;
	left:46%;
	text-align:center;
}



/*.pocketpark{
	top:35%;
}
.market, .roof{
	top:37%;
}*/

.popup h1{
	font-size:1.2em;
	font-family: 'Michroma', sans-serif;
	letter-spacing:2px;
	color:#fff;
	margin-top:10px;
	margin-left:20px;
}

.popup p{
	font-size:1em;
	font-family: 'Michroma', sans-serif;
	letter-spacing:2px;
	margin-left:20px;
	color:#fff;
}

/******************************
 SLIDE 3 LOCATION
*******************************/


#slide3{
	z-index:2;
    background-color:#151515;
	
	/*background-color:#151515;
    background-image:url('../images/map1.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:no-repeat;*/
	
}




.location{
	width:100%;
	height:auto;
	/*text-align:left;*/
	text-align:center;
	
}
.location img{
	width:100%;
	height:auto;
	margin-top:2%;
	max-width:1500px;
}

.locationtxt-container{
	width:100%;
	height:100px;
	text-align:center;
/*	background-color:#48983d;*/
	
}


.map-container{
	position:absolute;
	top:10px;
	width:1200px;
	left:50%;
	margin-left:-600px;
}

.neighborlink{
	margin-top:10px;
	position:absolute;
	top:420px;
	left:55px;
	margin:0 auto;
	color:#028adc;
}

.neighborlink a:hover{
	color:#1faafe;
	text-decoration:none;
}

.key{
	position:absolute;
	top:300px;
	left:55px;
}

.circle {
	border-radius: 50%;
	width: 10px;
	height: 10px; 
	display:inline-block;
	/* width and height can be anything, as long as they're equal */
}

.circle.yellow{
	background-color:#fff200;
}

.circle.blue{
	background-color:#00aeef;
}

.circle.green{
	background-color:#05c11a;
}

.circle.pink{
	background-color:#ee2a7b;
}

.circle.orange{
	background-color:#f7941e;
}


.separation.loc p{

	top:70px;
	
}




.separation.loc{
	height:190px;
}

.mapkey-container{
	width:1280px;
	margin:30px auto 0 auto;
    
}

.mapkey{
	width:280px;
	border:solid thin gray;
	text-align:left;
	line-height:1.7em;
    position:relative;
    top:-30px;
}

.keys{
	margin:5px 8px 5px 8px;
}

/******************************
 SLIDE 4 AVAILS
*******************************/

#slide4{
	z-index:2;
	background-color:#fff;
	/*background-image:url('../images/map1.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:no-repeat;*/
}
.plan-options{
    width:400px;
    margin:auto;
    line-height:.9em;
/*display:none;    */
}

.plan-options div{
    display:inline-block;
    font-size: .7em;
    margin-right:10px;
}
.plan-options i{
    font-size: .75em;
}

#option1, #option2, #option3, #option4, #option1:visited, #option2:visited, #option3:visited, #option4:visited{
    color:#03add9;
}
#option1:hover, #option2:hover, #option3:hover, #option4:hover{
    color:#0275ce;
    cursor:pointer;
}
.plan-container{
	text-align:center;
	margin-top:10px;
}
.avails-c{
	margin-top:180px;
}

.flrs{
	text-align:right;
	color:#fff;
	padding-right:20px;
}
.floor{
	font-size:1.5em;
	margin-top:100px;
}

.topspace{
	height:50px;
}



.floornum{
    z-index:500;
	font-size:1.2em;
	margin-top:70px;
}
.flnum{
    line-height: 1.2em;
}
.flnum div{
    font-size: .9em;
    line-height: 1em;
}

.blue{
    line-height:1em;
}



img#planimg{
    width:460px;
    height:380px;
}
#fl20{
    margin-top:140px;
}
#fl16, #fl14{
    margin-top:10px;
}
#fl12{
    margin-top:5px;
}
#fl5{
    margin-top:70px;
}


#flc{
    margin-top:25px;
}

#flc:hover, #fl5:hover, #fl14:hover, #fl16:hover, #fl12:hover, #fl20:hover{
    color:#1081b0;
    cursor:pointer
}

img.stackplan{
     width:192px;
    height:570px;
}


.map-current{
    color:#1081b0;
}
.plan-text{
	padding-left:80px;
	margin-top:60px;
}

.plantype-text{
	margin-top:50px;
}

#plan{
    margin-top:20px;
}
#floor-text, #plantype-text{
	font-size:1.4em;
	margin:10px;
	color:#fff;
	text-align:center;
}
#floor {
    margin-bottom: 5px;
    line-height:1em;
}

#floor-options{
	color:#999;
	text-align:center;
	font-size:1.1em;
}
#avail-plan{
	margin:10px;
	text-align:center;
	margin-top:30px;
}
#floorimg{
    position: absolute;
    right:-45%;
    top:22%;
}
#floor3img{
    margin-top:10%;
}
#floorcimg, #floor3img, #floor6img{
    display:none;
}
#floorcimg{
    position: relative;
    top:-40px;
}
#floorimg img{
    width:29%;
    height:auto;
}
.planside{
    position: relative;
    left:-35%;
}

#dload{
    position: absolute;
    left:32%;
    z-index: 100;
    margin-top:20px;
}
.dloadpdf{
	text-align:center;
}



/******************************
 SLIDE 5 GALLERY
*******************************/
#slide5{
	background-color:none;
	
		/*background-image:url('../images/gallery.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position:left top;
		background-repeat:none;*/
}




.margin1{
	margin-top:100px;
}


/******************************
 SLIDE 6 CONTACT
******************************/

#slide6{
	background:#fff;
	background-image:url('../images/contactbg.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:repeat;
	
}

.contact-container{
	text-align:center;
	width:1000px;
	position:absolute;
	top:250px;
	left:50%;
	margin-left:-500px;
	font-size:1.2em;
}

.contact-container a{
	color:#000;
}
.contact-container a:hover{
	text-decoration:none;
	color:#0588e2;
}

.footer{
    
    width:100%;
    height:70px;
/*    background: #000;*/
    z-index: 100;
    padding-right:20px;
    padding-top:10px;
    text-align: right;
}


.footer img{
    width:50px;
    height:auto;
}




#slide5 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}


/******************************
VIDEO MEDIA QUERIES
******************************/


@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

/******************************
MOBILE
******************************/

.m-logo{
	text-align:center;
	background:black;
}

.m-logo img{
	margin-top:5px;
	margin-bottom:5px;
}

.m-text{
	background:black;
	color:#fff;
	text-align:center;
	padding:10px 20px;
	font-size:1.1em;
	padding-bottom:40px;
}

.blackbg{
	background:#000;
}

.m-text h1{
	font-size:1.4em;
	margin-bottom:0;
}

.m-contact{
	text-align:center;
	padding:40px 0px;
	background-image:url('../images/contactbg.jpg');
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat:repeat;
		font-size:1.2em;
}

.smallmap{
	background:#000;
}

.smallmap div{
	margin:0 auto;
}

 .m-avails{
	text-align:center;
	margin-bottom:30px;
}

.m-avails h1{
	margin-top:20px;
	color:#000;
	font-size:1em;
}
#floor h1{
    letter-spacing: 0px !important;
}

.pad20{
    padding:20px !important;
}

.m-stackplan{
	text-align:center;
}
.m-stackplan img{
	height:300px;
	width:auto;
	margin: 10px auto;
}


@media only screen and (max-width : 600px) { 
/* STYLES GO HERE */
    .moveleft{
        position: relative;
        left:-5%;
    }
    .m-logo, nav{
        position: fixed;
        width:100%;
        background:#000;
        z-index:900;
    }
.nav, [role~=navigation] {
        position: fixed;
    top:50px;
    z-index:900;
    }
    .home{
        position: relative;
        top:70px;
    }
    figure.effect-selena h2 {
    font-size: 3em;
}figure.effect-selena p {
    font-size: 1em;
}
	}


@media only screen and (min-width : 375px) and (max-width : 667px) { 
/* STYLES GO HERE */
	

	}