@import url('jquery.jscrollpane.css');
@import url('colorbox.css');

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
	color: #222;
}

html {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html, body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
}

input, select, textarea, option {
	font-family: 'Open Sans', sans-serif;
}
input, select, textarea, option,
.boxsize{
	box-sizing: border-box;	
}
.noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

::-webkit-input-placeholder {color: #d0d0e2;}
:-moz-placeholder {color: #d0d0e2;}
::-moz-placeholder {color: #d0d0e2;}
:-ms-input-placeholder {color: #d0d0e2;}

.main-wrap {
	overflow-x: hidden;
	position: relative;
	width: 100%;
	/*min-width: 1200px;*/
	height: 100%;
	/*	min-height: 1000px;*/
	min-height: 900px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.main-wrap-stories {
	/*min-height: 900px;*/
	min-height: 800px;
}

.header-wrap {
	z-index: 9999;
	position: fixed;
	top: 0;
	width: 100%;
	height: 64px;
	background: #fff;
}

.footer-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 54px;
	background: #000;
	overflow: hidden;
}

.header-wrap .main-logo {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
.header-wrap .main-logo a {
	color: #000;
	text-decoration: none;
}
.header-wrap .main-logo span{
	display: inline-block;
	height: 44px;
	line-height: 44px;
	padding: 10px 15px;
}
.header-wrap .main-logo span + span{
	border-left: #797979 solid 1px;
}

.main-bg {
	display: none;
}

.main-nav-wrap {
	float: right;
}
.main-nav {
	margin: 0;
	padding: 0;
}
.main-nav li {
	position: relative;
	float: left;
	list-style: none;
}
.main-nav > li > a {
	display: block;
	height: 30px;
	padding: 17px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	line-height: 30px;
	color: #000;
}
.main-nav > li:hover > a,
.main-nav > li.active > a {
}
.main-nav > li.booking > a {
	color: #fff;
	background: #c99b6a;
}
.main-nav > li.active > a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #000;
}
.main-nav li ul{
	display: none;
	position: absolute;
	right: 0;
	width: 210px;
	margin: 0;
	padding: 0;
	background: #f5f5f5;
}
.main-nav li:hover > ul{
	display: block;
}
.main-nav li li {
	display: block;
	float: none;
}
.main-nav li li a{
	display: block;
	padding: 17px 20px;
	font-size: 15px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	border-top: #e2e2e2 solid 1px;
}

.footer-wrap > div {
	float: left;
	color: #cacaca;
	font-size: 14px;
}
.footer-wrap a:hover{
	color: #fff;
}
.footer-wrap .social-links {
	padding: 15px;
	padding-right: 0;
}
.footer-wrap .social-links a{
	font-size: 20px;
	display: inline-block;
	padding: 0 2px;
}
.footer-wrap .utility-links{
	padding: 20px 0;
}
.footer-wrap .utility-links a{
	float: left;
	padding: 0 15px;
	line-height: 1em;
}
.footer-wrap .utility-links a + a{
	border-left: #bbb solid 1px;
}
.footer-wrap > div.copyright {
	float: right;
	margin: 8px;
	padding: 10px;
	padding-right: 50px;
	background: url(../img/emaar_icon.png) 100% 50% no-repeat;
}
.footer-wrap a{
	color: #aaaaaa;
	text-decoration: none;
}


.home-slogan {
	position: absolute;
	top: 20%;
	width: 100%;
	color: #fff;
	text-align: center;
	font-family: 'Helvetica Neue', sans-serif;
}
.home-slogan h1{
	margin: 0;
	font-weight: 100;
	font-size: 62px;
}
.home-slogan h1 + span{
	font-size: 20px;
	font-weight: 300;
}

.home-cta-wrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22%;
	margin: 0 auto;
	width: 550px;
	height: 245px;
	color: #fff;
}
.home-cta-wrap .cta{
	float: left;
	width: 200px;
	padding: 0;
	text-align: center;
	background: url(../img/icon_burjkhalifa.png) 50% 0 no-repeat;
}
.home-cta-wrap .cta a{
	display: block;
	padding: 90px 0 0;
	color: #fff;
	text-decoration: none;
}
.home-cta-wrap .cta:hover{
	opacity: .5;
}
.home-cta-wrap .cta:nth-child(2){
	float: right;
	background: url(../img/icon_burjrings.png) 50% 6% no-repeat;
}
.home-cta-wrap .cta h4 {
	position: relative;
	margin: 0 0 .8em;
	font-size: 28px;
	font-family: 'Helvetica Neue', sans-serif-serif;
	font-weight: 400;
}
.home-cta-wrap .cta h4:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	content: '';
	width: 25%;
	height: 10px;
	border-bottom: #fff solid 1px;
}
.home-cta-wrap .cta h4 + span{
	font-family: 'Times New Roman', serif;
	font-style: italic;
	font-size: 18px;
}
.weather-widget {
	display: none;
	position: absolute;
	right: 30px;
	top: 90px;
	color: #fff;
	opacity: .4;
}
.weather-widget span {
	display: block;
	padding: 10px 55px 10px 0;
	text-align: right;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
.weather-widget span.cloud-type {
	background-image: url(../img/icon_breezy.png);
}
.weather-widget span.temperature {
	background-image: url(../img/icon_thermometer.png);
	background-position: 90% 50%;
}
.weather-widget span.wind-direction {
	background-image: url(../img/icon_compass.png);
	background-position: 92% 50%;
}

/*booking*/
.content-wrap {
	position: relative;
	min-height: 100%;
	width: 100%;
	/*min-width: 1200px;*/
	top: 0;
	-webkit-trasform: translate3d(0,0,0);
}
.generic-wrap,
.press-wrap,
.contact-wrap,
.booking-wrap{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.col1{
	position: absolute;
	left: 0;
	width: 40%;
	height: 100%;
	-webkit-trasform: translate3d(0,0,0);
}
.col1:before{
	content: '';
	width: 100%;
	height: 75%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 36%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(36%, rgba(255,255,255,0.36)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 36%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 36%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 36%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 36%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.contact-wrap .col1:before{
	display: none;
}
.col2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	min-width: 820px;
	height: 100%;
	-webkit-transform: translate3d(0,0,0);
	overflow: hidden;
}
.col2 .blurred-bg{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*-webkit-filter: blur(10px);*/
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transform: translate3d(0,0,0);
}
.col2 .blurred-bg:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(240,240,240,.8);
}
.col2 .blurred-active:after{
	background: rgba(255,255,255,.3);
}
.contact-wrap .col2 .blurred-bg:after,
.contact-wrap .col2 .blurred-active:after{
	display: none;
}
.generic-wrap-dark .col2 .blurred-bg:after{
	background: rgba(0,0,0,.3);
}
.col-content{
	-webkit-transform: translate3d(0,0,0);
}
.booking-wrap .col1 .col-content{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 80%;
	min-width: 370px;
	max-width: 450px;
	height: 500px;
	margin: auto;
}
.booking-wrap .col1 .col-content-tall{
	height: 650px;
}
.generic-wrap .col1 .col-content h1,
.press-wrap .col1 .col-content h1,
.contact-wrap .col1 .col-content h1,
.booking-wrap .col1 .col-content h1{
	position: relative;
	margin: 0 0 .5em;
	padding: 0 0 .2em;
	font-size: 72px;
	font-size: 65px;
	font-family: 'Helvetica Neue';
	font-weight: 300;
	line-height: 1.1em;
	color: #333;
	border-bottom: #333 solid 1px;
}
.generic-wrap .col1 .col-content h1:before,
.press-wrap .col1 .col-content h1:before,
.contact-wrap .col1 .col-content h1:before,
.booking-wrap .col1 .col-content h1:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	height: 3px;
	width: 70px;
	background: #333;
}
.generic-wrap .col1 .col-content h1 span,
.press-wrap .col1 .col-content h1 span,
.contact-wrap .col1 .col-content h1 span,
.booking-wrap .col1 .col-content h1 span{
	font-weight: 100;
	display: block;
}
.press-wrap .col1 .col-content-tall h2 span,
.contact-wrap .col1 .col-content-tall h2 span,
.booking-wrap .col1 .col-content-tall h2 span{
	display: inline;
}
.col-content-tall .cta-wrap .cta {
	width: 130px;
}
.col-content-tall .cta-wrap .cta-prev {
	padding-left: 25px;
}
.col-content-tall .cta-wrap .cta-prev:before {
	left: -10px;
}
.col-content-tall .cta-wrap .cta-next {
	padding-right: 25px;
}
.col-content-tall .cta-wrap .cta + .cta{
	float: right;
}
.booking-wrap .col1 .col-content h1 + span{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}
.booking-wrap .col1 .col-content h1 + span em{
	font-style: normal;
	font-weight: 100;
}

.day-month{
	color: #333;
	padding: 30px 0 10px;
}
.cta-day-month {
	color: #333;
	text-decoration: none;
}
.day-month .box{
	position: relative;
	display: inline-block;
	width: 158px;
	height: 153px;
	position: relative;
	text-align: center;
	border-bottom: #333 solid 5px;
}
.day-month .box:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(250,250,250,.7);*/
	background: rgba(238,238,238,0.9);
	background: -moz-linear-gradient(top, rgba(238,238,238,0.9) 0%, rgba(248,248,248,0.9) 25%, rgba(238,238,238,0.9) 49%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,238,238,0.9)), color-stop(25%, rgba(248,248,248,0.9)), color-stop(49%, rgba(238,238,238,0.9)), color-stop(50%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
	background: -webkit-linear-gradient(top, rgba(238,238,238,0.9) 0%, rgba(248,248,248,0.9) 25%, rgba(238,238,238,0.9) 49%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
	background: -o-linear-gradient(top, rgba(238,238,238,0.9) 0%, rgba(248,248,248,0.9) 25%, rgba(238,238,238,0.9) 49%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
	background: -ms-linear-gradient(top, rgba(238,238,238,0.9) 0%, rgba(248,248,248,0.9) 25%, rgba(238,238,238,0.9) 49%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,0.9) 0%, rgba(248,248,248,0.9) 25%, rgba(238,238,238,0.9) 49%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
}

.day-month .box em{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	font-family: 'Oswald';
	font-size: 70px;
	font-style: normal;
	text-transform: uppercase;
	line-height: 150px;
}
.day-month .box em + span{
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	line-height: 1em;
	font-size: 11px;
	text-transform: uppercase;
}
.cta-wrap {
	margin: 30px 0 0;
}
.cta-wrap .cta {
	position: relative;
	display: inline-block;
	min-width: 80px;
	padding: 13px 20px;
	padding-right: 30px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
	background: #333;
}
.day-month + .cta-wrap .cta{
	min-width: 110px;
}
.cta-wrap .cta + .cta{
	margin-left: 10px;
}
.cta-wrap .cta:hover {
	cursor: pointer;
	background: #000;
}
.cta-wrap .cta-prev:before,
.cta-wrap .cta:after {
	position: relative;
	right: -20px;
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	margin: 0;
	background: url(../img/icon_arrow_right_white.png) 0 0 no-repeat;
	
}

.cta-wrap .cta-prev{
	padding-right: 20px;
	padding-left: 30px;
}
.cta-wrap .cta-prev:after{
	display: none;
}
.cta-wrap .cta-prev:before{
	right: auto;
	left: -15px;
	background: url(../img/icon_arrow_left_white.png) 0 0 no-repeat;
}

.booking-wrap .col2 .col-content{
	position: relative;
	width: 100%;
	padding: 140px 40px 50px 50px;
}

.booking-menu {
	overflow: auto;
}
.booking-menu .box {
	position: relative;
	float: left;
	margin: 0 2.2%;
	width: 30%;
	height: 122px;
	font-size: 14px;
	color: #333;
	border: #444 solid 1px;
	background: rgba(255,255,255,.3);
	background-position: 50% 30%;
	background-repeat: no-repeat;
}
.booking-menu .box:hover {
	background-color: rgba(255,255,255,.4);
}
.booking-menu .box-active:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: #333;
}
.booking-menu .box:first-child {
	margin-left: 0;
}
.booking-menu .box-ticket{
	background-image: url(../img/icon_ticket.png);
}
.booking-menu .box-atthetop{
	background-image: url(../img/icon_atthetop.png);
}
.booking-menu .box-friends{
	background-image: url(../img/icon_friends.png);
}
.booking-menu .box-direction{
	background-image: url(../img/icon_direction.png);
}
.booking-menu .box:last-child {
	margin-right: 0;
}
.booking-menu .box > a {
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}
.booking-menu .box-active > a{
	cursor: default;
}
.booking-menu .box > a span{
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.table1-wrap{
	padding: 50px 0 20px;
	line-height: 1.6em;
}
.table1 {
	width: 100%;
	color: #333;
	border-collapse: collapse;
}
.table1 thead th{
	border-top: #555 solid 1px;
	border-bottom: #555 solid 1px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.2em;
	padding: 7px 0;
}
.table1 thead th:first-child{
	text-align: left;
}
.table1 thead th strong{
	display: block;
}
.table1 td{
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	padding: 3px 0;
}
.table1 tr td:first-child{
	font-weight: normal;
	text-align: left;
}
.table1 tr th:nth-child(2),
.table1 tr td:nth-child(2){
	background: rgba(255,255,255,.4);
}
.table1 tr th:nth-child(3),
.table1 tr td:nth-child(3){
	background: rgba(237,185,59,.4);
}
.table1 tbody tr:first-child td{
	padding-top: 15px;
}
.table1 tbody tr:last-child td{
	padding-bottom: 15px;
	border-bottom: #777 solid 1px;
}

.info-wrap {
	font-size: 14px;
	line-height: 1.7em;
}
.info-wrap > div {
	vertical-align: top;
	display: inline-block;
}
.info-wrap .info-timings {
	width: 38%;
}
.info-wrap .info-important {
	width: 60%;
}
.info-wrap h3{
	margin: 0;
	padding: .5em 0;
	padding-left: 40px;
}
.info-timings p > strong{
	display: block;
}
.info-timings h3{
	background: url(../img/icon_clock.png) 0 50% no-repeat;
}
.info-important h3{
	background: url(../img/icon_info.png) 0 50% no-repeat;
}

.cta2 {
	display: inline-block;
	margin: 5px 0 0;
	padding: 13px 20px;
	padding-left: 60px;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	background: #3b80d6 url(../img/icon_shopping_bag.png) 15px 50% no-repeat;
}
.cta2:hover {
	cursor: pointer;
	background-color: #2768BA;
}

.visitor-info-list{
	padding: 40px 0 0;
	font-size: 14px;
	line-height: 1.7em;
}
.visitor-info-list ul{
	margin: 0;
	padding: 0 0 0 60px;
}
.visitor-info-list li{
	position: relative;
	padding: 0 0 .8em;
	list-style: none;
}
.visitor-info-list li h4{
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.visitor-info-list li .icon{
	position: absolute;
	left: -45px;
	top: -.3em;
	width: 32px;
	height: 32px;
}
/*.visitor-info-list li h4.icn-baggage:before{
	background-image: url(../img/icon_baggage.png);
}
.visitor-info-list li h4.icn-wifi:before{
	background-image: url(../img/icon_wifi.png);
}
.visitor-info-list li h4.icn-child:before{
	background-image: url(../img/icon_child.png);
}
.visitor-info-list li h4.icn-question:before{
	background-image: url(../img/icon_question.png);
}
.visitor-info-list li h4.icn-accessibility:before{
	background-image: url(../img/icon_wheelchair.png);
}*/

.direction-wrap {
	padding: 50px 0 0;
	line-height: 1.6em;
}
.direction-wrap .method{
	overflow: auto;
	padding: 0 0 40px;
}
.direction-wrap .legend{
	width: 20%;
	max-width: 90px;
	float: left;
}
.direction-wrap .legend h3{
	margin: 0;
	padding: 5px 0 0;
	text-transform: uppercase;
}
.direction-wrap .direction{
	float: left;
	width: 80%;
	padding-left: 3.5%;
	border-left: #fff solid 3px;
}
.direction-wrap .direction h4{
	margin: 0;	
	font-size: 16px;
}

.calendar-wrap{
	margin: 65px 0 0;
}
.calendar-wrap #cal_input01 {
	display: none;
}
.calendar {
	width: 100%;
}
/* calendar styles */
.Zebra_DatePicker {
	position: relative;
	width: 100%;
	background: none;
	border: 0;
	border-radius: 0;
}
.Zebra_DatePicker > table{
	width: 100%!important;
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: 300;
}
.Zebra_DatePicker .dp_header {
	font-size: 40px;
	background: rgba(255,255,255,.3);
	border-bottom: #685b55 solid 1px;
}
.Zebra_DatePicker .dp_header td {
	height: 100px;
}
.Zebra_DatePicker .dp_header .dp_caption{
	font-weight: 300;
	color: #000;
}
.Zebra_DatePicker .dp_header .dp_hover{
	background: none;
}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
	width: 12%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.Zebra_DatePicker .dp_header .dp_previous {
	background-image: url(../img/icon_prev_arrow.png);
}
.Zebra_DatePicker .dp_header .dp_next {
	background-image: url(../img/icon_next_arrow.png);
}

.Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, 
.Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td{
	height: 95px;
	font-size: 30px;
	border: 0;
	background: none;
}

.Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker{
	margin-top: 0;
}
.Zebra_DatePicker .dp_daypicker th {
	color: #d8392d;
	font-size: 30px;
	font-weight: 300;
	background: rgba(255,255,255,.3);
}
.Zebra_DatePicker .dp_daypicker td {
	margin: 2px;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.3);
	box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,0.3);
}
.Zebra_DatePicker td.dp_selected {
	position: relative;
	color: #000!important;
	font-weight: 500;
}
.Zebra_DatePicker td.dp_selected:after {
	content: '';
	position: absolute;
	left: 2px;
	bottom: 0;
	width: 96%;
	height: 0;
	border-bottom: #000 solid 5px;
}
.Zebra_DatePicker td.dp_disabled,
.Zebra_DatePicker td.dp_not_in_month {
	color: #666;
	opacity: .5;
}
.Zebra_DatePicker .dp_footer {
	display: none;
}


.ticket-type {
	padding: 40px 0 0;
}
.ticket-type .ticket{
	display: block;
	height: 125px;
	margin: 0 0 10px;
	padding: 20px 20px 10px 30px;
	color: #555;
	font-size: 16px;
	background: rgba(255,255,255,.8);
	cursor: pointer;
}
.ticket-type .ticket .logo{
	margin: 0 0 10px;
}
.ticket-type .ticket strong{
	display: block;
}
.ticket-type .promo{
	height: 165px;
	padding: 20px 20px 10px 30px;
	color: #fff;
	font-size: 14px;
	background: rgba(87, 222, 254, .8) url(../img/promo_bg.jpg) 50% 50% no-repeat;
	background-size: 100% 100%;
}
.ticket-type .promo h3{
	margin: 0;
	padding-left: 40px;
	font-size: 30px;
	font-weight: 200;
	line-height: 1em;
	letter-spacing: -.5pt;
	font-family: 'Helvetica Neue', sans-serif;
	background: url(../img/icon_megaphone.png) 0 50% no-repeat;
}
.ticket-type .promo h3 strong{
	font-weight: 400;
}
.ticket-type .promo .cta-promo{
	float: right;
	font-weight: 600;
	padding: 3px 20px 3px 0;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: url(../img/icon_arrow_right_white.png) 100% 50% no-repeat;
}
.ticket-type .ticket-active{
	position: relative;
	border: #000 solid 1px;
}
.ticket-type .ticket-active:after{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 14px;
	height: 100%;
	background: #000;
}
.ticket-type .promo.ticket-active{
	border: #70e0fb solid 5px;
}
.ticket-type .promo.ticket-active:after{
	display: none;
}

.time-table-wrap{

}
.time-table-header{
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
	border-top: #888 solid 1px;
	border-bottom: #888 solid 1px;
}
.time-table-header strong{
	display: inline-block;
	font-weight: 600;
	padding: 13px 20px;
}
.time-table-header strong + strong{
	float: right;
}
.time-table{
	height: 520px;
	overflow: auto;
}
.time-table .highlight{
	border: rgba(87, 222, 254, .8) solid 2px;
}
.time-quote,
.time-item{
	font-size: 18px;
	padding: 13px 20px;
	margin-top: 2px;
	background: rgba(255,255,255,.3);
}
.time-quote{
	margin-top: 0;
	background: rgba(87, 222, 254, .4);
}
.time-sold-out{
	background: transparent;
}

.time-quote .quote{
	display: block;
	font-style: italic;
	text-align: center;
}
.time-quote .quote:before{
	display: inline-block;
	content: '';
	position: relative;
	margin: 0 0 -2px 0;
	padding-right: 10px;
	width: 26px;
	height: 21px;
	background: url(../img/icon_sunrise.png) 0 0 no-repeat;
}
.time-item.selected {
	/*background: rgba(53, 224, 255, 0.3);
	border: #5aeefe solid 2px;*/
	background: #c99b6a;
}
.time-item strong{
	display: inline-block;
	font-weight: 600;
}
.time-item strong:last-child{
	float: right;
}
.time-table + .cta-wrap {
	margin-top: 40px;
	text-align: right;
}
.time-table-wrap .info-wrap{
	font-style: italic;
	text-align: center;
}
.time-table-wrap .info-wrap p:before{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	top: 8px;
	left: -8px;
	background: url(../img/icon_info.png) 0 0 no-repeat;
}

.time-table-wrap .cta-wrap .cta{
	padding-left: 10px;
	padding-right: 10px;
	width: 30px;
	min-width: 90px;
}
.time-table-wrap .cta-wrap .cta-prev:before{
	left: -10px;
}
.time-table-wrap .cta-wrap .cta-next:after{
	right: -10px;
}

.promo-list-wrap h3{
	margin: 0 0 1em;
	font-weight: 600;
	text-transform: uppercase;
}
.promo-list{
	height: 620px;
	overflow: auto;
}
.promo-list ul{
	margin: 0;
	padding: 0;
}
.promo-list li{
	list-style: none;
	padding: 7px;
	margin: 0 0 10px;
	background: rgba(255,255,255,.2);
}
.promo-list li.selected{
	background: rgba(53, 224, 255, 0.3);
	border: #5aeefe solid 2px;
}
.promo-list li .thumb-wrap{
	position: relative;
	float: left;
	width: 155px;
	height: 155px;
	margin: 0 20px 0 0;
}
.promo-list li .thumb-wrap .price{
	position: absolute;
	right: 7px;
	bottom: 7px;
	width: 80px;
	height: 25px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 15px;
	background: #35bfff;
	border-radius: 4px;
}
.promo-list li .desc{
	position: relative;
	min-height: 155px;
	padding: 0 15px 0 0;
}
.promo-list li .desc h4{
	margin: 0 0 .5em;
	font-size: 18px;
	font-weight: 600;
}
.promo-list li .desc p{
	margin: 0 0 .8em;
	line-height: 1.2em;
}
.promo-list li .desc .ticket-logo{
	position: absolute;
	right: 7px;
	bottom: 7px;
}
.promo-list li .desc .ticket-logo img{
	width: auto;
	max-height: 30px;
}
.promo-list li .desc .timing{
	position: relative;
	display: inline-block;
	padding-left: 110px;
}
.promo-list li .desc .timing > span{
	position: absolute;
	left: 0;
	top: 0;
}
.promo-list + .cta-wrap{
	text-align: right;
}

.ticket-summary{
	padding: 0 0 2em;
}
.ticket-summary span{
	display: block;
	margin: 0 0 .4em;
	font-size: 20px;
	text-transform: none;
}
.ticket-summary > strong{
	display: block;
	font-size: 16px;
	line-height: 1.7em;
}
.col-content .ticket-summary span{
	font-size: 16px;
}
.ticket-info-wrap .intro{
	padding: 0 0 1.5em;
	font-size: 1.1em;
}
.ticket-info-wrap h3{
	margin: 0 0 .7em;
	text-transform: uppercase;
}
.ticket-info {
	font-size: 16px;
}
.ticket-info fieldset{
	margin: 0 0 13px;
}
.ticket-info .txt1{
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 190px;
	border: #333 solid 1px;
	background: #fff url(../img/select_drop_arrow.png) 100% 50% no-repeat;
}
.ticket-info .txt1 select{
	width: 110%;
	height: 40px;
	padding: 8px 15px;
	border: 0;
	border-style: none;
	border-radius: 0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;

}
.ticket-info .txt1 select::-ms-expand { display: none; }

.ticket-info select,
.ticket-info label {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	color: #333;
}

.ticket-info label .subtotal{
	font-weight: bold;
}

.ticket-info .notice {
	padding: 10px 0;
	font-size: 20px;
	text-align: center;
}
.ticket-info .grand-total{
	display: block;
	margin: 10px 0 0;
	padding: 15px 0;
	text-align: right;
	border-top: #333 solid 1px;
	border-bottom: #333 solid 1px;
}
.ticket-info .grand-total p{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 22px;
}

/* new ticket info */
.ticket-info .header{
	padding: 0 0 .8em;
}
.ticket-info .header strong{
	text-transform: uppercase;
	font-size: .85em;
}
.ticket-info .col-1,
.ticket-info .col-2,
.ticket-info .col-3,
.ticket-info .col-4,
.ticket-info .col-5 {
	display: inline-block;
}
.ticket-info .col-1{
	width: 20%;
}
.ticket-info .col-5,
.ticket-info .col-4,
.ticket-info .col-3{
	position: relative;
	width: 20%;
	text-align: center;
}
.ticket-info .col-2{
	width: 15%;
}
.ticket-info .row{
	padding: 0 0 .8em;
}
.ticket-info .row .col-5:before,
.ticket-info .row .col-4:before,
.ticket-info .row .col-3:before{
	position: absolute;
	left: 0;
	top: auto;
	font-size: 20px;
}
.ticket-info .row .col-3:before{
	content: 'x';
	margin-top: -3px;
}
.ticket-info .row .col-4:before{
	content: '+';
}
.ticket-info .row .col-5:before{
	content: '=';
}

.ticket-info .counter{
	display: inline-block;
	text-align: center;
	font-size: 20px;
	border: #333 solid 1px;
	background: #fff;
}
.ticket-info .counter a{
	display: inline-block;
	padding: 0 .4em;
	text-decoration: none;
	line-height: 2em;
	font-weight: bold;
	color: #333;
	background: #e9e9e9;
}
.ticket-info .counter input{
	width:28px;
	border: 0;
	text-align: center;
}

.ticket-info-wrap .cta-wrap{
	float: right;
}

.personal-info-wrap h4{
	margin: 0 0 20px 215px;
	font-size: 18px;
}
.personal-info-wrap .cta-wrap .cta{
	min-width: 80px;
	padding-left: 15px;
	padding-right: 15px;
}
.personal-info-wrap .cta-wrap .cta:before{
	left: -10px;
}
.personal-info-wrap .cta-wrap .cta:after{
	right: -10px;
}
.form1 fieldset{
	position: relative;
	margin: 0 0 13px;
}
.form1 label {
	display: inline-block;
	width: 215px;
	padding: 5px 0 0;
	vertical-align: top;
}
.form1 label,
.form1 select,
.form1 textarea,
.form1 input{
	color: #333;
	font-size: 18px;
}
.personal-info-wrap .form1 label{
	text-align: right;
	width: 200px;
	padding-right: 15px;
	padding-top: 10px;
}
.form1 .txt1 {
	position: relative;
	width: 360px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	border: #333 solid 1px;
}
.form1 .txt1 input,
.form1 .txt1 select{
	width: 100%;
	height: 45px;
	padding: 8px 15px;
	border: 0;
	background: transparent;
	border-radius: 0;
}
.form1 .txt1 select{
	-webkit-appearance: none;
	-moz-appearance: window;
	text-indent: .01px;
	text-overflow: '';
	border: 0;
	border-style: none;
	width: 100%;
}
.form1 .txt1 select::-ms-expand { display: none; }
.form1 .txt1 select option{
	color: #333;
}

.form1 .select1{
	background: url(../img/select_drop_arrow.png) 100% 50% no-repeat;
}
.form1 .country-code{
	width: 100px;
}
.form1 .country-code + .txt1{
	margin-left: 5px;
	width: 250px;
}
.form1 .btn1{
	height: 45px;
	color: #fff;
	border: 0;
	padding: 5px 20px;
	padding-right: 45px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: #333 url(../img/button_arrow_right_white.png) 100% 50% no-repeat;
}
.form1 fieldset.confirm {
	padding: 10px 0 0;
	padding-left: 218px;
}

.ticket-info-wrap .confirm {
	margin: 2em 0 0
}
.ticket-info-wrap .confirm .check1,
.payment-table .confirm .check1,
.form1 fieldset.confirm .check1{
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background: none;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: window;
	border-style: none;
}
.ticket-info-wrap .confirm label,
.payment-table .confirm label,
.form1 fieldset.confirm label{
	position: relative;
	cursor: pointer;
	width: 300px;
	padding-top: 0;
}
.personal-info-wrap .form1 fieldset.confirm label{
	text-align: left;
	padding-left: 5px;
}
.ticket-info-wrap .confirm label:before,
.payment-table .confirm label:before,
.form1 fieldset.confirm .check1 + label:before{
	position: absolute;
	left: -28px;
	top: 0;
	content: '';
	width: 20px;
	height: 20px;
	border: #333 solid 1px;
}
.ticket-info-wrap .confirm .check1:checked + label:before,
.payment-table .confirm .check1:checked + label:before,
.form1 fieldset.confirm .check1:checked + label:before{
	content: '\02713';
	text-align: center;
	font-size: 20px;
	line-height: .9em;
}
.ticket-info-wrap .error label,
.payment-table .error label {
	color: red;
}
.ticket-info-wrap .error label:before,
.payment-table .error label:before {
	border-color: red;
}

.form1 fieldset.captcha-wrap{
	padding-left: 218px;
}
.form1 .captcha-placeholder{
	width: 360px;
	height: 70px;
	background: #fff;
	border: #aaa solid 1px;
	text-align: center;
}
.form1 + .cta-wrap{
	width: 580px;
	text-align: right;
}
.payment-table .confirm label.error, 
.form1 fieldset.confirm label.error,
.form1 label.error{
	position: absolute;
	width: auto;
	right: 3px;
	bottom: 3px;
	font-size: 11px;
	color: red;
}
.form1 fieldset.confirm label.error{
	right: auto;
	left: 0;
	width: 215px;
}
.contact-info-wrap .form1 label.error{
	padding: 0;
	color: red;
}

.ticket-more-info {
	padding: 10px 0 0;
	font-size: 18px;
	font-weight: 200;
}
.ticket-more-info .info-item{
	position: relative;
	padding-left: 90px;
	margin: 0 0 2em;
}
.ticket-more-info .info-item .icon{
	position: absolute;
	left: 0;
	top: 0;
}
.ticket-more-info .info-item strong{
	font-weight: 600;
}

.col2 .ticket-summary {
	text-align: center;
}

.payment-table table{
	width: 100%;
	font-size: 20px;
	border-collapse: collapse;
}
.payment-table td {
	padding: 15px 0;
}
.payment-table td:last-child {
	text-align: right;
}
.payment-table td .icon{
	float: left;
	margin: 0 15px 0 0;
}
.payment-table td:first-child strong{
	display: block;
}
.payment-table tbody.total td{
	border-top: #888 solid 1px;
	border-bottom: #888 solid 1px;
}

.payment-table .confirm {
	padding: 30px 0 0;
	font-size: 18px;
}
.cta-wrap .cta-cancel{
	padding-right: 25px;
}
.cta-wrap .cta-cancel:after{
	display: none;
}
.payment-table .cta-next {
	float: right;
}

.payment-table .info-wrap{
	margin: 40px 0 0;
	padding-left: 45px;
	font-style: italic;
	font-size: 16px;
	background: url(../img/icon_info.png) 0 0 no-repeat;
}

.congrats-wrap {
	padding-top: 100px;
	text-align: center;
	color: #fff;
	font-family: 'Helvetica Neue', sans-serif;
}
.congrats-wrap h2{
	margin: 0 0 .2em;
	font-size: 38px;
	font-weight: 200;
}
.congrats-wrap .notice,
.congrats-wrap .booking-ref{
	margin: 0 0 .8em;
	font-size: 28px;
	font-weight: 300;
}
.congrats-wrap .notice {
	font-size: 24px;
}
.congrats-wrap .booking-ref strong{
	font-weight: 400;
}

.burj-tower {
	margin: 0 0 30px;
}
.burj-tower img{
	height: 200px;
	width: auto;
}
.congrats-wrap .cta2{
	margin: 0 0 20px;
}

.leads-wrap {
	position: absolute;
	width: 100%;
	bottom: 75px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.leads-wrap .lead-item{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	height: 140px;
	margin: 0 5px;
	padding: 20px 30px;
	padding-left: 120px;
	color: #fff;
	font-size: 15px;
	text-align: left;
	background: rgba(0,0,0,.3);
	border: rgba(200,200,200,.5) solid 1px;
}
.leads-wrap .lead-item .icon{
	position: absolute;
	left: 20px;
	top: 25px;
}
.leads-wrap .lead-item h4{
	margin: 0 0 10px;
	font-size: 19px;
	font-weight: 600;
}
.leads-wrap .lead-item p{
	margin: 0;
	color: #a6a6a6;
}

.cta-create-event{
	display: block;
	margin: 0 auto 20px;
	width: 240px;
	height: 45px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 45px;
	border-radius: 25px;
	background: #3e5b9b;
}
.cta-create-event:hover{
	background-color: #2C4783;
}
.cta-create-event:after{
	content: '\e800';
	font-weight: 400;
	font-family: 'font_icons';
	margin-left: 10px;
}

.contact-wrap {
	color: #fff;
}
.press-wrap .col1 .col-content,
.contact-wrap .col1 .col-content{
	width: 350px;
	padding: 100px 0 0;
	margin: 0 auto;
}
.press-wrap .col2 .col-content,
.contact-wrap .col2 .col-content {
	padding: 100px 40px 50px;
}
.press-wrap .col1 .col-content h1,
.contact-wrap .col1 .col-content h1 {
	color: #fff;
	border-color: #fff;
}
.press-wrap .col1 .col-content h1:before,
.contact-wrap .col1 .col-content h1:before {
	background: #fff;
}
.press-wrap .col1 .col-content h1 span,
.contact-wrap .col1 .col-content h1 span{
	display: inline;
}
.address-list{
	margin: 0;
	padding: 15px 0 0;
}
.address-list li{
	list-style: none;
	margin: 0 0 1.5em;
	font-size: 16px;
}
.address-list li h4{
	margin: 0;
	padding: 0 0 .3em;
}
.address-list li p{
	margin: 0;
}
.address-list li a{
	color: #fff;
}

.contact-info-wrap {
	position: relative;
	color: #fff;
}
.contact-info-wrap > h4{
	font-size: 18px;
	font-weight: 600;
	margin: 2em 0;
	margin-left: 218px;
}
.contact-type fieldset{
	position: relative;
	display: inline-block;
	width: 190px;
	height: 75px;
	border: #888 solid 1px;
}
.contact-type fieldset > input{
	visibility: hidden;
}
.contact-type fieldset label{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 19px;
	font-weight: 900;
	text-align: center;
	line-height: 75px;
	cursor: pointer;
	background: rgba(0,0,0,.3);
}
.contact-type fieldset label:hover{
	background: rgba(0,0,0,.8);
}
.contact-type fieldset input:checked + label{
	border-bottom: #888 solid 3px;
	background-color: #000;
}
.contact-type fieldset + fieldset{
	margin-left: 35px;
}

.contact-info-wrap .form1 .txt1, 
.contact-info-wrap .form1 label, 
.contact-info-wrap .form1 select, 
.contact-info-wrap .form1 textarea, 
.contact-info-wrap .form1 input{
	color: #fff;
	border-color: #fff;
	background-color: transparent;
}
.contact-info-wrap .form1 label{
	text-align: right;
	width: 195px;
	padding-right: 20px;
}
.contact-info-wrap .form1 .select1{
	background-image: url(../img/select_drop_arrow_white.png);
}
.contact-info-wrap .form1 textarea{
	width: 100%;
	height: 5em;
	border: 0;
	padding: 10px;
} 
.contact-info-wrap .form1 .captcha-placeholder{
	color: #333;
}
.contact-info-wrap .action{
	width: 360px;
	padding-top: 10px;
	margin-left: 220px;
}
.contact-info-wrap .form1 .btn1{
	float: right;
	color: #333;
	background-color: #fff;
	background-image: url(../img/button_arrow_right_dark.png);
}

.press-wrap {
	color: #fff;
}
.press-wrap .col1 .col-content{
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	height: 350px;
}
.press-wrap .col2 .col-content{
	padding-left: 10px;
	padding-bottom: 80px;
}
.press-wrap .col1:before{
	display: none;
}
.press-wrap .col2 .blurred-bg{
	display: none;
}
.media-contact{
	padding: 20px 0;
	font-size: 16px;
	font-weight: 600;
}
.media-contact a{
	color: #fff;
}
.year-filter{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 62px;
	margin: 0 0 20px;
	border: #888 solid 1px;
}
.year-list a{
	position: relative;
	float: left;
	display: block;
	padding: 15px 30px;
	font-size: 20px;
	line-height: 1.6em;
	color: #fff;
	text-decoration: none;
}
.year-list a.active{
	font-weight: 600;
}
.year-list a.active:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
}
.year-filter .ctrl a{
	position: absolute;
	top: 0;
	width: 60px;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	background-color: #000;
}
.year-filter .ctrl a:hover{
	opacity: .7;
}
.year-filter .ctrl a.prev{
	left: 0;
	background: #000 url(../img/button_medium_arrow_left_white.png) 50% 50% no-repeat;
}
.year-filter .ctrl a.next{
	right: 0;
	background: #000 url(../img/button_medium_arrow_right_white.png) 50% 50% no-repeat;
}
.year-filter .ctrl a.disabled{
	display: none;
}

.press-detail-wrap,
.press-grid-wrap{
	width: 100%;
	height: 600px;
	overflow: auto;
	overflow-x: hidden!important;
}
.press-grid-wrap .jspTrack{
	background: rgba(130,130,130,.5);
}
.press-grid{
	position: relative;
	width: 100%;
}

.grid-item{
	display: inline-block;
	vertical-align: top;
	width: 31%;
	min-height: 150px;
	height: auto;
	margin: 0;
	padding: 15px;
	background: rgba(80,80,80,.3);
	border-radius: 3px;
}
.grid-item:hover{
	background: rgba(80,80,80,.6);
}
.grid-item a{
	color: #fff;
	text-decoration: none;
}


.grid-item .thumb{
	margin: 0 0 10px;
}
.grid-item .thumb img{
	width: 100%;
}
.grid-item .dateline{
	display: block;
	padding: 0 0 10px;
	color: #aaa;
	font-size: 13px;
	text-transform: uppercase;
}
.grid-item .title {
	margin: 0;
	padding: 0 0 10px;
	font-size: 16px;
	text-transform: uppercase;
}

.press-detail-wrap{
	height: 650px;
	margin-top: 20px;
	margin-bottom: 25px;
	background: rgba(80,80,80,.3);
}
.press-detail-wrap .jspDrag{
	background: #111;
}
.press-detail{
	padding: 25px;
}
.press-detail .keyimage img{
	width: 100%;
}
.press-detail h3{
	margin: 0;
	padding: 0 0 5px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 600;
}
.press-detail .dateline{
	display: inline-block;
	padding: 0 0 20px;
	font-size: 15px;
	color: #aaa;
}
.back {
	float: right;
	display: inline-block;
	padding: 12px 20px;
	padding-left: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.back-light{
	color: #333;
	background: #fff url(../img/button_arrow_left_dark.png) 0 50% no-repeat;
}
.back-light:hover{
	background-color: #eee;
}

.generic-wrap {
	color: #fff;
}
.generic-wrap .col1:before{
	display: none;
}
.generic-wrap .col2 .blurred-active:after{
	display: none;
}
.generic-wrap .col1 .col-content{
	width: 350px;
	margin: 40px auto 0;
	padding: 100px 0 0;
}
.generic-wrap .col1 .col-content > h1{
	color: #fff;
	border-color: #fff;
}
.generic-wrap .col1 .col-content h1:before{
	background-color: #fff;
}
.generic-wrap .col1 .col-content > h1 + span{
	font-size: 16px;
	font-weight: bold;
}
.generic-wrap .col2 .col-content{
	padding: 100px 40px 40px;
}
.privacy-copy-wrap {
	position: relative;
	height: 680px;
	margin: 20px 0 0;
	overflow: auto;
}
.privacy-copy-wrap .jspDrag{
	background: #555;
}

.sitemap-wrap {
	padding: 30px 0 0;
	font-size: 16px;
	position: relative;
}
.sitemap-wrap > div{
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
}
.sitemap-wrap a{
	text-decoration: none;
	color: #fff;
}
.sitemap-wrap h4{
	margin: 0;
	padding: 0 0 5px;
}
.sitemap-wrap ul{
	margin: 0;
	padding: 0 0 40px 30px;
}
.sitemap-wrap li{
	list-style: none;
}

.media-wrap {
}
.gallery-wrap {
	overflow: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 30px;
	width: 98%;
	height: 720px;
	padding: 0 0 0;
}
.gallery-wrap .jspDrag{
	background: #000;
}

.album-wrap{
	padding: 0 0 10px;
}
.album-wrap h2{
	margin: 0;
	padding: 0 0 15px;
	font-size: 40px;
	font-family: 'Helvetica Neue';
	font-weight: 400;
}
.album-wrap h2 span{
	font-weight: 200;
}
.album-list{
	margin: 0;
	padding: 0;
}
.album-list li{
	width: 23.5%;
	max-width: 310px;
	margin: 0 0 20px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	background: rgba(100,100,100,.3);
}
.album-list li:hover{
	cursor: pointer;
	background: rgba(0,0,0,.3);
}
.album-list li + li{
	margin-left: 1.35%;
}
.album-list li:nth-child(4n+1){
	margin-left: 0;
}
.album-list li .thumb{
	padding: 0 0 10px;
}
.album-list li a{
	text-decoration: none;
}
.album-list li .thumb img{
	width: 100%;
	border: 0;
}
.album-list li .album-title{
	display: inline-block;
	font-size: 16px;
}
.album-list li .item-count{
	float: right;
	font-size: 14px;
}

.media-slider-wrap{
	position: absolute;
	bottom: 50px;
	width: 100%;
	height: 150px;
	overflow: hidden;
}
.media-slider-wrap .thumbnails a{
	float: left;
	display: inline-block;
	margin: 0;
	letter-spacing: 0;
	font-size: 0;
	/*margin-left: -3px;*/
	background: #000;
}
.media-slider-wrap .thumbnails a img{
	opacity: .4;
}
.media-slider-wrap .thumbnails a.active img{
	opacity: 1;
}
.media-slider-wrap .thumbnails a:hover img{
	opacity: .5;
}

.media-slider-wrap .ctrl a{
	position: absolute;
	top: 0;
	height: 100%;
	width: 80px;
	cursor: pointer;
}
.media-slider-wrap .ctrl a.prev{
	left: 0;
	background: url(../img/button_arrow_left_white2.png) 50% 50% no-repeat;
}
.media-slider-wrap .ctrl a.next{
	right: 0;
	background: url(../img/button_arrow_right_white2.png) 50% 50% no-repeat;
}
.media-slider-wrap .ctrl a:hover{
	background-color: rgba(0,0,0,.6);
}
.media-slider-wrap .ctrl a.disabled{
	display: none;
}

h1.media-title {
	margin: 90px 0 0 35px;
	color: #fff;
	font-size: 30px;
	font-weight: 200;
	font-family: 'Helvetica Neue', sans-serif;
	line-height: 1em;
}
h1.media-title b{
	font-weight: 400;
}
.media-detail {
	overflow: hidden;
	position: absolute;
	bottom: 205px;
	width: 100%;
	height: 640px;
	height: 60%;
	background: rgba(100,100,100,.2) url(../img/ajax-loader.gif) 50% 50% no-repeat;
}
.media-detail > iframe{
	width: 100%;
	height: 100%;
}
.media-detail > img{
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.dialog2 .close,
.media-detail .close{
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 70px;
	background: #000 url(../img/icon_x_white.png) 50% 50% no-repeat;
}
.dialog2 .close{
	right: 5px;
	top: 5px;
}
.dialog2 .close:hover,
.media-detail .close:hover{
	cursor: pointer;
	background-color: #333;
}

.tower-wrap .col1 {
	width: 45%;
}
.tower-wrap .col2 {
	width: 55%;
	min-width: 0;
}
.tower-wrap .col2 .blurred-active:after{
	display: block;
}

.tower-menu{
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 80px;
	width: 100%;
	height: auto;
	margin: auto;
	background: url(../img/burj_vector.png) 50% 1000% no-repeat;
	background-size: auto 100%;
}
.tower-menu .col-A,
.tower-menu .col-B{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.tower-menu .col-A{
	left: 0;
}
.tower-menu .col-B{
	right: 0;
}
.tower-menu span{
	position: absolute;
	bottom: 0;
	width: 160px;
	height: 60px;
	margin-bottom: -30px;
	background: rgba(255,255,255,.6);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
}
.tower-menu .col-A span{
	left: 8%;
	border-right: #000 solid 4px;
}
.tower-menu .col-B span{
	right: 8%;
	border-left: #000 solid 4px;
}

.tower-menu span.floor-0{bottom: 72%;} /*sky*/
.tower-menu span.floor-1{bottom: 63.7%;} /*sky*/
.tower-menu span.floor-2{bottom: 55.3%;} /*sky*/
.tower-menu span.floor-3{bottom: 51.8%;} /*sky*/
.tower-menu span.floor-4{bottom: 38.3%;} /*sky*/
.tower-menu span.floor-5{bottom: 29%;} /*sky*/
.tower-menu span.floor-6{bottom: 16.7%;} /*sky*/
.tower-menu span.floor-7{bottom: 4.7%;} /*sky*/

.tower-menu span:hover,
.tower-menu span.active{
	background: #000;
}
.tower-menu span a{
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	outline: 0;
}
.tower-menu span:hover a,
.tower-menu span.active a{
	color: #fff;
}
.tower-menu span.active a{
	cursor: default;
}
.tower-menu span:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
	background: #000;
}
.tower-menu span:hover:before,
.tower-menu span.active:before{
	background-color: #fff;
}
.tower-menu span:after{
	position: absolute;
	top: 50%;
	content: '';
	width: 300px;
	height: 1px;
	background: #222;
}

.tower-menu .col-A span:after{
	left: 100%;
	left: 164px;
}
.tower-menu .col-B span:after{
	right: 100%;
	right: 164px;
}
.tower-menu .col-A span.active{
	border-right-color: #fff;
}
.tower-menu .col-B span.active{
	border-left-color: #fff;
}

/*****************************The Burj Club Desktop************************/
.tower-wrap-image-only .col1 {
	width: 45%;
}
.tower-wrap-image-only .col2 {
	width: 55%;
	min-width: 0;
}
.tower-wrap-image-only .col2 .blurred-active:after{
	display: block;
}
.tower-menu-image-burjclub{
	position: absolute;
	left: 0;
	right: 0;
	top: 62px;
	bottom: 80px;
	width: 100%;
	height: 90%;
	margin: auto;		
	background: url(../img/leftside-burjclub.jpg) 20% 1000% no-repeat;
	background-size: auto 100%;
	
}
.tower-menu-image-burjclub .col-A,
.tower-menu-image-burjclub .col-B{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.tower-menu-image-burjclub .col-A{
	left: 0;
}
.tower-menu-image-burjclub .col-B{
	right: 16%;
}
.tower-menu-image-burjclub span{
	position: absolute;
	bottom: 0;
	width: 150px;
	height: 50px;
	margin-bottom: -30px;
	background: rgba(255,255,255,.6);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
}
.tower-menu-image-burjclub .col-A span{
	left: 8%;
	border-right: #000 solid 4px;
}
.tower-menu-image-burjclub .col-B span{
	right: 8%;
	/*border-left: #000 solid 4px;*/
}

.tower-menu-image-burjclub span.floor-0{bottom: 18%;left: 20%;} /*sky*/
.tower-menu-image-burjclub span.floor-1{bottom:  18%; left: 47%;} /*sky*/
.tower-menu-image-burjclub span.floor-2{bottom:  18%; left: 75%} /*sky*/
.tower-menu-image-burjclub span.floor-3{bottom: 59.8%;} /*sky*/
.tower-menu-image-burjclub span.floor-4{bottom: 38.3%;} /*sky*/
.tower-menu-image-burjclub span.floor-5{bottom: 29%;} /*sky*/
.tower-menu-image-burjclub span.floor-6{bottom: 16.7%;} /*sky*/
.tower-menu-image-burjclub span.floor-7{bottom: 4.7%;} /*sky*/

.tower-menu-image-burjclub span:hover,
.tower-menu-image-burjclub span.active{
	background: #000;
}
.tower-menu-image-burjclub span a{
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	outline: 0;
}
.tower-menu-image-burjclub span:hover a,
.tower-menu-image-burjclub span.active a{
	color: #fff;
}
.tower-menu-image-burjclub span.active a{
	cursor: default;
}
.tower-menu-image-burjclub span:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
	background: #000;
}
.tower-menu-image-burjclub span:hover:before,
.tower-menu-image-burjclub span.active:before{
	background-color: #fff;
}
.tower-menu-image-burjclub span:after{
	position: absolute;
	top: 50%;
	content: '';
	width: 300px;
	height: 1px;
	/*background: #222;*/
}

.tower-menu-image-burjclub .col-A span:after{
	left: 100%;
	left: 164px;
}
.tower-menu-image-burjclub .col-B span:after{
	right: 100%;
	right: 164px;
}
.tower-menu-image-burjclub .col-A span.active{
	border-right-color: #fff;
}
.tower-menu-image-burjclub .col-B span.active{
	border-left-color: #fff;
}
/************************END Burj Club**************************************/



/*****************************SCHOOL************************/
.tower-wrap-image-only .col1 {
	width: 45%;
}
.tower-wrap-image-only .col2 {
	width: 55%;
	min-width: 0;
}
.tower-wrap-image-only .col2 .blurred-active:after{
	display: block;
}
.tower-menu-image{
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 80px;
	width: 100%;
	height: 97%;
	margin: auto;		
	background: url(../img/tower_narrator.png) 20% 1000% no-repeat;
	background-size: auto 100%;
	
}
.tower-menu-image .col-A,
.tower-menu-image .col-B{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.tower-menu-image.col-A{
	left: 0;
}
.tower-menu-image .col-B{
	right: 16%;
}
.tower-menu-image span{
	position: absolute;
	bottom: 0;
	width: 160px;
	height: 75px;
	margin-bottom: -30px;
	background: rgba(255,255,255,.6);
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
}
.tower-menu-image .col-A span{
	left: 8%;
	border-right: #000 solid 4px;
}
.tower-menu-image .col-B span{
	right: 8%;
	border-left: #000 solid 4px;
}

.tower-menu-image span.floor-0{bottom: 47%;} /*sky*/
.tower-menu-image span.floor-1{bottom: 66.7%;} /*sky*/
.tower-menu-image span.floor-2{bottom: 78.3%;} /*sky*/
.tower-menu-image span.floor-3{bottom: 59.8%;} /*sky*/
.tower-menu-image span.floor-4{bottom: 38.3%;} /*sky*/
.tower-menu-image span.floor-5{bottom: 29%;} /*sky*/
.tower-menu-image span.floor-6{bottom: 16.7%;} /*sky*/
.tower-menu-image span.floor-7{bottom: 4.7%;} /*sky*/

.tower-menu-image span:hover,
.tower-menu-image span.active{
	background: #000;
}
.tower-menu-image span a{
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	outline: 0;
}
.tower-menu-image span:hover a,
.tower-menu-image span.active a{
	color: #fff;
}
.tower-menu-image span.active a{
	cursor: default;
}
.tower-menu-image span:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
	background: #000;
}
.tower-menu-image span:hover:before,
.tower-menu-image span.active:before{
	background-color: #fff;
}
.tower-menu-image span:after{
	position: absolute;
	top: 50%;
	content: '';
	width: 300px;
	height: 1px;
	background: #222;
}

.tower-menu-image .col-A span:after{
	left: 100%;
	left: 164px;
}
.tower-menu-image .col-B span:after{
	right: 100%;
	right: 164px;
}
.tower-menu-image .col-A span.active{
	border-right-color: #fff;
}
.tower-menu-image .col-B span.active{
	border-left-color: #fff;
}
/**************************************************************/

.v-carousel {
	position: relative;
	padding: 80px 50px 80px;
	height: 100%;
	color: #333;
}
.v-carousel:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}
.v-carousel .items-wrap{
	display: inline-block;
	vertical-align: middle;
	width: 99%;
	margin: 0 auto;
	-webkit-transform: translate3d(0,0,0);
}
.v-carousel .item{
	display: none;
	/*-webkit-transform: translate3d(0,0,0);*/
	-webkit-transform: translateZ(0);
}
.v-carousel .item-active{
	display: block;
}
.v-carousel .item > h1{
	position: relative;
	margin: 0 0 .2em;
	padding: 0 0 .2em;
	font-size: 68px;
	font-weight: 100;
	font-family: 'Helvetica Neue', sans-serif;
	line-height: .9em;
	border-bottom: #333 solid 1px;
}
.v-carousel .item > h1:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 65px;
	height: 4px;
	background: #000;
}
.v-carousel .item > h1 strong{
	font-weight: 300;
}
.v-carousel .item > h1 + span{
	font-size: 16px;
}
.v-carousel .thumbs-wrap img{
	/*opacity: .9;*/
	max-width: 24.2%;
}
.v-carousel h4{
	font-size: 16px;
	text-transform: uppercase;
}
.v-carousel .item-copy{
	padding: 15px 0 0;
}
.v-carousel .item-gallery{
	padding: 5px 0 0;
}
.v-carousel .cta-wrap .cta-book{
	padding-left: 40px;
	padding-right: 20px;
	background-image: url(../img/icon_plus_white.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.v-carousel .cta-wrap .cta:after{
	display: none;
}
.v-carousel .ctrl span{
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	margin: auto;
	width: 60px;
	height: 60px;
}
.v-carousel .ctrl span.up{
	background: url(../img/icon_arrow_up_black.png) 50% 50% no-repeat;
}
.v-carousel .ctrl span.down{
	top: auto;
	bottom: 60px;
	background: url(../img/icon_arrow_down_black.png) 50% 50% no-repeat;
}
.v-carousel .ctrl span:hover{
	cursor: pointer;
	background-color: rgba(255,255,255,.3);
}

/* stories styles */
.content-stories{
	background-position: 50% 50%;
	background-size: cover;
}
.content-stories + .footer-wrap{
	display: none;
}
.stories-thumbs-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 75px;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );	
}
.spine {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.3);
}
.stories-thumbs-wrap .thumbs-wrap{
	position: relative;
	top: 13px;
}
.stories-thumbs-wrap .thumb{
	z-index: 0;
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 25px;
	color: #aaa;
	cursor: pointer;
}

.stories-thumbs-wrap .hide{
	opacity: 0;
	visibility: hidden;
}
.stories-thumbs-wrap .thumb > img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border: rgba(200,200,200,.8) solid 5px;
	border-radius: 50%;
	animation: zoom-out .1s;
}
.stories-thumbs-wrap .thumb:hover {
	z-index: 1;
}
.stories-thumbs-wrap .thumb.active > img,
.stories-thumbs-wrap .thumb:hover > img{
	width: 50px;
	height: 50px;
	margin: -4px;
	border: rgba(140,140,140,.5) solid 4px;
	animation: zoom .3s;
}

.stories-thumbs-wrap .thumb strong.title{
	display: block;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 110%;
	margin: 0 auto;
	padding: 4px 10px;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	font-weight: 400;
	white-space: nowrap;
	background: #f2f2f2;
	border: #aaa solid 1px;
	transition: all .5s;
}
.stories-thumbs-wrap .thumb.active .title,
.stories-thumbs-wrap .thumb:hover .title{
	display: block;
	opacity: 1;
	bottom: 130%;
}
.stories-thumbs-wrap .thumb.active strong.semi,
.stories-thumbs-wrap .thumb strong.semi{
	opacity: .2;
}

.stories-thumbs-wrap .thumb span.floor{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 12px;
	color: #ccc;
}
.stories-thumbs-wrap .ctrl > a{
	position: absolute;
	top: 50%;
	width: 38px;
	height: 38px;
	margin: -20px 0 0;
	border-radius: 50%;
	border: #aaa solid 2px;
	background: #000 50% 50% no-repeat;
	background-size: 25%;
	opacity: .6;
}
.stories-thumbs-wrap .ctrl > a.prev{
	left: 20px;
	background-image: url(../img/icon_arrow_left_white.png);
}
.stories-thumbs-wrap .ctrl > a.next{
	right: 20px;
	background-image: url(../img/icon_arrow_right_white.png);
}
.stories-thumbs-wrap .ctrl > a:hover{
	opacity: .8;
}
.stories-thumbs-wrap .ctrl > a.disabled{
	opacity: .1;
	cursor: default;
}

.stepper-wrap {
	position: fixed;
	right: 0;
	top: 100px;
	width: 430px;
	height: auto;
	min-height: 260px;
}
.stepper-wrap h2{
	position: relative;
	margin: 30px 0 0;
	color: #fff;
	font-family: 'Oswald';
	font-size: 80px;
	font-weight: 600;
	line-height: 1.3em;
	border-bottom: #fff solid 1px;
}
.stepper-wrap h2:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 65px;
	height: 3px;
	background: #fff;
}
.stepper-wrap h3{
	position: absolute;
	right: 20px;
	top: 45px;
	width: 280px;
	height: 75px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	opacity: .5;
}
.stepper-wrap h3:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}
.stepper-wrap h3 > span{
	display: inline-block;
	vertical-align: middle;
}
.stepper-wrap .weather-widget{
	position: relative;
	top: 10px;
	width: 430px;
	min-height: 70px;
	right: 0;
	text-align: center;
}
.stepper-wrap .weather-widget span{
	display: inline-block;
	font-size: 16px;
	padding-right: 45px;
	padding-bottom: 0;
}
.stepper-wrap .weather-widget span.cloud-type{
	padding-right: 55px;
}
.stepper-wrap .weather-widget span.temperature{
	padding-right: 35px;
}
.stepper-wrap .weather-widget span+span{
	padding-left: 5px;
}
.stepper-wrap .ctrl a{
	position: absolute;
	left: 50%;
	width: 60px;
	height: 40px;
	margin: 0 0 0 -20px;
	outline: 0;
	background: transparent 50% 50% no-repeat;
}
.stepper-wrap .ctrl a.next{
	top: 0;
	background-image: url(../img/button_arrow_up_white.png);
}
.stepper-wrap .ctrl a.prev{
	bottom: 0;
	background-image: url(../img/button_arrow_down_white.png);
}
.stepper-wrap .ctrl a:hover{
	opacity: .5;
}
.stepper-wrap .ctrl a.disabled{
	opacity: .2;
}


.whats-on h4{
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.whats-on .logo-wrap {
	overflow: auto;
	margin-bottom: 40px;
}
.whats-on .logo-wrap img{
	float: left;
	margin: 0 8px 20px 0;
}

.stories-page-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
}
.story-page{
	overflow: hidden;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.story-active{
	display: block;
}
.slider-bg,
.story-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.slider-bg {
	background-position: 50% 10px;
}
.slider-bg > img,
.story-bg img{
	display: none;
}
.whats-on-content{
	display: none;
}
.story-content{
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20%;
	width: 400px;
	height: 400px;
	margin: auto;
	color: #fff;
	text-align: center;
}
.circle-dotted .story-content{
	color: #000;
}
.story-content canvas{
	width: 100%;
	height: 100%;
}
.circle-dotted .story-content canvas{
	position: absolute;
	left: 0;
	top: 0;
}
.story-content .art-object-image{
	display: none;
}

.story-copy {
	display: none;
}
.story-copy h3{
	position: relative;
	margin: .5em 0 .5em;
	font-size: 45px;
	font-family: 'Helvetica Neue', sans-serif;
	line-height: 1em;
	letter-spacing: -1pt;
}
.story-copy p{
	position: relative;
	margin: 0 0 .5em;
	font-size: 26px;
	font-family: 'Times New Roman', serif;
	font-style: italic;
	letter-spacing: -.3pt;
}
.share-wrap {margin: 0 0 15px;}
.share-wrap .share,
.story-copy .share{
	position: relative;
	display: inline-block;
	height: 28px;
	padding: 8px 20px;
	padding-left: 50px;
	border-radius: 25px;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #303030 url(../img/icon_share.png) 6px 50% no-repeat;
	cursor: pointer;
	transition: background-color .5s;
}
.share-wrap .share {min-width: 90px;}

.story-copy .share:hover{
	background-color: #000;
}
.story-copy .share > span{display: none!important;}

.circle-dotted .story-copy h3{
	margin: 1.2em 0 .3em;
}
.circle-dotted .story-copy p{
	line-height: 1.3em;
}
.circle-dotted .story-copy > span{
	position: relative;
}
.circle-dotted .story-copy .author{
	font-family: 'Times New Roman', serif;
	font-style: italic;
	color: #333;
}
.circle-dotted .story-copy .share{
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
	width: 70px;
	margin: auto;
}
.share-wrap .share em,
.story-copy .share em{
	display: none;
}
.story-copy .share:hover{
	width: 180px;
}
.share-wrap .share:hover em,
.story-copy .share:hover em{
	display: inline;
	padding-left: 10px;
}
.share-wrap .share em a,
.story-copy .share em a{
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	margin: 0 2px 0 0;
	background: #222;
}

/* story specific styles */
#story-page-001 .story-copy h3{
	margin-top: 0;
}
#story-page-001 .story-bg{
	background: #000 0 50% no-repeat;
	background-size: auto;
}
#story-page-001 .story-content{
	left: 60px;
	width: 860px;
	height: 700px;
}
#story-page-001 .story-content canvas{
	display: block;
	margin: 0 auto 0;
	width: 490px;
	height: 460px;
}
#story-page-001 .loader{
	left: 300px;
	bottom: auto;
	top: 220px;
}

#story-page-002 .loader{
	top: 260px;
	left: 20%;
	margin: 0 0 0 10px;
}
#story-page-002 .story-copy h3{
	margin: 1.2em 0 .5em;
}
#story-page-002 .story-copy p{
	font-size: 25px;
	line-height: 1.1em;
}

#story-page-003 .story-content{
	width: 740px;
	left: 80px;
	bottom: 80px;
	top: auto;
}

#story-page-004 .story-content{
	width: 500px;
	height: 500px;
}
#story-page-004 .story-content h3{
	margin-top: 1.5em;
}

#story-page-005 .story-content{
	bottom: auto;
	top: 100px;
	left: 50px;
	width: 58%;
	max-width: 890px;
	height: 700px;
}
#story-page-005 .story-content h3{
	margin-bottom: .2em;
}
#story-page-005 .story-content p{
	max-width: 760px;
	margin: 0 auto .8em;
	line-height: 1.2em;
}

#story-page-006 .story-content{
	width: 480px;
	height: 480px;
}

#story-page-007 .story-content{
	width: 740px;
	left: 100px;
	top: 160px;
}
#story-page-007 .loader{
	top: 250px;
	bottom: auto;
	left: 280px;
}
#story-page-007 .story-copy h3{
	font-size: 33px;
	margin-bottom: 1.2em;
}
#story-page-007 .story-copy h3>strong{
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 80px;
	line-height: 1.2em;
}

#story-page-008 .story-content{
	width: 450px;
	height: 450px;
}

#story-page-009 .loader{
	top: 100px;
	bottom: auto;
	left: 280px;
}
#story-page-009 .story-content{
	top: 0;
	bottom: auto;
	left: 60px;
	width: 860px;
	height: 700px;
}
#story-page-009 .story-content > canvas{
	width: 298px;
	height: 539px;
}

#story-page-010 .story-content {
	width: 420px;
	height: 420px;
}
#story-page-010 .story-copy h3 {
	padding-left: 50%;
	margin-bottom: .7em;
	text-align: left;
	font-size: 53px;
	line-height: .9em;
	background: url(../stories/img/icon_step_up.png) 27% 50% no-repeat;
}
#story-page-011 .story-content {
	width: 475px;
	height: 475px;
}
#story-page-011 .story-content h3{
	margin-top: 1.5em;
}

#story-page-012 .story-content {
	width: 760px;
	left: 100px;
	top: 180px;
	bottom: auto;
}
#story-page-012 .loader {
	margin-top: 180px;
}
#story-page-012 .story-content > canvas{
	width: 334px;
	height: 298px;
}

#story-page-013 .story-content {
	width: 740px;
	left: 100px;
	top: 0;
	bottom: auto;
}
#story-page-013 .loader {
	margin-top: 180px;
}
#story-page-013 .story-content > canvas{
	width: 580px;
	height: 598px;
}

#story-page-014 .story-content{
	width: 410px;
	height: 410px;
}
#story-page-014 .story-content h3{
	margin-top: 110px;
}

#story-page-015 .story-content{
	width: 850px;
	left: 60px;
	top: 160px;
	bottom: auto;
}
.story-page .video-player{
	margin: 0 auto;
	width: 700px;
	height: 393.75px;
	background: none;
	background: #000;
}
.story-page .video-player,
.story-page .video-player video,
.story-page .video-player > div{
	border-radius: 8px;
	overflow: hidden;
}
.story-page .vjs-poster{
	background-size: cover;
}
.story-page .vjs-default-skin .vjs-big-play-button{
	left: 50%;
	top: 50%;
	width: 2em;
	height: 2em;
	margin: -1em 0 0 -1em;
	border-radius: 50%;
	border-width: .18em;
	border-color: rgba(255,255,255,.6);
	background: none;
}
.story-page .vjs-playing .vjs-big-play-button{
	display: none;
}

}
.story-page .vjs-default-skin .vjs-big-play-button:hover{
	border-color: rgba(255,255,255,1);
}
.story-page .vjs-default-skin .vjs-big-play-button:before{
	content: '';
	width: 1em;
	height: 1em;
	left: 50%;
	top: 50%;
	margin: -.5em 0 0 -.5em;
	opacity: .6;
	background: url(../img/video_player_arrow.png) 50% 50% no-repeat;
}
.story-page .vjs-default-skin .vjs-big-play-button:hover:before{
	opacity: 1;
}
.story-page .vjs-default-skin .vjs-play-progress,
.story-page .vjs-default-skin .vjs-volume-level{
	background-color: #c99b6a;
}

#story-page-016 .story-content{
	width: 520px;
	height: 520px;
}
#story-page-016 .story-content h3{
	margin-top: 90px;
}

#story-page-017 .story-content{
	width: 480px;
	height: 480px;
}

#story-page-018 .story-content{
	width: 740px;
	height: auto;
	bottom: 160px;
	top: auto;
	left: 80px;
}

#story-page-019 .story-content{
	width: 520px;
	height: 520px;
}
#story-page-019 .story-content h3{
	margin-top: 50px;
}

#story-page-020 .story-content{
	width: 520px;
	height: auto;
	bottom: 25%;
	top: auto;
	text-align: left;
}

#story-page-021 .story-content{
	width: 850px;
	left: 0;
}
#story-page-021 .story-content h3{
	position: absolute;
	left: 20px;
	top: 160px;
	width: 160px;
}
#story-page-021 .story-content .share{
	position: absolute;
	left: 35px;
	top: 300px;
}
#story-page-021 .story-content > canvas{
	width: 345px;
	height: 494px;
	display: block;
}

#story-page-022 .story-content{
	width: 490px;
	height: 490px;
}

#story-page-023 .story-content{
	width: 850px;
	left: 60px;
	top: 120px;
	bottom: auto;
}
#story-page-023 .story-content h3{
	max-width: 800px;
}
#story-page-023 .story-content .video-player{
	margin-top: 20px;
	margin-bottom: 40px;
}
#story-page-023 .loader{
	left: 15%;
}

#story-page-024 .story-content{
	width: 450px;
	height: 450px;
}

#story-page-025 .story-content {
	width: 780px;
	left: 60px;
	top: auto;
	bottom: 160px;
}
#story-page-025 .story-content > canvas{
	width: 113px;
	height: 125px;
}

#story-page-026 .story-content{
	width: 668px;
	left: 10%;
	color: #000;
	height: 500px;
}
#story-page-026 .story-content > canvas{
	width: 668px;
	height: 471px;
}
#story-page-026 .story-copy{
	position: absolute;
	top: 20px;
	left: 90px;
	height: 520px;
	text-align: center;
}
#story-page-026 .story-copy h3{
	margin-bottom: .2em;
}
#story-page-026 .story-copy p{
	line-height: 1.3em;
}
#story-page-026 .story-copy .share{
	position: absolute;
	bottom: 0;
	margin-left: -50px;
}

#story-page-027 .story-content {
	width: 60%;
	max-width: 860px;
	height: auto;
	left: 60px;
	top: auto;
	bottom: 160px;
}

#story-page-029 .story-content {
	width: 520px;
	left: 27%;
	text-align: left;
}
#story-page-029 .story-content h3{
	margin-top: 2em;
}

#story-page-030 .loader{
	left: 200px;
}
#story-page-030 .story-content{
	text-align: left;
	left: 300px;
}
#story-page-030 .story-content >canvas{
	position: absolute;
	left: -280px;
	top: -180px;
	width: 298px;
	height: 749px;
}

#story-page-031 .loader{
	left: 300px;
	top: 180px;
	bottom: auto;
}
#story-page-031 .story-content{
	left: 60px;
	top: 240px;
	bottom: auto;
	width: 60%;
	max-width: 840px;
	height: auto;
}
#story-page-031 .story-content >canvas{
	width: 362px;
	height: 241px;
}

#story-page-032 .story-content{
	width: 460px;
	height: 460px;
}

#story-page-033 .story-content{
	left: 8%;
	width: 800px;
	height: auto;
	top: auto;
	bottom: 200px;
}
#story-page-034 .story-content {
	width: 480px;
	height: 480px;
}

#story-page-035 .story-content {
	width: 60%;
	max-width: 850px;
	height: auto;
	left: 4%;
	top: 250px;
	bottom: auto;
}
#story-page-035 .story-content > canvas{
	width: 271px;
	height: 183px;
}

#story-page-036 .story-content {
	width: 60%;
	max-width: 850px;
	height: auto;
	left: 4%;
	top: 200px;
	bottom: auto;
}
#story-page-036 .story-content > canvas{
	width: 300px;
	height: 259px;
}

#story-page-037 .story-content {
	width: 440px;
	height: 440px;
}
#story-page-037 .story-content h3{
	margin-top: 1.9em;
}

#story-page-038 .story-content{
	width: 60%;
	max-width: 850px;
	height: auto;
	left: 4%;
	top: 350px;
	bottom: auto;
}
#story-page-038 .story-content > canvas{
	width: 284px;
	height: 118px;
}
#story-page-039 .story-content{
	width: 670px;
	height: auto;
	left: 10%;
	top: auto;
	bottom: 180px;
}

#story-page-044 .story-content,
#story-page-041 .story-content,
#story-page-040 .story-content{
	width: 780px;
	height: auto;
	left: 6%;
	top: auto;
	bottom: 180px;	
}

#story-page-042 .story-content{
	left: 28%;
	width: 520px;
	height: 320px;
	text-align: left;
}
#story-page-042 .story-content > canvas{
	position: absolute;
	left: -280px;
	top: -170px;
	width: 227px;
	height: 758px;
}

#story-page-043 .story-content h3{
	margin-top: 1.8em;
}

#story-page-047 .story-content,
#story-page-045 .story-content{
	width: 850px;
	left: 60px;
	top: 160px;
	bottom: auto;
}
#story-page-045 .story-image{
	width: 80%;
	margin: 0 auto;
}
#story-page-045 .story-image img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

#story-page-046 .story-content h3{
	margin-top: 1.4em;
}

#story-page-048 .story-content{
	width: 840px;
	height: auto;
	left: 6%;
	bottom: auto;
	top: 40%;	
}
#story-page-048 .story-content > canvas {
	width: 279px;
	height: 122px;
}

#story-page-049 .story-content{
	width: 370px;
	height: 370px;
}
#story-page-049 .story-content h3{
	margin-top: 1.5em;
}

#story-page-050 .story-content{
	width: 780px;
	height: auto;
	left: 6%;
	bottom: auto;
	top: 35%;	
}
#story-page-050 .story-content > canvas {
	width: 283px;
	height: 151px;
}

.story-copy .btn{
	position: relative;
	display: inline-block;
	padding: 8px 10px;
	padding-left: 35px;
	margin: 15px 0 0;
	font: 16px 'Open Sans', sans-serif normal;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	background: #292929;
}
.story-copy .btn:before{
	position: absolute;
	left: 10px;
	top: -2px;
	content: '+';
	font-weight: 400;
	font-size: 30px;
	color: #fff;
}

#story-page-051 .story-content{
	width: 450px;
	height: 450px;
}

#story-page-052 .story-content {
	width: 700px;
	height: auto;
	top: 40%;	
	left: 10%;
	bottom: auto;
}
#story-page-052 .story-content > canvas{
	width: 111px;
	height: 120px;
}

#story-page-053 .story-content {
	width: 410px;
	height: 410px;
}
#story-page-053 .story-content h3{
	margin-top: 1.4em;
}
#story-page-054 .story-content {
	width: 46%;
	max-width: 670px;
	height: auto;
	top: 18%;	
	left: 18%;
	bottom: auto;
	text-align: left;
}
#story-page-054 .story-copy p > img {
	display: block;
	margin: 20px 0;
}

#story-page-055 .story-content {
	width: 455px;
	height: 455px;
}
#story-page-055 .story-content h3{
	margin-top: 1.5em;
}

#story-page-056 .story-content {
	width: 720px;
	height: auto;
	top: 10%;	
	left: 8%;
	bottom: auto;
}
#story-page-056 .story-content > canvas{
	width: 184px;
	height: 404px;
}

#story-page-057 .story-content{
	width: 410px;
	height: 410px;
}
#story-page-057 .story-content h3{
	margin-top: 1.5em;
}

#story-page-058 .story-content{
	width: 840px;
	height: auto;
	top: 38%;	
	left: 5%;
	bottom: auto;	
}
#story-page-058 .story-copy{
	width: 650px;
	margin: 40px auto 0;
}
#story-page-058 .story-content > canvas {
	width: 842px;
	height: 151px;
}

#story-page-059 .story-content{
	width: 720px;
	height: auto;
	top: 28%;	
	left: 8%;
	bottom: auto;	
}
#story-page-059 .story-content > canvas{
	width: 478px;
	height: 307px;
}

#story-page-060 .story-content{
	width: 720px;
	height: auto;
	top: 28%;	
	left: 8%;
	bottom: auto;	
}
#story-page-060 .story-content > canvas{
	width: 245px;
	height: 245px;
}

#story-page-061 .story-content{
	width: 60%;
	max-width: 780px;
	height: auto;
	bottom: 18%;	
	top: auto;	
	left: 8%;
}

#story-page-062 .story-content{
	width: 60%;
	max-width: 730px;
	height: auto;
	top: 40%;	
	bottom: auto;	
	left: 8%;
}
#story-page-062 .story-content > canvas{
	width: 721px;
	height: 122px;
}

#story-page-063 .story-content{
	width: 485px;
	height: 485px;
}
#story-page-063 .story-content h3{
	margin-top: 1.5em;
}

#story-page-064 .story-content{
	width: 60%;
	max-width: 730px;
	height: auto;
	top: 15%;	
	bottom: auto;	
	left: 8%;
}
#story-page-064 .story-content > canvas{
	width: 594px;
	height: 386px;
}

#story-page-065 .story-content{
	width: 430px;
	height: 430px;
}

#story-page-066 .story-content{
	width: 60%;
	max-width: 780px;
	height: auto;
	top: 25%;	
	bottom: auto;	
	left: 5%;
}
#story-page-066 .story-content > canvas{
	width: 616px;
	height: 268px;
}

#story-page-067 .story-content{
	width: 60%;
	max-width: 840px;
	height: auto;
	top: 13%;	
	bottom: auto;	
	left: 5%;
}

#story-page-068 .story-content{
	width: 440px;
	height: 440px;
}

#story-page-069 .story-content{
	width: 55%;
	max-width: 720px;
	height: auto;
	top: auto;	
	bottom: 18%;	
	left: 8%;	
}

#story-page-071 .story-content{
	width: 50%;
	max-width: 660px;
	height: auto;
	top: 35%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-071 .story-content > canvas{
	width: 438px;
	height: 205px;
}

#story-page-072 .story-content{
	width: 50%;
	max-width: 660px;
	height: auto;
	top: 8%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-072 .story-content > canvas{
	width: 604px;
	height: 610px;
}
#story-page-072 .story-copy {
	position: relative;
	top: -120px;
}

#story-page-073 .story-content{
	width: 60%;
	max-width: 730px;
	height: auto;
	top: 18%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-073 .story-content > canvas{
	width: 298px;
	height: 391px;
}

#story-page-074 .story-content{
	width: 460px;
	height: 460px;
}

#story-page-075 .story-content{
	width: 60%;
	max-width: 770px;
	height: auto;
	top: 30%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-075 .story-content > canvas{
	width: 320px;
	height: 320px;
}

#story-page-077 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 45%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-077 .story-content > canvas{
	width: 137px;
	height: 127px;
}

#story-page-078 .story-content h3{
	margin-top: 1.5em;
}

#story-page-079 .story-content{
	width: 450px;
	height: 450px;
}
#story-page-079 .story-content h3{
	margin-top: 1.8em;
}

#story-page-080 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 35%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-080 .story-content > canvas{
	width: 165px;
	height: 151px;
}

#story-page-082 .story-content{
	width: 60%;
	max-width: 820px;
	height: auto;
	top: 25%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-082 .story-content > canvas{
	width: 580px;
	height: 275px;
}
#story-page-084 .story-content{
	width: 60%;
	max-width: 840px;
	height: auto;
	top: 13%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-084 .story-content > canvas{
	width: 557px;
	height: 380px;
}

#story-page-085 .story-content{
	width: 440px;
	height: 440px;
}
#story-page-085 .story-content h3{
	margin-top: .9em;
}

#story-page-086 .story-content{
	width: 60%;
	max-width: 760px;
	height: auto;
	top: 33%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-086 .story-content > canvas{
	width: 503px;
	height: 151px;
}

#story-page-087 .story-content{
	top: 38%;
	bottom: auto;
	width: 380px;
	height: 380px;
}
#story-page-088 .story-content{
	width: 60%;
	max-width: 820px;
	height: auto;
	top: 20%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-088 .story-content > canvas{
	width: 27px;
	height: 328px;
}

#story-page-089 .story-content{
	width: 380px;
	height: 380px;
}
#story-page-090 .story-content{
	width: 440px;
	height: 440px;
}
#story-page-091 .story-content{
	width: 410px;
	height: 410px;
}
#story-page-092 .story-content{
	width: 60%;
	max-width: 780px;
	height: auto;
	top: 55%;	
	bottom: auto;	
	left: 8%;
}

#story-page-093 .story-content,
#story-page-094 .story-content{
	width: 370px;
	height: 370px;
}
#story-page-093 .story-content h3,
#story-page-094 .story-content h3{
	margin-top: 1.4em;
}
#story-page-095 .story-content{
	width: 385px;
	height: 385px;
}

#story-page-096 .story-content{
	width: 60%;
	max-width: 790px;
	height: auto;
	top: 20%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-096 .story-content > canvas{
	width: 411px;
	height: 347px;
}

#story-page-097 .story-content{
	width: 380px;
	height: 380px;
}

#story-page-098 .story-content{
	width: 60%;
	max-width: 800px;
	height: auto;
	top: 43%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-098 .story-content > canvas{
	width: 144px;
	height: 144px;
}

#story-page-099 .story-content{
	width: 490px;
	height: 490px;
}
#story-page-099 .story-content h3{
	margin-top: 1em;
}

#story-page-100 .story-content{
	width: 60%;
	max-width: 800px;
	height: auto;
	top: 12%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-100 .story-content > canvas{
	width: 697px;
	height: 426px;
}

#story-page-102 .story-content,
#story-page-101 .story-content{
	width: 60%;
	max-width: 720px;
	height: auto;
	top: 32%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-101 .story-content > canvas{
	width: 234px;
	height: 234px;
}
#story-page-102 .story-content > canvas{
	width: 129px;
	height: 243px;	
}

#story-page-103 .story-content{
	width: 480px;
	height: 480px;
}
#story-page-103 .story-content h3{
	margin-top: 1.5em;
}

#story-page-104 .story-content{
	width: 390px;
	height: 390px;
}
#story-page-105 .story-content{
	width: 460px;
	height: 460px;
}
#story-page-105 .story-content h3{
	margin-top: 1.8em;
}

#story-page-106 .story-content{
	width: 500px;
	height: auto;
	top: 400px;	
	bottom: auto;	
	left: 420px;	
	text-align: left;
}
#story-page-106 .story-content > canvas{
	position: absolute;
	left: -400px;
	top: -310px;
	width: 360px;
	height: 784px;
}

#story-page-107 .story-content{
	width: 500px;
	height: 500px;
}

#story-page-108 .story-content{
	width: 60%;
	max-width: 800px;
	height: auto;
	top: 16%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-108 .story-content > canvas{
	width: 468px;
	height: 377px;
}

#story-page-109 .story-content{
	width: 450px;
	height: 450px;
}

#story-page-110 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 30%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-110 .story-content > canvas{
	width: 238px;
	height: 226px;
}

#story-page-112 .story-content{
	width: 365px;
	height: 365px;
}

#story-page-113 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 40%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-113 .story-content > canvas{
	width: 164px;
	height: 164px;
}

#story-page-114 .story-content{
	width: 360px;
	height: 360px;
}
#story-page-114 .story-content h3{
	margin-top: 1.5em;
}

#story-page-115 .story-content{
	width: 410px;
	height: 410px;
}
#story-page-115 .story-content h3{
	margin-top: 1.5em;
}

#story-page-116 .story-content{
	width: 50%;
	max-width: 520px;
	height: auto;
	top: 35%;	
	bottom: auto;	
	left: 15%;	
}
#story-page-116 .story-content > canvas{
	width: 142px;
	height: 246px;
}

#story-page-117 .story-content{
	width: 370px;
	height: 370px;
}
#story-page-118 .story-bg{
	background-size: auto;
	background-position: 0 14px;
	background-repeat: repeat-x;
}
/*#story-page-118 .story-content{
	width: 65%;
	height: 420px;
	left: 0;
}*/
#story-page-118 .story-content,
#window-cleaning{
	position: absolute;
	/*width: 100%;
	height: 100%;*/
	width: 440px;
	height: 560px;
	left: 200px;
	top: 220px;
}
#story-page-118 .hint{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	color: #333;
	font-size: 16px;
}
#story-page-118 .hint:before{
	position: absolute;
	top: -80px;
	left: 50%;
	content: '';
	width: 60px;
	height: 60px;
	margin-left: -30px;
	border-radius: 50%;
	background: #fff url(../stories/img/mouse_pointer.png) 50% 50% no-repeat;
}
#story-page-118 .timer2{
	position: absolute;
	left: 30px;
	top: 80px;
	padding: 6px 0 6px 80px;
	color: #333;
	background: url(../stories/img/timer_clock.png) 0 50% no-repeat;
	background-size: auto 100%;
}
#story-page-118 .timer2 span{
	display: block;
}
#story-page-118 .timer2 span.label{
	color: #000;
}
#story-page-118 .timer2 span.thetime{
	font-size: 24px;
}
.result-copy {
	display: none;
	width: 90%;
	margin: 0 auto;
}
.result-copy > img{
	width: 70px;
}
.result-copy .record{
	padding: 20px 0;
	font-size: 16px;
}
.result-copy .record strong{
	display: block;
	font-size: 38px;
	line-height: 1em;
}
.story-copy .result-copy p {
	font-size: 22px;
	margin-bottom: 1em;
}

#story-page-120 .story-content{
	width: 50%;
	max-width: 520px;
	height: auto;
	top: 28%;	
	bottom: auto;	
	left: 15%;	
}
#story-page-120 .story-content > canvas{
	width: 248px;
	height: 248px;
}

#story-page-121 .story-content{
	width: 425px;
	height: 425px;
}
#story-page-121 .story-content h3{
	margin-top: 1.8em;
}

#story-page-122 .story-content{
	width: 60%;
	max-width: 890px;
	height: auto;
	top: 12%;	
	bottom: auto;	
	left: 3%;	
}
#story-page-122 .story-content > canvas{
	width: 480px;
	height: 438px;
}

#story-page-123 .story-content{
	width: 55%;
	max-width: 730px;
	height: auto;
	top: 38%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-123 .story-content > canvas{
	width: 195px;
	height: 175px;
}

#story-page-124 .story-content{
	width: 60%;
	max-width: 740px;
	height: auto;
	bottom: 20%;	
	top: auto;	
	left: 10%;	
}
#story-page-125 .story-content{
	width: 420px;
	height: 420px;
}
#story-page-125 .story-content h3{
	margin-top: .9em;
}

#story-page-126 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 32%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-126 .story-content > canvas{
	width: 242px;
	height: 242px;
}
#story-page-127 .story-content{
	width: 470px;
	height: 470px;
}
#story-page-127 .story-content h3{
	margin-top: .9em;
}

#story-page-128 .story-content{
	width: 60%;
	max-width: 680px;
	height: auto;
	top: 32%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-128 .story-content > canvas{
	width: 421px;
	height: 268px;
}

#story-page-129 .story-content{
	width: 410px;
	height: 410px;
}
#story-page-129 .story-content h3{
	margin-top: 1em;
}

#story-page-130 .story-content{
	width: 470px;
	height: 470px;
}
#story-page-130 .story-content h3{
	margin-top: 1.8em;
}

#story-page-131 .story-content{
	width: 60%;
	max-width: 800px;
	height: auto;
	bottom: 20%;	
	top: auto;	
	left: 5%;	
}

#story-page-132 .story-content{
	width: 365px;
	height: 365px;
}

#story-page-133 .story-content{
	width: 60%;
	max-width: 810px;
	height: auto;
	top: 38%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-133 .story-content > canvas{
	width: 290px;
	height: 166px;
}

#story-page-134 .story-content{
	width: 385px;
	height: 385px;
}

#story-page-135 .story-content{
	width: 60%;
	max-width: 860px;
	height: auto;
	top: 30%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-135 .story-content > canvas{
	width: 248px;
	height: 248px;
}

#story-page-136 .story-content{
	width: 400px;
	height: 400px;
}

#story-page-139 .story-content,
#story-page-137 .story-content{
	width: 60%;
	max-width: 800px;
	height: auto;
	bottom: 20%;	
	top: auto;	
	left: 5%;	
}
#story-page-139 .story-content h3 sup,
#story-page-137 .story-content h3 sup{
	font-size: 24px;
	position: relative;
	top: -12px;
}

#story-page-140 .story-content,
#story-page-138 .story-content{
	width: 440px;
	height: 440px;
}

#story-page-141 .story-content{
	width: 60%;
	max-width: 810px;
	height: auto;
	top: 28%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-141 .story-content > canvas{
	width: 238px;
	height: 248px;
}

#story-page-142 .story-content h3{
	margin-top: .6em;
}

#story-page-143 .story-content{
	width: 850px;
	left: 60px;
	top: 160px;
	bottom: auto;
}

#story-page-144 .story-content{
	width: 390px;
	height: 390px;
}
#story-page-144 .story-content h3{
	margin-top: 1.5em;
}

#story-page-145 .story-content{
	width: 60%;
	max-width: 750px;
	height: auto;
	top: 28%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-145 .story-content > canvas{
	width: 469px;
	height: 210px;
}

#story-page-146 .story-content{
	width: 470px;
	height: 470px;
}
#story-page-146 .story-content h3{
	margin-top: 1.6em;
}

#story-page-148 .story-content,
#story-page-147 .story-content{
	width: 60%;
	max-width: 740px;
	height: auto;
	top: 30%;	
	bottom: auto;	
	left: 8%;	
}
#story-page-147 .story-content > canvas{
	width: 220px;
	height: 241px;
}
#story-page-148 .story-content {
	top: 50%;
}
#story-page-148 .story-content > canvas{
	width: 445px;
	height: 61px;
}


#story-page-149 .story-content{
	width: 60%;
	max-width: 780px;
	height: auto;
	top: 80px;	
	bottom: auto;
	left: 5%;	
}
#story-page-149 .loader{
	left: 20%;
}

#story-page-150 .story-content{
	width: 60%;
	max-width: 880px;
	height: auto;
	top: 8%;	
	bottom: auto;	
	left: 3%;	
}
#story-page-150 .story-content > canvas{
	width: 450px;
	height: 500px;
}

#story-page-152 .story-content,
#story-page-151 .story-content{
	width: 60%;
	max-width: 860px;
	height: auto;
	bottom: 18%;	
	top: auto;	
	left: 8%;	
}

#story-page-154 .story-content{
	width: 40%;
	left: 5%;
	top: 120px;
	bottom: auto;
}
.country-select {
	font-size: 18px;
	color: #fff;
	text-align: left;
	overflow: hidden;
}
.country-select .label{
	font-size: 1.2em;
	font-weight: 600;
	text-transform: uppercase;
}
.country-select ul{
	height: 600px;
	width: 110%;
	margin: 0;
	padding: 0;
	overflow: auto;
}
.country-select li{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	font-family: 'Helvetica Neue', sans-serif;
	line-height: 1em;
	letter-spacing: -2pt;
	cursor: default;
}
.country-select li:first-child{
	margin-top: 270px;
}
.country-select li:last-child{
	margin-bottom: 250px;
}
.country-select li > span{
	display: inline-block;
	padding: .1em 0;
	margin: .1em 0;
	opacity: .05;
}
.country-select li.front0 > span{opacity: 1;}
.country-select li.front1 > span{opacity: .7;}
.country-select li.front2 > span{opacity: .5;}
.country-select li.front3 > span{opacity: .2;}

.country-select li.front0 > span{
	font-weight: bold;
	border-top: rgba(255,255,255,.7) solid 1px;
	border-bottom: rgba(255,255,255,.7) solid 1px;
}
.country-select .ctrl a{
	position: absolute;
	width: 40px;
	height: 40px;
	background: 50% 50% no-repeat;
}
.country-select .ctrl a.up{
	top: 50px;
	background-image: url(../img/arrow_up_white.png);
}
.country-select .ctrl a.dn{
	bottom: -280px;
	background-image: url(../img/arrow_down_white.png);
}

#story-page-153 .story-content {
	width: 490px;
	height: 490px;
}
#story-page-153 .story-content h3{
	margin-top: .6em;
}
#story-page-155 .story-content {
	width: 430px;
	height: 430px;
}

#story-page-156 .story-content{
	width: 60%;
	max-width: 660px;
	height: auto;
	top: 40%;	
	bottom: auto;	
	left: 10%;	
}
#story-page-156 .story-content > canvas{
	width: 169px;
	height: 169px;
}

#story-page-157 .story-content{
	width: 350px;
	height: 350px;
}
#story-page-157 .story-content h3{
	margin-top: 1.6em;
}


#story-page-158 .story-content{
	width: 60%;
	max-width: 700px;
	height: auto;
	top: 30%;	
	bottom: auto;	
	left: 5%;	
}
#story-page-158 .story-content > canvas{
	width: 519px;
	height: 260px;
}

#story-page-159 .story-content{
	width: 375px;
	height: 375px;
}


.world-record-list {
	position: absolute;
	top: 0;
	left: 370px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.world-record-list li{
	padding: .35em 0;
	list-style: none;
	font-family: 'Times New Roman', serif;
	font-size: 26px;
	font-style: italic;
}
.world-record-list li:nth-child(1), .world-record-list li:nth-child(9){ margin-left: -100px;}
.world-record-list li:nth-child(2), .world-record-list li:nth-child(8){ margin-left: -50px;}
.world-record-list li:nth-child(3), .world-record-list li:nth-child(7){ margin-left: -20px;}
.world-record-list li:nth-child(4), .world-record-list li:nth-child(6){ margin-left: -10px;}

.art-gallery-wrap{
	position: relative;
	width: 100%;
	max-width: 780px;
	height: 450px;
	max-height: 420px;
	margin: 0 auto 60px;
	/*background: #000 url(../stories/img/art_gallery_bg.jpg) 50% 50% no-repeat;*/
	background-size: 100% 100%;
}
.art-gallery {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*width: 85.227%;
	height: 71.74%;*/
	width: 96%;
	height: 90%;
	margin: auto;
	background: #222;
}
.art-gallery .thegallery{
	width: 100%;
	height: 100%;
}

.art-gallery .owl-carousel .owl-stage-outer,
.art-gallery .owl-carousel .owl-stage,
.art-gallery .owl-carousel .owl-item{
	height: 100%!important;
}

.art-gallery .gal-item{
	list-style: none;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-transform: translate3d(0,0,0,0);
}
.art-gallery .gal-item > img{
	display: block;
	width: 100%;
	height: 100%;
}
.art-gallery .gal-item .level,
.art-gallery .gal-item .author{
	display: none;
}
.art-gallery-wrap .ctrl > div{
	position: absolute;
	top: 50%;
	width: 45px;
	height: 60px;
	margin-top: -22px;
	text-indent: -999em;
	background: #292929 50% 50% no-repeat;
	background-size: cover;
	border-radius: 4px;
	cursor: pointer;
}
.art-gallery-wrap .ctrl > div:hover{
	opacity: .6;
}
.art-gallery-wrap .ctrl > div.owl-prev{
	left: -45px;
	background-image: url(../img/button_arrow_left_white2.png)
}
.art-gallery-wrap .ctrl > div.owl-next{
	right: -45px;
	background-image: url(../img/button_arrow_right_white2.png)
}

.art-gallery-wrap .meta{
	position: absolute;
	bottom: -50px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.art-gallery-wrap .meta .level{
	display: block;
	text-transform: uppercase;
}
.art-gallery-wrap .meta .author{
	font-family: 'Times New Roman', serif;
	font-style: italic;
}


.loader{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 23%;
	width: 400px;
	height: 400px;
	margin: auto;
}
.loader canvas{
	width: 100%;
	height: 100%;
}

.stories-light .weather-widget,
.stories-light .stepper-wrap h3,
.stories-light .stepper-wrap h2{
	color: #000;
	border-color: #000;
}
.stories-light .stepper-wrap h2:after{
	background-color: #000;
}
.stories-light .weather-widget span.temperature{
	background-image: url(../img/icon_thermometer_dark.png);
}
.stories-light .weather-widget span.wind-direction{
	background-image: url(../img/icon_compass_dark.png);
}
.stories-light .stepper-wrap .ctrl a.next{
	background-image: url(../img/button_arrow_up_dark.png);
}
.stories-light .stepper-wrap .ctrl a.prev{
	background-image: url(../img/button_arrow_down_dark.png);
}
.stories-light .story-content{
	color: #000;
}

.sound-ctrl{
	position: absolute;
	left: 10px;
	top: 80px;
	width: 40px;
	height: 40px;
	background: url(../img/icon_music_notes.png) 50% 50% no-repeat;
	cursor: pointer;
}
.sound-ctrl.muted{
	opacity: .3;
}

.view360-menu {
	position: fixed;
	left: 20px;
	top: 90px;
	padding: 3px;
	background: #c99b6a;
	border-radius: 3px;
}
.view360-menu a{
	display: inline-block;
	padding: 7px 20px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.view360-menu a.active{
	color: #333;
	background: #fff;
}
.story-360view {
	width: 100%;
	height: 100%;
	background: 0 50% repeat-x;
}
.story-360view > img{
	display: none;
	height: 100%;
	width: auto;
}

#cboxClose:hover,
#cboxClose {
	right: 0;
	top: 0;
	width: 70px;
	height: 70px;
	background: rgba(0,0,0,.5) url(../img/icon_x_white.png) 50% 50% no-repeat;
}
#cboxClose:hover {
	background-color: rgba(100,100,100,.5)
}
#cboxNext:hover,
#cboxNext {
	right: 0;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0;
	background: url(../img/button_arrow_right_white2.png) 50% 50% no-repeat;
}

#cboxPrevious:hover,
#cboxPrevious {
	left: 0;
	top: 50%;
	width: 70px;
	height: 70px;
	margin: -35px 0 0;
	background: url(../img/button_arrow_left_white2.png) 50% 50% no-repeat;
}

.game1-wrap	{
	position: relative;
	width: 740px;
	height: 520px;
	margin: 0 auto;
	/*background: rgba(0,0,0,.3);*/
}
img.bg-clouds{
	position: absolute;
	bottom: 60px;
	left: 85px;
}
img.moving-cloud{
	position: absolute;
	bottom: 60px;
	left: 90px;
}
img.skyline{
	position: absolute;
	bottom: 0;
	right: 50px;
}
img.thesun{
	position: absolute;
	left: 280px;
	top: 190px;
}
.game1-wrap .result,
.game1-wrap .hint{
	position: absolute;
	left: 0;
	top: 50px;
	width: 85%;
	padding: 0;
	text-align: center;
	color: #ffc600;
	opacity: .5;
}
.game1-wrap .result {
	display: none;
	color: #fff;
	opacity: 1;
}
.game1-wrap .result p > span{
	color: #ffc600;
}
.game1-wrap .hint > img{
	margin: 0 0 1.2em;
}
.game1-wrap .result p,
.game1-wrap .hint p{
	font-style: normal;
	font-size: 18px;
	font-family: 'Open Sans';
}
.barometer{
	position: absolute;
	right: 90px;
	top: 97px;
	width: 32px;
	height: 370px;
}
.barometer .arrow{
	position: absolute;
	bottom: 0;
	left: 0;
}
.barometer .arrow .feet{
	position: absolute;
	left: 80px;
	bottom: 0;
	width: 100px;
	font-size: 18px;
	text-align: left;
	line-height: 1em;
}
.timer{
	position: absolute;
	left: 0;
	top: 38%;
	color: #fff;
	font-size: 30px;
	font-family: 'Oswald';
	font-weight: 100;
}
.timer span{
	font-weight: 300;
}
.timer span + span:before{
	content: ':';
	position: relative;
	left: -3px;
}
.timer span + span.ampm:before{
	display: none;
}
.timer em{
	position: absolute;
	left: 140px;
	top: 0;
	font-style: normal;
}

.wind-demo {
	position: relative;
	width: 100%;
	height: 210px;
}
.wind-demo > img{
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	transition: opacity .5s;
}
.wind-demo > img.active{
	opacity: 1;
}
.wind-bullet {
	padding: 40px 0 25px;
}
.wind-bullet span{
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 30px;
	border-radius: 5px;
	background: #fff;
	opacity: .5;
}
.wind-bullet span + span:before{
	position: absolute;
	top: 50%;
	right: 50%;
	content: '';
	width: 70px;
	height: 1px;
	background: #fff;

}
.wind-bullet span.active{
	opacity: 1;
	border-radius: 8px;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.wind-bullet span.active:before{
	width: 45px;
	opacity: .3;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.dialog{
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 40%;
	margin: auto;
	width: 650px;
	height: auto;
	min-height: 220px;
	padding: 20px;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	background: #fff;
}
.dialog p {margin: 0; padding: 0;}
.dialog p + p{
	margin: 0;
	padding: .2em 0 0;
}
.dialog .cta {
	padding: 10px 20px;
	padding-right: 20px;
}
.dialog .cta:after{
	display: none;
}

.bj-vector {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	margin: auto;
	height: 45%;
	width: 80%;
	text-align: center;
}
.bj-vector > img {
	display: inline;
	height: 100%;
}

.dialog2{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 80%;
	height: 80%;
	margin: auto;
	font-size: 12px;
	background: #fff;
}
.dialog2 .header{
	height: 80px;
	background: #000;
}
.dialog2 .copy-body{
	overflow: hidden;
	height: 86%;
	padding: 1% 3% 2%;
	margin: 1.5% 0 1%;
}
.dialog2 .copy-body .scroll-wrap{
	overflow: auto;
	overflow-x: hidden;
	height: 100%;
	widows: 100%;
}
.dialog2 h3{
	margin: 0;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 32px;
	font-weight: 200;
}
.olist01 {
	margin: 0;
	padding: 1em 0 0 2em;
}
.olist01 li{
	margin: 0 0 .6em;
}
.olist01 li ul{
	margin: .3em 0;
}
.dialog2 .jspVerticalBar {width: 4px;}

.end{}

.dialog2 .copy-body,
.dialog,
.v-carousel,
.album-list li,
.press-detail-wrap,
.grid-item,
.leads-wrap .lead-item,
.ticket-type .promo,
.ticket-type .ticket,
.direction-wrap .direction,
.booking-wrap .col2 .col-content {
	box-sizing: border-box;	
}

/* css animations */
@keyframes zoom {
	from {margin: 20px; width: 0; height: 0;}
	to {margin: -4px;width: 50px; height: 50px;}	
}
@keyframes zoom-out {
	from {margin: -4px;width: 50px; height: 50px;}	
	to {margin: 20px; width: 0; height: 0;}
}


/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}