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

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

.destroyOnLoad {
	visibility:hidden;
}

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;
}

.theHolder {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	overflow:hidden;
	text-align:center;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.gameHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:2378px;
	height:auto;
	box-sizing:border-box;
	display:none;
	min-height:1822px;
	background-image:url(images/fullscreen.png);
	background-position: left top;
	background-size:100% auto;
	background-repeat:repeat-y;
	line-height:0px;
}


.subScreen {
	position:relative;
	left:0px;
	top:0px;
	width:2162px;
	height:auto;
	display:inline-block;
	min-height:1822px;
	background-image:url(images/startpattern.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	background-position:top left;
}

.homepageText {
	width:673px;
	font-size:61px;
	line-height:1.2em;
	display:inline-block;
	vertical-align:middle;
	font-family: Gotham-Book;
	padding-left:40px;
	padding-right:50px;
	box-sizing:border-box;
	text-align:left;
}

.homepageText strong {
	font-family: Gotham-Bold;
	/* font-family: BerrangerHandITCStd; */
	font-weight:normal;
	color:#FFF;
}

.homepageImage {
	display:inline-block;
	vertical-align:middle;
}

.startButton {
	width:100%;
	height:auto;
	cursor:pointer;
	margin-top:40px;
	margin-left:-30px;
	max-width:625px;
}

.bigBar {
	display:none;
}

#footer-wrapper-4o {
	padding-left:200px;
}

.countDown {
	font-family:Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size:40px;
	color:#FFF;
	position:absolute;
	left:50%;
	top:50%;
	width:100px;
	height:100px;
	background-color:#fcaf17;
	z-index:10000;
	text-align:center;
	line-height:100px;
	border-radius:50%;
	font-weight:bold;
	box-sizing:border-box;
	margin-left:50px;
	margin-top:-50px;
}

.countDown span {
	margin-left:15px;
}

.countDown .percentage {
	vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size:20px;
}

.mainScreen {
	display:none;
}

.mainScreen .largeTitle {
	display:none;
}

.mainScreen .navBar {
	position:relative;
	left:0px;
	width:420px;
	height:auto;
	display:inline-block;
	float:left;
	text-align:center;
	box-sizing:border-box;
	padding-top:30px;
	margin-right:15px;
}

.mainScreen .navBar .icon {
	position:relative;
	left:0px;
	top:0px;
	width:344px;
	height:auto;
	display:inline-block;
}

.mainScreen .displayScreen {
	position:relative;
	left:0px;
	top:0px;
	width:1689px;
	height:1542px;
	display:inline-block;
	float:left;
	background-image:url(images/screen1_background.png);
	background-position:left top;
	background-size:1689px 1542px;
	
}

.mainScreen .displayScreen .infoDot {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	display:inline-block;
	cursor:pointer;
	z-index:50;
	/*transition: opacity .5s;*/
}

.mainScreen .displayScreen .selected {
	/*opacity:1 !important;*/
	pointer-events:none;
}

.mainScreen .displayScreen .selected .pulse2 {
	display:none !important;
}

/*
.mainScreen .displayScreen .infoDot:hover {
	opacity:.7;
}
*/

.mainScreen .displayScreen .infoDot .pulse {
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
	display:inline-block;
	border-radius:50%;
	background-color:#fcaf17;
	box-sizing:border-box;
	border:solid;
	border-color:#FFF;
	border-width:3px;
}

.mainScreen .displayScreen .infoDot .pulse2 {
	border-width:3px;
}


.mainScreen .displayScreen .dotClick {
	position:absolute;
	left:480px;
	top:623px;
	width:267px;
	height:220px;
	display:inline-block;
	pointer-events:none;
}

.mainScreen .displayScreen .weatherHighlight {
	position:absolute;
	left:1335px;
	top:286px;
	width:326px;
	height:337px;
	display:inline-block;
	pointer-events:none;
}

.mainScreen .displayScreen .popupType {
	position:absolute;
	width:290px;
	height:auto;
	display:inline-block;
	background-color:#fcaf17;
	-webkit-user-select:auto;
	-ms-user-select:auto;
	user-select:auto;
}

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

.mainScreen .displayScreen .popupType h2 {
	padding:0px;
	margin:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-weight:normal;
	font-family: BerrangerHandITCStd;
	font-size:33px;
	line-height:39px;
	text-align:left;
	color:#FFF;
}

.mainScreen .displayScreen .popupType p {
	padding:0px;
	margin:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	color:#FFF;
	font-family: 'Gotham-Book';
	font-size:33px;
	line-height:39px;
	text-align:left;
}

.mainScreen .displayScreen .popupType p strong {
	font-family: 'Gotham-Bold';
	font-weight:normal;
}

.mainScreen .displayScreen .svgClass {
	position:absolute;
	left:0px;
	top:0px;
	pointer-events:none;
}

.mainScreen .displayScreen .nextButton {
	position:absolute;
	right:0px;
	bottom:127px;
	width:498px;
	height:216px;
	display:inline-block;
	cursor:pointer;
}

.mainScreen .displayScreen .overlayBackground {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:inline-block;
	pointer-events:none;
}

.mainScreen .displayScreen .sunButton {
	position:absolute;
	left:1135px;
	top:34px;
	width:252px;
	height:252px;
	display:inline-block;
	cursor:pointer;
	z-index:10;
}

.mainScreen .displayScreen .rainButton {
	position:absolute;
	left:1409px;
	top:34px;
	width:252px;
	height:252px;
	display:inline-block;
	cursor:pointer;
	z-index:10;
}

.mainScreen .displayScreen .rayHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:1689px;
	height:1415px;
	display:inline-block;
	overflow:hidden;
	z-index:100;
}

.mainScreen .displayScreen .rayHolder .ray {
	position:absolute;
	left:1115px;
	top:149px;
	width:309px;
	height:3100px;
	display:inline-block;
}

.mainScreen .displayScreen .rainHolder {
	position:absolute;
	left:0px;
	top:0px;
	width:1689px;
	height:1415px;
	display:inline-block;
	overflow:hidden;
	z-index:100;
}

#rain-container{
	position:absolute;
	top:-200px;
	left:-150px;
	width:1989px;
	height:1815px;
	background-color:rgba(0,0,0,.2);
}
.droplet{
	position:absolute;
	top:-6%;
	height:40px;
	width:4px;
	background-color:#a5e1f1;
}

.cloud {
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:286px;
	display:inline-block;
	z-index:25;
}

.cloud1 {
	left:-207px;
}

.cloud2 {
	left:325px;
}

.cloud3 {
	left:759px;
}

.cloud4 {
	left:1085px;
}

@media only screen and (max-width:610px){
	.gameHolder {
		background-image:none;
		width:1689px;
		overflow:hidden;
	}
	.theHolder {
		overflow:hidden;
	}
	.subScreen {
		width:1689px;
		overflow:hidden;
	}
	.homepageText {
		font-size:58px;
		line-height:1.2em;
		width:80%;
		padding-bottom:120px;
		text-align:center;
	}
	.startButton {
		width:585px;
	}
	.smallBar {
		display:none;
	}
	.bigBar {
		display:inline-block;
	}
	.mainScreen .largeTitle {
		display:inline-block;
	}
	.mainScreen .smallTitle {
		display:none;
	}
	.mainScreen .navBar {
		width:100%;
		height:auto;
		padding-top:0px;
		margin-right:0px;
		padding-bottom:30px;
	}
}

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

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;
	}
	.gameHolder {
		margin-left:0px;
		margin-top:48px;
	}
	
	.countDown {
		margin-left:-50px;
	}
	#footer-wrapper-4o {
		margin-top:-4px;
		padding-left:0px;
	}
	
}



@media only screen and (max-width:760px){
	.gameHolder {
		margin-left:0px;
		margin-top:40px;
	}
	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;
	}
}