@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700);
body { background: #221d29; font-family: 'Titillium Web', sans-serif; font-size: 16px; color: #333; overflow-x: hidden;}

a { -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
a.anchor { display: block; position: relative; top: -100px; visibility: hidden; }

button:focus { outline: 0!important; }
input:disabled, button:disabled { background: #ccc!important; color: #555!important; opacity: 0.5!important; }

.form-control { height: auto; padding: 7px 12px; -webkit-box-shadow: none; box-shadow: none;}
select.form-control { padding: 6px 8px; }

.container { max-width: 948px; }
.content.fr_hipay { font-family: Arial, Helvetica, sans-serif!important;}

.btn-default { border-color: #ccc; }
.btn-default:hover { background-color: #e61111; border-color: #e61111; color: #fff; }

.rating { font-size: 11px; letter-spacing: 2px; color: #ffbf00; margin: 0; height: 11px; line-height: 11px; text-align: left; }
.rating .fa-star.grey { color: #c6c6c6; }

.langflag { float: left; position: relative; padding: 2px; margin: 0; background: #000; border: none; font-size: 16px; }
.langflag li { float: left; list-style: none; padding: 0; margin: 0 0 2px; border-bottom: none!important; }
.langflag li:last-child { margin: 0; }
.langflag a { float: left; width: 100%; color: #fff; text-decoration: none; display: inline; font-size: 0.75em; white-space: nowrap; padding: 5px 2px; line-height: 16px; }
.langflag a:hover { background: #ccc; color: #000; }
.langflag a span { float: left; width: 20px; height: 16px; margin: 0 5px 0 0; background-size: cover; }

.dropdown-menu.langflag { float: left; position: relative; padding: 5px; margin: 0; background: #222; border: none; font-size: 16px; }
.dropdown-menu.langflag li { width: 100%; }
.dropdown-menu.langflag { position: absolute; padding: 5px; margin: 0; top: 58px; left: auto; right: 0; background: #222; border: none; font-size: 16px; }
.dropdown-menu.langflag { min-width: 180px; }
.dropdown-menu.langflag a { float: left; width: 100%; color: #fff; text-decoration: none; display: inline; font-size: 0.8125em; white-space: nowrap; padding: 2px; line-height: 24px; }
.dropdown-menu.langflag a:hover { background: #ccc; color: #333; }
.dropdown-menu.langflag a span { width: 32px; height: 24px; margin: 0 5px 0 0; }

/* navagiation menu */
.navbar-nav { margin: 0 -15px; border-bottom: 3px solid #bb1010; }


.navbar-inverse { background: #fff; border-color: #fff; }
.navbar-default .navbar-toggle { border: none; border-radius: 0; margin: 0; float: left; background: none; height: 50px; width: 42px; }
.navbar-default .navbar-toggle .icon-bar { background: #999;  }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-default .navbar-inverse .navbar-toggle:focus { border: none; background: none;}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-inverse .navbar-toggle:focus .icon-bar { background: #fff; }

.navbar-header { height: 50px; position: relative; }

.navbar-header .note { position: absolute; bottom: 0; width: 100%; text-align: center; }
.navbar-header .note p { display: table; width: 100%; height: 12px; margin: 0 auto; color: #fff; font-size: 0.625em; letter-spacing: -0.05em; word-spacing: 0.01em;text-align: center; }
.navbar-header .note p span { display: table-cell; vertical-align: middle; }

.navbar-brand { font-size: 24px; color: #f5f5f5; text-align: center; width: 180px; float: none; display: block; padding-left: 0; padding-right: 0; margin: 0 auto; padding-top: 12px; }
.navbar-brand span { font-weight: bold; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: #e61111; }

.navicon { float: left; display: block; width: 24px; height: 24px; background: url(../img/navicon.png) no-repeat;margin-right: 5px; }
	.navicon.icon1 { background-position: 0 center; } 		/* home */
	.navicon.icon2 { background-position: -24px center; }	/* signup */
	.navicon.icon3 { background-position: -48px center; }	/* account */
	.navicon.icon4 { background-position: -72px center; }	/* login */
	.navicon.icon5 { background-position: -96px center; }	/* language */
	.navicon.icon6 { background-position: -120px center; }	/* favourite */
	.navicon.icon7 { background-position: -144px center; }	/* add to favourite */
	.navicon.icon8 { background-position: -168px center; }	/* ranking/leaderboards */
	.navicon.icon9 { background-position: -192px center; }	/* share */
	.navicon.icon10 { background-position: -216px center; }	/* logout */

.navbar-bg { background: #bb0028; position: relative; }
.navbar-bg .price { position: absolute; left: 0; bottom: -19px; width: 100%; height: 16px; line-height: 16px; font-size: 0.6875em; background-color: rgba(34, 34, 34, 0.9); color: #fff; text-align: center; overflow: hidden;  }
.navbar-bg .price.at, .navbar-bg .price.ch { bottom: auto; height: auto; margin-top: 0; line-height: 10px; padding: 1px 0px 3px; }
.navbar-group { float: left; margin: 0; padding: 0; width: 100%;}
.navbar-group li { list-style: none; float:left; display: block; width: 12.5%; border-right: 1px solid #222; }
.navbar-group li:last-child { border: none; }
.navbar-group li a { display: block; color: #f5f5f5; padding: 8px 0 6px; text-align: center;}
.navbar-group li a b { font-weight: normal; display: none; }
.navbar-group li a:hover { text-decoration: none; background: #e61111; }
.navbar-group li.active a, .navbar-group li.active a:hover, .navbar-group li.active a:focus { background-color: #f6c525; }

.navbar-icon { display: block; width: 30px; height: 30px; margin: 0 3px 2px 0; float: left; position: relative; top: -6px; }
	.navbar-icon.icon1 { background: url(../img/navbar-icon_home.png); background-size: 100%; }		/* Home */
	.navbar-icon.icon2 { background: url(../img/navbar-icon_arcade.png); background-size: 100%; }	/* Arcade */
	.navbar-icon.icon3 { background: url(../img/navbar-icon_new.png); background-size: 100%; }		/* New */
	.navbar-icon.icon4 { background: url(../img/navbar-icon_girl.png); background-size: 100%; }		/* Girl */
	.navbar-icon.icon5 { background: url(../img/navbar-icon_puzzle.png); background-size: 100%; }	/* Puzzle */
	.navbar-icon.icon6 { background: url(../img/navbar-icon_popular.png); background-size: 100%; }	/* Popular */
	.navbar-icon.icon7 { background: url(../img/navbar-icon_bubble.png); background-size: 100%; }	/* Bubble */
	.navbar-icon.icon8 { background: url(../img/navbar-icon_card.png); background-size: 100%; }		/* Card & Board */
	.navbar-icon.icon9 { background: url(../img/navbar-icon_adventure.png); background-size: 100%; }/* Adventure */
	.navbar-icon.icon10 { background: url(../img/navbar-icon_casino.png); background-size: 100%; }	/* Card & Casion */
	.navbar-icon.icon11 { background: url(../img/navbar-icon_sports.png); background-size: 100%; }	/* Sports */
	.navbar-icon.icon12 { background: url(../img/navbar-icon_strategy.png); background-size: 100%; }/* Strategy */
	.navbar-icon.icon15 { background: url(../img/navbar-icon_more.png); background-size: 100%; }	/* More */
	.navbar-icon.icon14 { background: url(../img/navbar-icon_wp.png); background-size: 100%; }		/* Wallpaper */
	.navbar-icon.icon13 { background: url(../img/navbar-icon_all.png); background-size: 100%; }		/* All */

.navbar-group li:first-child { display: none; }

.games.navbar-icon { float: left; display: block; width: 24px; height: 24px; margin: 0 5px 0 0; }

.nav-grid {}
.nav-grid { text-align: center; }
.nav-grid .row { background: #222; width: 100%; margin: 0; }
.nav-grid p { float: left; width: 33%; background: #0e0e0e; margin: 0 1px 1px 0;}
.nav-grid p:last-child { margin-right: 0; }
.nav-grid a { display: block; font-size: 0.75em; color: #fff; padding: 10px 0; line-height: 9px; height: 70px; }
.nav-grid a:hover { text-decoration: none; background: #e61111;}
.nav-grid p.active a { background: #bb1010; }


.rtl {direction:rtl; text-align:right;}
.ltr {direction:ltr; text-align:left;}


.rtl .langflag span { float: right; margin: 0 0 0 5px; }
.rtl #leftmenu .usericon p { padding: 0 35px 0 0; }
.rtl #leftmenu .navicon { float: right; margin: 0 0 0 15px; }
.rtl #leftmenu .navmenu-nav .searchbox span { left: auto; right: 18px; }
.rtl #leftmenu .navmenu-nav .searchbox .form-control { padding: 0 55px 0 15px; }

.common-icon { float: left; display: block; width: 24px; height: 24px; margin: 0 5px 0 0; background: url(../img/common_icon.png) no-repeat;  }
	.common-icon.icon1 { background-position: 0 0; }		/* Login */
	.common-icon.icon2 { background-position: -24px 0;}		/* Forget Password */
	.common-icon.icon3 { background-position: -48px 0;}		/* Termination */

.rtl .common-icon { float: right; margin: 0 0 0 5px; }
.rtl .dropdown .btn, .rtl .dropdown-menu { text-align: center!important; }

.cancel, .cancel:hover, .cancel:focus { position: absolute; width: 100%; left: 0; top: 34px; text-align: center; color: #fff!important; text-decoration: underline; font-size: 0.75em; }


/* --------------------------------------------------------------index--------------------------------------------------------------------------------- */

/* featured games */
.featbox { display: none; }
.featgame { position: relative; color: #fff; }
.featgame .featgame_detail { position: absolute; left: 0; bottom: 0; width: 100%; }
.featgame .featbar { position: absolute; bottom: 0; left: 0; width: 100%; }
.featgame .featbar span { display: block; background: #000; opacity: .8; margin: 0; }
.featgame { float: left; width: 100%; margin-bottom: 15px;  }
.featgame .featimg img { width: 100%; }
.featgame .featimg img:hover { opacity: 0.8; }
.featgame p { padding: 0; margin: 0; }
.featgame .featname { float: left; display: block; width:72%; padding: 0 0 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.featgame .featname span { float: left; width: 24px; background: url(../img/featicon.png) no-repeat center; margin: 0 5px 0;}
.featgame .rating { float: right; display: block; width:28%; padding: 0 15px 0 0; text-align: right; }
.featgame .featbar, .featgame .featbar span, .featgame p, .featgame .featname span, .featgame .rating { height: 46px; line-height: 46px; }

.carousel .featgame { margin: 0; }
.carousel .featgame .featbar, .carousel .featgame .featbar span, .carousel .featgame p, .carousel .featgame .featname span, .carousel .featgame .rating { height: 36px; line-height: 36px; }
.carousel-control { background-image: none!important; background-color: #8e8e8e; top: 40%; height: 20%; width: 10%; }

/* linkbox */
.linkbox { display: block; padding: 25px 0; background: #d7d7d7;}
.linkbox .block-footer-games-col { width: 100%; float: left; font-size: 0.875em; line-height: 22px; }
.linkbox .footer-games-item-letter  { display: block;  color: #000; font-weight: bold;}
.linkbox a { display: block; color: #333; }
.linkbox a:hover { text-decoration: underline; color: #bb1010; }

.sectionbox.sitemap .linkbox { float: left; background: none; width: 100%; padding: 10px 0 15px }
.sectionbox.sitemap p.head { font-size: 1em; font-weight: bold; margin-bottom: 8px; }
.sectionbox.sitemap ul, .sectionbox.sitemap li { float: left; padding: 0; margin: 0; list-style: none; font-size: 0.9375em; }
.sectionbox.sitemap li { width: 50%; }


.gamepagelink { background: #453d50; padding: 10px 0 15px; border-top: 1px solid #c3c3c3; display: none; }
.gamepagelink p { float: left; width: 100%; text-align: left; padding: 5px 0; margin: 0; }
.gamepagelink p:last-child { border: none; }
.gamepagelink a { float: left; font-weight: bold; font-size: 0.875em; color: #000; white-space: nowrap; width: 100%;}
.gamepagelink a:hover { text-decoration: underline; color: #bb1010; }

/* footer */
footer { background: #222;  color: #9e9e9e; font-size: 0.75em; padding: 10px 10px; position: relative; margin-bottom: 30px; }
footer .copyright { position: absolute; left: 0; bottom: -30px; width: 100%; background: #121212; line-height: 30px; }
footer .copyright { text-align: center; }
footer .socialicon a { display: inline-block; width: 30px; height: 30px; border-radius: 30px; color: #222; background: #4e4e4e; font-size: 18px; text-align: center; margin: 10px 5px; line-height: 30px; }
footer .socialicon a:hover  { background: #fff; }
footer .link { padding: 10px 0; }
footer .link a { line-height: 24px; color: #9e9e9e; padding: 0 10px; white-space: nowrap; }
footer .link a:hover { color: #fff; text-decoration: none; }
footer .copyright, footer .socialicon, footer .link { float: none; text-align: center; }
footer .unsub { float: left; width: 100%; text-align: center; padding: 10px; }
footer .unsub a { color: #9e9e9e; text-decoration: none; }
footer .unsub a:hover { color: #fff; }
footer .fnote { padding: 0 0 5px; font-weight: 300; text-align: justify; margin: 5px 0; float: left; width: 100%; line-height: 1.1;  }
footer .fnote a { color: #9e9e9e; text-decoration: underline; }
footer .fnote a:hover { color: #fff; }
.at footer, .ch footer { position: fixed; left: 0; bottom: 0; width: 100%; }
.at footer .container, .ch footer .container { margin: 0 auto; }
.at .gamepagelink .container, .ch .gamepagelink .container { margin-bottom: 320px; }


h3 { font-size: 20px; font-weight: bold; color: #333; line-height: 24px; padding: 0 0 10px; margin: 0; }
h3 .section_icon { float: left; display: block; width: 24px; height: 24px; margin: 0 5px 0 0; background: url(../img/section_icon.png) no-repeat; }
	h3 .section_icon.icon1 { background-position: 0 center; }
	h3 .section_icon.icon2 { background-position: -24px center }
	h3 .section_icon.icon3 { background-position: -48px center; }
	h3 .section_icon.icon4 { background-position: -72px center; }
h3 a { float: right; color: #fdfdfd; font-size: 0.75em; font-weight: bold; padding: 6px 15px; background: #3d0e75; border-radius: 20px; }
h3 a:hover { color: #e61111; text-decoration: none; }

.gamelist { height: 118px; overflow: hidden; }
.gamelist.showall { height: auto!important; }
.borderbox {margin: 0 0 20px; padding: 0; }
.borderbox .sectionbox { margin: 0; }

.sectionbox .morelink { text-align: right; padding-top: 5px;}
.sectionbox .morelink a {  color: #bb1010; font-size: 0.875em; font-weight: bold; }

.sectionbox { margin: 0 0 20px; float: left; width: 100%; }
.sectionbox ul { width: 100%; }
.sectionbox .gamelist .gamebox { float: left; position: relative; margin: 0 0 15px; text-align: center; cursor: default; height: 150px;padding-left: 7px; padding-right: 7px; }
.img-box { width: 100%; height: 120px; border-radius: 10px 10px 0 0; overflow: hidden; background: #333; }
.title-box { height: 30px; background: #333; line-height: 30px; border-radius: 0 0 10px 10px; }
.sectionbox .gamelist .gamebox .rating { text-align: center; font-size: 9px; padding: 0; }
.sectionbox .gamelist p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1em; color: #FFF; width: 100%; text-align: center; padding: 0 2px; margin: 0; }
.sectionbox .gamelist .gameimg { display: block; border-radius: 5px; overflow: hidden; margin: 0 auto; }
.sectionbox .gamelist img { overflow: hidden; max-height: 100%; max-width: 100%; justify-content: center; align-items: center; display: block; margin: 0 auto; }
.sectionbox .gamelist .popbtn .btn { font-size: 12px; text-align: center; color: #fff; margin: 0 1px 3px; padding: 1px 10px; border-bottom: 1px solid #000; }

.sectionbox .ranklist { padding: 0;}
.sectionbox .ranklist ul, .sectionbox .ranklist li { float: left; margin: 0; padding: 0; list-style: none; }
.sectionbox .ranklist .rankbox .ranktable { width: 100%; border: 1px solid #e0e0e0; border-radius: 5px; overflow: hidden; padding: 0; margin: 0 5px 25px 0;}
.sectionbox .ranklist .rankdesc { float: left; width: 100%; background: #222; border-bottom: 3px solid #bb1010; padding: 10px; color: #fff; font-size: 16px; }
.sectionbox .ranklist .rankdesc .gameimg { float: left; width: 50px; margin: 0 5px 0 0 }
.sectionbox .ranklist .rankdesc .gamedetails { float: left; width: 52%;  }
.sectionbox .ranklist .rankdesc .gamedetails p { margin: 0 0 5px;}
.sectionbox .ranklist .rankdesc .gamedetails .gamename { display: block; line-height: 16px; height: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.sectionbox .ranklist .rankdesc .gamedetails .rating { font-size: 11px; height: 11px; line-height: 11px; }
.sectionbox .ranklist .rankdesc .btnplay { width: 20%; min-width: 40px; float: right; padding: 7px 0 0; }
.sectionbox .ranklist .rankdesc .btn { padding: 8px 4px; background: #bb1010; color: #fff; text-transform: uppercase; float: right; width: 100%; text-align: center; border-bottom: 1px solid #000; }
.sectionbox .ranklist .rankdesc .btn:hover { background: #b1fe0e; color: #000;}
.sectionbox .ranklist .rankplayer { float: left; width: 100%; color: #000; }
.sectionbox .ranklist .rankplayer p { float: left; margin: 0; height: 34px; line-height: 34px; }
.sectionbox .ranklist .rankplayer li { width: 100%; padding: 0 10px; font-size: 14px; }
.sectionbox .ranklist .rankplayer li:nth-child(even) { background: #f5f5f5; }
.sectionbox .ranklist .rankplayer .ranking { width: 7%; }
.sectionbox .ranklist .rankplayer .player { width: 62%; }
.sectionbox .ranklist .rankplayer .player img { float: left; width: 24px; height: 24px; border-radius: 24px; overflow: hidden; margin: 5px 5px 0 0;}
.sectionbox .ranklist .rankplayer .score { width: 31%; text-align: right; }
.sectionbox .ranklist .col-sm-4, .sectionbox .ranklist .col-md-4, .sectionbox .ranklist .col-xs-12 {padding-left: 0; padding-right: 0;}

.sectionbox.terms h3, .sectionbox.privacy h3 { font-size: 1.5em; font-weight: bold; color: #333; padding: 0 0 10px; margin: 0; }
.sectionbox.terms p, .sectionbox.privacy p  { margin: 0 0 8px; font-size: 0.9375em; line-height: 1.125; color: #333; }
.sectionbox.terms p.head, .sectionbox.privacy p.head { padding: 15px 0 10px; margin: 0; font-size: 1.125em; }
.sectionbox.terms ul, .sectionbox.privacy ul { font-size: 0.9375em; margin: 0 0 15px; padding: 0 35px; }
.sectionbox.terms a, .sectionbox.privacy a { color: #bb1010; text-decoration: underline; }
.sectionbox.terms u, .sectionbox.privacy u { display: block; padding: 10px 0; }
.sectionbox.terms.rtl ul, .sectionbox.privacy.rtl ul { padding: 0 35px 0; }

.sectionbox.terms,.sectionbox.privacy, .sectionbox.info {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sectionbox.info .center { text-align: center; }
.sectionbox.info h3 { font-size: 1.5em; font-weight: bold; color: #333; text-align: center; text-decoration: underline; margin-bottom: 0; padding-bottom: 10px; }
.sectionbox.info ul { list-style:lower-alpha; font-size: 0.9375em; margin: 0 0 15px; padding: 0 35px;}
.sectionbox.info li { margin-bottom: 10px;}
.sectionbox.info p  { margin: 0 0 8px; font-size: 0.9375em; line-height: 1.125; color: #333; }
.sectionbox.info p.head { padding: 15px 0 10px; margin: 0; font-size: 1.125em; }
.sectionbox.info a { color: #bb1010; text-decoration: underline; }
.sectionbox.info u { display: block; padding: 10px 0; }


.sectionbox.faq h3 { font-size: 1.5em; font-weight: bold; color: #333; padding: 0 0 10px; margin: 0; }
.sectionbox.faq p  { margin: 0 0 8px; font-size: 0.9375em; line-height: 1.25; color: #333; }
.sectionbox.faq p b { float: left; font-weight: bold; }
.sectionbox.faq p span { display: block;  margin-bottom: 10px; padding: 0 0 0 85px;}
.sectionbox.faq p.head span { margin: 0;}
.sectionbox.faq ul { margin: 0; padding: 0; }
.sectionbox.faq li { list-style: none; margin: 0 0 30px; }

.sectionbox.faq.short p span { padding: 0 0 0 20px; }

.rtl .sectionbox.faq p b { float:right; }
.rtl .sectionbox.faq p span{ padding:0 50px 0 0; }

.sectionbox.unsub a { text-decoration: underline; color: #bb1010; white-space: nowrap; }
.sectionbox.unsub a:hover { text-decoration: none; }
.sectionbox.unsub ul, .sectionbox.unsub li, .sectionbox.unsub p { list-style: none; margin: 0; padding: 0; line-height: 1.2; float: left; width: 100%;}
.sectionbox.unsub ul { margin: 0 0 20px; font-size: 0.9375em; }
.sectionbox.unsub li { margin: 0 0 10px; }
.sectionbox.unsub p { margin: 0 0 5px; }
.sectionbox.unsub .phonebox { padding: 0; margin: 0 0 35px; float: left; width: 100%; }
.sectionbox.unsub .phonebox .formfield { padding: 0; margin: 0 auto; width: 25%; float: left; }
.sectionbox.unsub .phonebox .note { font-size: 0.75em; margin: 0 0 15px; }
.sectionbox.unsub .phonebox a { background: #1c9c12; font-size: 0.875em; color: #fff; text-align: center; width: 100%; text-decoration: none; }
.sectionbox.unsub .phonebox a:hover { background: #000; color: #ff0;}
/* --------------------------------------------------------------index--------------------------------------------------------------------------------- */



.overlay_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1031; opacity: 0.7; display: none;}
.modal-dialog { z-index: 1050; }

#popup .btn-default { min-width: 100px;}
#popup .btn-default { border-color: #ccc; }
#popup .btn-default:hover { background-color: #2dc021; border-color: #2dc021; color: #fff; }
#popup .modal-body { padding: 15px 30px;}
#popup.country_notsupported .modal-header, #popup.country_notsupported .modal-footer { border: none; }
#popup.country_notsupported .modal-dialog { margin-top: 15%; }
#popup.country_notsupported .modal-body p { text-align: center; font-weight: bold; line-height: 1.25; }
#popup.country_notsupported .modal-footer { text-align: center; }

#popup.pop_msg .modal-header, #popup.pop_msg .modal-footer { border: none; }
#popup.pop_msg .modal-dialog { margin-top: 15%; }
#popup.pop_msg .modal-body p { text-align: center; line-height: 1.25; }
#popup.pop_msg .modal-body p .continue { cursor: pointer; font-weight: bold; color: #bb1010; }
#popup.pop_msg .modal-body p .continue:hover { text-decoration: underline; }
#popup.pop_msg .modal-footer { text-align: center; padding: 15px 15px 25px; }

.ingame { position: relative; width: 100%; height: 100%; padding: 0!important;}
.ingame .container { width: 100%; height: 100%; padding: 0; margin: 0; }
.ingame .container .tmpimg img { width: 100%; max-width: 320px;}
.ingame .ingame_tag { position: absolute; width: 30px; height: 52px; top: 20%; left: 0; background: #273334; border-radius: 0 5px 5px 0; cursor: pointer; overflow: hidden; }
.ingame .ingame_tag:hover, .ingame .ingame_tag:focus, .ingame .ingame_tag:active { background: #e61111;}
.ingame .ingame_tag span { display: block; width: 30px; height: 52px; background: url(../img/ingame_tag.png) no-repeat; margin: 0 auto; }


/*
.accountbox { max-width: 768px; margin: 0 auto; padding: 20px 0; }
.accountbox .userinfo { text-align: center; margin: 0 0 20px; }
.accountbox .userinfo .uname { font-weight: bold; }
.accountbox .userinfo .level { margin: 0 0 10px; }
.accountbox .userinfo .btn.fb { padding: 2px 10px; background: #4463bd; color: #fff; }
.accountbox .userinfo .btn.fb span { margin: 0 5px 0 0; }
.accountbox .userinfo .btn.fb:hover { background: #4c6fd3; }
.accountbox .usericon { width: 90px; height: 90px; margin: 0 auto 10px; }
.accountbox .usericon span { display: block; border-radius: 90px; border: 2px solid #ba0b0b; background: #ba0b0b; overflow: hidden;}
.accountbox .levelbox { text-align: center; margin: 0 0 20px;   }
.accountbox .levelbox p { font-size: 1.125em; font-weight: bold; margin: 0 0 15px; color: #0e0e0e; }
.accountbox .levelbox ul { margin: 0; padding: 0; }
.accountbox .levelbox li { list-style: none; }
.accountbox .levelbox .levelbarbox { height: 65px;}
.accountbox .levelbox .levelbar { height: 34px; border: 1px  solid #d3d3d3; border-radius: 17px 0 0 17px; margin-right: 8%; background: #fff; }
.accountbox .levelbox .levelbar ul { float: left; width: 100%; height: 32px; border-radius: 16px 0 0 16px; padding: 2px; }
.accountbox .levelbox .levelbar li { float: left; width: 28%; height: 28px; position: relative; border-radius: 14px ;}
.accountbox .levelbox .levelbar li.active { background: #ba0b0b; border-radius: 28px; }
.accountbox .levelbox .levelbar li .levelicon { position: relative; margin: 0 auto; width: 28px; height: 28px;  }
.accountbox .levelbox .levelbar li .levelicon span { position: absolute; top: -10px; left: -10px; width: 48px; height: 48px; background: url(../img/levelicon.png) no-repeat;}
	.accountbox .levelbox .levelbar li .levelicon.icon1 span { background-position: 0 0; }
	.accountbox .levelbox .levelbar li .levelicon.icon2 span { background-position: -48px 0; }
	.accountbox .levelbox .levelbar li .levelicon.icon3 span { background-position: -96px 0; }
	.accountbox .levelbox .levelbar li .levelicon.icon4 span { background-position: -144px 0; }
	.accountbox .levelbox .levelbar li.active .levelicon.icon1 span { background-position: 0 -48px; }
	.accountbox .levelbox .levelbar li.active .levelicon.icon2 span { background-position: -48px -48px; }
	.accountbox .levelbox .levelbar li.active .levelicon.icon3 span { background-position: -96px -48px; }
	.accountbox .levelbox .levelbar li.active .levelicon.icon4 span { background-position: -144px -48px; }

.accountbox .levelbox .levelbar li b { position: absolute; bottom: -30px; right: 0; width: 100%; font-size: 0.75em; font-weight: bold; text-transform: uppercase; text-align: center; }
.accountbox .levelbox .levelbar li.last { width: 16%; }
.accountbox .levelbox .levelbar li.last .levelicon { position: absolute; top: 0; right: -16px; text-align: right}
.accountbox .levelbox .levelbar li.last.active { background-color: #fff; }
.accountbox .levelbox .levelbar li.last b { right: -50%;}
.accountbox .levelbox .levelbar .bronze { color: #b7603c; }
.accountbox .levelbox .levelbar .silver { color: #939393; }
.accountbox .levelbox .levelbar .gold { color: #dc8804; }
.accountbox .levelbox .levelbar .platium { color: #3c68b3; }
.accountbox .textbox { color: #222; padding: 25px 15px; border-top: 1px solid #d3d3d3; text-align: center; }
.accountbox .textbox p { margin: 0 0 20px; text-align: left; }
.accountbox .textbox a { color: #222; text-decoration: underline; text-align: center; font-size: 0.875em; }
.accountbox .textbox a:hover { text-decoration: none; }
*/

.accountbox { }
.accountbox h3 { padding: 0 15px 15px; font-size: 1.5em; margin: 0 0 15px;}
.accountbox p { margin: 0 0 5px; font-size: 0.9375em; line-height: 1.25em; }
.accountbox .head { font-weight: bold; line-height: 1;  }
.accountbox span.boxleft { float: left; margin: 0 5px 2px 0; font-size: 16px; }
.accountbox .details span.boxleft { width: 100%; }
.rtl .accountbox span.boxleft { float: right; }

.accountbox .user { text-align: center; margin: 0 0 15px; }
.accountbox .usericon { width: 85px; height: 85px;  margin: 0 auto 10px; }
.accountbox .usericon span { display: block; border-radius: 90px; border: 2px solid #ba0b0b; background: #ba0b0b; overflow: hidden;}
.accountbox .details { padding: 0 15px 15px; }
.accountbox .details ul, .accountbox .details li { float: left; padding: 0; margin: 0; list-style: none; width: 100%; }
.accountbox .details li { margin-bottom: 10px; }
.accountbox .details li a { color: #333; text-decoration: none; }
.accountbox .details li a:hover { text-decoration: underline; color: #bb1010; }

.accountbox .textbox { color: #222; padding: 15px 0; margin: 0 15px; font-size: 0.9375em; border-top: 1px solid #d3d3d3; }
.accountbox .textbox a { color: #222; }
.accountbox .textbox a:hover { color: #bb1010; text-decoration: underline;}

.accountbox #update_btn { float: left; padding: 10px 0 0; width: 100%; font-size: 16px; }
.rtl .accountbox #update_btn { float: right; }
.accountbox .panel { -webkit-box-shadow: none; box-shadow: none; border-color: #ccc; margin-bottom: 10px; }
.accountbox .panel-default { border-color: #ccc; border-radius: 5px; overflow: hidden;}
.accountbox .panel-heading { padding: 0; background: #fff; border: none;  }
.accountbox .panel-heading a { display: block; width: 100%; padding: 6px 12px; border: none; border-radius: 0; color: #333; text-decoration: none; text-align: center; font-size: 0.875em; }
.accountbox .panel-heading a:hover { background: #f3f3f3;}
.accountbox .panel-collapse { border-radius: 0 0 5px 5px; }
.accountbox .panel-body { border-top: 1px solid #ccc; background: #fff; }

.accountbox .security_logo { padding: 5px 0; width: 100px; }

.contactbox { }
.contactbox h3 { padding: 0 15px 15px; font-size: 1.5em; }
.contactbox p { margin: 0 0 15px; }
.contactbox p span { display: block; }
.contactbox p span.ltr { text-align: right; }
.contactbox .head { font-weight: bold; }
.contactbox .textbox { color: #222; padding: 15px 0; margin: 0 15px; font-size: 0.9375em; border-top: 1px solid #d3d3d3; }
.contactbox .textbox a { color: #222; }
.contactbox .textbox a:hover { color: #bb1010; text-decoration: underline;}

.loginbox  { max-width: 320px; margin: 30px auto 0; padding: 25px 10px; }
.loginbox h3 { padding: 0 0 15px; font-size: 1.15em; letter-spacing: -0.05em; color: #eeeeee; }
.loginbox a { font-size: 0.875em; text-decoration: none; color: #222; }
.loginbox a:hover { text-decoration: none; color: #bb1010; }

.terminationbox  { max-width: 320px; margin: 0 auto; padding: 25px 10px; }
.terminationbox h3 { padding: 0 0 20px; font-size: 1.5em; }
.terminationbox ul { padding: 0;}

.developers { }
.developers h3 { padding: 0 15px 15px; font-size: 1.5em; }
.developers p { margin: 0 0 10px; font-size: 0.875em; }
.developers .head { font-size: 1.25em; color: #bb1010; }
.developers .textbox { padding: 0 15px 15px; }
.developers .textbox a { color: #222; letter-spacing: -0.02em; }
.developers .textbox a:hover { color: #bb1010; text-decoration: underline;}


.formfield { padding: 0 0 25px; margin: 0; }
.formfield label { float: left; width: 100%; font-size: 0.9375em; font-weight: bold; margin-bottom: 5px; letter-spacing: -0.01em; line-height: 1; }
.formfield li { padding: 0; margin: 0 0 10px; list-style: none; }
.formfield p { display: block; margin: 0 0 10px; font-size: 0.9375em; line-height: 1.25; color: #AAA; }
.formfield .error { font-size: 0.8125em; color: #bb1010; line-height: 1.2; padding: 2px 0; }
.formfield .error span { display: block; padding: 0 0 5px 18px;}
.formfield .error i { margin: 2px 0 0 0; float: left; }
.formfield .btnbox { padding-top: 30px!important; }
.rtl .formfield .error span { display: block; padding: 0 18px 5px 0;}
.rtl .formfield .error i { float: right; }


.formfield .forget { margin: 0 0 25px; font-size: 0.875em; }
.formfield .forget a { color: #222; text-decoration: underline; }
.formfield .forget a:hover { text-decoration: none; }
.formfield .btn { background: #1c9c12; font-size: 0.875em; color: #fff; text-align: center; width: 100%; }
.formfield .btn:hover { background: #2dc021;}
.formfield .checkbox, .formfield .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.formfield .checkbox label, .formfield .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;}
.formfield .note { font-size: 0.8125em; line-height: 1.1; padding: 5px 0 10px;}

.unsubscribe { padding: 0; min-height: 300px; }
.unsubscribe p { font-size: 0.9375em; line-height: 1.25; }
.unsubscribe .formbox { float: left; width: 100%; padding: 10px 0;  }
.unsubscribe .formbox .line { float: left; width: 100%; border-top: 1px solid #ccc; padding: 0 0 15px; margin: 20px 0; }
.unsubscribe .formfield { padding: 0 0 10px; margin: 0; }
.unsubscribe .formfield .dropdown-menu li { margin: 0; }
.unsubscribe .formfield .dropdown-menu { padding: 0; overflow: hidden; }
.unsubscribe .formfield .dropdown-menu>li>a { padding: 8px 20px; color: #000; background: #fff; }
.unsubscribe .formfield .dropdown-menu>li>a:hover { background: #d7d7d7; color: #000; }
.unsubscribe .formfield .dropdown .btn { text-align: left; background: #fff; color: #222; outline: none; margin: 0; }
.unsubscribe .formfield .dropdown .btn:hover { border-color: #ccc; }
.unsubscribe .formfield .dropdown .caret { float: right; margin-top: 8px; }
.unsubscribe .formfield .btn { margin: 0; }
.unsubscribe .formfield .btn.orange { background: #f60; }
.unsubscribe .formfield .btn.orange:hover { background: #f90; }
.unsubscribe .formfield .form-control { margin-bottom: 10px; }
.unsubscribe .formfield .spacer { display: none; }

.details-container {background: #000000;margin: 30px auto;}
.ingamebox { margin: 0 auto; padding: 0 0 45px; width: 100%; height: auto;}
.ingamebox h3 { text-align: center; padding: 10px 0; font-size: 1.5em; color: #bb0729; }
.ingamebox .game_canvas { text-align: center; min-height: 230px; margin: 0; padding: 15px; }
.ingamebox .game_canvas img{max-width: 100%;}
.ingamebox .row{margin: 0; padding: 0;}
.ingamebox .gamedate { font-size: 0.8125em; text-align: center; margin: 0 0 15px;}
.ingamebox .head { font-weight: bold; margin: 0 0 10px; line-height: 16px; padding: 0 0 5px; border-bottom: 1px solid #e0e0e0; }

.ingamebox .game_description { margin: 0 auto 20px; padding: 20px 0 0; }
.ingamebox .game_description p { font-size: 0.875em; line-height: 1.25; margin: 0 0 5px; color: #bebbc1; }
.ingamebox .game_description .rating { margin: 0; float: right; line-height: 16px;}
.ingamebox .game_description .desc { font-size: 0.875em; line-height: 1.25;}
.ingamebox .game_review { max-width: 300px; margin: 0 auto 20px; padding: 0; }
.ingamebox .game_review p { font-size: 0.8125em; line-height: 1.25; margin: 0 0 5px; }
.ingamebox .game_review .user { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #e0e0e0; }
.ingamebox .game_review .user p span { font-weight: bold; }


/* Compatible Devices */
.devices_table {  line-height: 1; }
.devices_table th { font-size: 0.875em; border-bottom: 2px solid #333; vertical-align: middle; padding: 10px 5px; }
.devices_table td { font-size: 0.75em; padding: 4px 5px 2px; border-bottom: 1px dotted #ccc;  }
.devices_table tr:hover { background: #f2f2f2; }
.devices_table tr.head:hover { background: none; }
.devices_table tr.break td { border-bottom: 2px solid #ccc; }
.devices_table .brand	{ width: 18%; padding-left: 0;}
.devices_table .model	{ width: 57%; }
.devices_table .device	{ width: 13%; }
.devices_table .os		{ width: 12%; text-align: center; font-size: 0.9375em; }
.devices_table .os .fa-android  { color: #78c257; }
.devices_table .os .fa-firefox  { color: #f37f0c; }
.devices_table .os .fa-windows  { color: #00aef0; }
.devices_table .os .fa-apple	{ color: #a8b7bd; }
.devices_table .os .blackberry	{ display: block; margin: 0 auto; width: 14px; height: 14px; background: url(http://mobilegamepass.com/static/img/icon_blackberry.png) no-repeat; background-size: 100%; }


/**************************************************************************************************************************************/

@media (min-width: 380px ) {
.gamelist { height: 128px; }
.borderbox, .sectionbox { margin: 10px 0; }
/*.accountbox span.boxleft { width: 180px;}*/
.unsubscribe, .accountbox, .contactbox, .developers { padding: 0 10%; }
.at .gamepagelink .container, .ch .gamepagelink .container { margin-bottom: 290px; }
}

@media (min-width: 480px ) {
.linkbox .block-footer-games-col { width: 50%;  }
.gamepagelink { border: none; padding: 15px 0; }
.gamepagelink p { width: 25%; text-align: center; border-right: 1px solid #333; padding: 0; }
.gamepagelink a { float: none; width: auto; }
.navbar-bg .price.at { padding: 2px 10px 4px; }
.navbar-bg .price.at, .navbar-bg .price.ch { padding: 1px 10px 1px; }
}

@media (min-width: 576px ) and (max-width: 767px) {
.borderbox.col-xs-12 { width: 50%; }
.borderbox .gamebox.col-xs-3 { width: 50%; }
}

@media (min-width: 576px ) {
.borderbox { padding: 0 5px; }
.borderbox .sectionbox { border: 1px dotted #55505d; padding: 10px; border-radius: 5px; }
.gamelist { height: auto; }
.borderbox .gamelist { height: auto; }
.sectionbox .morelink { display: none; }
.container-fluid.content {}

.unsubscribe .formfield { padding: 0 5px 10px; }
.unsubscribe .formfield .spacer { display: block; }
.unsubscribe .col-xs-12 { width: 50%; }
.at .gamepagelink .container, .ch .gamepagelink .container { margin-bottom: 240px; }
}

@media (max-width: 767px) {
/*body { padding-top: 109px; }*/
.popbtn { display: none; }
}

@media (max-width: 575px ) {
.sectionbox h3 a { display: none; }
.at footer .copyright, .ch footer .copyright{ background: #121212; }
.at .sectionbox.unsub .phonebox .formfield { width: 100%; }
.ch .sectionbox.unsub .phonebox .formfield { width: 100%; }
}

@media (min-width: 768px) {
/*body { padding-top: 142px; }*/
.navbar-header .note p { display: table; width: 180px; height: 58px; margin: 0 auto; color: #fff; font-size: 0.75em; text-align: center; line-height: 12px;  letter-spacing: 0; word-spacing: 0;}
.navbar-header .note p span { display: table-cell; vertical-align: middle; }
a.anchor { display: block; position: relative; top: -146px; visibility: hidden; }
.navbar-header { height: 75px; width: 100%; }
.navbar-brand { font-size: 30px; text-align: left; width: auto; float: left; padding-left: 0; padding-top: 14px;}
.navbar-nav { padding-left: 15px; border: none; padding-right: 0; margin-top:12.5px;}
.navbar-nav>li:first-child { display: none; }
.navbar-group li:first-child { display: block; height: 18px; }

.navbar-collapse { float: right; }

.carousel { display: none; }
.featbox { display: block; }
.featbox .featgame { width: 50%; padding: 0 5px; }
.featbox .featgame .featbar span { margin: 0 5px; }


.sectionbox .gamelist .gamebox:hover .popbtn { display: block; }
.sectionbox .gamelist .gamebox:hover { border-color: #e0e0e0; }
.sectionbox .gamelist .gamebox:hover img { opacity: 0.5; }
.sectionbox .gamelist img {width: 100%; height: 100%;}
.sectionbox .gamelist .popbtn { position: absolute; top: 0; left: 0; width: 100%; height: 82px; padding: 20px 20%; display: none; }
.sectionbox .gamelist .popbtn .btn { font-size: 14px; font-weight: bold;color: #fff; margin: 0 0 3px; width: 60px; margin: 0 auto 5px; padding: 2px 0;
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
.sectionbox .gamelist .popbtn .btn.play { background: #bb1010; text-transform: uppercase; }
.sectionbox .gamelist .popbtn .btn.play:hover { background: #b1fe0e; color: #000;}
.sectionbox .gamelist .popbtn .btn.more { background: #222;}
.sectionbox .gamelist .popbtn .btn.more:hover { background: #b1fe0e; color: #000;}
.sectionbox .gamelist .gamelink { pointer-events: none; cursor: default; }

.sectionbox .ranklist .col-sm-4, .sectionbox .ranklist .col-md-4, .sectionbox .ranklist .col-xs-12 {padding-left: 5px; padding-right: 5px; }

.accountbox #update_btn { max-width: 300px; }
.accountbox .usericon { margin: 0 auto 10px; }
.accountbox .levelbox { padding-top: 35px; }
.rtl .accountbox .user { float: right; }


.linkbox .block-footer-games-col { width: 25%;  }

.sectionbox.sitemap li { width: 25%; }

}

@media (min-width: 576px ) and (max-width: 991px) {
.at footer .copyright, .ch footer .copyright { bottom: 0; }
.at footer, .ch footer { margin-bottom: 0;  }
.at footer .container, .ch footer .container { padding-bottom: 30px; }
}

@media (max-width: 991px) {
.playgame { padding-top: 50px; }
.playgame .navbar { border-bottom: none; }
.playgame .navbar-bg { display: none; }
}

@media (min-width: 992px) {
.navbar-group li { font-size: 0.875em; }
.navbar-group li a b { height: 22px; width: 105px; }
.col-md-1 { width: 11.1%}
.developers .textbox.left { padding-right: 15px; min-height: 250px; }

.developers .col-md-9 { width: 70%; }
.developers .col-md-3 { width: 30%; }

footer { margin: 0;}
footer .copyright { position: relative; left: 0; bottom: 0; width: auto; background: none; line-height: 24px; float: left; text-align: left;}
footer .socialicon { float: right; }
footer .socialicon a { display: inline-block; width: 24px; height: 24px; border-radius: 0; color: #9e9e9e; background: none; font-size: 18px; text-align: center; margin: 0 0 0 2px; line-height: 24px; }
footer .socialicon a:hover  { background: none; color: #fff;}
footer .link { float: right; padding: 0; margin-right: 0; letter-spacing: -0.02em; }
.at footer .link { float: right; }
footer .link a { padding: 0 4px; }
.at .gamepagelink .container, .ch .gamepagelink .container { margin-bottom: 150px; }
}


/* Custom css */
.at footer .container, .ch footer .container{ padding : 2px 2px; }
.at .sectionbox.terms p, .at .sectionbox.terms ul, .ch .sectionbox.terms p, .ch .sectionbox.terms ul{ font-size: 0.8em; }
.at footer .link a, .ch footer .link a { margin: 0 2px; line-height: 3px; }
.at footer .link, .ch footer .link { padding: 0 0 0 0; }
.at footer .fnote, .ch footer .fnote { margin: 2px 0px; line-height: 0.8; padding: 0 5px 0 5px; }
.at .sectionbox, .ch .sectionbox{ margin: 0 0 10px; }
.at .navbar-group li a, .ch .navbar-group li a{ padding: 5px 2px; }
.at .container.content, .ch .container.content { padding: 0 5px; }
.at .sectionbox h3, .ch .sectionbox h3{ margin-bottom: 0px; padding-left: 5px; }
.at .sectionbox .morelink, .ch .sectionbox .morelink{ padding: 0 0 0 0; }
.at footer .copyright, .ch footer .copyright { bottom: -5px; }
.at footer, .ch footer { font-size: 0.75em; margin-bottom: 18px; }
.at footer .container, .ch footer .container { margin-bottom: 9px; }
.at .container.content, .ch .container.content { margin-top: -10px; }
.at .container.content, .ch .container.content  { padding: 5px 10px; }
.at footer, .ch footer { position : fixed; margin-bottom: 0px; padding-bottom: 15px; }
.at .gamepagelink .container, .ch .gamepagelink .container { margin-bottom: 0px; }
body.at, body.ch{ min-height: 800px; }

/* Swiper slider simple styles */
.swiper-slide { overflow: hidden }
.swiper-slide .slide-bgimg { opacity: 1; position: absolute; z-index: 18; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover }
.swiper-slide .entity-img { width: 100%; height: 100% }
.swiper-slide .content { position: absolute; z-index: 25; top: 30%; left: 0; width: 75%; padding-left: 5%; color: #fff }
.main-slider .swiper-slide .content .title { font-size: 4em; text-transform: uppercase; font-weight: 900; margin-bottom: 30px; font-family: Lato, sans-serif; text-align: left;}
.main-slider .swiper-slide .content .title a{color: #d8425f; }
.swiper-slide .content .title { font-size: 1em; text-transform: uppercase; font-weight: 900; margin-bottom: 30px; font-family: Lato, sans-serif; text-align: center; line-height: 100%; }
.swiper-slide .content .caption { display: block; font-size: 20px; line-height: 1.4; font-family: Montserrat, sans-serif }
.swiper-container { width: 80%; height: 80vh; float: left; }
.swiper-container.nav-slider { width: 20%; padding-left: 5px; }
.swiper-slide a { text-decoration: none; }

.navbar-default{ margin-bottom: 0; border: 0; border-radius: 0; background: linear-gradient(#382377, #353042); }
.container-fluid{ padding-left: 0; padding-right: 0; }
.navbar-default .container-fluid{ padding-left: 30px; padding-right: 30px; }
.readBtn { width: 100px; display: block; height: 35px; background: linear-gradient(#fb2d70, #b1296e); color: #FFF; border-radius: 2px; text-align: center; line-height: 35px; font-size: 20px; margin-top: 15px; }
.sectionbox h3 { padding: 20px; color: #FFF; font-size: 25px; text-transform: uppercase; }
.text-white{color: #FFF;}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus { color: #fff; background-color: #410a82; border-color: #7c3dca; }
.ingamebox .btn-success, .ingamebox .btn-success:hover, .ingamebox .btn-success:active, .ingamebox .btn-success:visited { color: #fff; background-color: #0a6b0a; border-color: #4cae4c; width: 225px; height: 45px; }
.sectionbox select.form-control{width: 200px; background: #bb0729; color: #FFF; border-color: transparent;}
.nav-item { min-width: 100px; height: 50px; border: 1px solid #433e50; border-radius: 4px; margin-left: 5px; }
.nav-item:hover{border-color: #af1515;}
.nav-item a { padding: 0; }
.nav-item a b{ color: #FFF; }
.nav-item-primary{}
.nav-item-location{background: linear-gradient(to right, #904b8b, #c35927);}
.nav-item-login{background: linear-gradient(to right, #ef3b82, #7e61ce)}
.navbar-default .navbar-nav>.active{}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: #dc1010; color: #444; border-radius: 3px;}
.list-categories { background: #222; padding: 30px 0 30px; margin: 30px 0; }
.list-categories ul{list-style: none;margin: 0; padding: 0;}
.list-categories ul li { border-bottom: 1px solid #333; position: relative; height: 34px; }
.list-categories ul li:hover, .active-category { background-color: #0e0e0e; }
.active-category a::after {
	content: "";
	display: block;
	border: 17px solid #0e0e0e;
	position: absolute;
	right: -34px;
	top: 0;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.list-categories ul li a{color: #AAA; display: block; text-decoration: none; padding: 5px 30px;}
.categoryBased{padding: 0 50px;}

@media (max-width: 768px){
	.swiper-container {
		width: 100%;
		max-height: 250px;
		float: left;
	}
	.swiper-container.nav-slider {
		display: none;
	}
	.main-slider .swiper-slide .content .title{
		font-size: 20px;
	}
	.swiper-slide .content .caption{
		display: none !important;
	}
	.gamelist {
		height: auto;
	}
	.sectionbox select.form-control{
		float: left;
	}
}

@media (max-width: 300px) {
	.ingamebox .btn-success, .ingamebox .btn-success:hover, .ingamebox .btn-success:active, .ingamebox .btn-success:visited {
		width: auto;
		height: auto;
	}
}

.navbar-logo-text {
    color : #d8425f;
}