/*********************
HOMEPAGE 2018 (added 08-24-18)
*********************/
.mobile-only { display: none; }
.btn { display: inline-block; }
.btn.outline.white { background: transparent; border-color: #fff; color: #fff; }
.btn.outline.white:hover { background: #fff; color: #ff8919; }

.button-group { text-align: center; display: block; margin: 30px auto 0; }

#content #inner-content.video-container { max-width: 1450px; padding: 0 5%; }

h4{
font-size: 17px !important;
}
/*
.page-template-page-homepage-2018 #main { padding: 0; }
.page-template-page-homepage-2018 .headroom--top .top-bar, .top-bar ul { background: transparent; }
.page-template-page-homepage-2018 .headroom--top .menu>li>a { color: #fff; }
.page-template-page-homepage-2018 .headroom--top .menu>li>a:hover { color: #ff8919; }
.page-template-page-homepage-2018 .headroom--top .menu>li.menu-item-17>a:hover { color: #fff; }
*/

.hero-video { position: relative; height: 50vw; max-height: 980px; min-height: 500px; overflow: hidden; background: #eee; }
.hero-video .video-headline { position: relative; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position: relative; z-index: 950; max-width: 500px; padding: 0; margin: 0; text-align: left; }
.hero-video .video-headline h1 { color: #fff; }

#bgvid { width: 100vw; }

@media screen and (min-width: 1025px) and (max-width: 1550px) {
	#bgvid { width: 108vw; }
}

.dropshadow { text-shadow: 0px 6px 20px rgba(0,0,0,.18); }	


.btn.outline { background: transparent; border: 2px solid #ff8919; }


/*--- Box Animation ----*/


.page-template-page-homepage-2018 .home .inside-box { height: 640px; background: #00a6cf; margin: 0; }

.page-template-page-homepage-2018 .inside.alt { position: relative; z-index: 88; background: #00a6cf; padding: 10px 0 70px; }
.page-template-page-homepage-2018 .inside.alt header { text-align: center;  max-width: 700px; margin: 0 auto; }
.page-template-page-homepage-2018 .inside.alt header h1,
.page-template-page-homepage-2018 .inside.alt header p { color: #fff; }
.page-template-page-homepage-2018 .inside.alt .btn.outline { color: #fff; border-color: #fff; display: inline-block; margin: 16px 0 0 0; }
.page-template-page-homepage-2018 .inside.alt .btn.outline:hover { background: #fff; color: #F2C12E; }


.page-template-page-homepage-2018 .promo-section { position: relative; background: #00a6cf; margin-bottom: 75px;}
.page-template-page-homepage-2018 .promo-section .video-screenshot { background: #eee; height: 100%; width: 50%; position: absolute; top: 0; left: 0; overflow: hidden; }
.page-template-page-homepage-2018 .promo-section .video-screenshot img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 100; }

@media screen and (max-width: 1700px) {
	.page-template-page-homepage-2018 .promo-section .video-screenshot img { max-width: none; width: auto; height: 100%; }
}

.page-template-page-homepage-2018 .promo-section .video-screenshot .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%); width: 60px; height: 60px; background: transparent; border: 3px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: 0.4s all; -ms-transition: all 0.4s;  z-index: 120; }
.page-template-page-homepage-2018 .promo-section .video-screenshot .play-button:hover { background: #ff8919; border-color: #ff8919; }
.page-template-page-homepage-2018 .promo-section .video-screenshot .play-button .icon.play { background: url('../icon-play.html') no-repeat center; width: 34px; height: 34px; display: block; margin: 10px auto 0; left: 2px; position: relative; }
.page-template-page-homepage-2018 .promo-section .promo-content { margin: 0 0 0 50%; position: relative; min-height: 500px; }
.page-template-page-homepage-2018 .promo-section .promo-content article { padding: 0 0 0 80px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position: absolute; }
.page-template-page-homepage-2018 .promo-section .promo-content article h2 { text-transform: none; letter-spacing: normal; font-size: 1.85em; color: #fff; }
.page-template-page-homepage-2018 .promo-section .promo-content article p { color: #fff; }
.page-template-page-homepage-2018 .promo-section .promo-content article .btn.outline { display: inline-block; margin: 14px 0 0; background: transparent; color: #fff; border-color: #fff;  }
.page-template-page-homepage-2018 .promo-section .promo-content article .btn.outline:hover { background: #fff; color: #00a6cf; }

.fancybox-slide video { width: 80%; background-color: transparent; padding: 0; }


.page-template-page-homepage-2018 .how-it-works { position: relative; padding: 100px 0; z-index: 1; }
.page-template-page-homepage-2018 .how-it-works header { text-align: center; margin: 0 0 70px; }
.page-template-page-homepage-2018 .how-it-works .box { border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; width: 80%; min-width: 200px; margin: 0 auto; }
.page-template-page-homepage-2018 .how-it-works footer { max-width: 400px; padding: 0 3%; margin: 0 auto; display: block; }
.page-template-page-homepage-2018 .how-it-works article .btn { display: inline-block; margin: 0 10px; }
.page-template-page-homepage-2018 .how-it-works article .btn.outline { color: #ff8919; }
.page-template-page-homepage-2018 .how-it-works article .btn.outline:hover { background: #de720c; color: #fff; border-color: #de720c; }


/*********************
REVIEW (YOTPO)
*********************/
.yotpo-reviews { position: relative; margin: 0 0 80px; }
.yotpo-reviews header { text-align: center; margin: 0 60px; }
.yotpo-reviews .item { width: auto; background: rgba(245,245,245,.0); margin: 30px 30px; outline: none; /* border-radius: 12px; -webkit-border-radius: 12px; */     box-shadow: rgba(0, 0, 0, .1) 1px 3px 20px; }
.yotpo-reviews .item .wrapper { padding: 30px; }
.yotpo-reviews .item .title { font-weight: 700; }
.yotpo-reviews .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
	.yotpo-reviews .slick-slide {
		height: auto;
		
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		}
.reviews-footer { text-align: center; margin: 0 auto; margin-top:50px}		
.slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 900; border-radius: 50%; -webkit-border-radius: 50%; width: 34px; height: 34px; background: #eee; text-align: center; 
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	color: #fff; 
	transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: 0.2s all; -ms-transition: all 0.2s;
	cursor: pointer; 
	}
.slick-arrow.slick-prev { position: absolute; left: 10px; }
.slick-arrow.slick-next { right: 10px;}
.slick-arrow:hover { background: #ff8919; }






.page-template-page-homepage-2018 .adventure-section { position: relative; background: #8de0f5 url('../mountain-whole.html') no-repeat center bottom; background-size: 100%;  }
.page-template-page-homepage-2018 .adventure-section .grid { position: relative; padding: 40px 0 70px;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
	.page-template-page-homepage-2018 .adventure-section .grid .header-content { padding: 0 0 0 40px; }


.page-template-page-homepage-2018 .social-buzz { position: relative; padding: 100px 0 0; margin-bottom: 80px; }
.page-template-page-homepage-2018 .social-buzz header { text-align: center; }


.page-template-page-homepage-2018 .country-repeater { position: relative; padding: 20px 0 0; background: #229ad6; }
.page-template-page-homepage-2018 .country-repeater .holiday {background: #000000;}
.page-template-page-homepage-2018 .country-repeater .grid { position: relative;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap; 
	flex-flow: row nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start; 
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	}
.page-template-page-homepage-2018 .country-repeater .grid .feature-country,
.page-template-page-homepage-2018 .country-repeater .grid .header-content { width: 50%; }	
.page-template-page-homepage-2018 .country-repeater .grid .header-content { padding: 0 0 0 80px; }
.page-template-page-homepage-2018 .country-repeater .grid .header-content h2,
.page-template-page-homepage-2018 .country-repeater .grid .header-content h1,
.page-template-page-homepage-2018 .country-repeater .grid .header-content p { color: #fff; }


/* ORBIT SLIDER (BOX OPENING) */
.orbit-next, 
.orbit-previous { z-index: 10000 !important; }
.customer-carousel .orbit-bullets { 
	position: absolute; bottom: 15px; left: calc(50% + 80px); 
	}
.customer-carousel .orbit-bullets button { 
	width: 16px; height: 16px; cursor: pointer; 
	margin: 8px;
	background: transparent; border: 1px solid #fff; 
	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: 0.3s all; -ms-transition: all 0.3s; 
	border-radius: 50%; 
	}
.customer-carousel .orbit-bullets button:hover { background: rgba(255,255,255,.5); }	
.customer-carousel .orbit-bullets button.is-active { background: #fff; }

.promo-section .promo-content { 
	-webkit-animation: fadeInContent ease-in-out 1; 
	-moz-animation: fadeInContent ease-in-out 1; 
	animation: fadeInContent ease-in-out 1; 
	-webkit-animation-delay: 0.1s; 
	animation-delay: 0.1s; 
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 0; 
	will-change: transform;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-moz-transform: translateZ(0);
	}
	@keyframes fadeInContent {
			0% { opacity: 0; }
			
			100% { opacity: 1; }
		}
	@-webkit-keyframes fadeInContent {
			0% { opacity: 0; }
			
			100% { opacity: 1; }
		}	
/*
.is-active .promo-section .video-screenshot img { 
	-webkit-animation: slideInContent ease-in-out 1; 
	-moz-animation: slideInContent ease-in-out 1; 
	animation: slideInContent ease-in-out 1; 
	-webkit-animation-delay: 0.0s; 
	animation-delay: 0.0s; 
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	opacity: 1; 
	will-change: transform;
	transform: translateZ(0) translate(-54%,-50%);
	-webkit-transform: translateZ(0) translate(-54%,-50%);
	-ms-transform: translateZ(0) translate(-54%,-50%);
	-moz-transform: translateZ(0) translate(-54%,-50%);
	
	}	
	@keyframes slideInContent {
			0% { 
				transform: translateZ(0) translate(-54%,-50%);
				-webkit-transform: translateZ(0) translate(-54%,-50%);
				-ms-transform: translateZ(0) translate(-54%,-50%);
				-moz-transform: translateZ(0) translate(-54%,-50%);
				}
			
			100% { 
				transform: translateZ(0) translate(-50%,-50%);
				-webkit-transform: translateZ(0) translate(-50%,-50%);
				-ms-transform: translateZ(0) translate(-50%,-50%);
				-moz-transform: translateZ(0) translate(-50%,-50%);
				}
		}
*/	
		
@media screen and (min-width:1700px) {
		.is-active .promo-section .video-screenshot img {
			-webkit-animation: none; 
			-moz-animation: none; 
			animation: none;
			transform: translateZ(0) translate(-50%,-50%);
			-webkit-transform: translateZ(0) -webkit-translate(-50%,-50%);
			-webkit-transform: translateZ(0) translate(-50%,-50%);
			-ms-transform: translateZ(0) translate(-50%,-50%);
			-moz-transform: translateZ(0) translate(-50%,-50%);
			}
		
}

@media screen and (min-width:1920px) {
	.page-template-page-homepage-2018 .promo-section .video-screenshot img { max-width: none; width: 100%; height: auto; }
}
		
		

/*********************
RESPONSIVE
*********************/

.box-animation .box-static { 
display: none !important;
}
/* STATIC BOX STUFF */
@media screen and (min-width: 751px){
		.page-template-page-homepage-2018 .home .inside-box { height: auto; }
		.page-template-page-homepage-2018 .inside-box .box-animation { top: auto; }
		.page-template-page-homepage-2018 .box-animation .hero-box.sequence { display: none !important; }
		.page-template-page-homepage-2018 .box-animation .hero-box-static { display: block; margin-bottom: 30px; margin-top: -20px; position: relative; z-index: 900;  }
}



#bgvid.mobile-vid {display: none; }
#bgvid.desktop-vid { display: block; }

@media screen and (min-width: 641px) and (max-width: 1270px) {
		.page-template-page-homepage-2018 .box-animation .hero-box.sequence {  display: none !important; margin: 0; }
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
		
		.page-template-page-homepage-2018 #bgvid { width: 120vw; }
		
}


@media screen and (max-width: 750px) {
	.mobile-only { display: block; }
	
	#bgvid.mobile-vid {display: block; }
	#bgvid.desktop-vid { display: none; }
	
	.page-template-page-homepage-2018 .mobile-ad-crate { display: none; width: 100%; margin: 0 auto; }
	
	.page-template-page-homepage-2018 .box-animation .hero-box.sequence.mobile { background: url('../mobile-box-%402x.html') no-repeat center; background-size: 100%; }
	
	#content #inner-content { padding: 0 8%; }
	
		.page-template-page-homepage-2018 #bgvid { bottom: 0; }
		.hero-video { 
			height: auto;
			background: #4cc0de; 
			min-height: 400px; 
			}
		.hero-video .video-headline { 
			top: 0; left: 50%;
			transform: translate(-50%,0);
			-webkit-transform: translate(-50%,0);
			width: auto;
			padding: 50px 0; 
			max-width: none; 
			position: absolute; 
			width: 100%;
			padding-left: 10px; 
			padding-right: 10px; 
			}
		
		.page-template-page-homepage-2018 .promo-section .video-screenshot img {
			height: auto; width: 100%;
			max-width: 100%; 
			}
			
		.promo-section{
		margin-bottom: 75px;
		}
		
		.hero-video .video-headline { text-align: center; }
		.hero-video .video-headline h1 { text-align: center; }
		.hero-video .video-headline .subhead {  display: none;}
		.hero-video .video-headline .btn { display: inline-block; margin: 0 auto 0; text-align: center; min-width: 200px; margin-top: 140px; }
		
		.page-template-page-homepage-2018 .inside.alt { padding: 10px 0 40px; }
		
		.page-template-page-homepage-2018 .video-headline .play-button {
			width: 60px; height: 60px; background: transparent; border: 3px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: 0.4s all; -ms-transition: all 0.4s;  z-index: 120; margin: 0 auto 30px; display: block; }
			.page-template-page-homepage-2018 .video-headline .play-button:hover { background: #ff8919; border-color: #ff8919; }
			.page-template-page-homepage-2018 .video-headline .play-button .icon.play { background: url('../icon-play.html') no-repeat center; width: 34px; height: 34px; display: block; margin: 10px auto 0; left: 2px; position: relative; }
		
		
		/* WHATS INSIDE */	
		.page-template-page-homepage-2018 .home .inside-box { height: auto; }	
/* 		.page-template-page-homepage-2018 .box-animation { top: 0; } */
		.page-template-page-homepage-2018 .inside-box .box-animation { top: 0; }
		.page-template-page-homepage-2018 .box-animation .hero-box.sequence.mobile { width: 150vw; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); left: 50%; position: relative; margin: -50px auto 0; height: 400px; }
		
		.home .inside-box .box-animation img.hero-box-static {
			width: 150vw; margin: 0 auto;
			position: relative; 
			left: 50%; 
			transform: translate(-50%,0); -webkit-transform: translate(-50%,0);
			margin-top: -4px;
			}
		
		.yotpo-reviews header { margin: 0 auto; }
		
		
		.page-template-page-homepage-2018 .promo-section .video-screenshot {
			height: 300px; 
			position: relative;
			top: auto; left: auto;
			width: 100%; 
			}
		.page-template-page-homepage-2018 .promo-section .promo-content {
			margin: 0; 
			min-height: auto;
			padding: 60px 0 40px; 
			}	
			.customer-carousel .orbit-bullets { display: none; }
			.page-template-page-homepage-2018 .oribt-container .promo-section .promo-content { min-height: 450px; }
		.page-template-page-homepage-2018 .promo-section .promo-content article {
			padding: 0;
			top: auto;
			position: relative;  text-align: center; 
			transform: translate(0,0);
			-webkit-transform: translate(0,0);
			}
			


		/*** COUNTRY CRATE ***/
		.page-template-page-homepage-2018 .country-repeater .grid {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}	
			.page-template-page-homepage-2018 .country-repeater .grid .feature-country, 
			.page-template-page-homepage-2018 .country-repeater .grid .header-content { width: 100%; }
			.page-template-page-homepage-2018 .country-repeater .grid .feature-country { margin: 30px auto; }
			.page-template-page-homepage-2018 .country-repeater .grid .header-content { 
				padding: 0; 
				text-align: center; 
				}
			.page-template-page-homepage-2018 .country-repeater .grid .header-content .btn { margin: 40px auto; }
			
		.page-template-page-homepage-2018 .customer-carousel .content-container { min-height: 400px; }
		
		/*** ADVENTURE TICKET ***/
		.page-template-page-homepage-2018 .adventure-section .grid {
			-webkit-flex-flow: column nowrap;
			-moz-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
			}
			.page-template-page-homepage-2018 .adventure-section .grid .header-content { 
				padding: 0; margin: 40px auto;
				text-align: center; 
				}	
		
}

@media screen and (max-width: 500px) {
	.page-template-page-homepage-2018 .promo-section .video-screenshot img {
		height: 100%; width: auto;
		max-width: none; 
		}
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (-webkit-min-device-pixel-ratio : 3) {
			.hero-video .video-headline .btn { margin-top: 350px; }
	}
}