html,body{	background-color:#000;	margin:0;	padding:0;	position:relative;	font-family:"Arial";	width:100%;} @font-face{	font-family:'bevan';	src:url('media/font/bevan.ttf'),		url('media/font/bevan.woff')format('woff');} @font-face{	font-family:'troika';	src:url('media/font/troika.ttf'),	url('media/font/troika.woff') format('woff');} #game{	position:absolute;	left:0;	top:0;	z-index:0;} #ajaxbar{	background:url('media/graphics/loading/ajax-loader.gif') center no-repeat;} #canvas{	position:absolute;	left:0;	top:0;	width:100%;	height:100%;	 	-ms-interpolation-mode:nearest-neighbor;	 	-webkit-transform:scale3d(1,1,1);	z-index:1;} #orientate{	position:absolute;	float:left;	width:100%;	height:100%;	top:0;	left:0;	z-index:10002;	display:none;} #orientate img{	position:absolute;	float:left;	width:100%;	height:100%;} .play{	position:absolute;	float:left;	width:100%;	height:100%;	z-index:1000;	background-color:#fff;	left:0;	top:0;	display:none;} .play img{	position:absolute;	float:left;	width:100%;	height:100%;	z-index:1000;	left:0;	top:0;} #nohtml5{	position:absolute;	top:0;	left:0;	width:100%;	height:100%;	background-color:#000;	z-index:1002;	visibility:hidden;} #nohtml5 img{	position:absolute;	width:100%;	height:100%;} #nohtml5-bubble{	position:absolute;	bottom:20px;	left:50px;	width:380px;	height:100px;	z-index:1002;	color:#000;	background:rgba(255,255,255,0.75);	-webkit-border-radius:10px;	-moz-border-radius:10px;	border-radius:10px;	 } #nohtml5-text{	padding:10px;} .horizontal-seperator{	height:10px;	width:100%;} #MobileAdInGamePreroll,#MobileAdInGamePreroll2,#MobileAdInGamePreroll3{	position:absolute;	float:left;	min-width:320px;	z-index:10000;	left:0;	top:0;	display:none;	background:rgba(0,0,0,0.7);	 	-webkit-transition:all 0.6s ease;  	-moz-transition:   all 0.6s ease;  	-o-transition:     all 0.6s ease;} #MobileAdInGamePreroll-Box,#MobileAdInGamePreroll2-Box,#MobileAdInGamePreroll3-Box{	z-index:10000;	position:absolute;	width:302px;	height:250px;} #MobileAdInGamePreroll-Box-Body,#MobileAdInGamePreroll2-Box-Body,#MobileAdInGamePreroll3-Box-Body{	z-index:10000;	position:relative;	background:transparent;	 } #MobileAdInGamePreroll-Box-Footer,#MobileAdInGamePreroll2-Box-Footer,#MobileAdInGamePreroll3-Box-Footer{	z-index:10000;	position:relative;	font-size:11px;	height:20px;	color:#fff;	background:transparent;	 } #MobileAdInGamePreroll-Box-Header,#MobileAdInGamePreroll2-Box-Header,#MobileAdInGamePreroll3-Box-Header{	z-index:10000;	position:relative;	margin-top:-2px;	font-size:11px;	height:20px;	text-align:right;	color:#fff;	background:transparent;	 } #MobileAdInGamePreroll-Box-Close,#MobileAdInGamePreroll2-Box-Close,#MobileAdInGamePreroll3-Box-Close{	position:absolute;	z-index:10005;	background-image:url('media/graphics/generic-ad/light/close-button.png'); 	background-repeat:no-repeat;	     width:22px;    height:22px;   	top:-4px;    margin-right:-1px;	display:none;} #MobileAdInGameHeader,#MobileAdInGameHeader2,#MobileAdInGameHeader3{	display:none;	position:absolute;	background:transparent;	 } #MobileAdInGameFooter,#MobileAdInGameFooter2,#MobileAdInGameFooter3{	display:none;	position:absolute;	background:transparent;	 } #MobileAdInGameEnd,#MobileAdInGameEnd2,#MobileAdInGameEnd3{	position:absolute;	float:left;	min-width:320px;	z-index:10000;	left:0;	top:0;	display:none;	background:rgba(0,0,0,0.7);	 	-webkit-transition:all 0.6s ease;  	-moz-transition:   all 0.6s ease;  	-o-transition:     all 0.6s ease;} #MobileAdInGameEnd-Box,#MobileAdInGameEnd2-Box,#MobileAdInGameEnd3-Box{	z-index:10000;	position:absolute;	width:302px;	height:250px;} #MobileAdInGameEnd-Box-Body,#MobileAdInGameEnd2-Box-Body,#MobileAdInGameEnd3-Box-Body{	z-index:10000;	position:relative;	background:transparent;	 } #MobileAdInGameEnd-Box-Footer,#MobileAdInGameEnd2-Box-Footer,#MobileAdInGameEnd3-Box-Footer{	z-index:10000;	position:relative;	font-size:11px;	height:20px;	color:#fff;	background:transparent;	 } #MobileAdInGameEnd-Box-Header,#MobileAdInGameEnd2-Box-Header,#MobileAdInGameEnd3-Box-Header{	z-index:10000;	position:relative;	margin-top:-2px;	font-size:11px;	height:20px;	text-align:right;	color:#fff;	background:transparent;	 } #MobileAdInGameEnd-Box-Close,#MobileAdInGameEnd2-Box-Close,#MobileAdInGameEnd3-Box-Close{	position:absolute;	z-index:10005;	background-image:url('media/graphics/generic-ad/light/close-button.png'); 	background-repeat:no-repeat;	     width:22px;    height:22px;   	top:-4px;    margin-right:-1px;	display:none;} .ig_debug{	position:fixed;	left:0;	bottom:0;	width:100%;	background-color:#000;	border-top:2px solid #f57401;	font-size:12px;	color:#fff;	z-index:1000;	-webkit-user-select:none;	display:none;} .ig_debug_panel_menu{	height:28px;	background:#222;	background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000000),color-stop(1,#333));	background:-moz-linear-gradient(center bottom,#000000 0%,#333 100%);	background:-o-linear-gradient(#333,#000000);} .ig_debug_panel_menu div{	float:left;	height:22px;	padding:6px 8px 0 8px;	border-right:1px solid #333;} .ig_debug_panel_menu .ig_debug_head {	font-weight:bold;	color:#888;} .ig_debug_menu_item:hover{	cursor:pointer;	background-color:#fff;	color:#000;} .ig_debug_menu_item.active,.ig_debug_menu_item.active:hover{	background-color:#000;	color:#fff;} .ig_debug_stats{	position:absolute;	right:0;	top:0;	float:right;	color:#888;	border-left:1px solid #333;	text-align:right;} .ig_debug_stats span{	width:3em;	display:inline-block;	color:#fff !important;	margin-right:0.2em;	margin-left:0.3em;	font-family:bitstream vera sans mono,courier new;	white-space:nowrap;} .ig_debug_panel{	height:152px;	overflow:auto;	position:relative;} .ig_debug_panel canvas{	border-bottom:1px solid #444;} .ig_debug_panel .ig_debug_panel{	padding:8px;	height:auto;	float:left;	background-color:#000;	border-right:2px solid #222;} .ig_debug_option{	padding:2px 0 2px 8px;	cursor:pointer;} .ig_debug_option:first-child{	margin-top:8px;} .ig_debug_option:hover{	background-color:#111;} .ig_debug_graph_mark{	position:absolute;	color:#888;	left:4px;	font-size:10px;	margin-top:-12px;} .ig_debug_legend{	color:#ccc;} .ig_debug_label_mark{	display:inline-block;	width:10px; 	height:10px; 	margin-right:4px;	-webkit-transition:0.1s linear;	-moz-transition:0.1s linear;} .ig_debug_legend_color{	display:inline-block;	width:6px; 	height:10px; 	margin-right:4px; 	margin-left:16px; } .ig_debug_legend_number{	width:3em;	display:inline-block;	text-align:right;	font-family:bitstream vera sans mono,courier new;	color:#fff;	margin-right:0.2em;} .ig_debug_map_container{	position:relative;	overflow:hidden;	border:1px solid #888;} .ig_debug_map_container canvas{	position:absolute;} .ig_debug_map_screen{	position:absolute;	border:1px solid #f0f;} 


.jss32 {
    margin: 0;
    box-sizing: border-box;
	}
	.jss51 {
    justify-content: space-around;
}
	.jss31 {
    width: 100%;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    box-sizing: border-box;
	}
	.jss39 {
    align-items: center;
}
	.jss1 {
    color: #ffcd00;
	}
	.jss125 {
    text-shadow: 2px 2px 2px #00476c;
    font-weight: bold;
}
body{padding:0;margin:0;font-family:'Open Sans', sans-serif}
#game-container{z-index:0;position:absolute;left:0;right:0;top:0;bottom:28px;background-color:#5a7371;box-shadow:0px 5px 5px #888888}
#game-container.fullscreen{bottom:0}
.game-footer{/* z-index:0; */position:absolute;bottom:0;left:0;right:0;height:28px;}
.game-btn{background:3CC0DC;background:linear-gradient(to bottom,#259cd8 0%,#3CC0DC 100%);cursor:pointer;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:1px 1px 3px #666666;color:#ffffff;font-size:20px;font-weight:bold;text-decoration:none;border:solid #d0e0ea 2px;text-transform:uppercase;padding:10px;display:block;margin:0 auto}
.game-btn:hover{background:#00a6e7;background-image:linear-gradient(to bottom, #00a6e7, #1a91cf);text-decoration:none}
.game-btn-link:hover{text-decoration:none}
.game-footer{-webkit-user-select:none;-moz-user-select:none;box-sizing:content-box}
.game-footer .game-footer-logo{height:28px;font-size:20px;line-height:28px;padding:0 10px;margin:0}
.game-footer .game-footer-logo a,
.game-footer .game-footer-logo a:hover,
.game-footer .game-footer-logo a:active{text-decoration:none;color:inherit}
.game-footer .game-footer-btn{color:white;height:28px;overflow-y:hidden;margin-left:5px;cursor:pointer; font-weight:bold; text-transform:uppercase;padding:0 15px;font-size:16px;}
.game-footer .game-footer-btn.game-footer-logo{margin:0}
.game-footer .game-footer-btn:hover{background-color:#ffcd00;}
.game-footer .game-footer-btn a.game-footer-link{line-height:28px;height:28px;display:inline-block;}
.game-footer .game-footer-btn a.game-footer-link:link,
.game-footer .game-footer-btn a.game-footer-link:visited{color:inherit;text-decoration:none;}
.game-footer .game-footer-more{text-transform:uppercase;padding:0 15px;font-size:16px;background-color: #44BFA3;border: 2px solid #fff;}
.game-footer .game-footer-img-button{width:70px;overflow-x:hidden;height:28px;cursor:pointer}
.game-footer .game-footer-img-button div{height:28px;text-align:center}
.game-footer .game-footer-img-button div a{font-size:0;height:28px;width:70px;line-height:62px}
.gameloader{-webkit-user-select:none;-moz-user-select:none;overflow:hidden}
.gameloader .gameloader-game-name{font-size:20px;font-weight:bold;text-transform:uppercase;color:white;margin-left:auto;margin-right:auto;text-align:center;text-shadow:1px 1px 1px #00476c}
.gameloader .gameloader-logo{margin-left:auto;margin-right:auto;margin:8px 0 15px 0;width:300px}
.gameloader .gameloader-logo img{width:100%;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.3)}
.gameloader .gameloader-progressbar{width:300px;height:1.2vh;border-radius:0.6vh;background-color:#fff;flex-grow:1;transition:0.2s ease-out all;}
.gameloader .gameloader-progressbar .gameloader-progressbar-progress{width:0;height:100%;border-radius:0.6vh;background-color:#3CF7DC;transition:0.2s ease-out all;animation-name:fillColor;animation-duration:3.5s;animation-iteration-count:infinite;animation-fill-mode:both;}
.gameloader .gameloader-progress-info{margin-left:auto;margin-right:auto;margin-top:6px;font-size:14px;color:#fff;text-align:center;text-shadow:1px 1px 1px #00476c}
.loader-hidden{display:none}
.loader-active{display:block}
a{text-decoration:none}
a:hover{text-decoration:none}
.ball-beat,.ball-beat > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ball-beat{display:block;font-size:0;color:#fff}.ball-beat > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.ball-beat{width:108px;height:36px}.ball-beat > div{width:20px;height:20px;margin:8px;border-radius:100%;-webkit-animation:ball-beat .7s -.15s infinite linear;-moz-animation:ball-beat .7s -.15s infinite linear;-o-animation:ball-beat .7s -.15s infinite linear;animation:ball-beat .7s -.15s infinite linear}.ball-beat > div:nth-child(2n-1){-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes ball-beat{50%{opacity:.2;-moz-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes ball-beat{50%{opacity:.2;-o-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}