﻿@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,700i');

/* ----------------------------------------------------------------------------------- */
/* GENERAL */
/* ----------------------------------------------------------------------------------- */

html {margin:0px; padding:0px; background-color: #FFFFFF;}
body {margin:0px; padding:0px; position:relative; font-family:'Montserrat', sans-serif; font-size:14px; color:#4d4d4f; font-weight: 500; background-color: #FFFFFF;}
html, body {
  height : 100%;
  width  : 100%;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {font-family:'Montserrat', sans-serif; color:#4d4d4f;}
h1 {font-family:'Montserrat', sans-serif; color:#4d4d4f; font-size: 40px; font-weight: 500; -webkit-margin-before: 0px; -webkit-margin-after: 0px; line-height: 1.2; margin-bottom: 40px;}
h2 {font-family:'Montserrat', sans-serif; color:#4d4d4f;font-weight: 500;}
h3 {font-family:'Montserrat', sans-serif; color:#4d4d4f; font-size: 22px; font-weight: 500; -webkit-margin-after: 0px;}
h4 {font-family:'Montserrat', sans-serif; color:#4d4d4f;font-weight: 500;}
h5 {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 34px; font-weight: 500; -webkit-margin-before: 0px; -webkit-margin-after: 0px;}

p {font-family:'Montserrat', sans-serif; font-size:16px; color: #4d4d4f; line-height: 1.5;}
a {font-family:'Montserrat', sans-serif; text-decoration:none; outline:none; color:#68a5bc;}
a:hover {color:#4d4d4f;}

img, video {max-width:100%; height:auto;width:auto;}

ul {    
  list-style-type: square;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 15px;
}

li {
  color: #68a5bc;
}
li span {
  color: #FFFFFF;
}

/* ----------------------------------------------------------------------------------- */
/* CONTAINERS */
/* ----------------------------------------------------------------------------------- */

.absolute_container {position:absolute; top:0px; left:0px; width:100%; padding:0px; margin:0px; text-align: center;}
.maxwidth_container {position:relative; max-width:1530px; padding:0px; margin:0px auto 0px;}

/* ----------------------------------------------------------------------------------- */
/* TOP MENU */
/* ----------------------------------------------------------------------------------- */
.header {width:100%; height:108px; background:rgb(255,255,255); background:rgba(255,255,255,1); text-align: center;}
.topnav {position: absolute; width:100%; height: 108px; background:rgb(255,255,255); background:rgba(255,255,255,.85); margin: 0 auto; z-index: 999; overflow:hidden; -webkit-transition: height .4s ease; -moz-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease; display: block;}
.topnav:hover {height:300px; -webkit-transition: height .4s ease; -moz-transition: height .4s ease; -o-transition: height .4s ease; transition: height .4s ease;}
.topmenu {float:left; width: 11%; margin: 82px 1.6% 0px 1.6%; font-weight:100; color:#4F4F4F; font-size:16px; font-family:'Montserrat', sans-serif; font-weight: 500;}
.topmenu a {color:#4F4F4F;}
.topmenu a:hover {color:#68a5bc;}
.toplogo {float:left; width: 11%; margin: 8px 1.6% 0px 1.6%; min-height: 85px;}
.submenu {float:left; width: 11%; margin: 25px 1.6% 0px 1.6%; color:#4F4F4F; font-size:15px; font-family:'Montserrat', sans-serif; line-height:2;}
.submenu a {color:#4F4F4F;}
.submenu a:hover {color:#68a5bc;}

/* ----------------------------------------------------------------------------------- */
/* STACK PLAN MAP */
/* ----------------------------------------------------------------------------------- */

#stacking-section {position:relative; width:90%; background:#FFFFFF; max-width:1530px; margin-left:auto; margin-right:auto;}
#stacking-map {position:relative; text-align:center; width:100%; max-width:861px; margin:30px auto 0px;}
#stacking-map img {image-rendering:crisp-edges;}
#stacking-map #layer0 {position:relative;}
#stacking-map #layer {position:absolute; top:0px;}
#stacking-map #layer.animpath {opacity:0;}
#stacking-map #layer.animglow {opacity:0;}
#stacking-map #layer.animbtn {opacity:0;}
#stacking-map #hotspots {position:absolute; top:0px; width:100%; height:100%;}
#stacking-map #hotspots .hotspot {position:absolute; width:27.6%; height:4.5%; cursor:pointer; z-index: 99;}

#mobilefloorplan{display:none;}
#mobilestacking {display:none;}
#valetmobile {display:none;}
#areamobile {display:none;}

#sic1 {opacity:0; display:none;}
#sic2 {opacity:0; display:none;}
#sic3 {opacity:0; display:none;}
#sic4 {opacity:0; display:none;}
#sic5 {opacity:0; display:none;}
#sic6 {opacity:0; display:none;}
#sic7 {opacity:0; display:none;}
#sic8 {opacity:0; display:none;}
#sic9 {opacity:0; display:none;}
#sic10 {opacity:0; display:none;}
#sic11 {opacity:0; display:none;}

#hs1 {top:1.3%; left:0%;}
#hs2 {top:7.7%; left:0%;}
#hs3 {top:14.2%; left:0%;}
#hs4 {top:20.7%; left:0%;}
#hs5 {top:27.2%; left:0%;}
#hs10 {top:33.7%; left:0%;}
#hs9 {top:40.1%; left:0%;}
#hs6 {top:46.7%; left:0%;}
#hs7 {top:53.3%; left:0%;}
#hs8 {top:60.7%; left:0%;}
#hs11 {top:67.1%; left:0%;}

.sideinfo_container {position: absolute; float:right; z-index:999; top:0%; right:0%; max-width: 28%;}
.sideinfo_video {position:relative; text-align:right;}
.sideinfo_description {text-align: left;}

.stacklink {font-family:'Montserrat', sans-serif; font-size:12px; color:#68A5BC; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;}
.stacklink a:link {color:#68A5BC;}
.stacklink a:hover {color:#68A5BC;}
.stackdesc {font-family:'Montserrat', sans-serif; font-size:15px; color: #4d4d4f; line-height: 1.5; font-weight: 400;}

/* ----------------------------------------------------------------------------------- */
/* AREA MAP */
/* ----------------------------------------------------------------------------------- */

#mstacking-section {position:relative; width:90%; background:#FFFFFF; max-width:1530px; margin-left:auto; margin-right:auto;}
#mstacking-map {position:relative; text-align:center; width:100%; max-width:1080px; margin:30px auto 0px;}
#mstacking-map img {image-rendering:crisp-edges;}
#mstacking-map #mlayer0 {position:relative;}
#mstacking-map #mlayer {position:absolute; top:0px;}
#mstacking-map #mlayer.manimpath {opacity:0;}
#mstacking-map #mlayer.manimbtn {opacity:0;}
#mstacking-map #mhotspots {position:absolute; top:0px; width:100%; height:100%;}
#mstacking-map #mhotspots .mhotspot {position:absolute; width:13.3%; height:4.5%; cursor:pointer; z-index: 99;}

#mhs1 {top:0%; left:0%;}
#mhs2 {top:0%; left:14.5%;}
#mhs3 {top:0%; left:28.9%;}
#mhs4 {top:0%; left:43.4%;}
#mhs5 {top:0%; left:57.9%;}
#mhs6 {top:0%; left:72.3%;}
#mhs7 {top:0%; left:86.8%;}

/* ----------------------------------------------------------------------------------- */
/* FLOORPLANS */
/* ----------------------------------------------------------------------------------- */

#fstacking-section {position:relative; width:90%; background:#FFFFFF; max-width:1530px; margin-left:auto; margin-right:auto; height: 760px;}
#fstacking-map {position:relative; text-align:center; width:100%; max-width:1080px; margin:30px auto 0px;}
#fstacking-map img {image-rendering:crisp-edges;}
#fstacking-map #flayer0 {position:relative;}
#fstacking-map #flayer {position:absolute; top:0px;}
#fstacking-map #flayer.fanimpath {opacity:1;}
#fstacking-map #flayer.fanimbtn {opacity:1;}
#fstacking-map #fhotspots {position:absolute; top:0px; width:100%; height:100%;}
#fstacking-map #fhotspots .fhotspot {position:absolute; width:32.5%; height:4.5%; cursor:pointer; z-index: 99;}

#fhs1 {top:0%; left:0%;}
#fhs2 {top:0%; left:34%;}
#fhs3 {top:0%; left:67.5%;}

/* ----------------------------------------------------------------------------------- */
/* LAYOUT */
/* ----------------------------------------------------------------------------------- */

.homeimg { position: relative; width: 100%; text-align: center;}
.homequote {position: absolute; text-align: center; top:0%;}
.quotename {color: #FFFFFF; font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 30px; font-weight: 500; font-style: italic; line-height: 1; letter-spacing: 1px;}
.quotetitle {color: #FFFFFF; font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: 3px;}

.dividershadow {width:100%; margin-top: -5px;}
.pagetitle {width: 65%; text-align: center; margin: 0 auto;}
.singcolpic {text-align: center; width:100%; max-width: 861px; margin: 0 auto;}
.singlecolumn {float: left; width: 50%;}
.singlecolumn img {margin-top: 0%;}
.singcoltxt {padding: 0px 65px;}
.sectionheaders {font-family:'Montserrat', sans-serif; color:#68A5BC; font-size: 16px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; line-height: 1.2; letter-spacing: 12px; text-transform: uppercase; width:100%; text-align: center; font-weight: 600; margin-bottom:40px;}
.subheaders {font-family:'Montserrat', sans-serif; color:#4d4d4f; font-size: 24px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; font-weight: 500; line-height: 1.2;}
.description {font-family:'Montserrat', sans-serif; color:#4d4d4f; font-size: 16px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; font-weight: 400; line-height: 1.5;}
.dblcolpic {text-align: center; width:90%; max-width: 861px; margin: 0 auto;}
.dblcolumn {width: 100%;}
.dblcolumn img {margin-top: 0%;}
.dblcoltxt {padding: 0px 56px;}

.ftr_address {margin: 0px; text-align: center; background-color: #77787b; font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 10px; font-weight: 500; background-image: url("../img/footerbg.png"); background-repeat: no-repeat; height: 148px; letter-spacing: 2px;}
.ftr_address img {margin: 20px 0px 10px 0px;}
.ftr_links {text-align: center; background-color: #68a5bc; font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 10px; font-weight: 500; background-image: url("../img/footerbg.png"); background-repeat: no-repeat; height:50px; letter-spacing: 2px; line-height:50px;}
.ftr_links a {color:#FFFFFF;}
.ftr_links a:hover {color:#4d4d4f;}

/* ----------------------------------------------------------------------------------- */
/* LAYOUT */
/* ----------------------------------------------------------------------------------- */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}

.gmodal02 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal03 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal04 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal05 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal06 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal07 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal08 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal09 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}
.gmodal01 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(77,77,79); /* Fallback color */
  background-color: rgba(77,77,79,0.9); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 63%;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.contactclose {
  color: white;
  float: right;
  font-size: 50px;
  font-weight: 500;
  margin-right:30px;
}

.contactclose:hover,
.contactclose:focus {
  color: #68a5bc;
  text-decoration: none;
  cursor: pointer;
}

.factclose {
  color: white;
  float: right;
  font-size: 50px;
  font-weight: 500;
  margin-right:30px;
}

.factclose:hover,
.factclose:focus {
  color: #68a5bc;
  text-decoration: none;
  cursor: pointer;
}

.mobileclose {
  color: white;
  float: right;
  font-size: 50px;
  font-weight: 500;
  margin-right:30px;
}

.mobileclose:hover,
.mobileclose:focus {
  color: #68a5bc;
  text-decoration: none;
  cursor: pointer;
}

.gallery01close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery01close:hover,.gallery01close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery02close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery02close:hover,.gallery02close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery03close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery03close:hover,.gallery03close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery04close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery04close:hover,.gallery04close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery05close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery05close:hover,.gallery05close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery06close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery06close:hover,.gallery06close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery07close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery07close:hover,.gallery07close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery08close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery08close:hover,.gallery08close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}
.gallery09close {color: white;float: right;font-size: 50px;font-weight: 500;margin-right:30px;}
.gallery09close:hover,.gallery09close:focus {color: #68a5bc;text-decoration: none;cursor: pointer;}

.modal-header {
  padding: 0px 34px 0px 10px;
  color: white;
  text-align: center;
  margin-top: 118px;
}

.modal-body {
  padding: 0px 34px 0px 10px;
  text-align: center;
}

.modal-container {
  padding: 0px 34px 0px 10px;
  text-align: center;
  width: 100%;
}

.modal-factcontainer {
  padding: 0px 34px 0px 10px;
  text-align: left;
  width: 100%;
}

.modal_cell {
  float: left;
  width: 50%;
}

.modal-footer {
  padding: 2px 16px;
  color: white;
}

.modal-third {width: 33.33%; float: left;}

.motxt_header {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 40px; letter-spacing: 1px; margin: 30px 0px; font-weight: 400;}
.motxt_bheader {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 36px; letter-spacing: 1px; margin: 10px 0px; font-weight: 400;}
.motxt_subheader {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 20px; font-weight: 400;  line-height: 1.5;}
.motxt_subheader a {color:#FFFFFF;}
.motxt_subheader a:hover {color:#68a5bc;}
.motxt_bodycopy {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 15px; font-weight: 400;  line-height: 1.5;}
.motxt_bodycopy a {color:#FFFFFF;}
.motxt_bodycopy a:hover {color:#68a5bc;}
.motxt_section {font-family:'Montserrat', sans-serif; color:#68a5bc; font-size: 16px; letter-spacing: 2px; display: block; margin-bottom: -10px; font-weight: 500;}
.motxt_name {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 24px; display: block; margin-bottom: -10px; font-weight: 400;}
.motxt_title {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 12px; letter-spacing: 1px; display: block; margin-bottom: -10px; margin-top:10px; font-weight: 400;}
.motxt_info {font-family:'Montserrat', sans-serif; color:#FFFFFF; font-size: 15px; margin:4px 12px 0 0; display: block; margin-bottom: -10px; font-weight: 400; line-height: 1.5;}
.motxt_info a {color:#FFFFFF;}
.motxt_info a:hover {color:#68a5bc;}
.motxt_info li {margin: 0 0 10px 0;}

.blueline {margin: 10px 0 30px 0;}

.gmodal-third {width: 30%; float: left; overflow:hidden; height:150px; margin: 5px;}


  /*jssor slider loading skin spin css*/
  .jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 072 css*/
.jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
.jssorb072 .i .b {fill:#fff;opacity:.3;}
.jssorb072 .i:hover {opacity:.7;}
.jssorb072 .iav {color:#fff;}
.jssorb072 .iav .b {fill:#000;opacity:.5;}
.jssorb072 .i.idn {opacity:.3;}

/*jssor slider arrow skin 073 css*/
.jssora073 {display:block;position:absolute;cursor:pointer;}
.jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
.jssora073:hover {opacity:.8;}
.jssora073.jssora073dn {opacity:.4;}
.jssora073.jssora073ds {opacity:.3;pointer-events:none;}

.mobnav {position: absolute; width:100%; height: 108px; background:rgb(255,255,255); background:rgba(255,255,255,.85); margin: 0 auto; z-index: 999; display: none;}
.mobnav_item{font-family: 'Oswald', sans-serif;}
.mobmenu{float:right; margin:24px 3.2% 0 0;}
.hamburger{width: 35px; height: 5px; background-color: #68a5bc; margin: 6px 0;}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(29,27,19);
  background-color: rgba(29,27,19, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 12px;
  text-decoration: none;
  font-size: 36px;
  display: block;
  transition: 0.3s;
  font-family: 'Oswald', sans-serif;
  color:#ab9b6d;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/*MOBILE ACCORDIANS*/
html, body{
  padding: 0;
  margin: 0;
  
}
.labeltext{
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 8px;
  text-transform: uppercase;
  font-weight:300;
  text-align: left;
}

.steps-container{
  background:#fff;
  color: #fff;
  box-shadow: 0 1px 1px #ccc;
}.steps-container2{
  background:#fff;
  color: #fff;
  box-shadow: 0 1px 1px #ccc;
}

.steps-container input[type='checkbox'] ~ .description{
  transition: .3s ease-in;
}
.steps-container2 input[type='checkbox'] ~ .description{
  transition: .3s ease-in;
}

.steps-container input[type='checkbox']:checked ~ .description{
  height:720px;
}
.steps-container2 input[type='checkbox']:checked ~ .description{
  height:300px;
}

.steps-container input[type='checkbox']{
  width: 100%;
  display: none;
}
.steps-container2 input[type='checkbox']{
  width: 100%;
  display: none;
}

.steps-container label{
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  display: inline-block;
  border-bottom:1px solid #ccc;
  position:relative;
}
.steps-container2 label{
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  display: inline-block;
  border-bottom:1px solid #ccc;
  position:relative;
}

.steps-container label:before,
.steps-container label:after{
  width:2px;
  height:15px;
  background:#fff;
  display:inline-block;
  position:absolute;
  content:"";
  z-index:99;
  right:25px;
  top:12px;
  transform:rotate(90deg)
}
.steps-container2 label:before,
.steps-container2 label:after{
  width:2px;
  height:15px;
  background:#fff;
  display:inline-block;
  position:absolute;
  content:"";
  z-index:99;
  right:25px;
  top:12px;
  transform:rotate(90deg)
}

.steps-container label:after{
  transform:rotate(0deg)
}
.steps-container2 label:after{
  transform:rotate(0deg)
}

.steps-container input[type='checkbox']:checked ~ label:after{
  transform:rotate(90deg)
}
.steps-container2 input[type='checkbox']:checked ~ label:after{
  transform:rotate(90deg)
}

.steps-container input[type='checkbox']:checked ~ label{font-family: 'Oswald', sans-serif;}
.steps-container2 input[type='checkbox']:checked ~ label{font-family: 'Oswald', sans-serif;}

.steps-container label span{
  font-weight: 300;
  display: block;
  padding: 10px 12px 12px 15px;
  margin: 0;
}
.steps-container2 label span{
  font-weight: 300;
  display: block;
  padding: 10px 12px 12px 15px;
  margin: 0;
}

.description{
  background: #fff;
  color: #222;
  width: 100%;
  height: 0;
  padding-left: 15px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  transition: .4s ease-in-out;
} 
.description p{
  line-height: 18px;
  padding-right: 10px;
}

.steps-container label{background: #68A5BD;   }
.steps-container2 label{background: #68A5BD;   }
.mobilefloorplan{font-family: 'Oswald', sans-serif;}
.spacer{
  display: block;
  height:60px;
}
.bcopy{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #4d4d4f;
  font-weight: 400;
  text-align: center;
}
.menuspacer {
  line-height: 1.2;
  margin-bottom: 12px;
}






@media only screen and (max-width: 450px) {
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}
.overlay .closebtn {font-size: 40px; top: 15px; right: 35px;}
.subheaders {font-family:'Montserrat', sans-serif; color:#4d4d4f; font-size: 18px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; font-weight: 500; line-height: 1.2;}
.singlecolumn {float: left; width: 45%;}
.singcoltxt {padding: 0px 42px;}
.description {padding-right: 15px;}
h1 {font-size: 30px;}
#stacking-section {display:none;}
#mobilestacking {display:block;}
#fstacking-section {display:none;}
#mobilefloorplan {display:block;}
.spacer{display: block; height:30px;}
.bcopy{font-family: 'Montserrat', sans-serif; font-size: 14px; color: #4d4d4f; font-weight: 500; text-align: center;}
#valetmobile {display:block;}
#valetregular {display:none;}
.modal-content {width: 90%;}
#areamobile {display:block;}
#arearegular {display:none;}
.motxt_info {font-size: 12px;}
.motxt_section {font-size: 13px;}
.motxt_subheader {font-size: 18px;}
.motxt_header {font-size: 30px;}
.motxt_bheader {font-size: 30px;}
.modal-third {width: 100%; float: none;}
}



@media only screen and (max-width: 990px) {
  .mobnav{display:block;}
  .topnav{display:none;}
  .toplogo{display:flex; align-items: center; margin-left: 3.2%;}
  .singlecolumn {width: 45%;}
  .modal-third {width: 100%; float: none;}
}





