/* mini */
.loading { display: block; width: 100%; height: 100%; position: fixed; background-color: #012e4b; z-index: 99999; opacity: 1; -webkit-transition: all 500ms; -moz-transition: all 500ms; o-transition: all 500ms; transition: all 500ms; text-align: center; }
.loading .fa { position: relative; color: #ffffff; font-size: 100px; color: #038ae2; /*margin-top: 45vh;*/ margin-top: 40vh; }

	.block 				{ display: block; }
	.inline-block 		{ display: inline-block; }
	.uppercase 			{ text-transform: uppercase; }

	.relative 			{ position: relative; }
	.absolute 			{ position: absolute; }
	.fixed 				{ position: fixed; }
	
	.text-center 		{ text-align: center; }
	.text-right 		{ text-align: right; }
	.text-left 			{ text-align: left; }

	/*@media(max-width:767px){}*/
	/*@media(min-width:768px){}*/
	/*@media(min-width:992px){}*/
	/*@media(min-width:1200px){}*/

/* fonts */

	@font-face {
		font-family: 'cloudy';
		src: url('cloudy/cloudy-webfont.eot');
		src: url('cloudy/cloudy-webfont.eot?#iefix') format('embedded-opentype'),
			 url('cloudy/cloudy-webfont.woff2') format('woff2'),
			 url('cloudy/cloudy-webfont.woff') format('woff'),
			 url('cloudy/cloudy-webfont.ttf') format('truetype'),
			 url('cloudy/cloudy-webfont.svg#cloudy_with_a_chance_of_lovRg') format('svg');
		font-weight: bold;
		font-style: normal;
	}


	@font-face {
	    font-family: 'rounded';
	    src: url('rounded/rounded-webfont.eot');
	    src: url('rounded/rounded-webfont.eot?#iefix') format('embedded-opentype'),
	         url('rounded/rounded-webfont.woff2') format('woff2'),
	         url('rounded/rounded-webfont.woff') format('woff'),
	         url('rounded/rounded-webfont.ttf') format('truetype'),
	         url('rounded/rounded-webfont.svg#arial_rounded_mt_boldbold') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}


	.cloudy { font-family: 'cloudy'; color: #d5131b;
		-webkit-text-stroke-width: 0.05em; letter-spacing: -0.06em;
		-webkit-text-stroke-color: #001b2c; }

	.semibold 	{ font-weight: 600; }
	strong 		{ font-weight: 700; }

	.rounded { font-family: 'rounded'; font-weight: bold; }
	
ul, li 	{ list-style-type: none; padding: 0; margin: 0; }

a, a:hover, a:focus, a:visited, a:active { text-decoration: none; outline: none;  }
h1,h2,h3,h4,h5 				{ margin: 0; padding: 0; }

a { -webkit-transition: all 200ms; -moz-transition: all 200ms; o-transition: all 200ms; transition: all 200ms; }
body.still-loading 					{ overflow: hidden !important; }
body 								{ background-color: #012e4b; overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-size: 16px; }
/*@media screen and (min-width: 768px) and (max-width: 991px) {
	body 	{ font-size: 120%; }
}*/

@media screen and (min-width: 768px) {
	.container_custom { width: 1600px; margin: 0 auto; position: relative;}
}

.container_custom > section 	{ width: 100%; position: relative; background-repeat: no-repeat; background-size: cover; overflow-x: hidden;}


section.sky 		{ min-height: 1066px; background-image: url('../img/1_sky.jpg'); }
section.beach 		{ min-height: 1200px; background-image: url('../img/2_beach.jpg'); }
	
	.buy-now 		{ width: 254px; height: 86px; display: block; background-image: url('../img/buy_now.png'); background-repeat: no-repeat;  }

/* sky section */
	section.sky > img 	{ position: absolute; pointer-events: none; }
	
	.planets_1 				{ left: 288px; top: -5px; z-index: 130; }
	.comet_1 				{ left: 502px; top: 5px; z-index: 120; }
	.planet_3 				{ top: -5px; left: 800px; z-index: 100; }
	.tubetrain_1 			{ left: 990px; top: 18px; z-index: 190; }
	.clouds_left 			{ left: 0; top: 200px; z-index: 200; }
	.clouds_right 			{ left: 904px; top: 197px; z-index: 210 }
	.plane_1 				{ left: 206px; top: 242px; z-index: 220; }
	.ufo_1 					{ left: 1300px; top: 308px; z-index: 250; }

	.purple_planet 					{ top: -5px; left: 1197px; z-index: 195; }
	.stars 							{ top: 0; left: 0; z-index: 1; }

	.logo 							{ z-index: 300; top: 24px; left: 313px; } 

	.title_logo 						{ top: 370px; margin: 0 auto; left: 50%; margin-left: -375px; position: absolute; z-index: 500; }
	section.sky .improve 				{ color: #9d0000; text-align: center; font-size: 30px; line-height: 36px; margin-top: 16px; margin-bottom: 60px; }
	section.sky .scrolldown 			{ color: #2d84a3; font-size: 25px; line-height: 22px; }
	section.sky .scrolldown strong 		{ display: block; line-height: 1.1em; }
	section.sky > img 	{ position: absolute; }
		section.sky .scrolldown span 		{ font-size: 18px; color: #569eb9; text-transform: none; }


	.follow 		{ z-index: 1000; right: 0 !important; left: auto !important; top: 310px;  -webkit-transition: all 200ms; -moz-transition: all 200ms; o-transition: all 200ms; transition: all 200ms; /*margin-top: 300px;*/}
	.follow li		{ background-color: #012e4b; overflow: hidden; }
	.follow a 		{ color: #038ae2; display: block; text-align: center; width: 96px; border-bottom: 1px solid #000e18; border-top: 1px solid #014977; font-size: 18px;
					text-shadow: 1px 1px 1px rgba(0,0,0,0.4); font-weight: 800; height: 58px; -webkit-transition: all 300ms; -moz-transition: all 300ms; o-transition: all 300ms; transition: all 300ms;}
	.follow a span 	{ font-size: 24px; display: block; }
	.follow li:first-child 		{ border-top-left-radius: 20px; line-height: 58px; }
	.follow li:first-child a 		{ border-top: none !important; }

	.follow li.apps a			{ line-height: 58px;  }
	.follow li.spanning a 		{ line-height: 19px; padding-top: 8px; }
	.follow li:last-child 		{ border-bottom-left-radius: 20px; }
	.follow li:last-child a 		{ border-bottom-left-radius: 20px; height: 70px; padding-top: 12px; background-color: #ff0000; color: #fff !important; border-bottom: none !important; }

	.follow a:hover { color: #ffffff; }
/* beach section */
.overview_title 					{ left: 635px; top: 15px; }
		#level_A1 .videos_1 				{ left: 93px; top: 221px; display: block; }
		#level_A1 .activities_1 			{ left: 334px; top: 130px; display: block; }
		#level_A1 .skills_1 				{ left: 565px; top: 137px; display: block; }
		#level_A1 .rewards_1 			{ left: 300px; top: 299px; display: block; }
		#level_A1 .storybooks_1 			{ left: 1060px; top: 309px; display: block; }
		#level_A1 .dashboard_1 			{ left: 1310px; top: 356px; display: block; }
		#level_A1 .supplemental_1 		{ left: 1178px; top: 104px; display: block; }


		#level_A1 .info[data-source="videos_1"] 				{ left: 130px; top: 94px; width: 1350px; }
			#level_A1 .info[data-source="videos_1"] p			{ width: 198px; margin-right: 20px; float: left; }

		#level_A1 .info[data-source="activities_1"] 			{ width: 1060px; top: 94px; left: 301px; }
			#level_A1 .info[data-source="activities_1"] p			{ width: 270px; margin-right: 44px; float: left; }
			#level_A1 .info[data-source="activities_1"] img			{ position: relative; margin-top: -52px; }

		#level_A1 .info[data-source="skills_1"]					{ left: 695px; top: 210px; }

		#level_A1 .info[data-source="rewards_1"] 				{ left: 600px; top: 160px; width: 886px; height: 485px; }
			#level_A1 .info[data-source="rewards_1"] p			{ width: 244px; }
			#level_A1 .info[data-source="rewards_1"] img		{ position: absolute; top: 32px; left: 38px; }

		#level_A1 .info[data-source="storybooks_1"] 			{ left: 450px; width: 920px; top: 94px; }
			#level_A1 .info[data-source="storybooks_1"] p			{ width: 245px; margin-right: 16px; float: left; }
			#level_A1 .info[data-source="storybooks_1"] img			{ position: relative; margin-top: -50px; }

		#level_A1 .info[data-source="dashboard_1"] 				{ width: 880px; left: 480px; top: 120px; }
			#level_A1 .info[data-source="dashboard_1"] p			{ width: 232px; margin-right: 16px; float: left; }
			#level_A1 .info[data-source="dashboard_1"] img			{ position: relative; margin-top: -50px; }

		#level_A1 .info[data-source="supplemental_1"] 			{ left: 450px; width: 920px; top: 94px;  }
			#level_A1 .info[data-source="supplemental_1"] p			{ width: 236px; margin-right: 16px; float: left; }
			#level_A1 .info[data-source="supplemental_1"] img		{ position: relative; margin-top: -84px; }
		


		/* hover info section */
			section .rayed 			{ position: absolute; display: block; cursor: pointer; z-index: 100; }
			section .rayed img			{ display: block; }
			.info h2 { font-size: 30px; font-weight: 700; margin-bottom: 23px; }
			.info { pointer-events: none; opacity: 0; background-color: rgba(0,27,44,0.8); width: 293px; position: absolute; top: 0; color: #ffffff; font-size: 14px; padding: 34px 38px; padding-bottom: 42px; border-radius: 24px;
				-webkit-transition: all 400ms; -moz-transition: all 400ms; o-transition: all 400ms; transition: all 400ms; margin-left: -10px; margin-top: -10px;  z-index: 1000; /* 400 */}
			.info.isactive { opacity: 1; margin: 0; pointer-events: auto; }
			
			.info strong 	{ font-weight: 800; font-style: italic; }

			.hidden-info 		{ opacity: 0; margin-left: -10px; margin-top: -10px; }

			.info .fa-close 	{ position: absolute; right: 18px; top: 16px; color: #ffffff; font-size: 20px;
								-webkit-transition: all 250ms; -moz-transition: all 250ms; o-transition: all 250ms; transition: all 250ms; }
			.info .fa-close:hover 	{ cursor: pointer; color: #efefef; }

/* carnival section */
	section.carnival 				{ height: 2560px; }
		.carnival_fun .buy-now 			{ left: 161px; top: 599px; }
		.plants_3 					{ top: -100px;left: 0; }
		.hill_3 					{ left: 0; }
		.bush_3 					{ left: 0; }

		.carnival_fun_info 			{ width: 460px; height: 179px; left: 590px; top: 260px; }

			.carnival_fun .videos_2 		{ width: 630px; height: 410px; top: 1279px; left: 90px; }
			.carnival_fun .activities_2 	{ width: 600px; height: 210px; top: 1000px; left: 460px; }
			.carnival_fun .skills_2 		{ width: 480px; height: 370px; top: 598px; left: 930px; }
			.carnival_fun .resources_2 		{ width: 510px; height: 300px; top: 1211px; left: 1000px; }


			.info li 		{ padding-left: 30px; position: relative; }
			.info li:before	{ content: "\2022"; position: absolute; left: 18px;	font-size: 16px;  }
	
				.carnival_fun .info[data-source="carnival_fun_info"] 			{ width: 464px; left: 580px; top: 460px; }

				.carnival_fun .info[data-source="videos_2"] 					{ left: 350px; top: 1010px; width: 950px; }

				.carnival_fun .info[data-source="activities_2"] 				{ left: 300px; top: 850px; width: 1110px; }

				.carnival_fun .info[data-source="skills_2"] 					{ left: 1010px; top: 560px; width: 310px; }

				.carnival_fun .info[data-source="resources_2"] 			 		{ left: 860px; top: 1250px; width: 625px; }


	.quick_bg						{ height: 8015px; background-image: url('../img/bg_quick.jpg'); background-repeat: no-repeat; margin-top: -461px; overflow-y: hidden;}
		.carnival_fun 				{ height: 1714px; position: relative; }
/* section park planet */
		.park_planet 				{ height: 1841px; position: relative; }
			.park_planet_logo 			{ left: 660px; top: 48px; }
			.park_planet_info2 			{ width: 384px; height: 164px; left: 660px; top: 48px; cursor: pointer; }
			

				.info[data-source="park_planet_info2"]		{ width: 464px; left: 610px; top: 238px; }

			.park_planet .videos_3 		{ width: 389px; height: 350px; top: 218px; left: 590px;}
			.park_planet .activities_3 	{ width: 430px; height: 440px; top: 1020px; left: 780px;}
			.park_planet .skills_3 		{ width: 480px; height: 370px; top: 1509px; left: 90px;}
			.park_planet .features_3 		{ width: 410px; height: 260px; top: 1248px; left: 300px;}

			.park_planet .info[data-source="videos_3"]				{ left: 136px; top: 250px; width: 935px; }
			.park_planet .info[data-source="activities_3"]			{ left: 270px; top: 990px; width: 1110px; }
		
			.park_planet .info[data-source="skills_3"]				{ left: 620px; top: 1350px; width: 330px; }
			.park_planet .info[data-source="features_3"] 			{ left: 650px; top: 1380px; width: 623px; }

		.park_planet .buy-now 			{ left: 140px; top: 120px; }
/* section island adventure */
		.island_adventure 			{ height: 2088px; position: relative; }
			.island_adventure_logo 			{ left: 510px; top: 58px; }
			.island_adventure_info2			{ left: 510px; top: 58px; width: 667px; height: 171px; }
			

			.info[data-source="island_adventure_info2"]			{ width: 484px; top: 250px; left: 580px; }


		.island_adventure .buy-now 			{ left: 680px; top: 269px; }

		.island_adventure .videos_4 		{ width: 290px; height: 370px; top: 1279px; left: 590px; }
		.island_adventure .activities_4 	{ width: 430px; height: 340px; top: 1430px; left: 1140px; }
		.island_adventure .skills_4 		{ width: 340px; height: 350px; top: 408px; left: 1180px; }
		.island_adventure .resources_4 		{ width: 470px; height: 260px; top: 788px; left: 200px; }

		.island_adventure .info[data-source="videos_4"]				{ left: 192px; top: 1271px; width: 1090px; }
		.island_adventure .info[data-source="activities_4"]			{ left: 297px; top: 1217px; width: 1145px; }
		.island_adventure .info[data-source="skills_4"]				{ left: 606px; top: 400px; width: 600px; }
		.island_adventure .info[data-source="resources_4"] 			{ left: 566px; top: 780px; width: 620px; }



	.island_adventure .playvid 					{ height: 266px; width: 361px; position: absolute; 
				cursor: pointer; left: 674px; top: 1706px;
				background-image: url(../img/video_quick_tour.png); background-repeat: no-repeat; }
		.island_adventure .info[data-source="playvid"] 				{ top: 1556px; left: 420px; width: 800px; padding: 45px 52px; }

/* section apps */
		.apps_section				{ height: 1464px; position: relative; }
			.apps_logo 				{ left: 474px; top: 38px; }
			.itunes_av 				{ left: 1214px; top: 72px; }
		
		ul.apps-listing 			{ position: absolute; top: 202px; }
		ul.apps-listing li			{ display: inline-block; margin-left: 82px; width: 445px; font-weight: 500; margin-bottom: 64px; }
		ul.apps-listing li > div			{  }
		ul.apps-listing li img		{ border-radius: 28px; float: left; margin-right: 18px; }
		ul.apps-listing li h3		{ font-size: 24px; color: #001b2c; line-height: 1.2; margin-bottom: 12px; font-weight: 600; }
		ul.apps-listing li span		{ font-size: 18px; display: block; line-height: 1.4; }
		ul.apps-listing li a		{ font-size: 20px; font-weight: 700; color: #ffffff; text-transform: uppercase; display: inline-block; background-color: #ff9600; 
									box-shadow: 0px -4px #a96402; padding:  10px 18px; border-radius: 16px; margin-bottom: 8px;  -webkit-transition: all 200ms; -moz-transition: all 200ms; o-transition: all 200ms; transition: all 200ms; }
		ul.apps-listing li a:hover 	{ background-color: #d51619; box-shadow: 0px -4px #430708; }
		ul.apps-listing li small	{ font-size: 14px; color: #001b2c; }
/* section social */
		.social_section 			{ height: 900px; position: relative; }
			.social_logo 				{ left: 390px; top: 120px; }
			
			.social_box 				{ background-color: #071f31; min-height: 100px; width: 283px; text-align: center; left: 650px; top: 310px; border-radius: 25px; 
										box-shadow: 0px -15px #000000; padding-top: 30px; padding-bottom: 42px; }
			.social_box h3 				{ color: #3991b7; font-size: 24px; line-height: 1.3; text-align: center; }

			.social_box > div 			{ margin-top: 20px; }
			.social_box a 				{ display: inline-block; margin-left: 10px; font-size: 16px; border: 2px solid #0e82b4; width: 36px; height: 36px; line-height: 32px; border-radius: 100%; 
										-webkit-transition: all 400ms; -moz-transition: all 400ms; o-transition: all 400ms; transition: all 400ms; }
			.social_box a:hover			{ /*border-color: #ff0000;*/ }
			.social_box a:hover i		{ color: #0e82b4; }
			.social_box a:first-child	{ margin-left: 0; }
			.social_box i 				{ color: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; o-transition: all 400ms; transition: all 400ms;  }


/* social top */
	.social_top 			{ left: 700px; margin-top: 36px; z-index: 9000; position: absolute; }
	.social_top a 			{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin-left: 5px; display: inline-block; text-align: center;
									-webkit-transition: all 400ms; -moz-transition: all 400ms; o-transition: all 400ms; transition: all 400ms; 
								font-size: 16px; border: 2px solid #ffffff; width: 36px; height: 36px; line-height: 32px; border-radius: 100%; }
	.social_top a:first-child	{ margin-left: 0; }

	.social_top a:hover 		{ border-color: #d7221b; color: #d7221b; }
/*------------*/

		.footer_logos 			{ width: 777px; position: absolute; height: 100px; border-radius: 25px; top: 793px; left: 405px; background-color: rgba(0,27,44,0.9); }
		.footer_logos img 		{ position: absolute; }
			.f_accredited 			{ left: 28px; top: 25px; }
			.f_iql 					{ left: 200px; top: 9px; }
			.f_child 				{ left: 355px; top: 6px; }
			.f_moms 				{ left: 509px; top: 8px; }
			.f_30day 				{ left: 663px; top: 4px; }
/* test */
.rayedd:after { 
	z-index: 10;
	content: '';
	background: url('../img/rays.png') 0 0 no-repeat; 
	/*position: absolute; */
	width: 490px; 
	height: 490px; 
	display: block;
	position: absolute;
	animation-name: spin; 
	animation-duration: 40000ms; /* 40 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
}


@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pulse {
	-webkit-animation-name: 'pulse_animation';
	-webkit-animation-duration: 6000ms;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes pulse_animation {
	0% { -webkit-transform: scale(1); }
	30% { -webkit-transform: scale(1); -webkit-transform: rotate(120);}
	40% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.07); -webkit-transform: rotate(240);}
	60% { -webkit-transform: scale(1); }
	70% { -webkit-transform: scale(1); -webkit-transform: rotate(360);}
	80% { -webkit-transform: scale(1); }
	100% { -webkit-transform: scale(1); }
}

.expand { font-family: 'cloudy'; color: #ffffff; font-size: 80px; position: absolute; right: 0; top: 0; display: inline-block; line-height: 38px;
		-webkit-text-stroke-width: 4px; -webkit-text-stroke-color: #60550f; transition: all 300ms; z-index: 1000; }
.expand-initial 	{ 
		-webkit-animation-name: shakezoom;
		animation-name: shakezoom;
			-webkit-animation-duration: 5s;
			animation-duration: 5s;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
 }

 .expand-visited {
		-webkit-animation-name: shakezoom_muted;
		animation-name: shakezoom_muted;
			-webkit-animation-duration: 5s;
			animation-duration: 5s;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			opacity: 0.6;
 }

.rayed:hover .expand { font-size: 100px; }

 @-webkit-keyframes shakezoom {
 	0% { -webkit-transform: translate(2px, 1px) scale(1.1); }
 	10% { -webkit-transform: translate(-1px, -2px); }
 	20% { -webkit-transform: translate(-3px, 0px); }
 	30% { -webkit-transform: translate(0px, 2px) scale(1.2);}
 	40% { -webkit-transform: translate(1px, -1px); }
 	50% { -webkit-transform: translate(-1px, 2px) ; }
 	60% { -webkit-transform: translate(-3px, 1px) scale(1.2); }
 	70% { -webkit-transform: translate(2px, 1px); }
 	80% { -webkit-transform: translate(-1px, -1px); }
 	90% { -webkit-transform: translate(2px, 2px); }
 	100% { -webkit-transform: translate(2px, 1px) scale(1.1); }
 }

 @-webkit-keyframes shakezoom_muted {
	 0% { -webkit-transform: translate(2px, 1px) }
  	10% { -webkit-transform: translate(-1px, -2px); }
  	20% { -webkit-transform: translate(-3px, 0px); }
  	30% { -webkit-transform: translate(0px, 2px)}
  	40% { -webkit-transform: translate(1px, -1px); }
  	50% { -webkit-transform: translate(-1px, 2px) ; }
  	60% { -webkit-transform: translate(-3px, 1px) }
  	70% { -webkit-transform: translate(2px, 1px); }
  	80% { -webkit-transform: translate(-1px, -1px); }
  	90% { -webkit-transform: translate(2px, 2px); }
  	100% { -webkit-transform: translate(2px, 1px) }
 }

  @keyframes shakezoom {
  	0% { transform: translate(2px, 1px) scale(1.1); }
  	10% { transform: translate(-1px, -2px); }
  	20% { transform: translate(-3px, 0px); }
  	30% { transform: translate(0px, 2px) scale(1.2);}
  	40% { transform: translate(1px, -1px); }
  	50% { transform: translate(-1px, 2px) ; }
  	60% { transform: translate(-3px, 1px) scale(1.2); }
  	70% { transform: translate(2px, 1px); }
  	80% { transform: translate(-1px, -1px); }
  	90% { transform: translate(2px, 2px); }
  	100% { transform: translate(2px, 1px) scale(1.1); }
  }

  @keyframes shakezoom_muted {
 	 0% { transform: translate(2px, 1px) }
   	10% { transform: translate(-1px, -2px); }
   	20% { transform: translate(-3px, 0px); }
   	30% { transform: translate(0px, 2px)}
   	40% { transform: translate(1px, -1px); }
   	50% { transform: translate(-1px, 2px) ; }
   	60% { transform: translate(-3px, 1px) }
   	70% { transform: translate(2px, 1px); }
   	80% { transform: translate(-1px, -1px); }
   	90% { transform: translate(2px, 2px); }
   	100% { transform: translate(2px, 1px) }
  }

.activities_1 .expand 			{ top: -23px; right: -10px; }
.videos_1 .expand 				{ top: -25px; right: -18px; }
.rewards_1 .expand 			{ top: -22px; right: 50px; }
.skills_1 .expand 				{ right: 110px; top: -24px; }
.storybooks_1 .expand 				{ top: 129px; right: 199px; }
.dashboard_1 .expand 				{ top: 199px; right: 219px; }


 .carnival_fun_info .expand 				{ top: -30px; right: -40px; -webkit-text-stroke-color: #041a2c !important; font-size: 110px; }
 .carnival_fun_info .expand:hover			{ font-size: 140px; }
	.carnival_fun .expand 					{  -webkit-text-stroke-color: #4c3c03; }

.skills_2 .expand 				{ top: 79px; right: 89px; }
.activities_2 .expand 			{ top: 49px; right: 69px; }
.resources_2 .expand 			{ top: 89px; right: 279px; }
.videos_2 .expand 				{ top: 99px; right: 279px; }



.park_planet_info2 .expand 				{ top: 0px; right: -10px; -webkit-text-stroke-color: #041a2c !important; font-size: 110px; }
.park_planet_info2 .expand:hover			{ font-size: 140px; }
	.park_planet .expand 					{  -webkit-text-stroke-color: #466802; }

.skills_3 .expand 				{ top: 139px; right: 109px; }
.activities_3 .expand 			{ top: -23px; right: -11px; }
.videos_3 .expand 				{ top: 39px; right: 129px; }
.features_3 .expand 				{ top: 145px; right: 35px; }



.island_adventure_info2 .expand 				{ top: 0px; right: 120px; -webkit-text-stroke-color: #041a2c !important; font-size: 110px; }
.island_adventure_info2 .expand:hover			{ font-size: 140px; }
	.island_adventure .expand 					{  -webkit-text-stroke-color: #9e873c; }

.skills_4 .expand 				{ top: 132px; right: 89px; }
.activities_4 .expand 			{ top: 77px; right: 353px;}
.videos_4 .expand 				{ top: 136px; right: -21px; }
.resources_4 .expand 			{ top: 66px; right: 75px; }



.volcano_anim 					{ top: 8px; left: 1110px; } 
.volcano_anim img 				{ position: absolute; top: 0; left: 0; opacity: 0; transition: all 1000ms; } 
.v_visible 						{ opacity: 1 !important; }

.active-nav 						{ background-color: #FFDF00; border-bottom-color: #025186; color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.9) !important; }

/*.social_box  { opacity: 0; transition: all 1000ms; top: 410px; }
.social_box.inview  { opacity: 1; top: 310px; }*/

.iefox .expand { text-shadow: 2px 2px 3px rgba(0,0,0,0.6); }
li.apps a	{ border-bottom-width: 0; }
li.spanning:last-child a	{ border-top-width: 0; }



.cart_anim	 						{ left: 0; top: 931px; }

.cart_anim img 						{ opacity: 0; position: absolute; }
.cart_anim img.cart_visible 		{ opacity: 1; }

.frame_visible 			{ opacity: 1 !important; } 



.flag_anim img { position: absolute; opacity: 0; }

.red_flags		{ left: 621px; top: 28px; }
	.red_flags img	{ width: 451px; }
.green_flags	{ left: 676px; top: 765px; }
	.green_flags img	{ }
.blue_flags		{ left: 1171px; top: 504px; }
	.blue_flags img	{ }





	.floating-plane{
		animation-name: floating-plane;
		-webkit-animation-name: floating-plane;

		animation-duration: 6s;	
		-webkit-animation-duration: 6s;

		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	@keyframes floating-plane {
		0% {
			transform: translateY(0%);	
		}
		50% {
			transform: translateX(-2%) translateY(4%);	
		}	
		75% {
			transform: translateX(-3%) translateY(4%);
		}		
		100% {
			transform: translateY(0%);
		}			
	}

	@-webkit-keyframes floating-plane {
		0% {
				-webkit-transform: translateY(0%);	
			}
			50% {
				-webkit-transform: translateX(-2%) translateY(4%);	
			}	
			75% {
				-webkit-transform: translateX(-3%) translateY(4%);
			}		
			100% {
				-webkit-transform: translateY(0%);
			}		
	}


	.floating{
		animation-name: floating;
		-webkit-animation-name: floating;

		animation-duration: 6s;	
		-webkit-animation-duration: 6s;

		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	@keyframes floating {
		0% {
			transform: translateY(0%);	
		}
		50% {
			transform: translateY(8%);	
		}	
		100% {
			transform: translateY(0%);
		}			
	}

	@-webkit-keyframes floating {
		0% {
			-webkit-transform: translateY(0%);	
		}
		50% {
			-webkit-transform: translateY(8%);	
		}	
		100% {
			-webkit-transform: translateY(0%);
		}			
	}


	.floating-planet1 {
		-webkit-animation-delay: 2s; 
	    animation-delay: 2s;
		animation-name: floating;
		-webkit-animation-name: floating;
		animation-duration: 6s;	
		-webkit-animation-duration: 6s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	.floating-planet2 {
		-webkit-animation-delay: 3s; 
	    animation-delay: 3s;
		animation-name: floating-planets;
		-webkit-animation-name: floating-planets;
		animation-duration: 6s;	
		-webkit-animation-duration: 6s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	.floating-planet3 {
		-webkit-animation-delay: 1s; 
	    animation-delay: 1s;
		animation-name: floating-planets;
		-webkit-animation-name: floating-planets;
		animation-duration: 5s;	
		-webkit-animation-duration: 5s;
		animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
	}

	@keyframes floating-planets {
		0% {
			transform: translateY(0%);	
		}
		50% {
			transform: translateY(-3%);	
		}	
		100% {
			transform: translateY(0%);
		}			
	}

	@-webkit-keyframes floating-planets {
		0% {
			-webkit-transform: translateY(0%);	
		}
		50% {
			-webkit-transform: translateY(-3%);	
		}	
		100% {
			-webkit-transform: translateY(0%);
		}			
	}

#percent { font-size: 60px; color: #038ae2; font-family: 'cloudy'; text-align: center; /*color: #cd000f; -webkit-text-stroke-width: 0.04em; -webkit-text-stroke-color: #000000;*/ margin-top: 30px; }
/*.iefox #percent { text-shadow: 2px 2px 3px rgba(0,0,0,1); }*/

.social_logo,
.footer_logos,
.social_box				{ z-index: 500; }

/*.foreground { top: 230px; z-index: 400; }*/
.foreground_left 		{ z-index: 400; left: -40px; top: 60px; }
.foreground_right 		{ z-index: 400; left: 1280px; top: 21px; }
.fish1 	{ z-index: 50; top: 250px; left: 280px; }
.fish2 	{ z-index: 50; top: 310px; left: 1210px; }
.fish3 	{ z-index: 50; top: 460px; left: 50px; }
.fish4 	{ z-index: 50; top: 210px; left: 37px; }
.fish5 	{ z-index: 50; top: 490px; left: 427px; }
.fish6 	{ z-index: 50; top: 690px; left: 927px; }
.fish7 	{ z-index: 50; top: 530px; left: 1027px; }



.floating-fishes{
	animation-name: floating-fishes;
	-webkit-animation-name: floating-fishes;

	animation-duration: 6s;	
	-webkit-animation-duration: 6s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}



@keyframes floating-fishes {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(4%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating-fishes {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(4%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}


.floating-fishes2 {
	animation-name: floating-fishes2;
	-webkit-animation-name: floating-fishes2;

	animation-duration: 5s;	
	-webkit-animation-duration: 5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}



@keyframes floating-fishes2 {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(2%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating-fishes2 {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(2%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

.delay1 { animation-delay: -1s; -webkit-animation-delay: -1s; }
.delay2 { animation-delay: -2s; -webkit-animation-delay: -2s; }
.delay3 { animation-delay: -3s; -webkit-animation-delay: -3s; }
.delay4 { animation-delay: -4s; -webkit-animation-delay: -4s; }



.kelp {
	animation-name: kelp;
	-webkit-animation-name: kelp;

	animation-duration: 5s;	
	-webkit-animation-duration: 5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}



@keyframes kelp {
	0% {
		transform: translate(1%,0%);	
	}
	50% {
		transform: translate(0,0.4%);	
	}	
	100% {
		transform: translate(1%,0%);
	}			
}

@-webkit-keyframes kelp {
	0% {
		-webkit-transform: translate(1%,0%);	
	}
	50% {
		-webkit-transform: translate(0,0.4%);	
	}	
	100% {
		-webkit-transform: translate(1%,0%);
	}			
}

.i_cover { top: 669px; left: 57px; z-index: 100; }

.sail-blackflag { top: 682px; left: 777px; z-index: 600; transition: all 2000ms ease-out; transform: rotate(10deg) translate(820px,40px);
							   -webkit-transform: rotate(10deg) translate(820px,40px);
							   -o-transform: rotate(10deg) translate(820px,40px);
							   -moz-transform: rotate(10deg) translate(820px,40px);}
.sail-blackflag.in_frame { transform: rotate(0) translate(0,0);
							   -webkit-transform: rotate(0) translate(0,0);
							   -o-transform: rotate(0) translate(0,0);
							   -moz-transform: rotate(0) translate(0,0); }
.ollie 			{ top: 1226px; left: 647px; z-index: 500; }
.volcano_skills { top: 200px; left: 700px; z-index: 600; top: 560px; left: 1204px; }

.lava_frames { display: block; position: absolute; width: 593px; height: 559px; z-index: 100; top: 343px; left: 1234px;}
.lava_frames img { position: absolute; top: 0; left: 0; opacity: 0; }
.lava_frames .lava_frame_1 {  }
.lava_frames .lava_frame_2 { left: -35px; }
.lava_frames .lava_frame_3 { left: -89px; }
.lava_frames .lava_frame_4 { left: -118px; }
.lava_frames .lava_frame_5 { left: -227px; }


.rocking_horse { position: absolute; top: 1588px; left: 1023px; display: block; width: 270px; height: 180px; }
.rocking_horse img { position: absolute; top: 0; left: 0; opacity: 0; }

.squirrel_frames {  position: absolute; top: 1533px; left: 746px; display: block; width: 90px; height: 86px; }
.squirrel_frames img { position: absolute; top: 0; left: 0; opacity: 0; }

.frog_frames {  position: absolute; top: 466px; left: 901px; display: block; width: 150px; height: 150px; }
.frog_frames img { position: absolute; top: 0; left: 0; opacity: 0; }

.mk_frames {  position: absolute; top: 669px; left: 930px; display: block; width: 90px; height: 100px; }
.mk_frames img { position: absolute; top: 0; left: 0; opacity: 0; }



.sparks_anim {  position: absolute; top: 247px; left: 752px; display: block; width: 76px; height: 76px; z-index: 300; }
.sparks_anim img { position: absolute; top: 0; left: 0; opacity: 0; }


.wagon { position: relative; top: 1279px; left: 77px; width: 774px; height: 497px; transition: all 4000ms ease-out; 
										transform: translate(-774px,0px);
								   -webkit-transform: translate(-774px,0px);
								   -o-transform: translate(-774px,0px);
								   -moz-transform: translate(-774px,0px);

}
.wagon > img { position: absolute; top: 0; left: 0; z-index: 100; }
.wagon.in_frame { transform: translate(0,0);
			   -webkit-transform: translate(0,0);
			   -o-transform: translate(0,0);
			   -moz-transform: translate(0,0); }

.e_wave_anim 	{ z-index: 200; top: 204px; left: 455px; }
.e_wave_anim img { opacity: 0;  position: absolute; }

.wagon > img.cart_wheels { position: absolute; 
	transition: all 4000ms ease-out;
			transform: rotate(-360deg);
	   -webkit-transform: rotate(-360deg);
	   -o-transform: rotate(-360deg);
	   -moz-transform: rotate(-360deg);
 }

.wagon > img.wheel1 { top: 330px; left: 27px; }
.wagon > img.wheel2 { top: 330px; left: 500px; }

.wagon.in_frame .cart_wheels { 
	transform: rotate(0);
 -webkit-transform: rotate(0);
 -o-transform: rotate(0);
 -moz-transform: rotate(0); }
 


.ball_anim { transform: translate(-260px,0); transition: all 3800ms ease-out;
			-webkit-transform: translate(-260px,0);
			-o-transform: translate(-260px,0);
			-moz-transform: translate(-260px,0);
			 }
.ball_anim > .ballball { transition: all 3800ms ease-out;
			transform: rotate(-360deg);
	   -webkit-transform: rotate(-360deg);
	   -o-transform: rotate(-360deg);
	   -moz-transform: rotate(-360deg); }

.ball_anim.in_frame > .ballball { 
	   			transform: rotate(0deg);
	   	   -webkit-transform: rotate(0deg);
	   	   -o-transform: rotate(0deg);
	   	   -moz-transform: rotate(0deg); }

.ball_anim.in_frame {
				transform: translate(0px,0);
				-webkit-transform: translate(0px,0);
				-o-transform: translate(0px,0);
				-moz-transform: translate(0px,0); 
			}


 .rayed.videos_2 { z-index: 400; opacity: 0; transition: all 2000ms;  -webkit-transition-delay: 4s; transition-delay: 4s; }
 .rayed.activities_4 { z-index: 800; opacity: 0; transition: all 2000ms;  -webkit-transition-delay: 2s; transition-delay: 2s; }

/*
 .social_logo { font-size: 60px; color: #ffffff; -webkit-text-stroke-width: 0.05em; letter-spacing: -0.06em; -webkit-text-stroke-color: #071f31; }*/

 .fishtag {  -webkit-transition: all 1000ms; -moz-transition: all 1000ms; o-transition: all 1000ms; transition: all 1000ms; }




.icstand_anim {transition: all 4000ms ease-out;  
					transform: translate(-580px,0);
					-webkit-transform: translate(-580px,0);
					-o-transform: translate(-580px,0);
					-moz-transform: translate(-580px,0);
}


 .boat_anim { transition: all 2000ms ease-out; 
 	transform: translate(400px,0);
 	-webkit-transform: translate(400px,0);
 	-o-transform: translate(400px,0);
 	-moz-transform: translate(400px,0);
 }			




 .icstand_anim.in_frame,
 .boat_anim.in_frame { transform: translate(0px,0);
				-webkit-transform: translate(0px,0);
				-o-transform: translate(0px,0);
				-moz-transform: translate(0px,0);  }




.anim_dec { overflow: hidden; }
.anim_dec_target { transition: all 2000ms ease-out; }
.anim_dec_target.in_frame { transform: translate(0px,0) !important;
				-webkit-transform: translate(0px,0) !important;
				-o-transform: translate(0px,0) !important;
				-moz-transform: translate(0px,0) !important;  }