/*
Theme Name: Top Game
Description: This is a main theme for Top Game Theme
Author: UX Themes
Template: flatsome
Version: 3.0211111111111111
*/
:root{
    --main-font: "Montserrat", sans-serif;
	--main-color: #002b95;
}
body{
    font-family: var(--main-font) !important;
	font-weight: 300;
}
b, strong{
	font-weight: bold;
}
.header-main{
	    box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;
    transition: box-shadow 0.2s ease 0s;
}
.header-main .nav > li > a {
    font-family: var(--main-font) !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical>li>a{
    font-family: var(--main-font) !important;
}
.float-ck{
	z-index: 99999;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 136%;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 14px;
    line-height: 150%;
}
@media screen and (max-width: 767px){
	h1 {
			font-size: 24px;
	}
	h2 {
    font-size: 22px;
}
	h3 {
    font-size: 20px;
}
	h4 {
    font-size: 18px;
}
	h5 {
    font-size: 16px;
}
}
.no-padding{
	padding: 0 !important;
}
.article-inner .entry-header-text{
	padding-bottom: 0;
}
.f-head {
    font-weight: bold;
    border-bottom: 1px solid rgb(180, 6, 6);
}
.footer-wrapper ul li{
	list-style: none;
	margin-left: 0;
}
.back-to-top{
	border-color: #002b95 !important;
	background-color: #002b95 !important;
	color: #fff !important;
}
.section-title b{
	background-color: rgb(180, 6, 6);
	opacity: 1;
}
.nav-dropdown-default {
    padding: 0 !important;
}
.game-detail .col-inner{
	padding: 15px 20px;
	background: rgb(248, 249, 250);
    border: 0px solid rgb(243, 243, 243);
	border-radius: 4px;
}
.game-detail .game-title{
	font-weight: bold;
	color: rgb(0, 36, 125);
	font-size: 26px;
}
.game-detail .game-link-title{
	font-weight: bold;
	color: rgb(0, 36, 125);
    font-size: 20px;
	margin-bottom: 15px;
}
@media screen and (max-width: 849px){
	.game-detail{
		text-align: center;
	}
}
/*top game*/
.gsLISh{
	font-weight: bold;
}
.bVwBuO {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 15px;
    padding: 10px;
    background: rgb(166, 1, 21);
    border: none;
}
.bgokUS {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-self: stretch;
    width: 20px;
    padding-right: 10px;
    color: rgb(255, 255, 255);
}
.bgokUS::after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgb(166, 1, 21);
    content: "";
}
.jgrVvr {
    display: grid;
    -webkit-box-align: center;
    place-items: center;
    width: 100%;
    padding: 0px 20px 0px 0px;
}
.hWotGz,
.lnaZcu,
.boXghH,
.bJEDAs {
    position: relative;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: bold;
    line-height: 160%;
    padding-left: 10px;
    text-align: left;
}
.lnaZcu::after,
.boXghH::after,
.bJEDAs::after {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgb(166, 1, 21);
    content: "";
}
@media screen and (min-width: 1200px){
    [data-d-width="100"] .sc-c732a605-1 {
        grid-template-columns: 4fr 4fr 135px 2fr;
    }
}
.cDqMWr {
    position: relative;
    display: flex;
    flex-direction: column;
    word-break: break-word;
}
.cDqMWr:not(:last-child) {
    margin-bottom: 20px;
}
.cdXXsc {
    z-index: 1;
    position: absolute;
    top: 15px;
    left: -10px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: bold;
    line-height: 133%;
    background: rgb(129, 129, 129);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px;
    border-radius: 0px;
}
.first .cdXXsc{
	background: rgb(29, 85, 159);
}
.yeDZb {
    padding: 10px 15px 10px 38px;
    background-color: rgb(248, 249, 250);
    border-radius: 4px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px;
}
.cDsNCP {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px;
}
@media screen and (min-width: 1200px){
    [data-d-width="100"] .sc-e9dfb12c-4 {
        grid-template-areas:
                "brand promotion readreview cta"
                "brand features readreview cta"
                "tmctext tmctext tmctext tmctext";
        grid-template-columns: 3fr 4fr 135px 185px;
    }
    [data-d-width="100"] .sc-e9dfb12c-4.feature-is {
        grid-template-areas:
                "brand promotion . cta"
                "brand promotion . cta"
                "tmctext tmctext tmctext tmctext";
        grid-template-columns: 3fr 4fr 135px 185px;
    }
    [data-d-width="100"] .sc-e9dfb12c-4.feature-is.with-review-link {
        grid-template-areas:
                "brand promotion . cta"
                "brand promotion . readreview"
                "tmctext tmctext tmctext tmctext";
    }
}
.iExatD {
    display: flex;
    grid-area: brand / brand / brand / brand;
}
.jFmRid {
    display: block;
    flex-shrink: 0;
    border: none;
}
@media screen and (min-width: 1200px){
    [data-d-width="100"] .sc-74a65934-1 {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
}
.ktRSpB {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.jFmRid > div, .jFmRid > span {
    height: 100%;
}
.ktRSpB img {
    max-width: 100%;
    transition: filter 0.2s ease 0s;
}
.jFmRid img {
    object-fit: contain;
}
.cOGkwM {
    width: 100%;
    padding: 0px 10px 0px 0px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: start;
    gap: 6px;
}
@media screen and (min-width: 1200px){
    [data-d-width="100"] .sc-74a65934-2 {
        width: calc(100% - 100px);
    }
}
.fukZth {
    display: flex;
}
.kvXqHG {
    position: relative;
    display: inline-block;
    min-height: 20px;
    padding: 4px 5px 2px;
    font-size: 10px;
    text-transform: uppercase;
    word-break: break-word;
    border-radius: 1px;
    color: rgb(255, 255, 255);
    background-color: rgb(40, 137, 250);
	font-weight: 400;
}
.first .kvXqHG{
	background-color: rgb(250, 40, 40);
}
.kvXqHG::before, .kvXqHG::after {
    position: absolute;
    left: calc(100% - 2px);
    border-style: solid;
    border-width: 10px;
    content: "";
}
.kvXqHG::before {
    top: 0px;
    border-color: rgb(40, 137, 250) transparent transparent rgb(40, 137, 250);
}
.kvXqHG::after {
    bottom: 0px;
    border-color: transparent transparent rgb(40, 137, 250) rgb(40, 137, 250);
}
.first .kvXqHG::before {
    top: 0px;
    border-color: rgb(250, 40, 40) transparent transparent rgb(250, 40, 40);
}
.first .kvXqHG::after {
    bottom: 0px;
    border-color: transparent transparent rgb(250, 40, 40) rgb(250, 40, 40);
}
.dWmbEU {
    color: rgb(23, 23, 23);
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    word-break: break-word;
}
.gDgyST {
    position: relative;
    display: inline-flex;
    flex-flow: row-reverse nowrap;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
}
.jcLVbE {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 8px;
}
.hpaNFE {
    position: absolute;
    top: 0px;
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.eAZLwF {
    color: rgb(189, 189, 189);
    font-size: 10px;
    line-height: 1;
}
.hpaNFE span {
    color: rgb(255, 196, 43);
}
.eAZLwF.icon-star {
    font-family: "fl-icons" !important;
    font-style: normal;
}
.dVTyiA {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    background-color: rgb(255, 196, 43);
    border-radius: 50%;
}
.dVTyiA.top-x-variant {
    width: 26px;
    height: 26px;
    font-size: 14px;
    line-height: 0;
}
.hZXEaF {
    display: block;
    grid-area: promotion / promotion / promotion / promotion;
    padding: 0px 10px;
}
.hdocgh {
    margin-bottom: 15px;
    color: rgb(0, 43, 149);
    font-size: 18px;
    font-weight: bold;
    line-height: 125%;
    text-align: center;
}
.cDsNCP.feature-is .headline {
    margin-bottom: 0px;
}
.iWhtrY {
    grid-area: readreview / readreview / readreview / readreview;
    text-align: center;
}
.bsLDwq {
    color: rgb(34, 89, 162);
    font-weight: bold;
    text-decoration: underline;
}
.bsLDwq:visited {
    color: rgb(100, 21, 163);
}
.jXucly {
    display: flex;
    flex-direction: column;
    grid-area: cta / cta / cta / cta;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
@media screen and (min-width: 1200px){
    [data-d-width="100"] .sc-93b2db22-0 {
        justify-self: center;
        width: 100%;
        max-width: 160px;
    }
}
.iFJXHa {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 80px;
    min-height: 34px;
    padding: 12px 8px;
    color: rgb(255, 255, 255) !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(rgb(250, 40, 40) 0%, rgb(207, 20, 43) 100%);
    border: none;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px;
    transition: all 0.2s ease 0s;
}
.foPKmw {
    grid-area: tmctext / tmctext / tmctext / tmctext;
    margin-top: 10px;
    color: rgb(89, 89, 89);
    font-size: 12px;
    line-height: 136%;
}
@media screen and (max-width: 767px){
    .bVwBuO {
        display: none;
    }
    .cDqMWr {
        overflow: hidden;
        border-radius: 4px;
        box-shadow: none;
    }
    .cdXXsc {
        top: 0px;
        left: 0px;
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
    .yeDZb {
        padding: 0px;
        border: none;
        box-shadow: rgba(0, 0, 0, 0.7) 0px 6px 14px;
    }
    .cDsNCP.with-review-link {
		padding: 0;
        grid-template-areas:
                "brand brand"
                "promotion promotion"
                "cta cta"
                "tmctext tmctext"
                "features features"
                "readreview readreview";
    }
    .iExatD {
        -webkit-box-align: center;
        align-items: center;
    }
    .jFmRid {
        width: 120px;
        height: 120px;
        margin-right: 10px;
        border: none;
    }
    .cOGkwM {
        width: calc(100% - 130px);
    }
    .dWmbEU {
        font-size: 20px;
    }
    .hZXEaF {
        padding-left: 0px;
    }
    .hdocgh {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 136%;
        text-align: center;
        padding: 0px 15px;
    }
    .iWhtrY {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .bsLDwq {
        font-size: 14px;
    }
    .jXucly {
        max-width: calc(100% - 30px);
        margin: 10px 15px;
    }
    .iFJXHa {
        padding: 6px 8px;
        font-size: 12px;
        line-height: 168%;
    }
    .jXucly a {
        border-radius: 8px;
    }
    .foPKmw {
        margin: 10px 15px 0px;
    }
}
/*end top game*/