/* HOME SCREEN */

#home_green_panel{
	overflow:hidden;
	background-color:#52ae32;
	background-image: url('/img/home/green_bg.png');
	background-repeat:repeat-x;
}

#home_bot{
	position:relative;float:right;top:60px;margin-bottom:80px;width:40%;max-width:320px;right:2%;z-index:2;
}

#home_sunburst{
	bottom:-50px;width:40%;right:20%;z-index:1;opacity:0.3;
}

#home_intro_border{
	margin-left:10%;margin-bottom:20px;margin-top:40px;z-index:5;
}

#home_intro_content{
	width:270px;left:calc(10% + 30px);top:60px;z-index: 3;
}

@media(max-width:1200px){
	#home_bot{width:35%;}
	#home_intro_border{margin-left:2%;}
	#home_intro_content{left:calc(2% + 30px) !important;}
}

@media(max-width:1000px){
	#home_bot{width:calc(88% - 338px);max-width:320px;top:0px;}
	#home_intro_border{margin-left:10%;margin-top:0px;}
	#home_intro_content{left:calc(10% + 30px) !important;top:20px;}
}

@media(max-width:640px){
	#home_bot{float:none;width:60%;max-width:320px;margin-left:20%;top:0px;}
}







#home_yellow_panel{
	min-height:40px;
	overflow:hidden;
	background-color:#ffd41c;
}



.home_lefty, .home_righty{
	display: inline-block;
	position:relative;
	vertical-align: top;
	margin-left:5%;
	width:42%;
	margin-top:128px;
}


@media(max-width:1000px){
	.home_lefty, .home_righty{
		display: block;
		margin-left:5%;
		width:90%;
		padding-top:50px;
		margin-top:0px;

	}
}



#home_purple_panel{
	min-height:465px;
	background-color:#57397f;
}


#home_purple_panel .paper{
	background-size:cover;
	background-image: url('/img/home/purple_bg.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom:60px;
}



#home_orange_panel{
	min-height:465px;
	background-color:#f26e11;
}


#home_orange_panel .paper{
	background-size:cover;
	background-image: url('/img/home/orange_bg.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom:60px;
}





#home_blue_panel{
	min-height:465px;
	background-color:#2eb8ec;
}


#home_blue_panel .paper{
	background-size:cover;
	background-image: url('/img/home/blue_bg.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom:60px;
}




.homevideo{
	width:100%;
	max-width:445px;
}


.homeVideoWrapper{
	width:424px;
	height:238px;
	background-color: rgba(0,0,0,0.5);
	padding:10px;
	border:2px solid white;
	margin-bottom:30px;
}


#home_highscores_panel{
	height:345px;
	overflow:hidden;
	background-color:#52ae32;
	background-image: url('/img/home/green_bg.png');
	border-bottom:2px solid white;
}



/* LOG IN */
#login_purple_panel{
	background-color:#7439c4;
	background-image: url('/img/screens/login_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}

#login_email, #login_password{
	font-size:16px;
	padding:8px 15px;
	width:200px;
	background-color:#fff;
	border-radius:50px;
	border:2px solid white;
	text-align:center;
	margin-bottom:18px;
}

/* SHOP */
#shop_panel{
	background-color:#f26e11;
	background-image: url('/img/screens/shop_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
	padding-bottom:190px;
}










/* game zone */
#gamezone_blue_panel{
	overflow: hidden;
	background-color:#2eb8ec;
	background-image: url('/img/screens/gamezone_blue_bg.jpg');
	background-repeat:repeat-x;
}



#gamezone_profile_pic{
	display: inline-block;
	position:relative;
	vertical-align: top;

	width:175px;
	height:175px;
	left:40px;
	top:20px;
	margin-bottom:40px;
	background-size:cover;
	overflow:hidden;
	border-radius:15px;
	background-position: center center;
	background-repeat: no-repeat;
}

#gamezone_profile_intro{
	display: inline-block;
	position:relative;
	vertical-align: top;
	left:150px;
	top:60px;
	width:calc(100% - 340px);
	margin-bottom:100px;
}
#gamezone_profile_reminder{
	color:#7439c4;
}


@media(max-width:1000px){
	#gamezone_profile_intro{
		left:80px;
		width:calc(100% - 290px);
	}
}

@media(max-width:600px){
	#gamezone_profile_intro{
		display:block;
		left:20px;
		top:0px;
		width:calc(100% - 40px);
		margin-bottom:40px;
	}
	#gamezone_profile_pic{
		width:100px;
		height:100px;
		left:20px;
	}


}






#gamezone_purple_panel{
	background-color:#7439c4;
}


#gamezone_keyboard{
	left:0%;
	display:inline-block;
	transform:scale(1);
	top:-20px;
	width:480px;
	margin-bottom:40px;
}

@media(max-width:600px){
	#gamezone_keyboard{
		width:336px;
		left:-50px;
		top:-40px;
		transform:scale(0.7);
		margin-bottom:0px;
	}
}


#gamezone_white_panel{
	background-color:#fff;
}

#gamezone_white_panel h1{
	color:#f26e11;
	padding:20px;
	font-size:32px;
}

.game_zone_listing{
	margin-left:13px;
	margin-right:13px;
	width:175px;
	display:inline-block;
	vertical-align: top;
	margin-bottom:15px;
}





/* game zone */
#profile_white_panel{
	display: block;
	background-color:#fff;
	background-image: url('/img/screens/profile_bg.jpg');
}

#profile_green_panel{
	overflow:hidden;
	background-color:#52ae32;
}

#profile_purple_panel{
	overflow:hidden;
	min-height:326px;
	background-color:#7439c4;
	background-image: url('/img/screens/profile_scores_bg.jpg');
	background-position: center;
	background-repeat: no-repeat;;
}


#profile_intro_section{
	display:inline-block;
	width:744px;
}

#profile_profile_pic{
	display: inline-block;
	position:relative;
	vertical-align: top;

	width:175px;
	height:175px;
	left:0px;
	top:20px;
	margin-bottom:40px;
	background-size:cover;
	overflow:hidden;
	border-radius:15px;
	background-position: center center;
	background-repeat: no-repeat;
}


#profile_intro_text{
	display:inline-block;
	left:40px;
	top:40px;
	max-width:500px;
	width:calc(744px - 220px);
}


.statsbox{
	width:174px;
	height:175px;
	overflow:hidden;
	margin:0px 4px;
	display:inline-block;
	position: relative;
}
.statsbox h1{
	width:174px;
	position:absolute;
	left:0px;
	top:85px;
	text-align: center;
	font-size:58px;
}

.statsbox h2{
	width:174px;
	position:absolute;
	left:0px;
	top:10px;
	text-align: center;
	font-size:20px;
	color:#fff;
}

#splitStatsBox{
	display:none;
}

@media(max-width:750px){
	#profile_profile_pic{
		width:100px;
		height:100px;
	}

	#profile_intro_section{
		width:600px;
	}

	#profile_intro_text{
		width:calc(600px - 150px);
		left:20px;
	}

	#splitStatsBox{
		display:block;
	}


}


@media(max-width:400px){
	#profile_profile_pic{
		display:block;
		left:10px;
	}

	#profile_intro_section{
		width:310px;
	}

	#profile_intro_text{
		width:calc(600px - 150px);
		left:10px;
		top:0px;
		width:100%;
	}
}

.game_promotion{
	margin:30px 0px 30px ;
}

.game_promotion > div{
	display:inline-block;
	text-align:left;
	vertical-align: top;
	padding-top:30px;
	padding-left: 15px;
}

.game_promotion h3{
	font-weight:900;
}

.game_promotion small{
	color:#999;
}