/*********************
ADVENTURE TICKET (added by Tim)
*********************/
.page-id-975 .row {
	max-width: 1400px;
	position: relative;
}
.page-id-975 #inner-footer.row {
	max-width: 75rem;
}
.page-id-975 h1, .page-id-975 h2 {
	text-transform:  none !important;
}
.side_nav {
	border-left: 1px solid #fff;
	display: none;
	height: 700px;
	left: 15px;
	position: fixed;
	top: 0;
	width: 10px;
	z-index: 100000000000000000000;
}
.side_nav ul {
	height: 700px;
	list-style: none;
	margin: 89px 0 0 0;
	padding: 0; 
}
.side_nav ul > li:first-child {
	margin-top: 85px;
}
.side_nav ul > li {
	height: 70px;
}
.side_nav .white_dot {
	background: #fff;
	border-radius: 100%;
	display: block;
	height: 5px;
	margin-left: -3px;
	width: 5px;
}
.side_nav .white_dot.large {
	background: #fff;
	border-radius: 100%;
	display: block;
	height: 10px;
	margin-left: -5px;
	width: 10px;
}
#at_intro {
	background: #ffcf50;
	float: left;
	height: 695px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#at_intro .blue_box {
	background: #6acfe6;
	bottom: 0;
	height: 205px;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
/*
#at_intro .show_video {
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1000000000000;
}
*/
#at_intro #big_box {
	float: left;
	margin-top: -60px;
/* 	max-width: 70%; */
	position: relative;
	z-index: 100000;
}
#at_intro #big_box .balloon {
	left: 250px;
	position: absolute;
	top: 90px;
	z-index: 1000000000000;
	-webkit-animation: balloon 4s 0.1s infinite linear;
	-moz-animation: balloon 4s 0.1s infinite linear;
	-ms-animation: balloon 4s 0.1s infinite linear;
	animation: balloon 4s 0.1s infinite linear;
}
@-webkit-keyframes balloon {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); 
    }
}
@-ms-keyframes balloon {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); 
    }
}
@-moz-keyframes balloon {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); 
    }
}
@keyframes balloon {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); 
    }
}
#at_intro #big_box .empty_box {
	margin: 45px 0 0 -106px;
	position: relative;
	z-index: 1000000;
}
#at_intro #big_box .candy_back {
	left: 30px;
	position: absolute;
	top: 130px;
	z-index: 10000000;
}
#at_intro #big_box .candy_front {
	left: 80px;
	position: absolute;
	top: 230px;
	z-index: 1000000000;
}
/*
#at_intro #big_box .box_front {
	left: 140px;
	position: absolute;
	bottom: 113px;
	z-index: 1000000000;
}
*/
#at_intro #intro_copy {
	margin: 18% 0 0 0;
	max-width: 50%;
	position: absolute;
	right: 0%;
	text-align: center;
	width: 100%;
	z-index: 1000000000000;
}
#at_intro #intro_copy h1 {
	font-size: 40px; 
	line-height: 1.1;
	margin: 0 auto 6px auto;
	max-width: 72%;
	text-transform: uppercase;
	letter-spacing: 0.06em; 
}
#at_intro #intro_copy p {	
	font-size: 20px;
    line-height: 1.3;
    margin: 0 0 25px 0;
    }
#at_intro #intro_copy p.script { 
	font-size: 24px; color: #fff; 
	}
#at_intro #intro_copy img {
	outline: none;
	-webkit-transform: scale(1.2,1.2); 
	-ms-transform: scale(1.2,1.2); 
	-moz-transform: scale(1.2,1.2); 
	transform: scale(1.2,1.2);
}
#at_intro .scroll_down {
	bottom: 60px;
	margin: auto;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 100000000000000;
}

#at_intro .cloud1 { background: url('../cloud100.html') no-repeat; position: absolute; width: 100px; height: 78px; background-size: contain; z-index: 10000; }
#at_intro .cloud2 { background: url('../cloud81.html') no-repeat; position: absolute; width: 81px; height: 36px;  background-size: contain; z-index: 10000; }
#at_intro .plane { background: url('../airplane.html') no-repeat; position: absolute; width: 107px; height: 34px;  background-size: contain; z-index: 10000; }

.paper_airplane {
	-webkit-animation: airplane 7s steps(75) infinite;
	-moz-animation: airplane 7s steps(75) infinite;
	-ms-animation: airplane 7s steps(75) infinite;
	animation: airplane 7s steps(75) infinite;
 	background: url('../paper-airplane.html') no-repeat;
	display: block; 
	height: 1200px;
	left: 0; 
	position: absolute;
	top: -200px;
	width: 1200px;
}


	

@-webkit-keyframes airplane {
	20% {background-position: 0; z-index: 100000000;}
	40% {z-index: 1000000000;}
   	100% {background-position: -90000px; z-index: 100000000000000;}
}

@-ms-keyframes airplane {
	20% {background-position: 0;}
   	40% {z-index: 1000000000;}
   	100% {background-position: -90000px; z-index: 100000000000000;}
}

@-moz-keyframes airplane {
	20% {background-position: 0;}
   	40% {z-index: 1000000000;}
   	100% {background-position: -90000px; z-index: 100000000000000;}
}

@keyframes airplane {
	20% {background-position: 0; z-index: 100000000;}
   	40% {z-index: 1000000000;}
   	100% {background-position: -90000px; z-index: 100000000000000;}
}


@-moz-document url-prefix()  {
	.paper_airplane {
		animation: none;
		background: url('../firefox-plane.html') no-repeat;
		height: 152px;
	    left: 210px;
	    position: absolute;
	    top: 270px;
	    width: 327px;
	    z-index: 10000000;
	}
}

#at_intro .scene, #at_intro .layer {
	display: block;
/* 	height: 100%; */
	padding: 0;
	margin: 0 0 100px 0;
	width: 200%;
}

#at_intro .scene {
	bottom: 0;
	position: absolute; 
	z-index: 0;
}
  
.layer {
	position: absolute;
}
.layer div {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; 
}
.mountain {
	position: absolute;
	width: 300%;
	left: -10%; 
}
.mountain:after {
    position: absolute;
    display: block;
    content: "";
    top: 100%;
    left: 0; 
}
.mountain.front {
    background: url('../mountain-front.html') repeat-x; 
    height: 250px;
    width: 5000px !important;
 }
.mountain.middle {
    background: url('../mountain-middle.html') repeat-x;
    height: 399px;
	width: 5000px !important;
}
.mountain.back {
    background: url('../mountain-back.html') repeat-x; 
    height: 468px;
    width: 5000px !important;
}     
.mountain.depth-20 {
	-webkit-animation: mountain 3s 0.1s infinite linear;
	-moz-animation: mountain 3s 0.1s infinite linear;
	animation: mountain 3s 0.1s infinite linear;
	bottom: 30%;
	margin: 0;
	background-position: center bottom;
	background-size: auto 100%;
}	    
.mountain.depth-30 {
	-webkit-animation: mountain 3s 0.1s infinite linear;
	-moz-animation: mountain 3.5s 0.1s infinite linear;
	animation: mountain 3.5s 0.1s infinite linear;
	bottom: 25%;
	margin: 0;
	background-position: center bottom;
	background-size: auto 100%;
}
.mountain.depth-40 {
	-webkit-animation: mountain 2s 0.1s infinite linear;
	-moz-animation: mountain 2s 0.1s infinite linear;
	animation: mountain 2s 0.1s infinite linear;
	bottom: 40%;
	margin: 0;
	background-position: center bottom;
	background-size: auto 100%;
}

.gold_map {
	-webkit-animation: goldmap 10s steps(46) infinite;
	-moz-animation: goldmap 10s steps(46) infinite;
	-ms-animation: goldmap 10s steps(46) infinite;
	animation: goldmap 10s steps(46) infinite;
	background: url('../gold_map_rev3.html') no-repeat;
	display: block; 
	height: 1040px;
	right: 0; 
	position: absolute;
	top: -100px;
	width: 1200px;
	z-index: 10000000;
}

@-webkit-keyframes goldmap {
	50% {background-position: 0;}
   	100% {background-position: -53360px;}
}
@-ms-keyframes goldmap {
	50% {background-position: 0;}
   	100% {background-position: -53360px;}
}
@-moz-keyframes goldmap {
	50% {background-position: 0;}
   	100% {background-position: -53360px;}
}

@keyframes goldmap {
	50% {background-position: 0;}
   	100% {background-position: -53360px;}
}


#at_enter {
	border-bottom: 50px solid #ff9e19;
	float: left;
	min-height: 575px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#at_enter #enter_copy {
	margin: 10% 0 1% 5%;
	max-width: 40%;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 100;
}
#at_enter h2 {
	font-family: 'Ridley Grotesk';
	font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
}
#at_enter p {
	font-family: 'Ridley Grotesk';
	font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    margin: 0 auto;
    max-width: 80%;
}
#at_enter .mdash {
	font-family:'Ridley Grotesk';
	font-weight: 500;
	color: #ff9e19;
	font-size: 60px;
	line-height: 20px;
	margin-bottom: 27px;
}
#at_enter .goldmap {
	float: right;
	margin: 5% 5% 5% 0;
}

#at_enter .at_snacks {
	margin: 0 0 -130px 44px; 
	position: relative;
	-moz-transition: all .2s;-ms-transition: all .2s;-webkit-transition: all .2s;transition: all .2s;
}
#at_enter .cloud3 { background: url('../cloud124.html') no-repeat; position: absolute; width: 100px; height: 78px; background-size: contain; z-index: 10000; }
#at_enter .cloud4 { background: url('../cloud81.html') no-repeat; position: absolute; width: 81px; height: 36px;  background-size: contain; z-index: 10000; }

.eiffel_tower {
	-webkit-animation: tower 10s steps(183) infinite;
	-moz-animation: tower 10s steps(183) infinite;
	-ms-animation: tower 10s steps(183) infinite;
	animation: tower 10s steps(183) infinite;
	background: url('../tower.html') no-repeat;
	display: block; 
	height: 755px;
	left: 120px; 
	position: absolute;
	top: -50px;
	width: 700px;
	z-index: 10000000;

}


@-webkit-keyframes tower {
	20% {background-position: 0;}
   	100% {background-position: -129381px;}
}
@-ms-keyframes tower {
	20% {background-position: 0;}
   	100% {background-position: -129381px;}
}
@-moz-keyframes tower {
	20% {background-position: 0;}
   	100% {background-position: -129381px;}
}

@keyframes tower {
	20% {background-position: 0;}
   	100% {background-position: -129381px;}
}

@-moz-document url-prefix()  {
	.eiffel_tower {
		animation: none;
		background: url('../firefox-tower.html') no-repeat;
		height: 433px;
	    left: 110px;
	    position: absolute;
	    top: 100px;
	    width: 435px;
	    z-index: 10000000;
	}
}

#at_where .cloud5 { 
	background: url('../cloud124.html') no-repeat; 
	position: absolute; 
	display: none;
	width: 100px; 
	height: 78px; 
	background-size: contain; 
	margin: 15px 0 0 -50px;
	transform: scale(1.5,1.5);
	z-index: 1000000000; 
}
#at_where {
	background: #64c9e5;
	float: left;
	min-height: 670px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#at_where #where_copy {
	margin: 8% 12% 1% auto;
	max-width: 45%;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 100;
}
#at_where h2 {
	font-family: 'Ridley Grotesk';
	font-weight: 700;
    font-size: 40px;
    line-height: 1.3;
}
#at_where p {
	font-family: 'Ridley Grotesk';
	font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin: 0 auto;
    max-width: 80%;
}
#at_where .mdash {
	font-family:'Ridley Grotesk';
	font-weight: 500;
	color: #ff9e19;
	font-size: 60px;
	line-height: 20px;
	margin-bottom: 27px;
}
#at_where .at_balloon {
	position: absolute;
	right: 48px;
	top: 15%;
	z-index: 100000;
	-webkit-animation: balloon 4s 0.1s infinite linear;
	-moz-animation: balloon 4s 0.1s infinite linear;
	-ms-animation: balloon 4s 0.1s infinite linear;
	animation: balloon 4s 0.1s infinite linear;
}

#at_where .layer {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
}

#at_where #waves {
	bottom: -50px;
	left: -5%;
	position: absolute; 
}

#at_where #waves li:nth-child(1) {
	z-index: 100 !important;
}
#at_where #waves li:nth-child(2) {
	z-index: 200 !important;
}
#at_where #waves li:nth-child(3) {
	z-index: 300 !important;
}
#at_where #waves li:nth-child(4) {
	z-index: 400 !important;
}
#at_where #waves li:nth-child(5) {
	z-index: 500 !important;
}

#at_where .waves {
	position: absolute; 
}

.waves.one {
    background: url('../wave1.html') repeat-x; 
    height: 311px !important;
    width: 3000px !important;
 }
.waves.two {
    background: url('../wave2.html') repeat-x;
    height: 343px !important;
    width: 3000px !important;
}
.waves.three {
    background: url('../wave3.html') repeat-x; 
    height: 511px !important;
    width: 3000px !important;
} 
.waves.four {
    background: url('../wave4.html') repeat-x; 
    height: 549px !important;
    width: 3000px !important;
} 
 
.waves.depth-20 {
	-webkit-animation: waves 6s 0.1s infinite linear;
	-moz-animation: waves 6s 0.1s infinite linear;
	animation: waves 6s 0.1s infinite linear;
	bottom: -60px;
	margin: 0;
	background-position: 0 0;
	background-size: auto 101%;
}

.waves.depth-30 {
  	-webkit-animation: waves 5.5s 0.1s infinite linear;
  	-moz-animation: waves 5.5s 0.1s infinite linear;
  	animation: waves 5.5s 0.1s infinite linear;
  	bottom: 40px;
  	margin: 0;
  	background-position: 0 0;
  	background-size: auto 101%;
}

.waves.depth-40 {
	-webkit-animation: waves 5s 0.1s infinite linear;
	-moz-animation: waves 5s 0.1s infinite linear;
	animation: waves 5s 0.1s infinite linear;
	bottom: -50px;
	margin: 0;
	background-position: 0 0;
	background-size: auto 101%;
}

.waves.depth-50 {
	-webkit-animation: waves 4s 0.1s infinite linear;
	-moz-animation: waves 4s 0.1s infinite linear;
	animation: waves 4s 0.1s infinite linear;
	bottom: -70px;
	margin: 0;
	background-position: 0 0;
	background-size: auto 101%;
}

   

@-webkit-keyframes waves {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); } 
}
@-moz-keyframes waves {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); } 
}
@-ms-keyframes waves {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); } 
}

@keyframes waves {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0,5%,0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0,5%,0) rotateZ(-360deg); } 
}
    
/*
#at_where #boat {
	bottom: 0;
	left: 0;
	min-height: 460px;
	position: relative; 
}
*/

#at_where .layer.boat {
	height: 160px;
    width: 318px;
	top: -360px !important;
	margin: 0 auto;
}

.dinghy {
    background: url('../dinghy.html') no-repeat; 
    height: 160px !important;
    width: 318px !important;
} 

.dinghy.depth-30 {
  -webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: dinghy 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: dinghy 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: dinghy 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0 230%;
  background-position: right bottom;
  background-size: 318px 160px;
}

@-webkit-keyframes dinghy {
  0% {
    -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
    -moz-transform: translate3d(15%,0,0) rotateZ(10deg);
    transform: translate3d(15%,0,0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    transform: translate3d(-15%,0,0) rotateZ(-10deg); } 
}
@-moz-keyframes dinghy {
  0% {
    -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
    -moz-transform: translate3d(15%,0,0) rotateZ(10deg);
    transform: translate3d(15%,0,0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    transform: translate3d(-15%,0,0) rotateZ(-10deg); } 
}
@-ms-keyframes dinghy {
  0% {
    -webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
    -moz-transform: translate3d(15%,0,0) rotateZ(10deg);
    transform: translate3d(15%,0,0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
    transform: translate3d(-15%,0,0) rotateZ(-10deg); } 
}
@keyframes dinghy {
  0% {
    -webkit-transform: translate3d(10%,0,0) rotateZ(10deg);
    -moz-transform: translate3d(10%,0,0) rotateZ(10deg);
    transform: translate3d(10%,0,0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-10%,0,0) rotateZ(-10deg);
    -moz-transform: translate3d(-10%,0,0) rotateZ(-10deg);
    transform: translate3d(-10%,0,0) rotateZ(-10deg); } 
}

#at_what {
	background: #fff;
	float: right;
	min-height: 730px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#at_what #what_copy {
	margin: 0 5% 8% auto;
	max-width: 45%;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 10000000;
}
#at_what h2 {
	color: #fff;
	font-family: 'Ridley Grotesk';
	font-weight: 700;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: 25px;
    text-transform: none;
}
#at_what p {
	color: #fff;
	font-family: 'Ridley Grotesk';
	font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin: 20px auto 47px auto;
}
#at_what .mdash {
	font-family:'Ridley Grotesk';
	font-weight: 500;
	color: #ff9e19;
	font-size: 60px;
	line-height: 20px;
	margin-bottom: 27px;
}
#at_what .gold_suitcase  {
	float: left; 
	margin: 100px 0 0 7%;
	max-width: 95%;
	position: relative;
	z-index: 1000000;
	-webkit-animation: suitcase 4s 0.1s infinite linear;
	-moz-animation: suitcase 4s 0.1s infinite linear;
	-ms-animation: suitcase 4s 0.1s infinite linear;
	animation: suitcase 4s 0.1s infinite linear;
}
@-webkit-keyframes suitcase {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg); 
    }
}
@-ms-keyframes suitcase {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg); 
    }
}
@-moz-keyframes suitcase {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg); 
    }
}
@keyframes suitcase {
  0% {
	    -webkit-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    -moz-transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg);
	    transform: rotateZ(0deg) translate3d(0,1%,0) rotateZ(0deg); }
  100% {
	    -webkit-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    -moz-transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg);
	    transform: rotateZ(360deg) translate3d(0,1%,0) rotateZ(-360deg); 
    }
}

.suit_case {
	-webkit-animation: suitcase 20s steps(43) infinite;
	-moz-animation: suitcase 20s steps(43) infinite;
	-ms-animation: suitcase 20s steps(43) infinite;
	animation: suitcase 20s steps(43) infinite;
	background: url('../suitcase.html') no-repeat;
	display: block; 
	height: 1200px;
	left: -300px; 
	position: absolute;
	top: -180px;
	width: 1200px;
	z-index: 10000000;
}

@-webkit-keyframes suitcase {
	50% {background-position: 0;}
   	100% {background-position: -516000px;}
}
@-ms-keyframes suitcase {
	50% {background-position: 0;}
   	100% {background-position: -516000px;}
}
@-moz-keyframes suitcase {
	50% {background-position: 0;}
   	100% {background-position: -516000px;}
}

@keyframes suitcase {
	50% {background-position: 0;}
   	100% {background-position: -516000px;}
}

#at_what .at_adventure {
	float: right; 
	margin: 100px auto 20px auto;
	position: relative;
	z-index: 1000000;
}
#at_what .scene, #at_what .layer {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	width: 200%;
}

#at_what .scene {
	bottom: 0;
	min-height: 460px;
	position: absolute; 
	z-index: 0;
}
#at_what .blue_box {
	background: #6acfe6;
	bottom: 0;
	height: 210px;
	position: absolute;
	width: 100%;
	z-index: 1000;
}
#at_what .white_box {
	background: #fff;
	bottom: 0;
	height: 50px;
	position: absolute;
	width: 100%;
	z-index: 10000000000;
}
#at_what #mountains {
	bottom: -50px;
}

#at_what #snack_waterfall {
	margin: 0 5%;
	z-index: 100000000;
}

.candy {
	-webkit-animation: candy 2s infinite linear;
	animation: candy 2s infinite linear;
}

.candy1 {
	-webkit-animation: candy 4s infinite linear;
	animation: candy 4s infinite linear;
}

.candy2 {
	-webkit-animation: candy 3s infinite linear;
	animation: candy 3s infinite linear;
}

.candy3 {
	-webkit-animation: candy 1.5s infinite linear;
	animation: candy 1.5s infinite linear;
}

.candy4 {
	-webkit-animation: candy 3.5s infinite linear;
	animation: candy 3.5s infinite linear;
}

.candy5 {
	-webkit-animation: candy 1s infinite linear;
	animation: candy 1s infinite linear;
}

.candy6 {
	-webkit-animation: candy 2.8s infinite linear;
	animation: candy 2.8s infinite linear;
}

.candy7 {
	-webkit-animation: candy 1.4s infinite linear;
	animation: candy 1.4s infinite linear;
}

.candy8 {
	-webkit-animation: candy 2.3s infinite linear;
	animation: candy 4.3s infinite linear;
}

.candy9 {
	-webkit-animation: candy 3.8s infinite linear;
	animation: candy 3.8s infinite linear;
}

.candy10 {
	-webkit-animation: candy 1.5s infinite linear;
	animation: candy 1.5s infinite linear;
}

.candy11 {
	-webkit-animation: candy 4.8s infinite linear;
	animation: candy 4.8s infinite linear;
}

.candy12 {
	-webkit-animation: candy 2.8s infinite linear;
	animation: candy 2.8s infinite linear;
}

.candy13 {
	-webkit-animation: candy 1.8s infinite linear;
	animation: candy 1.8s infinite linear;
}



@-webkit-keyframes candy {
	from {
		top: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	to { 
		top: 1024px;
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes candy {
	from {
		top: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	to { 
		top: 1024px;
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes candy {
	from {
		top: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	to { 
		top: 1024px;
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes candy {
	from {
		top: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	} 
	to { 
		top: 1024px;
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#at_what .at_snack1 {
	position: absolute;
	left: 58px;
	top: 38px;
	z-index: 10100000;
}
#at_what .at_snack2 {
	position: absolute;
	left: 78px;
	top: 231px;
	z-index: 10100000;
}
#at_what .at_snack3 {
	position: absolute;
	left: 47px;
	top: 400px;
	z-index: 10100000;
}
#at_what .at_snack4 {
	position: absolute;
	left: 226px;
	top: 57px;
	z-index: 10100000;
}
#at_what .at_snack5 {
	position: absolute;
	left: 234px;
	top: 597px;
	z-index: 10100000;
}
#at_what .at_snack6 {
	position: absolute;
	left: 309px;
	top: 180px;
	z-index: 10100000;
}
#at_what .at_snack7 {
	position: absolute;
	left: 519px;
	top: -5px;
	z-index: 10100000;
}
#at_what .at_snack8 {
	position: absolute;
	left: 509px;
	top: 450px;
	z-index: 10100000;
}
#at_what .at_snack9 {
	position: absolute;
	left: 720px;
	top: 601px;
	z-index: 10100000;
}
#at_what .at_snack10 {
	position: absolute;
	left: 815px;
	top: 60px;
	z-index: 10100000;
}
#at_what .at_snack11 {
	position: absolute;
	left: 1122px;
	top: -8px;
	z-index: 10100000;
}
#at_what .at_snack12 {
	position: absolute;
	left: 1129px;
	top: 352px;
	z-index: 10100000;
}
#at_what .at_snack13 {
	position: absolute;
	left: 1136px;
	top: 488px;
	z-index: 10100000;
}
.footer_snacks {  
    margin-top: -50px;
    position: relative;
    width: 100%;
    z-index: 10000;
}

@media screen and (min-width: 320px) and (max-width: 750px) {
/* 	.off-canvas-content {z-index: 99999999999999999;} */
	#at_intro {height: auto;}
	#at_intro #intro_copy {margin: 45px 0; max-width: 100%; position: relative;}
	#at_intro #intro_copy h1 {font-size: 30px; line-height: 1.1; max-width: 80%;}
	#at_intro #intro_copy img {max-width: 100%;}
	#at_intro #intro_copy .show_video {display: block; height: 100%; position: relative; width: 100%; z-index: 1000000000000000}
	#at_intro #intro_copy .empty_box {
		margin: -30px 0 0 -48px;
		max-width: 150%;
	}
	#at_intro #intro_copy .candy_back {
		left: 32px;
		position: absolute;
	    top: 125px;
	    max-width: 80%;
	}
	#at_intro #intro_copy .candy_front {
		left: 52px;
	    position: absolute;
	    top: 154px;
	    max-width: 63%;
	}

	#at_intro #intro_copy .balloon {
		left: 110px;
		max-width: 11%;
		position: absolute;
		top: 210px;
		z-index: 1000000000000;
		-webkit-animation: balloon 4s 0.1s infinite linear;
		-moz-animation: balloon 4s 0.1s infinite linear;
		-ms-animation: balloon 4s 0.1s infinite linear;
		animation: balloon 4s 0.1s infinite linear;
}
	#at_intro .scroll_down {bottom: 40px;}
	#at_intro .blue_box {height: 400px;}
	#at_intro .cloud1 {top: 235px !important;}
	#at_intro .cloud2 {right: 10px !important;}
	.paper_airplane {height: 1200px; left: -75%; top: -60%; -webkit-transform: scale(0.6,0.6); -ms-transform: scale(0.6,0.6); -moz-transform: scale(0.6,0.6); transform: scale(0.6,0.6);}

	#at_enter #enter_copy {margin: 100px 0 1% 5%; max-width: 90%;}
	#at_enter h2 { font-size: 30px; line-height: 36px;}
	#at_enter .at_snacks {margin: 0 0 -130px 0;}
	#at_enter .goldmap {margin: 15% 0;}
	
	#at_where #where_copy {margin: 60px auto 400px auto; max-width: 90%;}
	#at_where .at_balloon {
		height: 20%;
		right: 5px; 
		top: 25px; 
		-webkit-animation: balloon 4s 0.1s infinite linear;
		-moz-animation: balloon 4s 0.1s infinite linear;
		-ms-animation: balloon 4s 0.1s infinite linear;
		animation: balloon 4s 0.1s infinite linear;
	}
	#at_where .cloud5 {display: none;}
	#at_where h2 {font-size: 30px; line-height: 36px;}
	#at_where #waves {left: -15%;}
	.dinghy.depth-30 {margin: 0 25%;}
	.eiffel_tower {left: 0; position: relative;}
	
	#at_what { min-height: auto; }
	#at_what #what_copy {background: #6acfe6; margin: 0 auto 0 auto; max-width: 100%; padding: 1px 5%;}
	#at_what .at_adventure {float: none; max-width: 90%;}
	#at_what .gold_suitcase {float: none; margin: 0 auto; max-width: 80%; z-index: 100000000;}
	#at_what h2 {margin-top: 100px;}
	#at_what .blue_box {display: none;}
	#at_what .btn {font-size: 20px; padding: 15px 30px;}
	#at_what #mountains {bottom: 110px;}
	.mountain.depth-20, .mountain.depth-30 {bottom: 40%;}
	#at_what .white_box { display: none;} 
/* 	#at_what .footer_snacks.mobile {margin-top: 30px; position: relative; z-index: 100000000;} */

	
}

@media screen and (min-width: 751px) and (max-width: 1023px) { 
					
					#at_intro #big_box .candy_front { left: 0; transform: scale(.7); -webkit-transform: scale(.7); -ms-transform: scale(.7); -moz-transform: scale(.7); margin: -111px 0 0 -50px; }
					#at_intro #big_box .candy_back { left: 0; transform: scale(.7); -webkit-transform: scale(.7); -ms-transform: scale(.7); -moz-transform: scale(.7); margin: -96px 0 0 -144px;} 
			
			}