.game-info,.games-box,a,a:active {
	-o-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out
}

.game-info .play-count,body {
	font-family:'Source Sans Pro',Arial,Helvetica,Sans-serif
}

#footer,#footer p,.ad-caption,.game-info,.game-info .play-count,.home-leaderboard {
	text-align:center
}

* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

body,html {
	max-width:100%;
	height:100%
}

body {
	background-color:#217eaa;
	color:#fff
}

.category_container {
	margin-bottom:15px;
	overflow:visible;
	padding-bottom:20px
}

a,a:active {
	text-decoration:none;
	-ms-transition:.2s;
	color:#fff;
	border:none;
	outline:0
}

.game-info,.games-box,a,a:active {
	transition:all .2s ease-in-out
}

a:hover {
	color:#fcfcfc
}

.right {
	float:right
}

#footer,.games-box img,.left,.logo,.mas_box,.static-header {
	float:left
}

.home-leaderboard {
	display:block;
	margin:0 auto 10px
}

.topbar {
	width:100%;
	min-height:57px;
	position:fixed;
	z-index:150;
	background-color:#003B66;
	border-bottom:solid #000 1px
}

.logo {
	width:260px;
	height:49px;
	margin:0 10px 0 0
}

.logo-img {
	display:block;
	width:259px;
	height:49px;
	border:0;
	text-indent:-9999px;
	font-size:1.2em;
	background-size:130px
}

.ad-caption,.games-box {
	background-color:#003B66
}

.static-header {
	min-height:60px;
	margin-bottom:10px;
	width:100%
}

#games-container {
	margin:0 auto;
	width:100%
}

.main-games-container {
	float:left;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden
}

.mas_box {
	margin:0;
	padding:0;
	overflow:hidden
}

.games-box {
	border:7px solid #003B66;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px;
	box-shadow:0 0 3px 0 rgba(125,78,165,.7);
	position:relative;
	overflow:hidden
}



.ad-caption {
	font-size:.7em;
	letter-spacing:.09em;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 0;
	display:inline-block;
	width:100%;
	padding:7px 5px;
	border-radius:5px
}

.games-box .badge-hot {
	height:105px;
	left:0;
	position:absolute;
	top:0;
	width:105px;
	z-index:99;
	background:url(//pimg.jaludo.com/mobile/images/site/badge-hot.png)no-repeat
}

.games-box .badge-new {
	background:url(//pimg.jaludo.com/mobile/images/site/badge-new.png)no-repeat;
	height:50px;
	left:0;
	position:absolute;
	top:0;
	width:50px;
	z-index:99
}

.game-info {
	width:100%;
	height:100%;
	display:table;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter:alpha(opacity=0);
	-khtml-opacity:0;
	-moz-opacity:0;
	opacity:0;
	position:absolute;
	z-index:101;
	background-color:rgba(0,0,0,.85);
	vertical-align:middle;
	border-radius:5px
}

.game-caption {
	width:100%;
	display:table-cell;
	vertical-align:middle
}

.games-box .game-title {
	font-size:.9em;
	color:#fff;
	display:block;
	font-weight:700;
	padding:10px;
	text-align:center;
	width:100%
}

.game-info .play-count {
	display:inline-block;
	font-size:.7em;
	font-weight:400;
	text-transform:uppercase;
	margin-top:10px
}

.game-info .play-count .fa {
	color:#ff3546;
	margin-right:5px
}

.games-box img {
	border:none;
	opacity:1;
	outline:0;
	transition:all .3s ease 0;
}

#footer {
	z-index:102;
	width:100%;
	background-color:#003B66;
	padding:15px
}

#footer p {
	font-size:.8em;
	color:#fff;
	line-height:1.8em;
	margin:0
}

#footer .right a {
	padding:5px 10px;
	margin:0 5px;
	background-color:#217eaa;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	border-radius:7px
}

#footer .right a span {
	margin:0 5px 0 0;
	display:none
}

.resp_caption {
	display:none
}

.3dmissing {
	margin:auto;
	position:relative;
	top:50%;
	width:193px
}

.game-rate .dead-star {
	color:#707070
}

.game-rate .full-star {
	color:#fc0
}

@media all and (min-width:200px)and (max-width:595px) {
#footer p span {
	display:none
}

#footer .right a,#footer .right a span {
	display:inline-block
}

#footer .right a {
	padding:10px 20px;
	margin:20px 5px
}

body {
	background-attachment:scroll
}
}

@media all and (min-width:200px)and (max-width:849px) {
.resp_caption {
	display:block;
	width:100%;
	font-size:.7em;
	bottom:0;
	text-align:center;
	position:absolute;
	z-index:10;
	background-color:rgba(0,0,0,.85);
	color:#fff;
	padding:5px 0
}
}

@media all and (min-width:200px)and (max-width:685px) {
.topbar {
	position:relative
}

#footer .left {
	margin-bottom:20px
}

#footer p {
	font-size:.9em
}

.b2top {
	margin-top:20px!important
}
}

@media all and (max-width:785px) {
.b2top {
	display:block!important
}

.home-leaderboard {
	width:320px
}
}

@media all and (min-width:200px)and (max-width:958px) {
.topbar {
	position:relative
}

.static-header {
	min-height:5px
}

#footer p {
	display:block;
	width:100%;
	text-align:center
}

#footer .right a,#footer .right a span {
	display:inline-block
}

#footer .right a {
	padding:10px 20px;
	margin:20px 5px
}

.b2top {
	display:block!important;
	text-transform:uppercase
}
}

@media all and (min-width:690px)and (max-width:957px) {
.topbar {
	position:fixed
}

.static-header {
	min-height:57px
}
}

@media all and (min-width:850px) {
.games-box:active,.games-box:hover {
	border-color:red;
	background-color:red;
	box-shadow:0 0 5px 0 rgba(0,0,0,1)
}

.games-box:active .game-info,.games-box:focus .game-info,.games-box:hover .game-info {
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1
}

.b2top {
	display:none
}
}

@media all and (min-width:680px) {
body,html {
	min-height:100%;
	height:100%
}

#footer {
	bottom:0;
	position:relative
}
}

@media all and (max-width:400px) {
.games-box .badge-hot {
	background:url(//pimg.jaludo.com/mobile/images/site/badge-hot.png)no-repeat;
	height:50px;
	left:0;
	position:absolute;
	top:0;
	width:50px;
	z-index:99;
	background-size:50px
}
}

.mas_box.thumb_m {
	width:155px;
	height:153px
}

.mas_box.ad-big_thumb_m {
	width:310px;
	height:306px
}

.mas_box.mas_big_thumb_m {
	width:308px;
	height:306px
}

.games-box.thumb_m {
	width:139px;
	height:139px;
	margin:0 8px 14px
}

.games-box.big_thumb_m {
	height:292px;
	width:292px;
	margin:0 8px 14px
}

.games-box.ad-big_thumb_m {
	height:296px;
	width:300px;
	margin:3px 5px 10px;
	border:0;
	border-radius:0;
	background-color:#217eaa!important;
	box-shadow:none!important
}

.games-box.big_thumb_m img {
	height:296px;
	width:296px
}

.thumb_m img {
	height:125px;
	width:125px
}

.play {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgba(219,87,5,1);
    font-weight: 700;
    font-size: 1.3em;
    padding: 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7);
    display: block;
	width: 160px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
}

.play:active {
    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}