.game-page-content .container-fluid {
    margin: 0 auto;
    max-width: 1980px
}

.game-page-content .container-fluid .main-col {
    flex-grow: 50
}

.game-stage {
    align-content: stretch;
    align-items: center;
    background: var(--tg-theme-backgrounds-style-2);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    min-height: 220px;
    position: relative
}

.field-game {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 480px
}

.field-game iframe {
    max-width: 100%
}

iframe {
    border-width: 0px;
    overflow: hidden
}

.mobile-playable iframe,
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.no-select {
    -webkit-touch-callout: none
}

#afg_preloader {
    display: block;
    position: absolute;
    z-index: 10;
    background: var(--tg-theme-backgrounds-style-2);
    width: 100%;
    height: 100%;
    inset: 0;
	border-radius: 10px
}

#afg_container {
    align-self: auto;
    flex: 0 1 auto;
    order: 0;
    position: relative;
    text-align: center;
    z-index: 0
}

#container123 {
    position: relative;
    z-index: 1
}

#videoplayer {
    height: 480px;
    min-height: 1px;
    width: 640px
}

#afg_preloader #adcontainer {
    margin: 0 auto
}

#afg_preloader #adcontainer {
    height: 480px;
    width: 640px
}

.continue-container,
.continue-wrapper {
    background: var(--tg-theme-backgrounds-style-2);
    position: absolute;
    width: 370px
}

.continue-container {
    z-index: 7;
    position: absolute;
    margin: auto;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 80px
}

.continue-container .preloader_title {
    color: var(--tg-white-color);
    font-family: var(--tg-heading-font-family);
    font-size: 21px;
    text-transform: uppercase;
    margin-block: 0.83em
}

.continue-container #skip-all-ads div {
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--tg-heading-font-family);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 0;
    gap: 7px
}

.continue-container #skip-all-ads div:before {
    background: var(--tg-theme-secondary);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.continue-container #skip-all-ads div:after {
    background: var(--tg-theme-accent);
    border-radius: 50px;
    content: "";
    height: 100%;
    left: -15%;
    position: absolute;
    top: 0;
    transition: all .4s;
    width: 0;
    z-index: -1
}

.continue-container #skip-all-ads div:hover:after {
    width: 130%
}

.icon-play-forward:before {
    content: "\e90c"
}

.icon-star {
    color: var(--tg-yellow-color);
    position: relative;
    width: 13px;
    height: 13px;
    font-size: 12px
}

.icon-star::before {
    content: "\e908"
}


.game-meta-header {
    background: var(--tg-theme-backgrounds-style-2);
    border-radius: 0 0 10px 10px;
    display: block !important;
    max-height: none;
    padding: 10px 35px;
    position: relative;
    width: 100%;
    z-index: 5
}

.game-meta-header .meta {
    max-width: 50%;
    padding: 0
}

.game-meta-header .breadcrumb {
    background: none !important;
    color: var(--tg-theme-primary);
    float: left;
    font-size: 14px !important;
    margin-bottom: 5px;
    margin-right: 10px
}

.breadcrumb {
    background-color: var(--tg-theme-backgrounds-style-1);
    border-radius: 0.25rem;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: 0
}

.game-meta-header .breadcrumb a {
    color: var(--tg-theme-primary);
    font-family: var(--tg-heading-font-family)
}

.game-meta-header .breadcrumb a {
    font-size: 14px !important
}

.game-meta-header .user-controls {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    height: 30px;
    justify-content: flex-end;
    max-width: 320px;
    padding: 0;
    position: relative
}

.game-meta-header .user-controls #thumbsup {
    align-self: auto;
    flex: 0 1 auto;
    order: 0;
    position: relative;
    top: 4px
}

.game-meta-header .user-controls #thumbsup .thumb div {
    color: var(--tg-white-color);
    display: flex;
    padding: 8px 12px;
    position: relative;
    text-decoration: none;
    transition: all .4s;
    z-index: 0;
    cursor: pointer
}

.game-meta-header .user-controls #thumbsup .thumb div:hover label {
    opacity: 1
}

.game-meta-header .user-controls #thumbsup .thumb div:hover use {
    fill: var(--tg-white-color)
}

.float-left {
    float: left !important
}

.game-meta-header .user-controls .like-container-entity-node {
    float: left
}

.game-meta-header .user-controls .like-container-entity-node>div {
    display: inline
}

.game-meta-header .user-controls #thumbsup .like.voted div {
    color: var(--tg-theme-like-color)
}

.game-meta-header .user-controls #thumbsup .like div {
    border-radius: 0 0 0 5px
}

.game-meta-header .user-controls #thumbsup .like div .thumb-icon {
    display: block;
    height: 100%;
    width: 100%;
    transition: all .5s
}

.game-meta-header .user-controls #thumbsup .thumb div use {
    fill: transparent;
    stroke: var(--tg-white-color);
    transition: all .3s
}

.game-meta-header .user-controls #thumbsup .voted#like div use {
    fill: var(--tg-theme-like-color);
    stroke: var(--tg-theme-like-color)
}

.game-meta-header .user-controls label {
    text-transform: capitalize
}

.game-meta-header .user-controls #thumbsup .thumb div label {
    background: var(--tg-theme-hover-label);
    border-radius: 3px;
    color: var(--tg-white-color);
    font-family: var(--tg-heading-rg-font-family);
    font-size: 13px;
    height: 21px;
    left: 50%;
    letter-spacing: 0;
    line-height: 16px;
    opacity: 0;
    padding: 2px 7px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 100%;
    transform: translateX(-50%);
    white-space: nowrap
}

.game-meta-header .user-controls .percentage-value {
    line-height: 25px;
    padding-left: 10px;
    pointer-events: none
}

.game-meta-header .user-controls .dislike-container-entity-node {
    float: left
}

.game-meta-header .user-controls .dislike-container-entity-node>div {
    display: inline
}

.game-meta-header .user-controls #thumbsup .dislike div {
    border-radius: 0 0 5px 0
}

.game-meta-header .user-controls #thumbsup .dislike svg {
    transform: rotate(180deg)
}

.game-meta-header .user-controls #thumbsup .voted#dislike div use {
    fill: var(--tg-theme-dislike-color);
    stroke: var(--tg-theme-dislike-color)
}

.game-meta-header .user-controls #game-fullscreen {
    align-self: auto;
    flex: 0 1 auto;
    height: 44px;
    order: 0;
    position: relative;
    top: 4px;
    width: 48px;
    z-index: 0
}

.game-meta-header .user-controls #game-fullscreen .fullscreen {
    border-radius: 0 0 5px 5px;
    text-align: center;
    transition: all .4s;
    cursor: pointer;
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-meta-header .user-controls #game-fullscreen .fullscreen label.watch-ad {
    display: block !important
}

.game-meta-header .user-controls #game-fullscreen .fullscreen label {
    background: var(--tg-theme-secondary);
    border-radius: 3px;
    color: var(--tg-black-color);
    font-family: var(--tg-heading-rg-font-family);
    font-size: 13px;
    left: 50%;
    letter-spacing: 0;
    line-height: 17px;
    max-width: 160px;
    opacity: 0;
    padding: 2px 8px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 48px;
    transform: translateX(-50%);
    width: max-content
}

.game-meta-header .user-controls #game-fullscreen:hover {
    background: var(--tg-theme-hover-label)
}

.game-meta-header .user-controls #game-fullscreen .fullscreen:hover label {
    opacity: 1
}

.game-meta-header .user-controls #game-fullscreen .fullscreen:hover .icon-fullscreen::before {
    color: var(--tg-theme-secondary);
    content: "\e90d"
}

.icon-fullscreen:before {
    content: "\e90e"
}

.icon-fullscreen {
    font-size: 22px
}

.node-type-game .pane-title {
    text-transform: none
}

.game-meta-body {
    background: var(--tg-theme-backgrounds-style-2);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px 35px 35px;
    position: relative
}

.cmg-gamepage-block p.title {
    font: 700 1.25rem / 1.29 var(--tg-heading-font-family);
    margin: 0 0 calc(1rem + 1px);
    text-transform: capitalize
}

.cmg-games-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.5rem 0 calc(-.5rem + 1px)
}

.game-item {
    height: 72px;
    margin-bottom: 10px;
    min-width: 300px;
    overflow: inherit;
    overflow: hidden
}

.grid-col-4 .game-item {
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    max-width: 50%
}

.cmg-games-grid .game-item {
    flex: 0 0 188px;
    -ms-flex: 0 0 188px;
    height: auto;
    margin: 0 0 calc(1rem - 1px);
    max-width: 188px;
    min-width: 0;
    overflow: visible;
    padding: 0 calc(.5rem - 1px) 0 .5rem;
    width: 100%
}

.cmg-games-grid .game-item:hover {
    background: transparent;
    border-radius: 0;
    filter: none
}

.cmg-games-grid .game-item .game-link-wrapper {
    border-radius: .625rem;
    overflow: hidden;
    position: relative;
    transition: all .25s ease
}

.cmg-games-grid .game-item:hover .game-link-wrapper {
    box-shadow: 0.25rem 0.25rem 0 var(--tg-theme-primary);
    transform: translate(-.25rem, -.25rem)
}

.cmg-games-grid .game-item .game-link-wrapper a {
    color: var(--tg-white-color)
}

.cmg-games-grid .game-item .game-link-wrapper .field-image:before {
    background: linear-gradient(0deg, rgba(6, 14, 25, .851), #131b2900);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.cmg-games-grid .game-item .game-link-wrapper img {
    border: none;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    transition: opacity .25s ease;
    width: 100%
}

.img-fluid,
.img-thumbnail {
    height: auto;
    max-width: 100%
}

.cmg-games-grid .game-item-content {
    bottom: 0;
    left: 0;
    padding-bottom: .375rem;
    position: absolute;
    right: 0;
    z-index: 3
}

.cmg-games-grid .game-item-content .game-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font: 700 calc(.75rem + 1px) / 1.17 var(--tg-heading-font-family);
    margin: 0 0 .25rem;
    overflow: hidden;
    padding: 0 .375rem
}

.game-review-section {
    padding-top: 5px
}

.game-rs-bottom {
    align-items: flex-start;
    border-bottom: 1px solid #1b283b;
    display: grid;
    font-size: 14px;
    gap: 7px 35px;
    grid-template-columns: auto 1fr auto 1fr;
    margin-bottom: 10px;
    padding: 10px 20px
}

.game-rs-bottom .field-row-left {
    color: var(--tg-theme-game-review-section-text-color);
    font-family: var(--tg-heading-font-family);
    white-space: nowrap
}

.game-rs-bottom .brdcrm {
    color: var(--tg-theme-primary)
}

.game-review-section .rate-count {
    margin: 0 8px 0 5px
}

.game-instructions {
    background: var(--tg-theme-backgrounds-style-2);
    border-radius: 10px 10px 0 0;
    display: block
}

.node-type-game .game-instructions h1,
.node-type-game .game-instructions h2 {
    font-size: 1.688rem;
    line-height: 2.2rem;
    font-family: var(--tg-heading-font-family);
    text-transform: capitalize
}

.node-type-game h2 {
    font-size: 21px;
    text-transform: none !important
}

.game-instructions h2,
.game-instructions h3,
.game-instructions h4,
.game-instructions h5 {
    text-transform: none !important
}

.game-instructions p {
    font-size: 1rem;
    line-height: 1.25rem
}

.node-type-game .game-instructions h3,
.node-type-game .game-instructions h4 {
    margin-bottom: 0.5rem
}

.node-type-game .game-instructions h3 {
    font-size: 18px;
    line-height: 1.938rem
}

.node-type-game h4 {
    font-size: 17px
}

.node-type-game .full-screen-window {
    background-color: var(--tg-black-color) !important;
    margin: 0 !important;
    padding: 0 !important
}

.node-type-game .full-screen-window .game-field-wrapper #swfgamewrapper,
.node-type-game .full-screen-window .game-field-wrapper .field-game {
    display: flex;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: static;
    text-align: center;
    width: 100%;
    z-index: 111110
}

.node-type-game .full-screen-window .game-stage .field-game iframe {
    border: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100% !important;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 111111
}

.game-page-mobile {
    min-height: 373px
}

.game-page-mobile .game-stage {
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden;
    padding-top: 0
}

.game-page-mobile .game-image {
    margin: auto !important;
    width: 100%;
    position: relative
}

.new-game-bg {
    position: relative
}

.new-game-bg:after {
    background: linear-gradient(180deg, #060e1900, #060e19a6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.game-page-mobile .game-image #playNowButton {
    border-radius: 50%;
    height: 88px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 88px;
    z-index: 1;
    z-index: 0
}

.game-page-mobile .game-image #playNowButton:before {
    animation: playPulse 2s infinite;
    background: var(--tg-white-color);
    border-radius: 50%;
    content: "";
    height: 118%;
    left: -9%;
    position: absolute;
    top: -9%;
    width: 118%;
    z-index: -1
}

.game-page-mobile .game-image #playNowButton svg {
    height: 34px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: scaleX(1.1) translate(-50%, -50%);
    width: 40px;
    z-index: 2
}

.game-page-mobile .game-image #playNowButton:after {
    background: var(--tg-theme-like-color);
    border-radius: 50%;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.game-page-mobile .game-image img {
    display: block;
    height: auto;
    width: 100%;
    object-fit: cover
}

.no-flash-mobile {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    background: rgb(0 0 0 / 50%)
}

.flash-text {
    font-family: var(--tg-heading-font-family);
    left: 50%;
    margin: auto;
    max-width: 500px;
    max-width: calc(100% - 40px);
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 530px;
    z-index: 1
}

.game-page-mobile .flash-text {
    font-size: 18px;
    width: 255px
}

.flash-text .big-txt {
    font-size: 20px;
    line-height: 1.2
}

#fullscreen .field-game {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 999999
}

#fullscreen .field-game iframe {
    width: 100%;
    height: 100%;
    background-color: #000
}

@media (min-width: 560px) {
    .cmg-gamepage-block p.title {
        font-size: 1.3125rem;
        margin-bottom: 1rem
    }

    .grid-col-4 .game-item {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

@media (min-width: 768px) {
    .cmg-gamepage-block p.title {
        font-size: 1.3125rem;
        margin-bottom: 1.25rem
    }

    .cmg-games-grid {
        margin: 0 -.625rem
    }

    .grid-col-4 .game-item {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cmg-games-grid .game-item {
        margin-bottom: 1.25rem;
        padding: 0 .625rem
    }

    .cmg-games-grid .game-item-content .game-title {
        font-size: 17px;
        margin-bottom: .375rem;
        padding: 0 .75rem
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }
}



@media (max-width: 959.98px) {
    .game-stage {
        padding: 0
    }

    .game-meta-header {
        margin: 0 0 20px;
        padding: 12px 20px 30px
    }

    .node-type-game .pane-title {
        font-size: 20px !important;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 24px
    }

    .game-meta-header .user-controls {
        bottom: -5px;
        left: -10px
    }

    .game-meta-body {
        padding: 12px 20px 20px
    }

    .game-rs-bottom {
        grid-template-columns: auto 1fr;
        margin-bottom: 0;
        padding: 10px 0
    }

    .game-instructions {
        padding-top: 6px
    }

    .game-meta-header .user-controls {
        justify-content: flex-start !important;
        width: 100%
    }

    .page-header-mobile {
        background-color: var(--tg-theme-headers-style-1)
    }

    .mobile-layout .leaderboard {
        height: 83px;
        max-height: 83px
    }
}


@media (min-width: 960px) {

    .game-stage {
        padding: 0 0 var(--gameNavHeight)
    }

    .game-meta-header {
        align-items: flex-start;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        margin: calc(var(--gameNavHeight) *-1) 0 0;
        max-height: var(--gameNavHeight);
        min-height: var(--gameNavHeight);
        padding-bottom: 6px;
        padding-top: 6px
    }

    .game-meta-header .breadcrumb {
        margin-bottom: 2px;
        margin-right: 20px
    }

    .game-meta-header .user-controls {
        position: absolute;
        right: 35px;
        top: 5px;
        width: 320px;
        z-index: 10
    }

    .game-meta-header .user-controls #thumbsup .thumb div:hover {
        background: var(--tg-theme-hover-label)
    }

    .game-meta-header .pane-title {
        padding-top: 2px
    }

    .cmg-games-grid {
        margin: 0 -.625rem -1.25rem
    }

    .grid-col-4 .game-item {
        flex: 0 0 25%;
        max-width: 25%
    }

    .cmg-games-grid .game-item-content .game-title {
        font-size: .875rem
    }
}

@media (min-width: 1140px) {
    .game-page-content .container-fluid .row.pb-3.small-game-item .main-col {
        max-width: 728px;
        min-width: 728px;
        padding-left: 0;
        width: 728px
    }

    .game-page-content .container-fluid .row.pb-3.small-game-item {
        justify-content: center
    }

    .cmg-gamepage-block p.title {
        font-size: 1.3125rem;
        margin-bottom: 1.25rem
    }

    .cmg-games-grid .game-item-content .game-title {
        font-size: 15px
    }
}

@media (min-width: 1320px) {

    .game-page-content .container-fluid .row.pb-3.small-game-item .main-col,
    .game-page-content .container-fluid .row.pb-3.wide-game-item .main-col {
        max-width: 728px;
        min-width: 728px;
        padding-left: 0
    }
}

@media (min-width: 1560px) {
    .game-page-content .container-fluid {
        min-width: 1560px
    }

    .game-page-content .container-fluid .main-col {
        max-width: 1140px
    }
}