.spotMap .spot { position: absolute;width: 50px;height: 50px;background: red;background: transparent url('/images/avail_markers.png') no-repeat top left;z-index: 100;} 
.spotMap .spot:hover, .spotMap .spot.hover{
	background: transparent url('/images/avail_markers.png');
	background-position: top right;
}
.spotMap_avail .spot .spotTooltip {
    bottom: 24px;
}

.spotMap .spot .spotTooltip::after {
    left: 47%;
}

.avail_text {text-transform: none; font-family: 'HelveticaNeueW01-45Ligh';font-size: 18px;line-height: 100%;font-weight: normal;color: #808285;padding-bottom: 20px;}

h3.logistics {
    padding-bottom: 10px;
}

.spotMap .spot .spotTooltipWrapper {
    top: -104px;
    left: -105px;
}

body.page-park .top-slideshow .slide-info h2 { color: #fff; }
.top-slideshow .slide-info h2 { color: #fff!important }

#vision-yt {
	height: 100%;
	z-index: 2000;
	opacity: 0;
	display: none;
}
#vision-flythrough{
	height: 360px;
}
#home-flythrough .yt_cont{
    height: 0;
}

#videoFlythroughHome {
	 /* 16:9 */
	height: 100%;
	z-index: 111;
	width: 100%;
	display: none;
}

#videoFlythroughHome >div{
	position: relative;
	height: 100%;
	z-index: 111;
	width: 100%;
	padding-top: 57%;
	position: relative;
	width: 100%;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
}

.html5-video-player{
  background-color: #fff;
}
#videoFlythroughHome iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media only screen and (max-width: 1230px){
	#videoFlythroughHome > div{
		padding-top: 65%;
	}
}
@media only screen and (max-width: 767px){

	#home-flythrough{
		height:200px
	}

	.spotMapWrapper {margin-bottom: 25px;}
	.fixedHeight { height: auto;}	
	#map-cont {padding: 25px 0px;margin-bottom: 25px!important;}

	#lifestyle_amenities{ padding: 25px 0px 0 0!important; }
	.lifestyle_activities_main {
	    overflow: hidden;
	    margin-bottom: -25px;
	}
	
	.spotMapWrapper {position: relative;width: 100%; height: 0; padding-top: 50%; margin: auto;padding: auto;margin-bottom: 50px;overflow: hidden;}
	.spotMap {position: absolute;left: 50%;top: 0;height: 100%;width: 100%;padding: 0;background-size:contain;margin: 0;transform: translateX(-50%);}
	.spotMap .spot { z-index:3000; position: absolute;width: 25px;height: 25px;background: red;background: transparent url('/images/avail_markers_mobile.png') no-repeat top left;z-index: 100;} 
	.spotMap .spot:hover, .spotMap .spot.hover{
		background: transparent url('/images/avail_markers_mobile.png');
		background-position: top right;
	}
	.spotMap .spot .spotTooltipWrapper {
	    top: -104px;
	    left: -116px;
	}

	.spotMap .spot .spotTooltipWrapper {overflow: hidden;display: none;width: 200px;position: absolute;height: 100px;top: -98px;left: -86px;padding: 0;margin: 0;z-index: 200;}
	.spotMap .spot .spotTooltip {width: 100%;height: auto;background: #193444;bottom: 15px!important;left: 0;color: white;text-transform: uppercase;position: absolute;padding: 10px;font-family: 'Trade Gothic W01 Bold';font-size: 14px;line-height: 16px;text-align: center;z-index: 200;}
	.spotMap .spot .spotTooltip::after {width: 14px;height: 14px;background: #193444;margin: 0px;bottom: -7px;left: 92px;padding: 0px;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);content: ' ';z-index: 100;}

.popup {
	position:fixed;
	top: 55%;
	left:50%;
	z-index:1002;
	display:none;
	background: #fff;
	width: 90%;
	max-width: 100%;
	height: auto;
	margin: 0;
	transform: translate(-50%,-50%);
	padding: 20px;
}

.popup .close {width: 30px;height: 30px;background: url(../images/close.png);position:absolute;top: -40px;right: -10px;overflow:hidden;text-indent:-99999px;-webkit-transition: opacity 400ms;transition: opacity 400ms;z-index: 1002;background-size: contain;}

	#terms .scroll-pane h3{font-size: 26px;color: #43ab89;margin-bottom: 10px;}

	#subscribe form div.input input { display: inline-block; width: 100%; max-width:100%; }
	#subscribe form div.input input:focus { background: #ddd; }
	#subscribe form input[type=submit] {border: none;left: 50%;margin: 0;margin-top: 10px;padding: 10px 8px;}
	#subscribe h3 { font: 24px 'Trade Gothic W01 Bold'; color: #43ab89; margin-bottom: 14px; text-transform: uppercase; }
	#subscribe {height: auto;padding: 20px;}
	#subscribe form div.input label.error { display: block; width: 100%; margin-left: 0; margin-top: 5px; color: #c00; }

	.scroll-pane{
		width: 100%!important;
		height: 70vh!important;
		overflow: auto;
	}
	
	#footer-bottom ul.bottom-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: none;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	}
	#footer-bottom .wrapper{ padding: 0 15px; }

	#footer-bottom ul.bottom-nav li {margin: 0;padding: 0;list-style: none;display: inline-block;padding-right: 10px;}
	#footer-bottom ul.bottom-nav li.last { padding-right: 0; }
	#footer-bottom ul.bottom-nav li a {font-family: 'Trade Gothic W02 Roman';font-size: 11px;line-height: 11px;font-weight: normal;color: #fff;text-transform: uppercase;}
}

/*///////////////////////////////////////////////////////////////////*/
/*////////////////////// New home page styles //////////////////////*/
/*///////////////////////////////////////////////////////////////////*/


/* Fullscreen */

.fullscreen{
	height: calc(100vh - 110px);
	width: 100%;
	position: relative;
}

.fullscreen-info{
	font-family: 'Trade Gothic W01 Bold';
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
	top: 50%;
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 1s;
}

.fullscreen-info h1{
	font-size: 80px;
    line-height: 70px;
    margin-bottom: 30px;
}

.fullscreen-info h3{
    font-size: 28px;
    line-height: 32px;
    width: 65%;
} 

img.fullscreen-logo{
	margin-bottom: 20px;
}

.down-arrow{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);

}

/*bounce animation*/

.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}


/* slideshow */

#home-slideshow.new-slideshow {
	margin-top: 0;
	margin-bottom: 0;
}


.new-slideshow .slide-info .slide-info-inner h2{
	font-size: 80px;
	line-height: 80px;
	 margin-bottom: 30px; 
}

.new-slideshow .slide-info .slide-info-inner h3{
	font-size: 30px;
	line-height: 30px;
	font-family: 'Trade Gothic W01 Bold';
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px; 
    
    width: 70%;
}
.new-slideshow .slide-info .slide-info-inner h3.quote_credit{
	color:#3daf8d;
}

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

	.fullscreen-info h3{
		display: none;
	}
	
	.down-arrow img{
		width: 50%
		height:	auto;
	}
	
	.fullscreen-info h1 {
    	font-size: 60px;
		line-height: 60px;
	}
	
	.new-slideshow .slide-info .slide-info-inner h3{
		display: none;
	}
	
	.new-slideshow .slide-info .slide-info-inner h2{
	    font-size: 38px;
	    line-height: 40px;
	    margin-bottom: 22px;
	}
	
	.new-slideshow .slide-info .slide-info-inner h3.quote_credit, .new-slideshow .slide-info .slide-info-inner h3.quote_description{
		display: block;
		font-size: 20px;
		line-height: 24px;
		width: 100%;
	}
	
	
}