/* General reset Settings */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } 
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

body {	background: #47639e;	font-family: 'Nunito', Arial, Helvetica, Sans-serif;}

#CateMascotDiv {	bottom: 150px;	right: 50px;	position: fixed;	z-index: 100;}

#content  {	float: left;     margin-left: -5px;}
#maincontent { margin: auto;padding: 0 5px 0 5px;}
#gamecontent { float: left;}
#gamebox { margin-top: 5px;}

.title {
	padding: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.thumbs { list-style-type: none; }
.thumbs li { display: block; float: left; margin: 5px 0 0 5px;}
.thumbs li.game a { position: relative; display: block; background: #FFFFFF; border: 5px solid #13445E; width: 160px; height: 160px; font-size: 12px; font-weight: bold; text-align: center; 	border-radius: 5px;}
.thumbs li.game a:hover { color: #fff; text-decoration: none; border: 5px solid #fff100;}
.thumbs li.game a span.game { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.thumbs li.game a span.game img { position: relative; display: block; width: 100%; height: 100%;}
.thumbs li.game a span.game span.name { position: absolute; top: 100%; display: block; background: url(/images/transparentdot.png); width: 160px; padding: 5px 0; overflow: hidden; font-size: 14px;     color: #fff100; text-shadow: 1px 1px black;}

.sthumbs { list-style-type: none; }
.sthumbs li { display: block; float: left; margin: 5px 0 0 0;}
.sthumbs li.game a { position: relative; display: block; background: #FFFFFF; border: 5px solid #13445E; width: 130px; height: 130px; font-size: 12px; font-weight: bold; text-align: center; 	border-radius: 5px;}
.sthumbs li.game a:hover { color: #fff; text-decoration: none; border: 5px solid #fff100;}
.sthumbs li.game a span.game { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }
.sthumbs li.game a span.game img { position: relative; display: block; width: 100%; height: 100%;}
.sthumbs li.game a span.game span.name { position: absolute; top: 100%; display: block; background: url(/images/transparentdot.png); width: 130px; padding: 5px 0; overflow: hidden; font-size: 14px;     color: #fff100; text-shadow: 1px 1px black;}

.footer { width:100%;text-align: center;color: #ffffff;float: left;}
.footer h4 a, a:hover, a:visited, a:active {color: #ffffff;text-decoration: none;}

.freegamesbox {
	float: left;
	margin: 5px 0 5px 0;
	padding: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.freegamesimg { width:150px;color:#000000;	float: left;margin-right: 5px;}
.freegamesimg img { width:100%;}

.freegamescode { width:805px;color:#000000;	float: left;}

@media screen and (min-width: 1431px) {

#CateMascotDiv img {	height: 150px;}

.top {
	display: block;
	margin: auto;
	height: 90px;
	width: 928px;
	padding: 5px 0 5px 0;
}
.logo {
	height: 90px;
	width: 200px;
	float: left;
}
.logo img{
	width: 100%;
}

.ads-728 {
	width: 728px;
	height: 90px;
	float: left;
}

.pregame {
	display: none;
}

.leftads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-right: 5px;
}
.leftgames {
	margin-top: -5px;
	display: block;
	width: 145px;
	float: left;
}
.rightads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-left: 5px;
}
.rightgames {
	margin-top: -5px;
	display: block;
	width: 140px;
	float: left;
	padding-left: 5px;
}

.title h1 {	font-size: 2rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 1.5rem;padding: 5px 15px 5px 15px;}

#moregames  {display: none;}

.footer h4 {font-size: 1rem;}

#adTitle img{
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    display: block;
}
		
#ClickToPlayButtton {
	width:250px;height:40px;
}

#adTitle .titleText {
    color:#FFF;
    font-size:16px;
    line-height:26px;
}
		
#adTitle .titleText button{
    display: inline-block;
    background: #E70012;
    margin: -20px 0 30px 0;
    border-radius: 10px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
}

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

#CateMascotDiv img {	height: 150px;}

.top {
	display: block;
	margin: auto;
	height: 90px;
	width: 928px;
	padding: 5px 0 5px 0;
}
.logo {
	height: 90px;
	width: 200px;
	float: left;
}
.logo img{
	width: 100%;
}

.ads-728 {
	width: 728px;
	height: 90px;
	float: left;
}

.pregame {
	display: none;
}

.leftads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-right: 5px;
}
.leftgames {
	display: none;
}
.rightads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-left: 5px;
}
.rightgames {
	margin-top: -5px;
	display: block;
	width: 140px;
	float: left;
	padding-left: 5px;
}

.title h1 {	font-size: 2rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 1.5rem;padding: 5px 15px 5px 15px;}

#moregames  {display: none;}

.footer h4 {font-size: 1rem;}

#adTitle img{
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    display: block;
}
		
#ClickToPlayButtton {
	width:250px;height:40px;
}

#adTitle .titleText {
    color:#FFF;
    font-size:16px;
    line-height:26px;
}
		
#adTitle .titleText button{
    display: inline-block;
    background: #E70012;
    margin: -20px 0 30px 0;
    border-radius: 10px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
}

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

#CateMascotDiv img {	height: 150px;}

.top {
	display: block;
	margin: auto;
	height: 90px;
	width: 928px;
	padding: 5px 0 5px 0;
}
.logo {
	height: 90px;
	width: 200px;
	float: left;
}
.logo img{
	width: 100%;
}

.ads-728 {
	width: 728px;
	height: 90px;
	float: left;
}

.pregame {
	display: none;
}

.leftads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-right: 5px;
}
.leftgames {
	display: none;
}
.rightads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-left: 5px;
}
.rightgames {
	display: none;
}

.title h1 {	font-size: 1.5rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 1rem;padding: 5px 15px 5px 15px;}

#moregames  {display: block;	float: left;     margin-left: -5px;height: 350px;overflow: hidden;}

.footer h4 {font-size: 0.8rem;}

#adTitle img{
    border-radius: 10px;
    width: 200px;
    margin: 0 auto;
    display: block;
}
		
#ClickToPlayButtton {
	width:250px;height:40px;
}

#adTitle .titleText {
    color:#FFF;
    font-size:16px;
    line-height:26px;
}
		
#adTitle .titleText button{
    display: inline-block;
    background: #E70012;
    margin: -20px 0 30px 0;
    border-radius: 10px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
}

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

#CateMascotDiv img {	height: 150px;}

.top {
	display: block;
	margin: auto;
	height: 90px;
	width: 928px;
	padding: 5px 0 5px 0;
}
.logo {
	height: 90px;
	width: 200px;
	float: left;
}
.logo img{
	width: 100%;
}

.ads-728 {
	width: 728px;
	height: 90px;
	float: left;
}

.pregame {
	display: none;
}

.leftads {
	display: none;
}
.leftgames {
	display: none;
}
.rightads {
	display: block;
	width: 160px;
	height: 600px;
	float: left;
	padding-left: 5px;
}
.rightgames {
	display: none;
}

.title h1 {	font-size: 1.5rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 1rem;padding: 5px 15px 5px 15px;}

#moregames  {display: block;	float: left;     margin-left: -5px;height: 350px;overflow: hidden;}

.footer h4 {font-size: 0.8rem;}
        #adTitle img{
            border-radius: 10px;
            width: 150px;
            margin: 0 auto;
            display: block;
        }
		
		#ClickToPlayButtton {
			width:200px;height:40px;
		}
        #adTitle .titleText {
            color:#FFF;
            font-size:14px;
            line-height:26px;
        }
		
        #adTitle .titleText button{
            display: inline-block;
            background: #E70012;
            margin: -20px 0 30px 0;
            border-radius: 10px;
            border: 3px solid #fff;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
        }
}

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

#CateMascotDiv img {	height: 150px;}

.top {
	display: block;
	width: 100%;
}
.logo {
	height: 50px;
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
}
.logo img{
	height: 50px;
	width: 116px;
}

.ads-728 {
	width: 100%;
	height: 90px;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
}

.pregame {
	margin: 5px 0 5px 0;
	display: block;
	padding: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.pregame h4 {font-size: 1rem;padding: 5px 15px 5px 15px;}

.pregameleft {
	float: left;
	width: 336px;
	height: 280px;
	margin: 5px;
}

.pregameright {
	float: right;
	width: 320px;
	height: 280px;
	margin: 5px;
}

.pregameright img {
	width: 280px;
	height: 280px;
}

.leftads {
	display: none;
}
.leftgames {
	display: none;
}
.rightads {
	display: none;
}
.rightgames {
	display: none;
}

.title h1 {	font-size: 1.2rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

#moregames  {display: block;	float: left;     margin-left: -5px;height: 525px;overflow: hidden;}

.footer h4 {font-size: 0.8rem;}
        #adTitle img{
            border-radius: 10px;
            width: 150px;
            margin: 0 auto;
            display: block;
        }
		
		#ClickToPlayButtton {
			width:170px;height:35px;
		}
        #adTitle .titleText {
            color:#FFF;
            font-size:13px;
            line-height:26px;
        }
		
        #adTitle .titleText button{
            display: inline-block;
            background: #E70012;
            margin: -20px 0 30px 0;
            border-radius: 10px;
            border: 3px solid #fff;
            color: #fff;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
        }
}

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

#CateMascotDiv img {	height: 120px;}

.top {
	display: block;
	width: 100%;
}
.logo {
	height: 50px;
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
}
.logo img{
	height: 50px;
	width: 116px;
}

.ads-728 {
	display: block;
	width: 100%;
}

.pregame {
	display: none;
}

.leftads {
	display: none;
}
.leftgames {
	display: none;
}
.rightads {
	display: none;
}
.rightgames {
	display: none;
}

.title h1 {	font-size: 1rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 0.8rem;padding: 5px 5px 5px 5px;}

#moregames  {display: block;	float: left;     margin-left: -5px;height: 525px;overflow: hidden;}

.footer h4 {font-size: 0.5rem;}
        #adTitle img{
            border-radius: 10px;
            width: 120px;
            margin: 0 auto;
            display: block;
        }
		
		#ClickToPlayButtton {
			width:150px;height:30px;
		}
		
        #adTitle .titleText {
            color:#FFF;
            font-size:12px;
            line-height:26px;
        }
		
        #adTitle .titleText button{
            display: inline-block;
            background: #E70012;
            margin: -20px 0 30px 0;
            border-radius: 10px;
            border: 3px solid #fff;
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
        }
}

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

#CateMascotDiv img {	height: 100px;}

.top {
	display: block;
	width: 100%;
}
.logo {
	height: 50px;
	width: 100%;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
}
.logo img{
	height: 50px;
	width: 116px;
}

.ads-728 {
	display: block;
	width: 100%;
}

.pregame {
	display: none;
}

.leftads {
	display: none;
}
.leftgames {
	display: none;
}
.rightads {
	display: none;
}
.rightgames {
	display: none;
}

.title h1 {	font-size: 1rem;}

.gamedesc { 
	display: block;
	padding: 5px;
	margin-top: 5px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 5px solid #13445E;
}

.gamedesc h4 {font-size: 0.8rem;padding: 5px 5px 5px 5px;}

#moregames  {display: block;	float: left;     margin-left: -5px;height: 875px;overflow: hidden;}

.footer h4 {font-size: 0.5rem;}
        #adTitle img{
            border-radius: 10px;
            width: 120px;
            margin: 0 auto;
            display: block;
        }
		
		#ClickToPlayButtton {
			width:150px;height:30px;
		}
		
        #adTitle .titleText {
            color:#FFF;
            font-size:12px;
            line-height:26px;
        }
		
        #adTitle .titleText button{
            display: inline-block;
            background: #E70012;
            margin: -20px 0 30px 0;
            border-radius: 10px;
            border: 3px solid #fff;
            color: #fff;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
        }
}

        #ima-game_container {
            margin: 0;
            padding: 0;
            background-color: #000000;
            -webkit-overflow-scrolling:touch;
            overflow:hidden;
        }

        #gameContainer {
            display: block;
            overflow: hidden;
        }

        #game_file {
            background-color: #000;
            width: 100%;
            height: 100%;
            position: relative;
            margin: auto;
        }

        #adsContainer{
            position: relative;
            display: block;
            overflow: hidden;
        }

        #adTitle {
            position: relative;
            overflow: hidden;
            text-align: center;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
        }

        #adTitle .titleText .GameNameText{
            font-family: 'Lilita One', sans-serif;
            font-weight: 700;
            color: #FFF;
            font-size: 26px;
            line-height: 45px;
            width: 100%;
            height: 45px;
            overflow:hidden;
        }
	
        #adContainer_logo {
            overflow: hidden;
        }

        #adContainer {
            position: absolute;
            left: 0;
            top:0;
        }

        #videoElement {
            display: none;
        }
		
		#sticky_topright {
		position: fixed;
		top: 0;
		z-index: 1000;
		width: 100%;
		text-align: right;
		}
		#sticky_topright button{
		border-radius: 10%;
		background-color: red;
		margin: 5px;
		color: #fff;
		font-size: 10px;
		padding: 5px;
		}