/* parallax */

.enter {max-width: 1600px; overflow: visible;}
.enter > div {margin: 0 auto; max-width: 920px; text-align: center; padding: 100px 20px 80px; position: relative;}
.enter .block h3 {font-size: 1.75em; margin-bottom: 20px;}
.enter .block .wordmark {font-size: 1.5em}

.life {max-width: 1600px; overflow: visible;}
.life > div {margin: 0 auto; max-width: 920px; text-align: center; padding: 100px 20px 80px; position: relative;}

.life .arrow-down, .life .arrow-up {position: absolute; z-index: 100; width: 100%; text-align: center; padding: 0; margin: 0; max-width: 1600px;}
.life .arrow-down {top: 0;}
.life .arrow-up {bottom: 0;}
.life .arrow-down img, .life .arrow-up img {width: 100%; max-width: 960px; display: block; margin: 0 auto;}

.life.accommodations > div {border-top: solid 2px #e5e5e5; padding-bottom: 40px;}
.life.rooms-home {height: 690px; width: 100%; overflow: hidden; border-bottom: solid 3px #fff;}
.life > div.rooms-home-parallax {position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 690px; max-width: 2000px;}


.play-container {z-index: 1; position: absolute; text-align: center; width: 100%; top: 50%; margin-top: -70px;}
.play-container img {width: 140px;}
.lifestyle .play-container h3 {color: #fff; font-size: 1.5em; font-weight: 700;}


.lifestyle {background: #fff; font-family: "proxima-nova-n4","proxima-nova",sans-serif;}
.select-style {font-family: "proxima-nova-n4","proxima-nova",sans-serif;}
.lifestyle h3 {font-weight: 900; text-transform: uppercase; color: #6f1846; font-size: 2.25em; margin-bottom: 30px;}

#content-container .tech-satellite .content h1, #content-container .tech-satellite .content p, .tech-satellite .content h2 {-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.8); -webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.8); text-shadow: 0px 1px 2px rgba(0,0,0,0.8); -o-text-shadow: 0px 1px 2px rgba(0,0,0,0.8);}


#lifestyle-intro { max-width: 920px; margin: 0 auto; text-align: center;}
#lifestyle-intro > div {padding: 120px 20px 100px;}
.lifestyle #lifestyle-intro h2 {margin: 0 0 45px; padding: 0;}

.head-parallax {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1600px!important;}
.life {background-color: #fff;}

.life.video #video-viewport {position: absolute; padding: 0; max-width: 1600px; width: 100%; overflow: hidden;}
.life.video #video-viewport video {width: 1600px!important;}


/* Lifestyle Home */

.life.esplanade-home {height:650px; padding: 0; overflow: hidden;}


.life.via-home {height: 650px; overflow: hidden; border-bottom: solid 2px #fff;}
.life.via-home-text > div {padding-bottom: 60px;}

.life.fitness-home {height: 700px; overflow: hidden;}
.life div.fitness-home-parallax {position: absolute; top: -25%; left: 0; height: 140%; width: 100%; max-width: 1600px; padding: 0;}
.life .bottom-container {position: absolute; bottom: 0; left: 0; right: 0; background: rgb(31,36,78); background: rgba(31,36,78,0.85); max-width: 1800px; padding: 40px;}
.life .bottom-container article {max-width: 920px; margin: 0 auto;}
#content-container .life .bottom-container article h2, #content-container .life .bottom-container article p {color: #fff;}
.life .bottom-container article p {padding-bottom: 10px;}
.life .bottom-container article h2 {margin-bottom: 20px;}


.life.video {height: 600px; }
.life .text-container {padding-bottom: 60px;}

#mobile-viewport {height: 600px; width: 100%; position: absolute; top: 0; left: 0; z-index: 90; padding: 0; max-width: 1600px;}
.ie8 #video-viewport {display: none;}

.life.restaurant {height: 500px;}
.life.restaurant .dine-container {padding: 0; margin: 0; max-width: 1600px; width: 100%; overflow: hidden; height: 100%;}

.rock-parallax {height: 140%; width: 100%; top: 0%; left: 0;}
.spectra-parallax, .gift-parallax {height: 100%; width: 120%; top: 0%;  overflow: visible;}
.spectra-parallax {left: 0%;}
.gift-parallax {left: -20%;}

.blue-bg {background-color: rgb(31,36,78);}
.enter > div.block.left, .enter > div.block.right {width: 43%; color: #fff; display: inline-block; margin: 0; vertical-align: top; padding: 60px 3% 40px;}
.enter > div.block h2, #content-container .enter > div.block p {color: #fff;}
.enter > div.block h2 {text-transform: uppercase;}

/* Via */

/* .the-via .head-parallax {height: 95%;}  */

.life.via-restaurant {background-color: rgb(31,36,78);}
.life.via-restaurant > div {padding: 50px 0 60px;}
.via-restaurant h2, .via-restaurant p {color: #fff;}

.life.therestaurants, .life.theshopping {height: 600px; border-top: solid 1px #fff;}
.life.therestaurants .rest-container, .life.theshopping .rest-container {padding: 0; margin: 0; max-width: 1600px; width: 100%; overflow: hidden; height: 100%;}

.rest1, .rest2 {overflow: hidden; max-height: 300px; position: relative; display: inline-block; font-size: 0; width: 50%; float: left; height: 100%; }
.rest1-parallax {position: absolute!important; top: 0; left: -10%; width: 120%; height: 100%; overflow: visible!important;}
.rest2-parallax  {position: absolute!important; top: 0; left: -10%; width: 120%; height: 100%; overflow: visible!important;}
.rest3-parallax {position: absolute!important; top: 0; left: -10%; width: 120%; height: 100%; overflow: visible!important;}
.rest4-parallax  {position: absolute!important; top: 0; left: -10%; width: 120%; height: 100%; overflow: visible!important;}
.life.theshopping {height: 300px;}

.life.via-shopping {overflow: hidden;}
.life.via-shopping > div {padding-bottom: 60px; border-top: solid 2px #e5e5e5;}
.life.via-shopping div.shopping-parallax {position: absolute; top: -25%; left: 0; height: 140%; width: 100%; max-width: 1600px; padding: 0;}
.life.via-shopping article.right {width: 48%; float: right;}

/* Fitness */

.life.skin, .life.spa {height: 650px; overflow: hidden;}
.life.skin > div, .life.spa > div {padding: 0; height: 100%;}
.life .content-container.left {position: absolute; left: -20%; top: 0; width: 46%;}
.life .content-container.right {position: absolute; left: 74%; top: 0; width: 46%;}
.life .content-container.right, .life .content-container.left {height: 100%; background: rgb(31,36,78); background: rgba(31,36,78,0.85); opacity: 0;}
.life .content-container article {padding: 0 60px;}
.life .content-container.right h2, .life .content-container.right p, .life .content-container.left h2, .life .content-container.left p {color: #fff;}

.skin-parallax {position: absolute; height: 140%!important; width: 100%; top: -20%; left: 0; padding: 0; max-width: 1600px!important;}
.spa-parallax {position: absolute; height: 100%; width: 100%; top: 0%; left: -50%; padding: 0; max-width: 2000px!important;}


.bg-image, .parallax {-webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform-style: preserve-3d;}


@media screen and (min-width: 960px) {

/* ul.stores li {width: 25%;} */
.life.esplanade-home .hand-container {position: absolute; top: -75px; left: 35%;}
.life div.esplanade-watch img {position: absolute; left: 35%; top: -75px;}
#lifestyle-headline {height: 750px;}
#lifestyle-headline.internal {height: 550px;}
.spa-parallax {position: absolute; height: 100%; width: 100%; top: 0%; left: -10%; padding: 0; max-width: 2000px!important;}

.rest1, .rest2 {overflow: hidden; max-height: 500px; position: relative; display: inline-block; font-size: 0; width: 50%; float: left; height: 100%; }

.life.theshopping {height: 500px;}

}

@media screen and (min-width: 1024px) {

.lifestyle-headline-content span h1 {color: #fff; font-size: 3.5em; padding-bottom: 5px;}
.lifestyle-headline-content span h2 {color: #fff; font-size: 2em;}
.lifestyle .pp_content {height: 395px!important;}
h2 {font-size: 2.5em;
    margin-bottom: 30px;
    font-weight: 900;
    text-align: center;
  }


}