@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background: #92cb96 !important;
}

.theHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	display:inline-block;
	box-sizing:border-box;
	overflow:hidden;
	background-color:#92cb96;
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:1468px;
	box-sizing:border-box;
	background-color:#aee0f1;
	display:none;
}

.backgroundImage {
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:1468px;
	display:inline-block;
}

.title {
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:1468px;
	display:none;
}

.initialPopup {
	position:absolute;
	left:0px;
	top:0px;
	width:calc(100% - 200px);
	height:100%;
	z-index:10000;
	margin-left:200px;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2991ab+0,8fdeea+50,2991ab+100&0.7+0,0.7+100 */
background: -moz-linear-gradient(left, rgba(41,145,171,0.75) 0%, rgba(143,222,234,0.75) 45%, rgba(41,145,171,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(41,145,171,0.75) 0%,rgba(143,222,234,0.75) 45%,rgba(41,145,171,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(41,145,171,0.75) 0%,rgba(143,222,234,0.75) 45%,rgba(41,145,171,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32991ab', endColorstr='#b32991ab',GradientType=1 ); /* IE6-9 */
	display:none;
}

#theLoadingScreen {
	position:absolute;
	left:0px;
	top:0px;
	width:calc(100% - 200px);
	height:100%;
	z-index:15000;
	margin-left:200px;
	text-align:center;
}

.theLoadBar {
	position:absolute;
	left:50%;
	top:50%;
	width:250px;
	height:20px;
	display:inline-block;
	background-color:#ffc20e;
	margin-top:-10px;
	margin-left:-125px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}

#theLoadBar {
	background-color:#f15923;
	border-color:rgba(0,0,0,0);
	width:1px;
}

div#footer-global {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
div#footer-global a {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media only screen and (max-width:1280px){
	.gameHolder {
		margin-left:0px;
		margin-top:54px;
	}
	.initialPopup {
		margin-left:0px;
		margin-top:54px;
		width:100%;
	}
	#theLoadingScreen {
		margin-left:0px;
		margin-top:54px;
		width:100%;
	}
	div.menu-links {
		display:none;
	}
	div#aem-kids-menu {
		width:100% !important;
		height:50px !important;
		min-height:50px !important;
		max-width:none;
		position:absolute;
		padding:0px !important;
	}
	div#logo-box {
		width:100% !important;
		max-width:none;
		background-color:#e20c32;
		display:inline-block;
		text-align:center;
	}
	div#logo-box img {
		position:relative;
		display:inline-block;
		height:50px;
	}
	aside.main-sidebar {
		width:100% !important;
		max-width:none;
		text-align:center;
		display:inline-block;
	}
	section.sidebar {
		width:100% !important;
		max-width:none;
		text-align:center;
		display:inline-block;
	}
	div.sidebar-header {
		width:100% !important;
		max-width:none;
		text-align:center;
		display:inline-block;
	}
}

@media only screen and (max-width:760px){
	.gameHolder {
		margin-left:0px;
		margin-top:40px;
	}
	.initialPopup {
		margin-left:0px;
		margin-top:39px;
	}
	#theLoadingScreen {
		margin-left:0px;
		margin-top:39px;
	}
	div#aem-kids-menu {
		width:100% !important;
		height:35px !important;
		min-height:35px !important;
		max-width:none;
		position:absolute;
		padding:0px !important;
	}
	div#logo-box img {
		position:relative;
		display:inline-block;
		height:35px;
	}
	div#footer-global {
		font-size:9px;
	}
	div#footer-global a {
		font-size:9px !important;
	}
}

.itemButton {
	position:absolute;
	left:470px;
	top:195px;
	width:236px;
	height:78px;
	display:none;
	cursor:pointer;
	z-index:100;
}

.itemCurrent {
	/* z-index:300; */
}

.popupClass {
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:1468px;
	display:block;
	pointer-events: none;
	z-index:150;
}

.arrowClass {
	position:absolute;
	left:0px;
	top:0px;
	width:2200px;
	height:1468px;
	display:block;
	pointer-events: none;
	z-index:200;
}

.specialLink {
	position:absolute;
	left:1133px;
	top:656px;
	width:213px;
	height:59px;
	cursor:pointer;
	display:block;
	z-index:10000;
}

.tube1 {
	position:absolute;
	left:155px;
	top:448px;
	width:79px;
	height:69px;
	display:inline-block;
}

.tube2 {
	position:absolute;
	left:240px;
	top:448px;
	width:72px;
	height:69px;
	display:inline-block;
}

.kayak {
	position:absolute;
	left:359px;
	top:255px;
	width:161px;
	height:174px;
	display:inline-block;
}

.monster {
	position:absolute;
	left:771px;
	top:90px;
	width:63px;
	height:54px;
	display:inline-block;
}

.monsterMask {
	position:absolute;
	left:771px;
	top:90px;
	width:63px;
	height:44px;
	display:inline-block;
	overflow:hidden;
}

.monster2 {
	position:absolute;
	left:0px;
	top:0px;
	width:63px;
	height:54px;
	display:inline-block;
}

.fishblock {
	position:absolute;
	left:240px;
	top:348px;
	width:184px;
	height:100px;
	display:inline-block;
}

.splash {
	position:absolute;
	left:240px;
	top:348px;
	width:184px;
	height:100px;
	display:inline-block;
}

.fish {
	position:absolute;
	left:300px;
	top:368px;
	width:37px;
	height:26px;
	display:inline-block;
}

.introClass {
	position:relative;
	left:0px;
	top:50%;
	width:73%;
	height:auto;
	display:inline-block;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:836px;
}

.introBackground {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.startButton {
	position:absolute;
	left:40%;
	top:59%;
	width:24.4%;
	height:auto;
	display:inline-block;
	cursor:pointer;
}

#illu {
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.specialArea {
	position:absolute;
	left:0px;
	top:0px;
	width:192px;
	height:160px;
	background-color:rgba(0,0,0,0);
	display:block;
}