#overlay,
body {

    background-image:radial-gradient( circle farthest-corner at 10% 20%,  rgba(37,145,251,0.98) 0.1%, rgba(0,7,128,1) 99.8% );

    min-height:100vh;
}

#header #site-nav nav > ul > li.current-menu-item > a,
#header #site-nav nav > ul > li.current_page_item > a,
a {
    color: #fff
}

:focus,
a {
    outline: 0 !important
}

body {
    font-family: 'Poppins', 'Inter', sans-serif;
    font-size: 13px
}

body.gameIsFullscreen {
    position: fixed;
    width: 100%;
    overflow: hidden
}

body.gameIsFullscreen #game-holder #game-top .part.game-screen .game-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

body.menu-is-active {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

body.menu-is-active #aside {
    display: block
}

@media only screen and (max-width: 1199px) {
    body.menu-is-active #overlay {
        display: block;
        opacity: .9
    }
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none
}

.contain,
.cover {
    background-repeat: no-repeat !important;
    background-position: center center !important
}

a {
    text-decoration: none !important;
    -webkit-transition: .6s ease color, .6s ease background, .6s ease border;
    transition: .6s ease color, .6s ease background, .6s ease border
}

a:hover {
    color: #febf06
}

.container {
    max-width: 100%
}

.aligncenter {
    margin: 0 auto;
    display: block
}

.-shadow {
    box-shadow: 0 0 12px 7px rgb(0 0 0 / 25%);
}

.cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important
}

.contain {
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display: none !important
    }
}

@media only screen and (max-width: 991px) {
    .hide-tablet {
        display: none !important
    }
}

@media only screen and (max-width: 1199px) {
    .hide-desktop {
        display: none !important
    }
}

.lazy {
    opacity: 0;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    -webkit-transition: 1.3s ease opacity, .6s ease filter;
    transition: 1.3s ease opacity, .6s ease filter
}

.lazy.lozad--loaded {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0)
}

.clearfix {
    position: relative;
    display: none;
    width: 100%
}

@media only screen and (max-width: 991px) {
    .clearfix.visible-sm {
        display: table
    }
}

@media only screen and (max-width: 767px) {
    .clearfix.visible-sm {
        display: none
    }

    .clearfix.visible-xs {
        display: table
    }
}

#header,
.bttn {
    display: table
}

.bttn {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 30px;
    line-height: 40px;
    color: #fff !important;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .6s ease background, .6s ease box-shadow;
    transition: .6s ease background, .6s ease box-shadow
}

.bttn.-center {
    margin-left: auto;
    margin-right: auto
}

.bttn.-blue {
    background: #258FC3;
    box-shadow: rgba(62, 78, 240, .6) 0 0 20px
}

.bttn.-blue:hover {
    background: #00f;
    box-shadow: rgba(0, 0, 255, .4) 0 0 20px
}

.bttn.-green {
    background: #00ba0d
}

.bttn.-green:hover {
    background: #007b09
}

.bttn.-grey {
    background: #141414
}

.bttn.-grey:hover {
    background: #080808
}

.bttn.-white {
    background: #fff;
    color: #258FC3 !important
}

.bttn.-white:hover {
    background: #dadada
}

.bttn.-red {
    background: #f50c06;
    box-shadow: rgba(245, 12, 6, .6) 0 0 20px
}

.bttn.-red:hover {
    background: #da0a04;
    box-shadow: rgba(245, 12, 6, .8) 0 0 20px
}

.bttn.-big {
    padding: 0 50px;
    line-height: 46px;
    font-size: 16px
}

@media only screen and (max-width: 1199px) {
    .bttn.-big {
        font-size: 14px
    }
}

#header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: linear-gradient(180deg, #0f337f 0%, #060a37 100%);
    height: 70px
}

#header ._part {
    display: table-cell;
    vertical-align: middle
}

#header .hamburger {
    padding: 0;
    cursor: pointer;
    -webkit-transition: .15s linear opacity, .15s linear filter;
    transition: .15s linear opacity, .15s linear filter;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 30px;
    height: 24px;
    display: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#header .hamburger .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative
}

#header .hamburger .hamburger-box .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

#header .hamburger-inner,
#header .hamburger-inner::after,
#header .hamburger-inner::before {
    width: 30px;
    height: 3px;
    background-color: #fff;
    position: absolute;
    -webkit-transition: .15s ease transform;
    transition: .15s ease transform
}

#header .hamburger-inner::after,
#header .hamburger-inner::before {
    content: "";
    display: block
}

#header .hamburger-inner::before {
    top: -10px
}

#header .hamburger-inner::after {
    bottom: -10px
}

#header .hamburger--spin .hamburger-inner {
    -webkit-transition: .22s cubic-bezier(.55, .055, .675, .19);
    transition: .22s cubic-bezier(.55, .055, .675, .19)
}

#header .hamburger--spin .hamburger-inner::before {
    -webkit-transition: .1s top .25s ease-in, .1s opacity ease-in;
    transition: .1s top .25s ease-in, .1s opacity ease-in
}

#header .hamburger--spin .hamburger-inner::after {
    -webkit-transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

#header .hamburger--spin.is-active .hamburger-inner {
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

#header .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

#header #site-logo a:after,
#header #site-logo a:before {
    width: 9px;
    height: 2px;
    background: #da0a04;
    position: absolute;
    top: 34px;
    content: '';
    box-shadow: #f50c06 0 0 10px, #f50c06 0 0 5px, #f50c06 0 0 10px, #f50c06 0 0 5px;
    opacity: 0;
    animation: neonGlow 8s infinite ease-in-out
}

#header .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

#header #site-logo {
    width: 180px;
    height: 70px;
    line-height: 12px;
    text-align: center;
    background: transparent;
    font-size: 0
}

#header #site-logo a {
    display: table;
    width: 100%;
    height: 100%;
    line-height: 70px;
    white-space: nowrap;
    position: relative
}

@keyframes neonGlow {
0% a: after,
0 % a: before,
100 % a: after,
100 % a: before,
60 %

{
    opacity: 1
}
0
%
{
    opacity: 0
}
}

#header #site-logo a:before {
    left: 75px;
    -webkit-border-radius: 4px 0;
    -moz-border-radius: 4px 0;
    border-radius: 4px 0;
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

#header #site-logo a:after {
    left: 95px;
    -webkit-border-radius: 4px 0;
    -moz-border-radius: 4px 0;
    border-radius: 4px 0;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

#header #site-logo a img {
    max-width: 140px;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

#header #site-nav nav > ul {
    display: table;
    margin: 0 15px;
    padding: 0;
    list-style: none
}

#header #site-nav nav > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    position: relative
}

#header #site-nav nav > ul > li.menu-item-has-children > a:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f078";
    position: absolute;
    right: -14px;
    top: 3px;
    font-weight: 300;
    font-size: 8px
}

#header #site-nav nav > ul > li.menu-item-has-children.current > a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#header #site-nav nav > ul > li a {
    color: #d7d7d7;
    position: relative;
    font-size: 14px;
	    font-weight: 600;
}

#header #site-nav nav > ul > li a:hover, #header #site-nav nav > ul > li a.active {
    color: #fff
}

#header #site-nav nav > ul > li > ul {
    position: absolute;
    top: 44px;
    left: 0;
    width: 260px;
    list-style: none;
    background: #16181e;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 5px;
    margin: 0;
    padding: 0;
    display: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

#header #site-nav nav > ul > li > ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .04)
}

#header #site-nav nav > ul > li > ul li:last-child {
    border: none
}

#header #site-nav nav > ul > li > ul li a {
    display: block;
    padding: 15px 20px
}

#header #site-search {
    width: 300px;
    padding: 0 20px
}

#header #site-search .easy-autocomplete {
    width: 100% !important
}

#header #site-search .easy-autocomplete-container ul {
    border: none;
    top: 15px;
    margin: 0;
    background: 0 0;
    box-shadow: rgba(0, 0, 0, .3) 0 0 10px;
    padding-bottom: 0;
    padding-left: 0;
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
}

#header #site-search .easy-autocomplete-container ul li {
    display: table;
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    background: #382a3f;
    -webkit-transition: .6s ease background;
    transition: .6s ease background;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important
}

#header #site-search .easy-autocomplete-container ul li:last-child {
    border: none
}

#header #site-search .easy-autocomplete-container ul li.selected {
    background: #2a2a34
}

#header #site-search .easy-autocomplete-container ul li .eac-item a {
    display: table;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 13px
}

#header #site-search .easy-autocomplete-container ul li .eac-item a .part-right {
    width: 100%
}

#header #site-search .easy-autocomplete-container ul li .eac-item a .part-left,
#header #site-search .easy-autocomplete-container ul li .eac-item a .part-right {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

#header #site-search .easy-autocomplete-container ul li .eac-item a .part-left {
    padding: 100% 0 0;
    width: 50px;
    position: relative;
    display: inline-block
}

#header #site-search .easy-autocomplete-container ul li .eac-item a .part-left img {
    position: absolute;
    width: 40px;
    top: 0;
    left: 0;
    height: auto
}

#header #site-search .easy-autocomplete-container ul li .eac-item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

#header #site-search .easy-autocomplete-container ul li .eac-item a span {
    display: block;
    color: #f50c06;
    font-weight: 500;
    font-size: 12px
}

#header #site-search .form-search {
    position: relative;
    max-width: 100%
}

#header #site-search button#search_button {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: 0 0;
    border: none;
    text-align: center;
    color: #fff;
    z-index: 2
}

#footer .copy ._part:last-child,
#header .adholder {
    text-align: right
}

#header #site-search .form-search input {
    width: 300px;
    padding: 0 20px 0 40px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    height: 40px;
    color: #fff;
    text-overflow: ellipsis
}

#header #site-search .form-search input::placeholder {
    color: #fff;
}

#header .adholder > div {
    float: right
}

@media only screen and (min-width: 1681px) {
    #header #site-nav {
        display: table-cell !important
    }
}

@media only screen and (max-width: 1680px) {
    #header ._part {
        display: table-cell
    }

    #header #header-ad {
        width: 100%
    }

    #header #header-ad .adholder {
        float: right
    }

    #header #site-search {
        padding-right: 70px
    }

    #header .hamburger {
        display: block
    }

    #header #site-logo {
        width: 70px
    }

    #header #site-logo a:before {
        left: 22px
    }

    #header #site-logo a:after {
        left: 40px
    }

    #header #site-nav {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        width: 100%;
        height: calc(100vh - 70px);
        background: #124056
    }

    #header #site-nav nav > ul {
        display: block;
        margin: 0;
        padding: 20px
    }

    #header #site-nav nav > ul > li.menu-item-has-children > a:after {
        top: 12px;
        right: 0
    }

    #header #site-nav nav > ul > li > ul {
        display: none;
        position: relative;
        top: 0;
        padding: 5px 10px;
        left: -20px;
        width: calc(100% + 40px);
        box-shadow: none !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    #header #site-nav nav > ul li {
        display: block;
        padding: 0
    }

    #header #site-nav nav > ul li a {
        padding: 10px;
        display: block
    }
}

@media only screen and (max-width: 991px) {
    #header #header-ad {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    #header #site-search {
        padding: 0 20px;
        width: auto;
        width: calc(100% - 125px)
    }

    #header #site-search form [type=submit] {
        display: none
    }

    #header #site-search form [type=text] {
        width: 100%;
        padding: 0 15px
    }

    #header #site-search .easy-autocomplete-container ul li {
        display: block
    }

    #header #site-search .easy-autocomplete-container ul li .name {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    #header #site-search .easy-autocomplete-container ul li .eac-item a {
        display: block
    }

    #header #site-search .easy-autocomplete-container ul li .eac-item a .part-right {
        display: block !important
    }

    #header #site-search .easy-autocomplete-container ul li .eac-item a .part-right .name {
        overflow: hidden;
        white-space: nowrap
    }

    #header #site-search .easy-autocomplete-container ul li .eac-item a .part-left {
        display: none !important
    }

    #header #site-nav nav > ul li a {
        padding: 10px 0
    }
}

#site_wrapper {
    padding: 90px 20px 0 200px;
    position: relative;
    background: url(../images/bubble.png);
    background-position: bottom;
    background-repeat: no-repeat;

}

@media only screen and (max-width: 1680px) {
    #site_wrapper {
        padding: 90px 20px 0
    }
}

#aside {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    background: #0d2b6f;
    min-height: 100vh;
    height: 100%;
    z-index: 11;
    transition: .2s all;
    padding: 70px 0 0
}

#aside .inner {
    position: fixed;
    padding: 0 0 10px;
    width: 180px;
    overflow-y: scroll;
    max-height: 100vh;
    overflow-x: hidden;
}

#aside .topmenu {
    display: none
}

#aside .topmenu nav > ul {
    display: table;
    margin: 0;
    padding: 0;
    list-style: none
}

#aside .topmenu nav > ul > li {
    display: block;
    vertical-align: middle;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

#aside .topmenu nav > ul > li ul li a:before,
#aside .topmenu nav > ul > li > a:after,
#aside .topmenu nav > ul > li > a:before {
    display: none
}

#aside .topmenu nav > ul > li:last-child {
    border: none
}

#aside .topmenu nav > ul > li.current-menu-item > a,
#aside .topmenu nav > ul > li.current_page_item > a {
    color: #fff
}

#aside .topmenu nav > ul > li.menu-item-has-children > a:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f078";
    position: absolute;
    right: -14px;
    top: 3px;
    font-weight: 300;
    font-size: 8px
}

#aside .topmenu nav > ul > li.menu-item-has-children.current > a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#aside .topmenu nav > ul > li > a {
    color: #a7a7a7;
    position: relative;
    font-size: 12px;
    background: rgba(255, 255, 255, .02);
    line-height: 50px;
    height: 50px;
    cursor: pointer
}

#aside .topmenu nav > ul > li > a:hover {
    color: #fff
}

#aside nav > ul > li ul li.current-menu-item > a,
#aside nav > ul > li.current-menu-ancestor > a,
#aside nav > ul > li.current-menu-item > a {
    color: #258FC3
}

#aside .topmenu nav > ul > li ul li:last-child {
    border: none
}

#aside nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

#aside nav > ul > li.new_label > a:before {
    background: #f50c06 !important;
    opacity: 1 !important
}

#aside nav > ul > li.current-menu-ancestor > a:before,
#aside nav > ul > li.current-menu-item > a:before {
    opacity: 1
}

#aside nav > ul > li.current-menu-ancestor > a .tip,
#aside nav > ul > li.current-menu-item > a .tip {
    display: none !important
}

#aside nav > ul > li > a {
    display: block;
    width: 180px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    position: relative;
    padding: 0 20px
}

#aside nav > ul > li > a .icons {
    font-size: 18px
}

/*#aside nav>ul>li>a:after {
    left: 20px;
    width: calc(100% - 40px);
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, .04);
    content: '';
    position: absolute
}*/

#aside nav > ul > li > a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 100%;
    background: #258FC3;
    opacity: 0;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

#aside nav > ul > li > a:hover .tip {
    opacity: 1;
    left: calc(100% + 15px)
}

#aside nav > ul > li > a .tip {
    position: absolute;
    left: calc(100% + 30px);
    background: #124056;
    white-space: nowrap;
    font-size: 12px;
    padding: 7px 9px;
    line-height: 12px;
    font-weight: 500;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    top: 50%;
    pointer-events: none;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .6s ease opacity, .4s ease left;
    transition: .6s ease opacity, .4s ease left
}

#aside nav > ul > li > a .tip:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(32, 32, 41, 0);
    border-right-color: #124056;
    border-width: 6px;
    margin-top: -6px
}

#aside nav > ul > li ul li,
#footer ._top,
.game-content-ads .ads-bottom,
.page-nav,
.tile .options,
.tile .text-block .inTextAdTop {
    border-bottom: 1px solid rgba(255, 255, 255, .04)
}

#aside nav > ul > li ul {
    position: absolute;
    top: 0;
    background: #2a2a34;
    left: 100%;
    width: 260px;
    margin: 0;
    padding: 0 20px;
    display: none;
    height: calc(100vh - 70px)
}

#aside nav > ul > li ul li {
    display: block
}

#aside nav > ul > li ul li:last-child {
    border-bottom: none;
    border-top: 2px solid rgba(255, 255, 255, .04);
    font-weight: 500;
    text-transform: uppercase
}

#aside nav > ul > li ul li:last-child a:before {
    content: '● ';
    color: #f50c06
}

#aside nav > ul > li ul li a {
    display: block;
    position: relative;
    padding: 15px 0
}

#aside nav > ul > li.menu-item-has-children a {
    position: relative;
}

#aside nav > ul > li.menu-item-has-children > a:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f054";
    font-size: 12px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#aside .ad {
    padding: 0;
    text-align: center;
    color: #fff;
    display: table;
    width: 100%;
    height: auto
}

#aside .ad .inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100%;
    padding: 10px 10px 0
}

@media only screen and (max-width: 1680px) {
    #aside {
        display: none
    }

    #aside .topmenu {
        display: block
    }
}

@media only screen and (max-width: 480px) {
    #aside nav > ul > li ul {
        width: calc(100vw - 180px)
    }
}

#footer {
    padding: 0
}

#footer ._top {
    padding: 30px 0 60px
}

#footer ._bottom {
    padding: 120px 0
}

#footer .copy {
    border-top: 1px solid rgba(255, 255, 255, .04);
    padding: 40px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #a7a7a7
}

#footer .copy p {
    margin: 0
}

#footer .widget .site-mascot,
#footer .widget P,
#footer .widget h4,
.selected-games-small {
    margin: 0 0 20px
}

#footer .copy .icons {
    color: #f50c06
}

#footer .copy ._part {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex-flow: row wrap;
}

#footer .widget {
    color: #fff
}

#footer .widget img {
    width: 100%;
    max-width: 200px;
    height: auto
}

#footer .widget .site-mascot img {
    width: 100%;
    max-width: 200px
}

#footer .widget h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#footer .widget P {
    color: #a7a7a7;
    font-size: 13px
}

#footer .widget P:last-child {
    margin: 0
}

#footer .widget ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#footer .widget ul.social {
    display: table;
    width: auto
}

#footer .widget ul.social li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px 0 0
}

#footer .widget ul.social li:last-child {
    padding: 0
}

#footer .widget ul.social li a {
    display: table;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

#footer .widget ul.social li a:hover:after {
    width: 100%
}

#footer .widget ul.social li a.fb {
    color: #3b5998
}

#footer .widget ul.social li a.fb:after {
    background: #3b5998
}

#footer .widget ul.social li a.tw {
    color: #1da1f3
}

#footer .widget ul.social li a.tw:after {
    background: #1da1f3
}

#footer .widget ul.social li a.gplus {
    color: #d34836
}

#footer .widget ul.social li a.gplus:after {
    background: #d34836
}

#footer .widget ul.social li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #fff;
    width: 0;
    -webkit-transition: .6s ease width;
    transition: .6s ease width
}

#footer .widget ul li {
    margin: 0 0 5px
}

#footer .widget ul li:last-child {
    margin: 0
}

#footer .widget ul li a {
    font-size: 13px;
    color: #a7a7a7
}

#footer .widget ul li a:hover {
    color: #fff
}

@media only screen and (max-width: 1199px) {
    #footer ._bottom {
        padding: 60px 0
    }
}

@media only screen and (max-width: 991px) {
    #footer ._bottom {
        padding: 60px 0 30px
    }

    #footer .widget {
        margin: 0 0 30px;
        text-align: center
    }

    #footer .widget ul.social,
    #footer .widget ul.social li a {
        margin: 0 auto
    }

    #footer .widget h4 {
        margin: 0 0 10px
    }
}

@media only screen and (max-width: 767px) {
    #footer .widget.center-mobile {
        text-align: center
    }

    #footer .copy ._part {
        text-align: center !important
    }

    #footer .copy ._part:first-child {
        margin: 0 0 10px
    }
}

@media only screen and (max-width: 480px) {
    #footer ._bottom {
        padding: 40px 0 10px
    }

    #footer ._top {
        padding: 10px 0 40px
    }

    #footer .widget ul.social li {
        display: block;
        padding: 0 0 10px
    }

    #footer .widget ul.social li:last-child {
        padding: 0
    }
}

.btn-dogecoin {
    font-size: 14px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-family: Montserrat;
    width: 160px;
    height: 45px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #f8e9c0;
    background-image: linear-gradient(#f4ca5d, #f4b840);
    color: #333;
    text-transform: uppercase;
    transition: width .35s ease;
    margin: 0 0 30px
}

.btn-dogecoin p {
    line-height: 14px !important
}

.btn-dogecoin span {
    display: block
}

.btn-dogecoin .currency {
    font-size: 14px;
    text-align: left;
    color: #000
}

.btn-dogecoin .currency:before {
    content: 'Pay with';
    font-size: .65em;
    display: block
}

.btn-dogecoin .symbol {
    transition: all .2s ease;
    font-size: 24px;
    border: 2px solid #333;
    border-radius: 360px;
    padding: 4px;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 22px;
    margin-right: 5px
}

.adParts .tag,
.mmopromo {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.btn-dogecoin p {
    transition: all .2s ease;
    padding: 0;
    margin: 0
}

.btn-dogecoin .symbol,
.btn-dogecoin p {
    display: inline-block;
    white-space: nowrap
}

.btn-dogecoin:hover p {
    transform: translateX(120px)
}

.btn-dogecoin:hover .symbol {
    transform: translateX(60px)
}

.btn-dogecoin.opened {
    width: 390px
}

.btn-dogecoin.opened:hover p {
    transform: inherit;
    cursor: text
}

.btn-dogecoin.opened:hover .symbol {
    transform: inherit
}

.btn-dogecoin.opened .currency {
    text-transform: initial
}

.btn-dogecoin.opened .currency:before {
    content: 'Thank you !';
    text-transform: uppercase
}

.btn-dogecoin.donate .currency:before {
    content: 'Make a donation';
    font-size: .65em;
    display: block
}

.btn-dogecoin.donate.opened .currency:before {
    content: 'wow such generous !'
}

.btn-dogecoin.black {
    color: #fbbc3a;
    border-color: #323520;
    background-image: none;
    background-color: #272515
}

.btn-dogecoin.black .symbol {
    border-color: #fbbc3a
}

.btn-dogecoin.black.opened:after {
    background-color: #272515;
    border-color: #323520
}

.mmopromo {
    display: table;
    width: 100%;
    padding: 20px;
    background: #258FC3;
    color: #fff;
    position: relative;
    border-radius: 4px;
    margin: 0 0 30px
}

.mmopromo:before {
    content: 'Civilization';
    position: absolute;
    font-size: 60px;
    font-weight: 900;
    text-transform: uppercase;
    opacity: .1;
    top: -56px;
    left: 15px
}

.mmopromo > .part {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px
}

.mmopromo > .part p {
    margin: 0;
    font-size: 16px
}

.mmopromo > .part p strong {
    font-size: 22px
}

.mmopromo > .part:first-child {
    width: 100%;
    padding-left: 0
}

.mmopromo > .part:last-child {
    padding-right: 0
}

@media only screen and (max-width: 767px) {
    .mmopromo:before {
        display: none
    }

    .mmopromo > .part {
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
        text-align: center;
        display: block
    }

    .mmopromo > .part:last-child {
        margin: 0
    }

    .mmopromo > .part .bttn {
        margin: 0 auto
    }

    .mmopromo > .part p {
        font-size: 14px
    }

    .mmopromo > .part p strong {
        font-size: 16px
    }
}

.swiper-pagination {
    position: relative;
    width: 100%;
    bottom: auto;
    text-align: center;
    padding: 20px 0 0
}

.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background: 0 0;
    opacity: .3;
    -webkit-transition: .6s ease opacity, .6s ease border-color;
    transition: .6s ease opacity, .6s ease border-color
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    border-color: #258FC3
}

.selected-games-big .selected-games-part .selected-game:hover,
.selected-games-small .selected-games-part .selected-game:hover,
.tile .gallery ul li a:hover {
    opacity: .6
}

.selected-games-big,
.selected-games-small {
    position: relative;
    margin: 0 0 30px
}

.selected-games-big .selected-games-part,
.selected-games-small .selected-games-part {
    position: relative;
    padding-right: calc(300px + 20px);
    height: 100%
}

.selected-games-big .selected-games-part .swiper-container .swiper-slide,
.selected-games-small .selected-games-part .swiper-container .swiper-slide {
    height: calc(300px - 10px)
}

.selected-games-big .selected-games-part .selected-game,
.selected-games-small .selected-games-part .selected-game {
    display: table;
    width: 100%;
    height: 100%;
    background-color: #2a2a34 !important;
    position: relative;
    background-position: center left !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

.selected-games-big .selected-games-part .selected-game .bg,
.selected-games-small .selected-games-part .selected-game .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.selected-games-big .ad-part,
.selected-games-small .ad-part {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 600px
}

.selected-games-big .ad-part .pageAdBig,
.selected-games-small .ad-part .pageAdBig {
    width: 300px;
    height: 600px
}

@media only screen and (max-width: 991px) {
    .selected-games-big .selected-games-part,
    .selected-games-small .selected-games-part {
        padding: 0
    }

    .selected-games-big.small .selected-games-part,
    .selected-games-small.small .selected-games-part {
        padding-right: 0
    }

    .selected-games-big.small .ad-part,
    .selected-games-small.small .ad-part {
        width: 100%;
        height: auto;
        margin: 0 0 20px;
        text-align: center
    }

    .selected-games-big.small .ad-part .pageAdSmall,
    .selected-games-small.small .ad-part .pageAdSmall {
        width: 728px;
        height: 90px
    }

    .selected-games-big .ad-part,
    .selected-games-small .ad-part {
        padding: 20px 0 0;
        position: relative;
        width: 100%;
        height: auto;
        text-align: center
    }

    .selected-games-big .ad-part .pageAdBig,
    .selected-games-small .ad-part .pageAdBig {
        width: 728px;
        height: 90px
    }
}

@media only screen and (max-width: 767px) {
    .selected-games-big .ad-part .pageAdBig,
    .selected-games-big.small .ad-part .pageAdSmall,
    .selected-games-small .ad-part .pageAdBig,
    .selected-games-small.small .ad-part .pageAdSmall {
        width: 468px;
        height: 60px
    }

    .selected-games-big .selected-games-part .selected-game,
    .selected-games-small .selected-games-part .selected-game {
        padding-top: 66%
    }

    .selected-games-big .selected-games-part .swiper-container .swiper-slide,
    .selected-games-small .selected-games-part .swiper-container .swiper-slide {
        height: auto
    }
}

@media only screen and (max-width: 480px) {
    .selected-games-big .ad-part .pageAdBig,
    .selected-games-big.small .ad-part .pageAdSmall,
    .selected-games-small .ad-part .pageAdBig,
    .selected-games-small.small .ad-part .pageAdSmall {
        width: 320px;
        height: 100px
    }
}

.selected-games-small .selected-games-part {
    padding-right: calc(336px + 20px)
}

.selected-games-small .selected-games-part .swiper-container .swiper-slide {
    height: 280px
}

.selected-games-small .ad-part {
    height: 280px;
    width: 336px;
    display: table
}

.selected-games-small .ad-part > .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.selected-games-small .ad-part .pageAdSmall {
    width: 336px;
    height: 280px
}

@media only screen and (max-width: 991px) {
    .selected-games-small .selected-games-part {
        padding-right: 0
    }

    .selected-games-small .ad-part {
        width: 100%;
        height: auto;
        margin: 0 0 20px;
        text-align: center
    }

    .selected-games-small .ad-part .pageAdSmall {
        width: 728px;
        height: 90px
    }
}

@media only screen and (max-width: 767px) {
    .selected-games-small .ad-part .pageAdSmall {
        width: 468px;
        height: 60px
    }
}

@media only screen and (max-width: 480px) {
    .selected-games-small .ad-part .pageAdSmall {
        width: 320px;
        height: 100px
    }
}

.adParts {
    display: block;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
    padding-left: calc(100% / 3);
    position: relative
}

.adParts .resPri {
    width: calc(100% / 3 - 20px);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #124056
}

.adParts .resPri .pri-ad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important
}

.adParts .imageHPaBlock {
    position: relative;
    display: block;
    text-align: left;
    padding-top: 55%
}

.adParts .imageHPaBlock:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(22, 24, 30, 0) 0, rgba(22, 24, 30, .9) 80%);
    background: -webkit-linear-gradient(top, rgba(22, 24, 30, 0) 0, rgba(22, 24, 30, .9) 80%);
    background: linear-gradient(to bottom, rgba(22, 24, 30, 0) 0, rgba(22, 24, 30, .9) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016181e', endColorstr='#e616181e', GradientType=0)
}

.adParts .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 2px 8px;
    color: #fff;
    font-weight: 400;
    text-transform: lowercase;
    background: #258FC3;
    font-size: 14px;
    line-height: 21px;
    border-radius: 4px
}

.adParts .cta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    font-weight: 700;
    font-size: 18px;
    z-index: 2
}

.adParts .part {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    overflow: hidden;
    position: relative
}

.adParts .part .wrap {
    display: table;
    width: 100%;
    height: 100%
}

.adParts .part .wrap .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    height: 100%
}

.adParts .part img {
    width: 100%
}

.adParts .part > * {
    background: #124056;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

@media only screen and (max-width: 1199px) {
    .adParts {
        padding-left: 50%
    }

    .adParts .resPri {
        width: calc(50% - 20px)
    }
}

@media only screen and (max-width: 991px) {
    .adParts {
        margin: 0 0 30px;
        width: 100%
    }

    .adParts .part {
        display: block;
        margin: 0 0 20px;
        padding: 0
    }

    .adParts .part:last-child {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .adParts {
        padding-left: 0
    }

    .adParts .resPri {
        width: 100%;
        position: relative
    }

    .adParts .resPri .pri-ad {
        position: relative;
        margin: 0 0 20px !important
    }

    .adParts .cta {
        font-size: 15px
    }
}

#faq .faq-header {
    text-align: center;
    margin: 0 0 30px
}

#faq .faq-header h2 {
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #258FC3;
    margin: 0
}

#faq .faq-header p {
    margin: 10px 0 0
}

#faq .faq-body .faq-items .faq-item {
    position: relative;
    padding: 0 0 20px 30px;
    margin: 0 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

#faq .faq-body .faq-items .faq-item.open:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#faq .faq-body .faq-items .faq-item:before {
    font-family: simple-line-icons;
    content: "\e606";
    position: absolute;
    left: 0;
    font-size: 12px;
    color: #a7a7a7;
    top: -1px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .3s ease transform;
    transition: .3s ease transform
}

#faq .faq-body .faq-items .faq-item .faq-question {
    cursor: pointer
}

#faq .faq-body .faq-items .faq-item .faq-question h3 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    -webkit-transition: .6s ease color;
    transition: .6s ease color
}

#faq .faq-body .faq-items .faq-item .faq-question h3:hover {
    color: #258FC3
}

#faq .faq-body .faq-items .faq-item .faq-answer {
    color: #a7a7a7;
    display: none
}

#faq .faq-body .faq-items .faq-item .faq-answer .inner {
    padding: 10px 0 0;
    font-size: 12px
}

.vdo._aside {
    margin: 0 0 20px
}

.vdo._cat-header > * {
    border: 4px solid #16181e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.vdo._cat-header .vdo-js {
    position: relative;
    width: 440px;
    height: 250px;
    margin: 0 auto;
    display: table;
    border: 0
}

@media only screen and (max-width: 991px) {
    .vdo._cat-header .vdo-js {
        width: 300px;
        height: 169px
    }
}

@media only screen and (max-width: 767px) {
    .vdo._cat-header {
        width: 100%;
        height: auto
    }

    .vdo._cat-header > * {
        position: relative;
        padding-top: 55%
    }

    .vdo._cat-header .vdo-js {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#donate {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    background: #124056;
    padding: 20px;
    width: 400px;
    color: #fff;
    font-size: 14px;
    display: none;
    box-shadow: rgba(0, 0, 0, .5) 0 0 20px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px
}

#donate .btc-link {
    margin: 20px 0;
    text-align: center
}

#game-holder,
#hero {
    /*margin: -20px -20px 40px*/
}

#donate.active {
    display: block
}

#donate:before {
    content: '';
    position: absolute;
    width: 410px;
    height: 172px;
    bottom: 100%;
    left: -10px;
    background: url(../img/war.png) center center no-repeat
}

#donate .title {
    font-weight: 600;
    display: block;
    font-size: 16px
}

#donate p {
    margin: 15px 0
}

#donate small {
    font-size: 13px
}

#donate .btn-container {
    display: block !important;
    width: 100%
}

#donate .btn-container .kofi-button {
    width: 100% !important
}

#donate ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%
}

#donate ul li {
    display: block;
    vertical-align: middle;
    padding: 0 0 10px
}

#donate ul li:last-child {
    padding: 0
}

#donate ul li .bttn {
    width: 100%
}

@media only screen and (max-width: 991px) {
    #donate {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px
    }

    #donate:before {
        display: none
    }
}

@media only screen and (max-width: 480px) {
    #donate {
        width: calc(100% - 40px);
        font-size: 12px
    }

    #donate .title {
        font-size: 14px
    }
}

#game-holder {
    /*width: calc(100% + 40px)*/
}

#game-holder .button-pad {
    z-index: 100;
    position: relative
}

#game-holder #game-top {
    display: block;
    width: 100%;
    /*height: calc(100vh - 140px);*/
    min-height: 420px;
    position: relative;
    overflow: hidden
}

#game-holder #game-top #preroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

#game-holder #game-top #preroll #aipPrerollContainer {
    width: 100%;
    height: 100%
}

#game-holder #game-top #preroll #aipPrerollContainer > div,
#game-holder #game-top #preroll #aipPrerollContainer > div iframe {
    width: 100% !important;
    height: 100% !important
}

#game-holder #game-top .part {
    display: block;
    vertical-align: middle;
    text-align: center
}

#game-holder #game-top .part.game-ad {
    width: 340px;
    padding: 20px;
    background: #0d2b6f;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
}

#game-holder #game-top .part.game-ad .game-ad-inner {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #fff
}

#game-holder #game-top .part.game-ad .game-ad-inner iframe {
    width: 100% !important;
    margin: 0 0 10px
}

#game-holder #game-top .part.game-ad .game-ad-inner .ad {
    margin: 0 0 20px;
    min-height: 159px
}

#game-holder #game-top .part.game-ad .game-ad-inner .ad.googleAd {
    margin: 0 -10px 20px;
    width: 300px
}

#game-holder #game-top .part.game-ad .game-ad-inner .ad:last-child {
    margin: 0
}

#game-holder #game-top .part.game-screen {
    padding-right: 358px;
    width: 100%;
    height: 100%;
    position: relative
}

#game-holder #game-top .part.game-screen .game-loading {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 50vh;
    background: #fff;
}

#game-holder #game-top .part.game-screen .game-loading #asu-canvas {
    width: auto !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100%
}

#game-holder #game-top .part.game-screen .game-loading #asu-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-logo {
    display: none;
    margin: 0 0 20px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600
}

#game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-message {
    font-size: 18px;
    margin: 0 0 20px
}

#game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-progress > span {
    display: block;
    margin: 0 0 5px
}

#game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-progress > span span {
    color: #258FC3;
    margin-left: 20px
}

#game-holder #game-top .part.game-screen .game-loading #asu-pre-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader {
    width: 120px;
    height: 120px;
    border: 2px solid #fff;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .2s ease transform;
    transition: .2s ease transform
}

#game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader:before {
    content: "\e071";
    font-family: simple-line-icons;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .2s ease transform;
    transition: .2s ease transform
}

#game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #fff
}

#game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader:hover:before {
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
    -ms-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translateX(-50%) translateY(-50%) scale(.8)
}

#game-holder #game-top .part.game-screen .run-game {
    color: #fff;
    font-size: 14px;
    width: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    z-index: 2;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#game-holder #game-top .part.game-screen .run-game #game-play {
    width: 120px;
    height: 120px;
    border: 2px solid #fff;
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: .2s ease transform;
    transition: .2s ease transform
}

#game-holder #game-top .part.game-screen .run-game #game-play:before {
    content: "\e071";
    font-family: simple-line-icons;
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .2s ease transform;
    transition: .2s ease transform
}

#game-holder #game-top .part.game-screen .run-game #game-play:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #fff
}

#game-holder #game-top .part.game-screen .run-game #game-play:hover:before {
    color: #fff;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
    -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
    -ms-transform: translateX(-50%) translateY(-50%) scale(.8);
    transform: translateX(-50%) translateY(-50%) scale(.8)
}

#game-holder #game-top .part.game-screen .run-game .game-loading {
    display: none
}

#game-holder #game-top .part.game-screen .run-game .game-loading .game-loading-text {
    margin: 0 0 20px;
    font-size: 14px
}

#game-holder #game-top .part.game-screen .run-game .game-loading .game-loading-text strong {
    font-size: 20px;
    color: #258FC3
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul {
    margin: 0;
    padding: 0;
    list-stule: none;
    display: block
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul li {
    width: 100%;
    display: table;
    border: none !important;
    position: relative;
    margin: 0 0 10px;
    font-size: 13px
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul li:last-child {
    margin: 0
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul li:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    width: 100%;
    bottom: 0;
    border-bottom: 1px dashed #2a2a34
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul li ._part {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 5px 0
}

#game-holder #game-top .part.game-screen .run-game .game-loading ul li ._part:last-child {
    text-align: right;
    color: #a7a7a7
}

#game-holder #game-top .part.game-screen .game-wrapper {
    display: table;
    height: 100%;
    width: calc(100% - 340px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
    background: #725e4a;
    opacity: 0
}

#game-holder #game-top .part.game-screen .game-wrapper.active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: .9s ease opacity;
    transition: .9s ease opacity
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper #loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper #loader .logo {
    max-width: 90px
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper #loader .progress {
    display: block;
    height: 30px;
    width: 260px;
    border: 2px solid #fff;
    margin: 30px auto 0
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper #loader .progress .full {
    height: 100%;
    background: #fff;
    border: 2px solid #124056
}

#game-holder #game-top .part.game-screen .game-wrapper .wrapper #loader .loadingtext {
    font-size: 14px;
    margin: 15px 0 0;
    color: #fff
}

#game-holder #game-top .part.game-screen .game-wrapper.dink_smallwood canvas {
    max-width: calc(100vw - 340px - 198px);
    width: auto !important;
    height: calc(100vh - 140px) !important
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life {
    background: #000
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life #fSettings {
    display: none !important
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life canvas {
    max-width: calc(100vw - 340px - 198px);
    width: auto;
    height: calc(100vh - 140px);
    margin: 0 auto;
    position: relative;
    z-index: 2
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life .hl-is-loading {
    color: #fff;
    display: table;
    top: 50%;
    left: 50%;
    position: absolute;
    width: 260px;
    text-align: center;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life .hl-is-loading #loader {
    text-align: center
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life .hl-is-loading #loader .logo {
    width: 100px;
    height: auto;
    margin: 20px auto;
    max-width: 100%
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life .hl-is-loading #playHL {
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 0 30px;
    line-height: 40px;
    color: #fff !important;
    display: table;
    border: none;
    margin: 0 auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .6s ease background, .6s ease box-shadow;
    transition: .6s ease background, .6s ease box-shadow;
    background: #258FC3;
    box-shadow: rgba(62, 78, 240, .6) 0 0 20px
}

#game-holder #game-top .part.game-screen .game-wrapper.half_life .hl-is-loading #playHL:hover {
    background: #00f;
    box-shadow: rgba(0, 0, 255, .4) 0 0 20px
}

#game-holder #game-top .part.game-screen .game-wrapper.isIframe {
    height: calc(100vh - 140px)
}

#game-holder #game-top .part.game-screen .game-wrapper.isDos {
    background: #000
}

#game-holder #game-top .part.game-screen .game-wrapper.isDos canvas {
    max-width: calc(100vw - 340px - 198px);
    width: auto;
    height: calc(100vh - 140px)
}

#game-holder #game-top .part.game-screen .game-wrapper .emularity-splash-screen {
    position: absolute !important;
    padding: 30px !important;
    top: 50% !important;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#game-holder #game-top .part.game-screen .game-wrapper .emularity-splash-screen .emularity-splash-image {
    max-width: 110px;
    margin: 0 auto 40px
}

#game-holder #game-top .part.game-screen .game-wrapper .emularity-splash-screen .emularity-splash-title {
    font-size: 15px !important
}

#game-holder #game-top .part.game-screen .game-wrapper .emularity-splash-screen .emularity-progress-indicator .emularity-download-success {
    background: 0 0;
    color: #fff
}

#game-holder #game-top .part.game-screen .game-wrapper .game-box {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#game-holder #game-top .part.game-screen .swiper-container {
    width: 100%;
    height: 100%;
    pointer-events: none !important
}

#game-holder #game-top .part.game-screen .swiper-container .swiper-wrapper {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .08
}

#game-holder #game-top .part.game-screen .swiper-container .cover {
    width: 100%;
    height: 100%
}

#game-holder #game-bottom {
    width: 100%;
    display: flex;
    background: #0d2b6f;
    border-top: 1px solid rgba(255, 255, 255, .05);
    color: #fff;
    position: relative;
    z-index: 2;
    margin-top: -6px;
    justify-content: space-between;
    align-items: center;
}

#game-holder #game-bottom h1 {
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
    display: block
}

#game-holder #game-bottom .part {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0
}

#game-holder #game-bottom .part:first-child {
    width: 100%
}

#game-holder #game-bottom .part.title {
    padding: 12px
}

#game-holder #game-bottom .part.share {
    padding: 0 18px 0 17px;
    white-space: nowrap
}

#game-holder #game-bottom .part.controls {
    white-space: nowrap
}

#game-holder #game-bottom .part.controls ul {
    margin: 0;
    padding: 12px;
    list-style: none;
    display: flex;
    align-items: center;
}

#game-holder #game-bottom .part.controls ul li {
    border-right: 1px solid rgba(255, 255, 255, .035);
    position: relative;
    margin-left: 20px;
}

#game-holder #game-bottom .part.controls ul li.active .options {
    opacity: 1;
    bottom: calc(100% + 20px);
    pointer-events: auto
}

#game-holder #game-bottom .part.controls ul li.active button {
    background: rgba(255, 255, 255, .02)
}

#game-holder #game-bottom .part.controls ul li.active button:before {
    opacity: 0
}

#game-holder #game-bottom .part.controls ul li.active button .icons {
    opacity: 1
}

#game-holder #game-bottom .part.controls ul {
    border-left: 1px solid rgba(255, 255, 255, .035);

}

#game-holder #game-bottom .part.controls ul li:first-child {
    margin-left: auto;
}

#game-holder #game-bottom .part.controls ul li .options {
    position: absolute;
    bottom: calc(100% + 30px);
    left: 50%;
    width: 260px;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 5px;
    background: #124056;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .6s ease opacity, .6s ease bottom;
    transition: .6s ease opacity, .6s ease bottom
}

#game-holder #game-bottom .part.controls ul li .options:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(32, 32, 41, 0);
    border-top-color: #124056;
    border-width: 8px;
    margin-left: -8px
}

#game-holder #game-bottom .part.controls ul li .options .links {
    display: table;
    margin-top: 20px;
    table-layout: fixed;
    width: 100%
}

#game-holder #game-bottom .part.controls ul li .options .links .link {
    display: table-cell;
    vertical-align: middle
}

#game-holder #game-bottom .part.controls ul li .options .links .link .bttn {
    width: 100%
}

#game-holder #game-bottom .part.controls ul li .options.controls .-name {
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-size: 16px;
    border-bottom: 1px solid #2a2a34;
    font-weight: 700;
    text-align: center
}

#game-holder #game-bottom .part.controls ul li .options.controls .-name small {
    color: #a7a7a7;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase
}

#game-holder #game-bottom .part.controls ul li .options.controls ul {
    margin: 0;
    padding: 0;
    list-stule: none;
    display: block
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li {
    width: 100%;
    display: table;
    border: none !important;
    position: relative;
    margin: 0 0 5px;
    font-size: 13px
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li:last-child {
    margin: 0
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    width: 100%;
    bottom: 5px;
    border-bottom: 1px dashed #2a2a34
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li ._part {
    display: table-cell;
    vertical-align: top;
    text-align: left
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li ._part:last-child {
    text-align: right
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li ._part span {
    background: #124056;
    position: relative;
    z-index: 2;
    padding: 0 2px
}

#game-holder #game-bottom .part.controls ul li .options.controls ul li ._part span small {
    color: #a7a7a7;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 5px;
    white-space: nowrap
}

#game-holder #game-bottom .part.controls button {
    padding: 0;
    border: none;
    font-size: 20px;
    background: 0 0;
    position: relative;
    -webkit-transition: .6s ease background;
    transition: .6s ease background;
    padding: 7px 14px;
    color: #fff;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.1);
}

#game-holder #game-bottom .part.controls button:before,
.rating .rate:after {
    position: absolute;
    background: #c8b6a6;
    pointer-events: none;
    white-space: nowrap
}

#game-holder #game-bottom .part.controls button:before {
    content: attr(data-tooltip);
    font-size: 12px;
    padding: 6px 12px;
    color: #fff;
    top: -46px;
    left: 50%;
    bottom: auto;
    display: block;
    opacity: 0;
    line-height: normal;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .6s ease top, .6s ease opacity;
    transition: .6s ease top, .6s ease opacity
}

#game-holder #game-bottom .part.controls button:hover {
    background: rgba(255, 255, 255, .02)
}

#game-holder #game-bottom .part.controls button:hover:before {
    top: -36px;
    opacity: 1
}

#game-holder #game-bottom .part.controls button:hover .icons {
    opacity: 1
}

#game-holder #game-bottom .part.controls button .icons {
    font-size: 19px;
    opacity: .4;
    font-weight: 300;
    vertical-align: middle;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

@media only screen and (max-width: 1680px) {
    #game-holder #game-top .part.game-ad {
        width: 341px
    }

    #game-holder #game-top .part.game-screen {
        padding-right: 350px
    }

    #game-holder #game-top .part.game-screen .run-game {
        margin-left: -120px
    }

    #game-holder #game-top .part.game-screen .game-wrapper {
        width: calc(100% - 340px)
    }

    #game-holder #game-top .part.game-screen .game-wrapper.dink_smallwood canvas {
        max-width: 100% !important;
        height: calc(100vh - 140px)
    }

    #game-holder #game-top .part.game-screen .game-wrapper.isDos canvas {
        max-width: calc(100vw - 340px)
    }

    #game-holder #game-top .part.game-screen .game-wrapper.half_life canvas {
        max-width: 100% !important;
        height: calc(100vh - 140px)
    }
}

@media only screen and (max-width: 1199px) {
    #game-holder #game-top {
        height: auto;
        display: block;
        width: 100%
    }

    #game-holder #game-top .part {
        display: flex;
        flex-direction: column;
    }

    #game-holder #game-top .part.game-ad {
        padding: 30px 20px 0;
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        box-shadow: rgba(0, 0, 0, .15) 0 5px 5px;
        border-top: 1px solid #124056;
        display: block;
        margin-top: 24px
    }

    #game-holder #game-top .part.game-ad .game-ad-inner {
        display: block
    }

    #game-holder #game-top .part.game-ad .game-ad-inner .ad.googleAd {
        display: none
    }

    #game-holder #game-top .part.game-screen {
        padding: 0;
        min-height: calc(100vh - 70px);
        min-height: 0
    }

    #game-holder #game-top .part.game-screen .run-game {
        margin-left: 0
    }

    #game-holder #game-top .part.game-screen .game-wrapper {
        width: 100%;
        top: 0;
        height: 100%;
        position: relative
    }

    #game-holder #game-top .part.game-screen .game-wrapper .wrapper {
        display: block
    }

    #game-holder #game-top .part.game-screen .game-wrapper.dink_smallwood canvas,
    #game-holder #game-top .part.game-screen .game-wrapper.half_life canvas {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important
    }

    #game-holder #game-top .part.game-screen .game-wrapper.isDos {
        height: auto;
        top: 0;
        position: relative
    }

    #game-holder #game-top .part.game-screen .game-wrapper.isDos .wrapper {
        height: 600px
    }

    #game-holder #game-top .part.game-screen .game-wrapper.isDos canvas {
        width: 100%;
        height: auto;
        max-width: 100%
    }

    #game-holder #game-bottom h1 {
        font-size: 18px;
        line-height: 22px
    }
}

@media only screen and (max-width: 991px) {
    #game-holder #game-bottom .part {
        display: flex
    }

    #game-holder #game-bottom .part.share {
        padding: 20px;
        text-align: center
    }

    #game-holder #game-bottom .part.controls {
        border-top: 2px solid rgba(255, 255, 255, .035);
        border-bottom: 2px solid rgba(255, 255, 255, .035)
    }

    #game-holder #game-bottom .part.controls ul {
        display: flex;
        width: 100%;
        table-layout: fixed
    }

    #game-holder #game-bottom .part.controls ul li {
        position: unset
    }

    #game-holder #game-bottom .part.controls ul li:first-child {
        border-left: none
    }

    #game-holder #game-bottom .part.controls ul li .options {
        bottom: calc(100% - 64px)
    }

    #game-holder #game-bottom .part.controls button {
        width: 100%;
        line-height: 50px
    }

    #game-holder #game-top .part.game-screen .run-game {
        margin-left: 0
    }

    #game-holder #game-top .part.game-screen .game-loading #asu-canvas {
        height: auto !important
    }

    #game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-message {
        font-size: 14px
    }

    #game-holder #game-top .part.game-screen .game-loading #asu-loader #asu-loader-progress {
        font-size: 12px
    }

    #game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader {
        width: 80px;
        height: 80px
    }

    #game-holder #game-top .part.game-screen .game-loading #asu-pre-loader #asu-start-loader:before {
        font-size: 20px
    }
}

@media only screen and (max-width: 767px) {
    #game-holder #game-top .part.game-screen {
        padding: 0
    }

    #game-holder #game-top .part.game-screen .run-game #game-play {
        margin-top: 0;
        width: 90px;
        height: 90px;
        border: 1px solid #fff
    }

    #game-holder #game-top .part.game-screen .run-game #game-play:before {
        font-size: 20px
    }

    #game-holder #game-top .part.game-screen .game-wrapper.isDos .wrapper {
        height: 400px
    }
}

@media only screen and (max-width: 480px) {
    #game-holder #game-bottom .part.share .jssocials-shares .jssocials-share {
        margin: 0 0 5px;
        display: block
    }

    #game-holder #game-bottom .part.share .jssocials-shares .jssocials-share:last-child {
        margin: 0
    }

    #game-holder #game-bottom .part.share .jssocials-shares .jssocials-share .jssocials-share-link {
        width: 100%;
        display: block
    }

    .jssocials-shares {
        text-align: center
    }
}

.rating .icons {
    font-size: 19px;
    cursor: pointer;
    display: block;
    -webkit-transition: .6s ease color;
    transition: .6s ease color
}

.rating .rate-true:hover {
    color: #258FC3
}

.rating .rate-false:hover {
    color: #f50c06
}

.rating .rate {
    position: relative
}

.rating .rate:hover:after {
    top: 45px;
    opacity: 1
}

.rating .rate:after {
    content: attr(data-text);
    left: 0;
    top: 55px;
    margin-left: -33px;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 6px;
    width: 80px;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .3s ease top, .3s ease opacity;
    transition: .3s ease top, .3s ease opacity
}

.breadcrumb,
.breadcrumb a,
.rating .total {
    color: #fff
}

.rating .total {
    white-space: nowrap;
    font-size: 12px
}

.rating ul {
    margin: 0 !important;
    padding: 0;
    list-style: none;
    display: table;
    width: auto
}

.rating ul li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 8px !important
}

.rating ul li:before {
    display: none
}

.rating ul li:first-child {
    padding-left: 0 !important
}

.rating ul li:last-child {
    padding-right: 0 !important
}

@media only screen and (max-width: 767px) {
    .rating ul li.ratings {
        display: none
    }
}

.breadcrumb {
    font-size: 12px;
    letter-spacing: .2px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.breadcrumb a:hover {
    color: #258FC3
}

.goBack {
    padding-left: 20px;
    position: relative;
    float: right
}

.goBack:after {
    font-family: simple-line-icons;
    left: 0;
    top: 50%;
    position: absolute;
    font-size: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-nav {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 12px 0;
}

.page-nav.-alt,
.page-nav._alt {
    margin: 0px 0 12px
}

.page-nav.-alt {
    padding: 20px 0
}

.page-nav ._part {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .page-nav {
        padding: 20px 0
    }

    .page-nav ._part {
        display: block
    }
}

.jssocials-shares {
    margin: 0
}

.jssocials-shares .jssocials-share {
    margin: 0 5px 0 0
}

.jssocials-shares .jssocials-share .jssocials-share-label {
    padding: 0 5px
}

.jssocials-shares .jssocials-share a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jssocials-shares .jssocials-share:last-child {
    margin: 0
}

.jssocials-shares .jssocials-share .jssocials-share-count-box {
    height: auto;
    padding: 0 8px;
    margin-left: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.jssocials-shares .jssocials-share .jssocials-share-count-box:after {
    left: -5px;
    margin-top: -4px;
    top: 50%
}

.fancybox-bg {
    background: #000
}

.ad.-recently,
.tile {
    background: #0d2b6f;
    box-shadow: 0 0 12px rgb(0 0 0 / 30%);
}

.ad.-recently {
    height: auto;
    padding: 20px;
    text-align: center;
    margin: 0 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#game .game-header .bg,
.tile {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.game-content-ads {
    max-width: 640px;
    width: 100%;
    float: left;
    margin: 0 20px 20px 0
}

.game-content-ads .ads-top .wrapper {
    position: relative;
    padding-top: 56%
}

.game-content-ads .ads-top .wrapper .pri {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important
}

.game-content-ads .ads-top .wrapper .pri > div {
    min-height: 0 !important;
    width: 100%;
    height: 100%
}

.game-content-ads .ads-top .wrapper .pri > div .vdo_content {
    width: 100% !important;
    height: 100% !important
}

.game-content-ads .ads-top .wrapper .pri > div .vdo_content .vdo-js {
    width: 100%;
    height: 100%
}

.game-content-ads .ads-bottom {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .04)
}

.game-content-ads .ads-bottom > ul {
    display: table;
    width: 100%;
    margin: 0
}

.game-content-ads .ads-bottom > ul > li {
    padding: 0 10px;
    text-align: center;
    display: table-cell;
    vertical-align: top
}

.game-content-ads .ads-bottom > ul > li:before {
    display: none
}

@media only screen and (max-width: 1199px) {
    .game-content-ads {
        max-width: 100%;
        float: none;
        margin: 0 0 20px
    }
}

.tile {
    padding: 30px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.tile ol, .tile ul {
    list-style: disc;
    padding-left: 24px;
}

.tile li {
    list-style: disc;
}

.tile .ad {
    text-align: center;
    color: #fff
}

.tile .list-games > ul {
    margin: 0 -10px -5px;
    padding: 0;
    list-style: none;
    font-size: 0;
    display: table;
    overflow: hidden
}

.tile .list-games > ul > li {
    display: block;
    float: left;
    vertical-align: top;
    margin: 0;
    padding: 0 10px;
    width: calc(100% / 3)
}

.tile .list-games > ul > li:before {
    display: none
}

.tile .list-games > ul > li > a {
    font-size: 13px;
    position: relative
}

.tile .list-games > ul > li > a:after {
    content: ' (' attr(data-count) ') ';
    font-size: 13px;
    color: #258FC3;
    quotes: "“" "”" "‘" "’"
}

.tile .list-games .list-game {
    margin: 0 0 20px
}

.tile .list-games .list-game._smaller header {
    background: 0 0
}

.tile .list-games .list-game._smaller header h2 a {
    padding: 0
}

.tile .list-games .list-game header {
    margin: 0 0 20px;
    background: #2a2a34;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tile .list-games .list-game header h2 {
    font-size: 14px;
    margin: 0
}

.tile .list-games .list-game header h2 span {
    font-size: 14px;
    color: #258FC3
}

.tile .list-games .list-game header h2 a {
    padding: 20px;
    display: block;
    position: relative
}

.tile .list-games .list-game header h2 a:after {
    content: ' (' attr(data-count) ') ';
    font-size: 13px;
    color: #258FC3;
    quotes: "“" "”" "‘" "’"
}

.tile .list-games .list-game .list-game-body > ul {
    margin: 0 0 10px
}

.tile .list-games .list-game .list-game-body > ul > li {
    font-size: 13px
}

.tile .list-games .list-game footer {
    text-align: left;
    font-size: 13px
}

.tile .list-games .list-game footer a {
    display: inline-block;
    padding-right: 10px;
    position: relative
}

.tile .list-games .list-game footer a:after {
    content: '-';
    color: #258FC3;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px
}

.tile .text-block {
    width: 100%;
    overflow: hidden;
    word-break: break-word;
}

.tile .text-block .inTextAd {
    width: 300px;
    height: 600px;
    margin: 0 0 30px 30px;
    float: right
}

.tile .text-block .inTextAdTop {
    margin: 0 0 20px;
    padding: 0 0 20px;
    text-align: center
}

.tile .text-block .inTextAdTop > * {
    margin: 0 auto
}

.tile .ad_bottom {
    margin: 30px 0 0;
    padding: 30px 0 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .04)
}

.tile .options {
    width: 100%;
    table-layout: fixed;
    display: table;
    margin: 0 0 20px;
    padding: 0 0 20px
}

.tile .options .option {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap
}

.tile .options .option:last-child {
    text-align: right
}

.tile img {
    max-width: 100%;
    height: auto;
    border: 10px solid #725e4a
}

.tile .gallery {
    margin-top: 30px;
    display: table;
    width: 100%
}

.tile .gallery ul {
    height: 400px;
    width: 100%;
    margin: 0;
    padding: 0;
    display: block
}

.tile .gallery ul li {
    float: left;
    height: 50%;
    width: 25%;
    padding: 4px;
    margin: 0;
    display: none
}

.tile .gallery ul li:nth-child(1),
.tile .gallery ul li:nth-child(2),
.tile .gallery ul li:nth-child(3),
.tile .gallery ul li:nth-child(4),
.tile .gallery ul li:nth-child(5) {
    display: block
}

.tile .gallery ul li:before {
    display: none
}

.tile .gallery ul li:first-child {
    height: 100%;
    width: 50%
}

.tile .gallery ul li a {
    display: table;
    width: 100%;
    height: 100%;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

@media only screen and (max-width: 991px) {
    .tile .gallery {
        margin-top: 40px
    }

    .tile .gallery ul {
        height: 300px;
        width: calc(100% + 30px);
        margin: 0 -15px
    }
}

@media only screen and (max-width: 767px) {
    .tile .gallery ul {
        height: auto;
        display: table
    }

    .tile .gallery ul li {
        width: 50%
    }

    .tile .gallery ul li:first-child {
        width: 100%
    }

    .tile .gallery ul li a {
        padding-top: 70%;
        display: block
    }
}

.tile h2 {
    font-weight: 500;
    margin: 0 0 10px;
    font-size: 24px;
}


.tile p {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 10px
}

.tile p:last-child {
    margin: 0
}

.tile p a {
    position: relative;
    z-index: 2;
    padding: 0 2px;
    white-space: nowrap;
    color: #FFD43B
}

.tile p a:hover {
    color: #FFD43B
}

.tile p a:hover:after {
    height: calc(100% + 2px)
}


.tile ul li,
.tile ul li .knob,
.tile ul li .knob > div {
    position: relative
}

.tile ul {
    padding-left: 24px;
    list-style: disc;
}

.tile ul li {
    margin: 0 0 5px;
    padding-left: 20px
    list-style: disc;
}

.tile ul li .knob > input {
    opacity: 0
}

.tile ul li .knob > div {
    display: block !important
}

.tile ul li .knob > div input {
    width: 100% !important;
    left: 0 !important;
    text-align: center;
    margin-left: 0 !important
}


@media only screen and (max-width: 1500px) {
    .tile .text-block .inTextAdTop {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .tile._offset {
        margin: 0 0 20px
    }

    .tile .text-block .inTextAd {
        display: none
    }

    .tile .list-games > ul > li {
        width: calc(100% / 2)
    }
}

@media only screen and (max-width: 991px) {
    .tile {
        margin: 0 0 20px
    }

    .tile .options .option {
        display: block;
        text-align: center
    }

    .tile .options .option #share {
        text-align: center
    }

    .tile .options .option .rating ul {
        margin: 0 auto 20px !important
    }

    .tile blockquote {
        margin: 30px 20px
    }

    .tile blockquote p {
        font-size: 22px;
        line-height: 32px
    }
}

@media only screen and (max-width: 767px) {
    .tile {
        font-size: 14px;
        line-height: 21px;
        padding: 20px
    }

    .tile h2 {
        font-size: 18px;
        line-height: 26px
    }
}

@media only screen and (max-width: 480px) {
    .tile .options .option #share .jssocials-shares .jssocials-share {
        display: block;
        margin: 0 0 5px
    }

    .tile .options .option #share .jssocials-shares .jssocials-share:last-child {
        margin: 0
    }

    .tile .list-games > ul > li,
    .tile .options .option #share .jssocials-shares .jssocials-share a {
        width: 100%
    }

    .tile .list-games .list-game header h2 a {
        padding: 15px
    }

    .tile h2,
    .tile p,
    .tile ul {
        margin: 0 0 20px
    }

    .tile blockquote {
        margin: 30px 10px 20px
    }

    .tile blockquote p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 20px
    }
}

.pagination {
    margin: 20px 0 30px;
    font-size: 0;
    padding: 0;
    text-align: center
}

.pagination li {
    display: inline-block
}

.pagination li.active .num,
.pagination li.active a,
.pagination li a:hover {
    background: #0d2b6f;
    color: #fff
}

.pagination li.disabled {
    pointer-events: none
}

.pagination li .num,
.pagination li a {
    color: #fff;
    display: block;
    width: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    background: #288bf4;
}

.pagination li:first-child .page {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination li:last-child .page,
.pagination li:last-child .page a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.table {
    padding: 0;
    background: #124056;
    color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 10px;
    font-size: 12px;
    line-height: 22px
}

.table .table-head {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    color: #a7a7a7
}

.table .table-head .sort {
    display: table;
    margin: 0 auto;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    width: 100%
}

.table .table-head .sort.asc:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.filter .sort:after,
.table .table-head .sort:after {
    width: 10px;
    -moz-transform-origin: center center;
    -webkit-transition: .3s ease transform
}

.table .table-head .sort:after {
    content: "\e604";
    font-family: simple-line-icons;
    margin: 0;
    position: absolute;
    top: 50%;
    border: none;
    font-size: 8px;
    right: 0;
    height: 10px;
    line-height: 10px;
    text-align: center;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: .3s ease transform;
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

#game .game-header .game-details .detail ul li:after,
.game-box ._body .cats li:after,
.recently-played .recently-box .cats li:after,
.table .table-row .cell > a:after {
    content: ', '
}

.cbd-container .cbd-tabs li img,
.section ._header .more,
.table .table-row a.play:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}

.table .table-body {
    font-size: 13px
}

.table .table-body .date {
    color: #a7a7a7
}

.table .table-row {
    display: table;
    table-layout: fixed;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    width: 100%;
    text-align: left
}

.table .table-row:last-child {
    border: none
}

.table .table-row .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px
}

.table .table-row .cell > * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table .table-row .cell:last-child > a:after {
    display: block !important
}

.table .table-row .cell > a {
    white-space: normal;
    position: relative;
    margin-right: 5px
}

.table .table-row .cell > a:last-child {
    margin: 0
}

.table .table-row .cell > a:last-child:after {
    display: none
}

.table .table-row .cell .number {
    font-size: 40px;
    opacity: .1;
    font-weight: 700;
    display: table;
    vertical-align: middle;
    padding: 25px 0;
    width: 100%;
    text-align: center
}

.table .table-row a {
    border-bottom: 1px solid #fff
}

.table .table-row a:hover {
    color: #258FC3;
    border-color: #258FC3
}

.table .table-row a.play {
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    position: relative;
    padding-right: 20px
}

.table .table-row a.play:after {
    font-family: simple-line-icons;
    content: "\e606";
    right: 0;
    top: 50%;
    position: absolute;
    font-size: 8px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.table .table-row .game-image {
    position: relative;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    margin: 0;
    border: none;
    height: 106px;
    width: 80px;
    background: #725e4a;
    overflow: visible
}

.table .table-row .game-image:hover .videoBox {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(30px);
    -moz-transform: translateY(-50%) translateX(30px);
    -ms-transform: translateY(-50%) translateX(30px);
    transform: translateY(-50%) translateX(30px)
}

.table .table-row .game-image .videoBox {
    position: absolute;
    left: 100%;
    top: 50%;
    padding: 320% 0 0;
    background: #725e4a;
    opacity: 0;
    pointer-events: none;
    width: 200px;
    height: auto;
    border: 5px solid #725e4a;
    -webkit-transition: .6s ease opacity, .6s ease transform;
    transition: .6s ease opacity, .6s ease transform;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transform: translateY(-50%) translateX(60px);
    -moz-transform: translateY(-50%) translateX(60px);
    -ms-transform: translateY(-50%) translateX(60px);
    transform: translateY(-50%) translateX(60px)
}

.game-box ._header a:before,
.table .table-row .game-image .videoBox:before {
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%)
}

.table .table-row .game-image .videoBox:before {
    top: 50%;
    left: 50%;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/playclassic/assets/img/preloader.svg) center center no-repeat;
    transform: translateY(-50%) translateX(-50%)
}

.table .table-row .game-image .videoBox:after {
    right: calc(100% + 5px);
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(22, 24, 30, 0);
    border-right-color: #725e4a;
    border-width: 8px;
    margin-top: -8px
}

.filter,
.page-ad {
    background: #124056;
    line-height: 22px;
    margin: 0 0 20px;
    color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 0 10px
}

.table .table-row .game-image .videoBox video {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table .table-row img {
    width: 100%;
    max-width: 80px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 991px) {
    .table .table-row .cell {
        padding: 15px
    }
}

@media only screen and (max-width: 767px) {
    .table .table-row .game-image .videoBox {
        display: none !important
    }

    .table .table-row a.play {
        font-size: 0;
        height: 20px;
        width: 20px;
        display: block
    }

    .table .table-row a.play:after {
        font-size: 14px;
        width: 20px;
        text-align: center
    }
}

.filter > ul,
.page-ad {
    display: table;
    width: 100%
}

.page-ad {
    padding: 10px;
    font-size: 13px;
    text-align: center;
    height: auto
}

.filter {
    padding: 0;
    font-size: 13px
}

.filter > ul {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    list-style: none
}

.filter > ul > li {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    position: relative
}

.filter > ul > li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, .02)
}

.filter .nice-select:after,
.filter .sort:after {
    content: "\e604";
    font-family: simple-line-icons;
    margin: 0;
    text-align: center
}

.filter > ul > li:last-child:after {
    display: none
}

.filter .text {
    width: 100%;
    padding: 15px 20px
}

.filter [type=text] {
    width: 100%;
    border: none;
    background: 0 0;
    padding: 15px 20px
}

.filter .sort {
    padding: 0 30px;
    cursor: pointer;
    position: relative
}

.filter .sort.asc:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.filter .sort:after {
    position: absolute;
    top: 50%;
    border: none;
    font-size: 10px;
    right: 30px;
    height: 10px;
    line-height: 10px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: .3s ease transform;
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.filter select {
    opacity: 0
}

.filter .nice-select {
    border: none;
    float: none;
    width: 100%;
    background: 0 0;
    color: #fff;
    position: relative;
    height: 60px;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.filter .nice-select .current {
    line-height: 60px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

.filter .nice-select .list {
    width: 100%;
    box-shadow: rgba(0, 0, 0, .1) 0 0 10px;
    background: 0 0;
    left: 0;
    right: 0;
    margin: 0;
    top: calc(100% + 10px);
    height: 300px;
    overflow: visible;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: .6s ease opacity, .6s ease padding !important;
    transition: .6s ease opacity, .6s ease padding !important
}

.filter .nice-select .list .option {
    background: #124056 !important;
    padding: 5px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .02);
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px
}

.filter .nice-select .list .option:last-child {
    border: none
}

.filter .nice-select .list .option:hover {
    color: #258FC3;
    padding-left: 34px
}

.filter .nice-select .list .option.selected {
    font-weight: 400;
    color: #258FC3
}

.filter .nice-select.open:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.filter .nice-select.open .list {
    overflow: hidden
}

.filter .nice-select:after {
    position: absolute;
    top: 50%;
    border: none;
    font-size: 10px;
    right: 30px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50%) rotate(0);
    -moz-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

@media only screen and (max-width: 1199px) {
    .filter.-select .nice-select {
        padding: 0 20px
    }

    .filter.-select .nice-select .option {
        min-height: 30px;
        line-height: 30px;
        padding: 10px 20px !important
    }

    .filter.-select [type=text] {
        padding: 15px 20px
    }
}

@media only screen and (max-width: 767px) {
    .filter.-select .nice-select {
        height: 50px
    }

    .filter.-select [type=text] {
        padding: 0 20px;
        line-height: 50px
    }

    .filter.-select > ul > li {
        display: block
    }

    .filter.-select > ul > li:after {
        width: 100%;
        height: 1px;
        top: auto;
        left: 0;
        right: auto;
        bottom: 0
    }

    .filter [type=text] {
        padding: 15px
    }

    .filter .nice-select .current {
        line-height: 50px;
        font-size: 13px
    }
}

.noItems,
.nogames_ajax {
    padding: 60px 20px;
    text-align: center;
    font-size: 30px;
    color: #a7a7a7;
    font-weight: 300px
}

@media only screen and (max-width: 767px) {
    .noItems,
    .nogames_ajax {
        padding: 40px 20px;
        font-size: 22px
    }
}

.bgArrows {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5
}

#gamepage,
#gamepage ._top,
.bgArrows .arrow {
    position: relative
}

.bgArrows.arrows {
    display: table;
    width: auto;
    table-layout: fixed
}

.bgArrows.arrows .arrow {
    border: 1px solid rgba(255, 255, 255, .1);
    display: table-cell
}

.bgArrows.arrows .arrow:first-child {
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    border-right: none
}

.bgArrows.arrows .arrow:last-child {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0
}

.bgArrows .arrow {
    width: 40px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 8px;
    -webkit-transition: .6s ease background;
    transition: .6s ease background
}

.bgArrows .arrow.swiper-button-disabled {
    background: 0 0 !important
}

.bgArrows .arrow.swiper-button-disabled i {
    opacity: .1
}

.bgArrows .arrow:hover {
    background: #258FC3
}

.bgArrows .arrow i {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

@media only screen and (max-width: 991px) {
    .bgArrows .arrow:hover {
        background: 0 0
    }
}

#gamepage ._top {
    margin: -30px -20px 0;
    display: table;
    width: calc(100% + 40px);
    height: calc(100vh - 113px);
    text-align: center;
    color: #fff
}

#gamepage ._top .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 4px 6px;
    color: #fff;
    background: #f50c06;
    z-index: 3
}

#gamepage ._top .tag .icons {
    margin-right: 6px
}

#gamepage ._top .-content {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 20px 464px;
    z-index: 3;
    position: relative
}

#gamepage ._top .bgCarousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: .4
}

#gamepage ._top .bgCarousel .swiper-container {
    height: 100%
}

#gamepage ._top .bgCarousel .swiper-container:after {
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    content: '';
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#725e4a', GradientType=1)
}

#gamepage ._top .bgCarousel .swiper-container .arrows {
    float: none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    margin: 0
}

#gamepage ._top .bgCarousel .swiper-container .swiper-wrapper {
    pointer-events: none
}

#gamepage ._top .bgCarousel .-bg {
    background-position: center center !important;
    height: 100%
}

#gamepage ._top h1 {
    font-size: 28px;
    margin: 0 0 20px;
    font-weight: 500
}

#gamepage ._top .perex p {
    margin: 0 0 20px;
    font-size: 15px
}

#gamepage ._top .perex p:last-child {
    margin: 0
}

#gamepage ._top .perex p a {
    position: relative;
    padding: 0 2px;
    z-index: 2
}

#gamepage ._top .perex p a:after {
    z-index: -1;
    content: '';
    position: absolute;
    left: -2px;
    width: calc(100% + 4px);
    height: 4px;
    bottom: 0;
    background: #258FC3;
    -webkit-transition: .3s ease height;
    transition: .3s ease height
}

#gamepage ._top .perex p a:hover {
    color: #fff
}

#gamepage ._top .perex p a:hover:after {
    height: calc(100% + 1px)
}

#gamepage ._top .bttn {
    margin: 30px auto 0
}

#gamepage ._bottom {
    margin: -424px 0 20px;
    position: relative;
    z-index: 5
}

@media only screen and (max-width: 1199px) {
    #gamepage ._top h1 {
        font-size: 22px;
        margin: 0 0 10px
    }

    #gamepage ._top .perex p {
        font-size: 14px
    }
}

#game .game-header {
    display: table;
    width: 100%;
    color: #fff;
    position: relative;
    margin: 0 0 30px
}

#game .game-header .bg,
#game .game-header .bg video,
#game .game-header:after {
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    left: 0;
    top: 0
}

#game .game-header:after {
    content: '';
    background: -moz-linear-gradient(45deg, #725e4a 33%, rgba(22, 24, 30, .1) 100%);
    background: -webkit-linear-gradient(45deg, #725e4a 33%, rgba(22, 24, 30, .1) 100%);
    background: linear-gradient(45deg, #725e4a 33%, rgba(22, 24, 30, .1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#725e4a', endColorstr='#1a16181e', GradientType=1)
}

#game .game-header .bg {
    z-index: -1;
    opacity: .4;
    display: none;
    border-radius: 3px
}

#game .game-header .bg video {
    z-index: -1
}

#game .game-header > * {
    z-index: 2;
    position: relative
}

#game .game-header .part {
    display: table-cell;
    vertical-align: middle
}

#game .game-header .part.-title {
    width: auto
}

#game .game-header .part.-title .game-desc {
    padding: 0;
    margin: 0 0 20px;
    width: 100%
}

#game .game-header .part.-image {
    width: 300px
}

#game .game-header .game-image {
    position: relative;
    padding: 0
}

#game .game-header .game-image .game-image-holder {
    position: relative;
    margin: 0 0 10px
}

#game .game-header .game-image img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, .15) 0 5px 5px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#game .game-header .game-image .bttn {
    width: 100%
}

#game .game-header .game-details > ul {
    display: table;
    table-layout: fixed;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
    width: 100%
}

#game .game-header .game-details > ul > li {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px
}

#game .game-header .game-details .detail {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600
}

#game .game-header .game-details .detail ul {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    font-weight: 400
}

#game .game-header .game-details .detail ul li {
    display: inline-block;
    vertical-align: top;
    color: #a7a7a7;
    position: relative;
    text-transform: none;
    font-size: 13px;
    padding-right: 5px;
    width: auto
}

#game .game-header .game-details .detail ul li:last-child {
    padding: 0
}

#game .game-header .game-details .detail ul li:last-child:after {
    display: none
}

#game .game-header .game-title {
    padding: 0 20px
}

#game .game-header .game-title .ads {
    display: block;
    margin: 0 0 30px
}

#game .game-header .game-title .ads .mmoAd {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

#game .game-header .game-title .ads .mmoAd:before {
    background: -moz-linear-gradient(top, rgba(32, 32, 41, 0) 0, rgba(32, 32, 41, .3) 30%, rgba(32, 32, 41, .5) 50%, #124056 100%);
    background: -webkit-linear-gradient(top, rgba(32, 32, 41, 0) 0, rgba(32, 32, 41, .3) 30%, rgba(32, 32, 41, .5) 50%, #124056 100%);
    background: linear-gradient(to bottom, rgba(32, 32, 41, 0) 0, rgba(32, 32, 41, .3) 30%, rgba(32, 32, 41, .5) 50%, #124056 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00202029', endColorstr='#124056', GradientType=0);
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#game .game-header .game-title .ads .mmoAd:after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 0;
    background: url(/wp-content/uploads/2019/05/fighter.png) bottom right no-repeat;
    padding: 56% 0 0 44%;
    background-size: 100% auto
}

#game .game-header .game-title .ads .mmoAd .wrap {
    display: table-cell;
    vertical-align: middle
}

#game .game-header .game-title .ads .mmoAd .adTitle {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 5px;
    position: relative;
    z-index: 2
}

#game .game-header .game-title .ads .mmoAd .adDesc {
    position: relative;
    z-index: 2;
    width: 70%
}

#game .game-header .game-title .ads .mmoAd .adDesc p {
    margin: 0 0 10px
}

#game .game-header .game-title .ads .mmoAd .adDesc p:last-child {
    margin: 0
}

#game .game-header .game-title .ads .mmoAd .adLink {
    position: relative;
    z-index: 2
}

#game .game-header .game-title .ads .mmoAd .adLink .bttn {
    margin-top: 15px;
    display: table
}

#game .game-header .game-title .ads .ad {
    display: block;
    vertical-align: middle
}

#game .game-header .game-title .bttn {
    display: none
}

#game .game-header .game-title h1 {
    font-weight: 500;
    margin: 0;
    font-size: 26px
}

#game .game-header .game-title .perex .ad {
    margin-top: 20px
}

#game .game-header .game-title .perex p {
    margin: 0;
    font-size: 15px;
    line-height: 25px
}

#game .game-header .game-title .perex p a {
    position: relative;
    z-index: 2;
    padding: 0 2px
}

#game .game-header .game-title .cats,
#game .game-header .game-title .tags {
    padding: 0;
    margin: 0 0 20px;
    list-style: none
}

#game .game-header .game-title .perex p a:hover {
    color: #fff
}

#game .game-header .game-title .perex p a:hover:after {
    height: calc(100% + 2px)
}

#game .game-header .game-title .perex p a:after {
    z-index: -1;
    content: '';
    position: absolute;
    bottom: -1px;
    height: 8px;
    left: -1px;
    background: #258FC3;
    width: calc(100% + 2px);
    -webkit-transition: .5s ease height;
    transition: .5s ease height
}

#game .game-header .game-title .cats li {
    display: inline-block;
    vertical-align: top;
    position: relative
}

#game .game-header .game-title .cats li:last-child:after {
    display: none
}

#game .game-header .game-title .cats li:after {
    content: '|';
    width: 13px;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}

#game .game-header .game-title .cats li a {
    text-transform: uppercase;
    color: #a7a7a7
}

#game .game-header .game-title .tags li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px 3px 0
}

#game .game-header .game-title .tags li a {
    padding: 2px 6px;
    color: #fff;
    background: #f50c06;
    display: block
}

#game .game-header .game-title .tags li a:hover {
    background: #124056
}

#game .game-header .game-body .tile {
    overflow: hidden
}

@media only screen and (min-width: 2100px) {
    #game .game-header .game-title .ads .mmoAd:after,
    #game .game-header .game-title .ads .mmoAd:before {
        display: none
    }

    #game .game-header .game-title .ads .mmoAd .adDesc {
        width: 100%
    }
}

@media only screen and (max-width: 1680px) {
    #game .game-header .game-title h1 {
        font-size: 24px
    }

    #game .game-header .part.-image {
        width: 220px
    }
}

@media only screen and (max-width: 1400px) {
    #game .game-header .game-details ul {
        font-size: 0
    }

    #game .game-header .game-details ul li {
        display: inline-block;
        width: 50%
    }

    #game .game-header .game-details .detail {
        margin: 0 0 20px
    }
}

@media only screen and (max-width: 1199px) {
    #game .game-header .game-title .ads,
    #game .game-header .part.-title .game-desc {
        width: 100%
    }

    #game .game-header .game-title .ads .ad {
        display: block;
        padding: 0;
        margin: 0;
        float: none;
        width: 100%;
        height: auto !important;
        text-align: center
    }

    #game .game-header .game-title .ads .ad .tile {
        padding: 20px
    }
}

@media only screen and (max-width: 991px) {
    #game .game-header .game-details > ul {
        margin: 0
    }

    #game .game-header .game-title {
        padding-left: 0
    }

    #game .game-header .game-title .ads .ad {
        height: auto
    }

    #game .game-header .game-title .bttn {
        display: table;
        margin-top: 20px
    }

    #game .game-header .part.-image {
        display: none
    }

    #game .game-header .part.-title {
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    #game .game-header {
        padding: 30px 20px
    }

    #game .game-header .part {
        display: block;
        width: 100% !important
    }

    #game .game-header .part.-title {
        margin: 0 0 20px
    }

    #game .game-header .game-details ul li:nth-child(odd) {
        padding-left: 0
    }

    #game .game-header .game-details ul li:nth-child(even) {
        padding-right: 0
    }
}

@media only screen and (max-width: 480px) {
    #game .game-header {
        margin: 0;
        width: 100%
    }

    #game .game-header video {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    #game .game-header .game-title .perex {
        font-size: 14px;
        line-height: 24px
    }

    #game .game-header .game-title h1 {
        font-size: 20px
    }

    #game .game-header .part.-title {
        margin: 0
    }

    #game .game-header .part.-details {
        display: none
    }
}

#page {
    margin: 0 0 30px
}

#e404,
#page .-header {
    margin: -20px -20px 0
}

#page .-header {
    position: relative;
    width: calc(100% + 40px);
    height: 260px;
    overflow: hidden;
    display: table;
    z-index: 10;
    background-position: center center !important
}

#page .-header ._bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    background-position: center right !important
}

#page .-header.-search p span {
    color: #f50c06;
    font-weight: 700
}

#page .-header .tag {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 4px 6px;
    color: #fff;
    background: #f50c06
}

#page .-header:after,
#page .-header > video {
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    position: absolute
}

#page .-header .tag .icons {
    margin-right: 6px
}

#page .-header > video {
    height: calc(100%);
    pointer-events: none
}

#page .-header:after {
    height: 100%;
    content: '';
    background: -moz-linear-gradient(45deg, rgba(22, 24, 30, .95) 0, rgba(23, 26, 32, .95) 30%, rgba(125, 185, 232, .1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(22, 24, 30, .95) 0, rgba(23, 26, 32, .95) 30%, rgba(125, 185, 232, .1) 100%);
    background: linear-gradient(45deg, rgba(22, 24, 30, .95) 0, rgba(23, 26, 32, .95) 30%, rgba(125, 185, 232, .1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f216181e', endColorstr='#1a7db9e8', GradientType=1)
}

#page .-header .header-holder {
    display: table;
    width: 100%;
    height: 100%
}

#page .-header .header-holder ._wrap._text {
    width: 100%
}

#page .-header .header-holder ._wrap._primis {
    vertical-align: middle
}

#page .-header .header-holder ._wrap._primis .prad {
    width: 380px !important
}

#page .-header .header-holder ._wrap._primis .prad iframe {
    display: block
}

#page .-header ._wrap {
    display: table-cell;
    vertical-align: bottom;
    padding: 20px;
    position: relative;
    z-index: 2
}

#page .-header h2 {
    color: #fff;
    font-weight: 400
}

#page .-header p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin: 10px 0 0;
    font-weight: 400
}

#page .-header p a {
    position: relative;
    padding: 0 2px;
    z-index: 2
}

#page .-header p a:after {
    z-index: -1;
    content: '';
    position: absolute;
    left: -2px;
    width: calc(100% + 4px);
    height: 4px;
    bottom: 0;
    background: #258FC3;
    -webkit-transition: .3s ease height;
    transition: .3s ease height
}

#page .-header p a:hover {
    color: #fff
}

#page .-header p a:hover:after {
    height: calc(100% + 1px)
}

#page .-header h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    color: #fff
}

#page .-header h1 span {
    color: #a7a7a7;
    font-size: 20px;
    font-weight: 400
}

@media only screen and (max-width: 1500px) {
    #page .-header h1 {
        font-size: 26px
    }
}

@media only screen and (max-width: 1199px) {
    #page .-header .tag {
        width: auto;
        left: auto;
        top: auto;
        margin: 0 0 10px;
        position: relative;
        display: table
    }

    #page .-header ._wrap {
        padding: 20px;
        display: block
    }

    #page .-header ._wrap._primis {
        padding-top: 0
    }

    #page .-header ._wrap._primis .prad {
        width: 100% !important
    }
}

@media only screen and (max-width: 767px) {
    #page .header-holder ._wrap {
        display: block;
        width: 100%
    }

    #page .-header {
        height: auto
    }

    #page .-header ._bg {
        opacity: .2
    }

    #page .-header ._wrap {
        padding: 100px 20px 20px
    }

    #page .-header ._wrap._text {
        padding: 20px
    }

    #page .-header h1 {
        font-size: 22px
    }
}

form .ajax-loader,
form .wpcf7-not-valid-tip,
form .wpcf7-validation-errors {
    display: none !important
}

@media only screen and (max-width: 480px) {
    #page .-header p {
        font-size: 13px;
        line-height: 20px
    }
}


form .wpcf7-mail-sent-ok {
    margin: 30px 0 0;
    padding: 20px;
    text-align: center;
    background: #258FC3;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

form .checkbox {
    position: relative
}

form .checkbox [type=checkbox] {
    position: absolute;
    opacity: 0
}

form .checkbox [type=checkbox]:checked ~ .wpcf7-list-item-label:after,
form .checkbox [type=checkbox]:checked ~ label:after {
    opacity: 1
}

form .checkbox .wpcf7-list-item {
    margin: 0
}

form .checkbox .wpcf7-list-item .wpcf7-list-item-label {
    display: block;
    padding-left: 0;
    font-size: 12px;
    color: #a7a7a7;
    cursor: pointer
}

form .checkbox .wpcf7-list-item .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

form .checkbox .wpcf7-list-item .wpcf7-list-item-label:after {
    content: '✔';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    z-index: 2;
    color: #258FC3;
    opacity: 0;
    -webkit-transition: .3s ease opacity;
    transition: .3s ease opacity
}

form .checkbox label {
    display: block;
    padding-left: 26px;
    font-size: 12px;
    color: #a7a7a7;
    cursor: pointer
}

#cookies,
#hero > .video_bg {
    display: none;
    overflow: hidden
}

form .input-row {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px
}

form .input-row.input--filled svg {
    stroke: #258FC3;
    -webkit-transform: translateX(-66.6%);
    -moz-transform: translateX(-66.6%);
    -ms-transform: translateX(-66.6%);
    transform: translateX(-66.6%)
}

form .input-row ::-webkit-input-placeholder {
    opacity: 1
}

form .input-row ::-moz-placeholder {
    opacity: 1
}

form .input-row :-ms-input-placeholder {
    opacity: 1
}

form .input-row :-moz-placeholder {
    opacity: 1
}

form .input-row .wpcf7-not-valid {
    color: #f50c06
}

form .input-row .wpcf7-not-valid .wpcf7-list-item-label {
    color: #f50c06 !important
}

form .input-row [type=text],
form .input-row [type=email],
form .input-row textarea {
    width: 100%;
    height: 50px;
    background: 0 0;
    color: #fff;
    border: none !important;
    box-shadow: none !important
}

form .input-row [type=text].wpcf7-not-valid,
form .input-row [type=text].wpcf7-not-valid .wpcf7-list-item-label,
form .input-row [type=email].wpcf7-not-valid,
form .input-row [type=email].wpcf7-not-valid .wpcf7-list-item-label,
form .input-row textarea.wpcf7-not-valid,
form .input-row textarea.wpcf7-not-valid .wpcf7-list-item-label {
    color: #f50c06
}

form .input-row textarea {
    padding: 10px 0;
    height: 182px;
    resize: none
}

form .input-row svg {
    stroke: #92989e;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    fill: none;
    stroke-width: 1;
    height: 50px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform .7s cubic-bezier(0, .25, .5, 1), stroke .7s cubic-bezier(0, .25, .5, 1);
    transition: transform .7s cubic-bezier(0, .25, .5, 1), stroke .7s cubic-bezier(0, .25, .5, 1)
}

form > p {
    margin: 0 !important
}

@media only screen and (max-width: 991px) {
    form {
        max-width: 100%
    }
}

#cookies {
    z-index: 1000;
    position: fixed;
    right: 20px;
    top: 90px;
    background: #124056;
    color: #fff;
    width: 240px;
    box-shadow: rgba(0, 0, 0, .1) 0 0 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#cookies .-head {
    padding-top: 50%;
    position: relative
}

#cookies .-head ._title {
    bottom: 12px;
    color: #fff;
    font-size: 32px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 900
}

#cookies .-body {
    padding: 15px
}

#cookies .-body p {
    margin: 0;
    text-align: center;
    font-size: 14px
}

#cookies .-footer {
    padding: 0 15px 15px
}

#cookies .-footer .bttn {
    display: inline-block
}

#cookies .-footer span {
    display: inline-block;
    padding-left: 10px
}

#cookies .-footer span a {
    color: #f50c06;
    position: relative;
    margin-left: 8px
}

#cookies .-footer span a:after,
#e404:after {
    position: absolute;
    left: 0;
    content: ''
}

#cookies .-footer span a:hover:after {
    width: 100%
}

#cookies .-footer span a:after {
    bottom: 0;
    height: 1px;
    background: #f50c06;
    width: 0;
    -webkit-transition: .6s ease width;
    transition: .6s ease width
}

#e404,
#hero {
    position: relative
}

@media only screen and (max-width: 767px) {
    #cookies .-head ._title {
        font-size: 22px;
        bottom: 8px
    }

    #cookies .-body p {
        font-size: 12px
    }
}

#e404 {
    width: calc(100% + 40px);
    height: calc(100vh - 70px);
    background-color: #1a1a1a !important
}

#e404:after {
    bottom: -1px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(22, 24, 30, 0) 25%, #725e4a 100%);
    background: -webkit-linear-gradient(top, rgba(22, 24, 30, 0) 25%, #725e4a 100%);
    background: linear-gradient(to bottom, rgba(22, 24, 30, 0) 25%, #725e4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016181e', endColorstr='#725e4a', GradientType=0)
}

#hero {
    overflow: hidden;
    padding: 0 20px
}

/*
#hero:after {
    width: calc(100% + 200px);
    height: calc(100% + 200px);
    top: -200px;
    left: -200px;
    object-fit: cover;
    position: absolute;
    content: '';
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0, #725e4a 75%, #725e4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#725e4a', GradientType=1)
}
*/

#hero > .bg-image,
#hero > .video_bg {
    height: calc(100% - 200px);
    width: 100%;
    position: absolute;
    object-fit: cover;
    pointer-events: none
}

#hero > .bg-image,
#hero > .video_bg {
    top: 0;
    left: 0
}

#hero > .video_bg > video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    pointer-events: none
}

#hero ._bottom {
    z-index: 3;
    position: relative;
    margin-top: 24px;
}

/*#hero ._bottom:before {
    width: calc(100% + 40px);
    height: 100%;
    position: absolute;
    bottom: 170px;
    left: -20px;
    content: '';
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #725e4a 80%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #725e4a 80%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #725e4a 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#725e4a', GradientType=0)
}*/

#hero ._top {
    display: table;
    width: 100%;
    position: relative;
    z-index: 5
}

#hero ._top .wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 130px 20px;
    color: #fff
}

#hero h1 {
    font-weight: 900;
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 48px
}

#hero h1 strong {
    color: #258FC3;
    font-weight: 900
}

#hero h1 span {
    margin-left: 60px
}

#hero p {
    font-size: 16px;
    margin: 0 0 30px 60px
}

@media only screen and (max-width: 1199px) {
    #hero {
        margin-bottom: 10px
    }

    #hero h1 {
        font-size: 32px;
        line-height: 38px
    }

    #hero h1 span {
        margin-left: 30px
    }

    #hero p {
        font-size: 15px;
        margin: 0 0 20px 30px
    }

    #hero ._top .wrap {
        padding: 100px 0
    }
}

@media only screen and (max-width: 767px) {
    #hero ._bottom:before {
        bottom: 170px
    }

    #hero .video_bg {
        height: 66%
    }

    #hero h1 {
        font-size: 22px;
        line-height: 28px
    }

    #hero h1 span {
        margin-left: 15px
    }

    #hero p {
        margin: 0 0 20px 15px
    }
}

@media only screen and (max-width: 480px) {
    #hero h1 span {
        margin-left: 0
    }

    #hero p {
        margin: 0 0 20px
    }

    #hero ._top .wrap {
        padding: 60px 0
    }
}

.btc-link {
    font-size: 15px;
    margin: 20px 0 0;
    color: #a7a7a7
}

.btc-link a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.btc-link a:hover {
    color: #f50c06
}

.cbd-container .cbd-tabs {
    width: auto;
    display: table;
    margin: 0 0 30px;
    padding: 0
}

.cbd-container .cbd-tabs li {
    display: table-cell;
    vertical-align: middle;
    position: relative !important;
    padding: 0 20px 0 50px;
    margin: 0;
    color: #fff;
    font-size: 14px !important;
    -webkit-transition: .6s ease color;
    transition: .6s ease color
}

.cbd-container .cbd-tabs li.current {
    background: 0 0;
    border: none;
    font-weight: 400;
    color: #258FC3
}

.cbd-container .cbd-tabs li img {
    width: 32px !important;
    height: auto !important;
    position: absolute;
    left: 0;
    border: none;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cbd-container .cbd-tabs li:before {
    display: none
}

.cbd-container .dbd-tabs-content {
    border: none;
    background: 0 0;
    padding: 0;
    display: none
}

.cbd-container .dbd-tabs-content.current {
    display: table
}

.cbd-container .dbd-tabs-content .CDBBC_input_add,
.cbd-container .dbd-tabs-content .CDBBC_qr_code {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    width: auto
}

.cbd-container .dbd-tabs-content .CDBBC_input_add {
    padding-left: 40px
}

.cbd-container .dbd-tabs-content .CDBBC_input_add .CDBBC-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
    padding: 0 0 30px;
    position: relative
}

.cbd-container .dbd-tabs-content .CDBBC_input_add .CDBBC-title:after {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f50c06
}

.cbd-container .dbd-tabs-content .CDBBC_input_add .CDBBC-desc {
    font-size: 14px;
    line-height: 22px;
    color: #a7a7a7
}

.cbd-container .dbd-tabs-content .CDBBC_input_add .cdbbc_tag {
    margin: 0 0 20px
}

.cbd-container .dbd-tabs-content .wallet-address-input {
    color: #fff;
    border: 1px solid #00f;
    background: 0 0;
    padding: 5px 16px;
    font-size: 16px;
    letter-spacing: 2px;
    width: 100%;
    text-align: center
}

.cbd-container .dbd-tabs-content .CDBBC_btn {
    display: none
}

@media only screen and (max-width: 767px) {
    .cbd-container .cbd-tabs {
        margin: 0 0 10px
    }

    .cbd-container .cbd-tabs li {
        display: inline-block;
        margin: 0 0 20px
    }

    .cbd-container .dbd-tabs-content {
        padding: 0 10px 20px
    }

    .cbd-container .dbd-tabs-content .wallet-address-input {
        letter-spacing: 0;
        font-size: 14px
    }

    .cbd-container .dbd-tabs-content .CDBBC_input_add .CDBBC-title {
        font-size: 18px;
        line-height: 28px
    }

    .cbd-container .dbd-tabs-content .CDBBC_input_add .CDBBC-title:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .cbd-container .dbd-tabs-content .CDBBC_input_add,
    .cbd-container .dbd-tabs-content .CDBBC_qr_code {
        display: block;
        padding: 0;
        text-align: center
    }

    .cbd-container .dbd-tabs-content .CDBBC_qr_code {
        margin: 0 0 30px
    }

    .cbd-container .dbd-tabs-content .CDBBC_qr_code img {
        width: 100%;
        max-width: 240px;
        margin: 0 auto
    }
}

.donate-box {
    text-align: center;
    color: #fff
}

.donate-box .btn-dogecoin {
    margin: 15px auto 0
}

.donate-box h4 {
    font-size: 22px;
    margin: 0 0 30px
}

.donate-box p {
    font-size: 16px;
    color: #a7a7a7;
    margin: 0 0 30px
}

.donate-box .btn-container {
    margin: 15px auto 0
}

@media only screen and (max-width: 991px) {
    .donate-box h4 {
        font-size: 18px;
        margin: 0 0 10px
    }

    .donate-box p {
        font-size: 14px;
        margin: 0 0 20px
    }
}

.section {
    margin: 0 0 30px;
    z-index: 1;
    position: relative
}

.section ._header {
    margin: 0 0 20px;
    position: relative;
    z-index: 2
}

.section ._header h2, .section ._header h1 {
    color: #fff;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    margin-right: 24px;
}

.section ._header h1 {
    font-size: 24px;
}

.section ._header .more {
    position: absolute;
    right: 0;
    top: 50%;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px 0 0;
    font-weight: 700;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#dynamic_editorial_container .editorial .editorial-content .play:after,
.section ._header .more:after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
    font-family: simple-line-icons
}

.section ._header .more:after {
    content: "\f054";
    top: 50%;
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 300;
    position: absolute;
    font-size: 10px;
    transform: translateY(-50%)
}

.section ._header .more:hover {
    color: #febf06
}

.swiper-container .arrows {
    display: table;
    width: auto;
    table-layout: fixed;
    float: right;
    margin: 15px 0 0
}

.swiper-container .arrows .arrow {
    border: 1px solid rgba(255, 255, 255, .1);
    display: table-cell
}

.swiper-container .arrows .arrow:first-child {
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    border-right: none
}

.swiper-container .arrows .arrow:last-child {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0
}

#dynamic_editorial_container .editorial,
.online-world,
.recently-played .recently-box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.swiper-container .arrow {
    position: relative;
    width: 40px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 8px;
    -webkit-transition: .6s ease background;
    transition: .6s ease background
}

.swiper-container .arrow.swiper-button-disabled {
    background: 0 0 !important
}

.swiper-container .arrow.swiper-button-disabled i {
    opacity: .1
}

.swiper-container .arrow:hover {
    background: #258FC3
}

.swiper-container .arrow i {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

@media only screen and (max-width: 991px) {
    .swiper-container .arrow:hover {
        background: 0 0
    }
}

.promo-carousel .swiper-container {
    margin-top: -46px
}

.promo-box {
    background: #258FC3;
    padding: 30px;
    display: table;
    width: 100%;
    height: 230px;
    margin-top: 46px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.promo-box:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(62, 78, 240, .8) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(62, 78, 240, .8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(62, 78, 240, .8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc1a9cd7', GradientType=0);
    z-index: 2
}

.promo-box .-image {
    position: absolute;
    right: 0;
    bottom: 0
}

.promo-box .-image img {
    max-height: 278px;
    max-width: 100%
}

.promo-box .playIt {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    z-index: 4;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.promo-box .playIt a {
    background: #725e4a;
    color: #fff;
    display: block;
    padding: 4px 10px
}

.promo-box .playIt a:hover {
    background: #f50c06
}

.promo-box ._header {
    display: table-cell;
    vertical-align: bottom;
    z-index: 3;
    position: relative
}

#dynamic_editorial_container .editorial,
.games-list > ul > li,
.promo-box ._header .tags li {
    display: inline-block;
    vertical-align: top
}

.promo-box ._header h3 {
    margin: 10px 0 0;
    font-size: 26px;
    line-height: 30px;
    width: 50%;
    font-weight: 900
}

.promo-box ._header h3 a:hover {
    color: #725e4a
}

.promo-box ._header .tags {
    margin: 0;
    padding: 0;
    list-style: none
}

.promo-box ._header .tags li a {
    display: block;
    padding: 2px 6px;
    color: #fff;
    background: #f50c06
}

.promo-box ._header .tags li a:hover {
    background: #725e4a
}

@media only screen and (max-width: 1500px) {
    .promo-box .-image {
        right: 0;
        width: 330px
    }

    .promo-box ._header h3 {
        font-size: 20px;
        line-height: 26px
    }
}

@media only screen and (max-width: 480px) {
    .promo-box {
        height: 200px;
        padding: 15px
    }

    .promo-box .playIt {
        top: 15px;
        left: 15px
    }

    .promo-box ._header h3 {
        font-size: 18px;
        line-height: 24px;
        width: 100%
    }

    .promo-box .-image {
        width: 290px;
        opacity: 1
    }
}

.games-list {
    margin: 0 0 20px
}

.games-list.with-ad {
    padding: 0 20%
}

.games-list.with-ad > ul li {
    width: calc(100% / 4)
}

.games-list > ul {
    margin: 0 -10px -20px;
    padding: 0;
    list-style: none;
    font-size: 0
}

.games-list > ul > li {
    width: calc(100% / 7);
    padding: 0 10px;
    margin: 0 0 20px;
    font-size: inherit
}

@media only screen and (max-width: 1480px) {
    .games-list.with-ad > ul li {
        width: calc(100% / 3)
    }

    .games-list ul li {
        width: calc(100% / 6)
    }
}

@media only screen and (max-width: 1260px) {
    .games-list ul li {
        width: calc(100% / 5)
    }
}

@media only screen and (max-width: 991px) {
    .games-list.with-ad {
        padding: 0
    }

    .games-list ul li,
    .games-list.with-ad > ul li {
        width: calc(100% / 4)
    }
}

@media only screen and (max-width: 820px) {
    .games-list ul li,
    .games-list.with-ad > ul li {
        width: calc(100% / 3)
    }
}

@media only screen and (max-width: 640px) {
    .games-list ul li,
    .games-list.with-ad > ul li {
        width: calc(100% / 2)
    }
}

@media only screen and (max-width: 340px) {
    .games-list.with-ad > ul li {
        width: 100%
    }

    .games-list ul li {
        width: calc(100% / 1)
    }
}

#dynamic_editorial_container {
    margin: 0 -10px
}

#dynamic_editorial_container .editorial {
    margin: 0 10px 20px;
    background: #124056;
    overflow: hidden;
    color: #fff;
    width: calc(100% / 6 - 20px);
    border-radius: 3px
}

#dynamic_editorial_container .editorial .editorial‐title {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

#dynamic_editorial_container .editorial .editorial‐description {
    color: #a7a7a7;
    font-size: 13px;
    margin: 0 0 10px;
    height: 100%;
    min-height: 38px
}

#dynamic_editorial_container .editorial a {
    display: block
}

#dynamic_editorial_container .editorial a img {
    width: 100%
}

#dynamic_editorial_container .editorial .editorial-content {
    padding: 20px
}

#dynamic_editorial_container .editorial .editorial-content .play {
    display: table;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px
}

#dynamic_editorial_container .editorial .editorial-content .play:after {
    content: "\e606";
    top: 50%;
    position: absolute;
    font-size: 9px;
    transform: translateY(-50%)
}

@media only screen and (max-width: 1400px) {
    #dynamic_editorial_container .editorial {
        width: calc(100% / 5 - 20px)
    }

    #dynamic_editorial_container .editorial:nth-child(6) {
        display: none !important
    }
}

@media only screen and (max-width: 1199px) {
    #dynamic_editorial_container .editorial {
        width: calc(100% / 4 - 20px)
    }

    #dynamic_editorial_container .editorial:nth-child(5) {
        display: none !important
    }
}

@media only screen and (max-width: 991px) {
    #dynamic_editorial_container .editorial {
        width: calc(100% / 3 - 20px)
    }

    #dynamic_editorial_container .editorial:nth-child(4) {
        display: none !important
    }
}

@media only screen and (max-width: 767px) {
    #dynamic_editorial_container .editorial {
        width: calc(100% / 2 - 20px)
    }

    #dynamic_editorial_container .editorial:nth-child(3) {
        display: none !important
    }
}

@media only screen and (max-width: 400px) {
    #dynamic_editorial_container {
        margin: 0 0 20px
    }

    #dynamic_editorial_container .editorial {
        width: 100%;
        margin: 0
    }

    #dynamic_editorial_container .editorial:nth-child(2) {
        display: none !important
    }
}

.form {
    position: relative
}

.form .loading,
.form .success {
    position: absolute;
    background: #124056;
    color: #fff;
    font-size: 14px;
    text-align: center;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    height: 100%
}

.form .loading {
    display: none;
    opacity: 0;
    -webkit-transition: .6s ease opacity;
    transition: .6s ease opacity
}

.form .loading.show {
    display: table !important;
    opacity: 1
}

.form .loading .wrap {
    display: table-cell;
    vertical-align: middle
}

.form .success {
    display: none
}

.form .success .inner {
    display: table-cell;
    vertical-align: middle
}

.form .success .inner .icons {
    font-size: 26px;
    color: #258FC3;
    display: table;
    margin: 0 auto 15px;
    font-weight: 300
}

.recently-played .prad iframe,
.recently-played.-list .-part {
    display: block
}

.form .success .inner .bttn {
    margin: 20px auto 0
}

.recently-played .prad,
.recently-played.-list .ad,
.recently-played.-list .recently-box {
    margin: 0 0 10px
}

.recently-played.-list .ad {
    background: #725e4a;
    padding: 10px;
    text-align: center
}

.recently-played .-part {
    display: table-cell;
    vertical-align: top;
    padding: 0 10px
}

.recently-played .-part:first-child .recently-box {
    padding-top: 84.6%
}

.recently-played .recently-box {
    background: #124056;
    overflow: hidden;
    position: relative;
    display: table;
    width: 100%;
    background-repeat: no-repeat !important;
    border-radius: 3px;
    margin: 0 0 5%
}

.recently-played .recently-box:before {
    content: '';
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.recently-played .recently-box .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    filter: grayscale(1)
}

.recently-played .recently-box h3 {
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.recently-played .recently-box ._body {
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    vertical-align: bottom;
    position: absolute;
    z-index: 2;
    padding: 20px
}

.recently-played .recently-box .console {
    position: absolute;
    top: 10px;
    right: 10px
}

.recently-played .recently-box .console a {
    font-size: 10px;
    padding: 4px 6px;
    background: #f50c06;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .6s ease color, .6s ease background;
    transition: .6s ease color, .6s ease background
}

.recently-played .recently-box .console a:hover {
    color: #fff !important;
    background: #725e4a
}

.game-box,
.online-world {
    background:#0d2b6f;
    overflow: hidden
}

.recently-played .recently-box .cats {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.recently-played .recently-box .cats li {
    display: inline-block;
    position: relative;
    padding: 0 4px 0 0
}

.recently-played .recently-box .cats li:after {
    color: #a7a7a7;
    font-size: 12px
}

.recently-played .recently-box .cats li:last-child {
    padding: 0
}

.recently-played .recently-box .cats li:last-child:after {
    display: none
}

.recently-played .recently-box .cats li a {
    color: #a7a7a7;
    font-size: 12px
}

.recently-played .recently-box .cats li a:hover {
    color: #f50c06
}

@media only screen and (max-width: 991px) {
    .recently-played.-list .-part {
        width: 50% !important
    }

    .recently-played .-part {
        display: inline-block;
        width: 50%
    }
}

@media only screen and (max-width: 767px) {
    .recently-played .recently-box ._body {
        padding: 20px
    }

    .recently-played.-list .-part {
        width: 100% !important
    }

    .recently-played .-part {
        display: block;
        width: 100%
    }
}

.online-world {
    border-radius: 3px
}

.online-world ._header {
    margin: 0 !important
}

.online-world a {
    display: block;
    position: relative;
    overflow: hidden
}

.online-world a video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    pointer-events: none
}

.online-world a img {
    width: 100%
}

.online-world:hover a video {
    display: inline-block
}

.featured-carousel .game-box ._header a,
.top-picks-carousel .game-box ._header a {
    padding-top: 100%
}

.game-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.game-box ._header {
    margin: 0;
    background: #0d2b6f;
}

.game-box ._header a {
    display: block;
    position: relative;
    overflow: hidden
}

.game-box ._header a:before {
    top: 50%;
    left: 50%;
    position: absolute;
    /*content: '';*/
    width: 100%;
    height: 100%;
    background: url('../images/loading.gif') center center no-repeat;
    z-index: 2;
    opacity: 0;
    -webkit-transition: .3s ease opacity;
    transition: .3s ease opacity;
    transform: translateY(-50%) translateX(-50%)
}

.game-box ._header a:hover:before {
    opacity: 1
}

.game-box ._header a video {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    pointer-events: none;
    z-index: 3
}

.game-box ._header a img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.game-box ._body {
    padding: 8px 16px
}

.game-box ._body h3 {
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px
}

.game-box ._body .play {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    align-items: center;
}

.game-box ._body .play li {
    display: table-cell;
    vertical-align: middle
}

.game-box ._body .play li:first-child a {
    display: table;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500
}

.game-box ._body .cats,
.game-box ._body .play li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

/*.game-box ._body .play li:first-child a:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f8c5";
    right: 0;
    top: 50%;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.game-box ._body .play li:nth-child(2) a:after{
    font-family: "Font Awesome\ 5 Pro";
    content: "\f005";
    right: 18px;
    color:#ffd43b;
    top: 50%;
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}*/
.game-box ._body .play li:nth-child(1) a i {
    font-size: 12px;
    color: #ffd43b;
}

.game-box ._body .play li:nth-child(2) a i {
    font-size: 12px;
    color: #ffd43b;
}

.game-box ._body .play li:last-child {
    text-align: right;
    position: relative;
}

.game-box ._body .cats {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    width: 100%;
    min-height: 17px
}

.game-box ._body .cats li {
    display: inline-block;
    position: relative;
    padding: 0 4px 0 0;
    width: auto !important
}

.game-box ._body .cats li:after {
    color: #a7a7a7;
    font-size: 12px
}

.game-box ._body .cats li:last-child {
    padding: 0
}

.game-box ._body .cats li:last-child:after {
    display: none
}

.game-box ._body .cats li a {
    color: #a7a7a7;
    font-size: 12px
}

.game-box ._body .cats li a:hover {
    color: #f50c06
}

@media only screen and (max-width: 480px) {
    .game-box ._body {
        padding: 15px
    }
}

.button-pad {
    padding: 30px 20px;
    display: none !important
}

.button-pad .wrap,
.button-pad .wrap_bottom {
    display: table !important;
    width: 100%;
    table-layout: fixed
}

.button-pad .wrap {
    height: 100px
}

.button-pad .wrap_bottom {
    padding-top: 20px
}

.button-pad .part {
    display: table-cell !important;
    vertical-align: middle !important;
    position: relative
}

.button-pad button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button-pad .action-buttons,
.button-pad .control-buttons,
.button-pad .d-pad {
    width: 150px;
    position: relative;
    height: 100%;
    display: table
}

.button-pad .action-buttons {
    float: right
}

.button-pad .control-buttons {
    margin: 0 auto;
    width: 146px;
    font-size: 10px;
    height: 30px
}

.button-pad .button {
    text-align: center;
    border: 1px solid #fff;
    background: 0 0;
    position: absolute;
    width: 46px;
    height: 46px;
    color: #fff
}

.button-pad .button._rounded {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}

.button-pad .button._small {
    height: 30px;
    width: 70px
}

.button-pad .button._top {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.button-pad .button._right {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0
}

.button-pad .button._bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px
}

.button-pad .button._left {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px
}

#gamesCount {
    opacity: 0
}

#gamePlayButton {
    display: block !important
}

.notloaded .playbutton-live:before,
body:not(.page-id-26) .grecaptcha-badge,
body:not(.page-id-49) .grecaptcha-badge {
    display: none
}

.ads.padd {
    padding-top: 5px
}

.gamelistform {
    max-width: 100%
}

.um {
    opacity: 1 !important
}

.notloaded:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background: 0 0;
    z-index: 100
}

.notloaded .playbutton-live {
    border-width: 0 !important
}

.notloaded .playbutton-live:after {
    content: "Loading...";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -5px;
    top: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px
}

.game-box ._header a {
    padding-top: 100%
}

.recently-played .recently-box {
    padding-top: 127% !important
}

.recently-played.-list .-part {
    padding: 0;
    margin: 0 0 10px
}

@media only screen and (max-width: 991px) {
    .recently-played.-list .-part {
        width: 100% !important
    }
}

@media only screen and (max-width: 767px) {
    .recently-played.-list {
        display: none
    }
}


@media only screen and (max-width: 600px) {
    #header #site-logo a img {
        max-width: 70px;
    }

    #header #site-search .form-search input {
        max-width: 240px
    }
}

#game .game-header {
    padding: 0
}

#game .game-header .game-image .game-image-holder {
    padding-top: 127.5%
}

.recently-played {
    table-layout: fixed;
    overflow: hidden;
    display: block;
    width: 100%;
    margin: 0
}

.left_player_action {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.left_player_action img.game_img {
    margin-left: 12px;
    border-radius: 8px;
}

.left_player_action .rating {
    margin-top: 10px;
}

.game-body {
    margin-top: 24px;
}

.card-tags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-flow: row wrap;
    margin-top: 12px;
}

.card-tags a {
    padding: 8px 12px;
    background: transparent;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #ffffff33;
}

.card-tags a:hover {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: #ffffff33;
}

ul.sm-post {
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 0;
}

ul.sm-post li {
    width: 100%;
    margin-bottom: 24px;
}

ul.sm-post li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
	text-align: left;
}

.circle {
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

ul.sm-post li a span {
    font-size: 16px;
    font-weight: 500;
}

.show_content {
    background: linear-gradient(176deg, #0d2b6f00, #0d2b6f 32.42%);
    position: absolute;
    width: 100%;
    bottom: 20px;
    height: 70px;
    display: flex;
    align-items: flex-end;
}

.ShowMore_button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 8px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 12px;
    width: fit-content;
    cursor: pointer;
    gap: 12px;
    padding: 6px 12px;
}

.related_header,
.related_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.related_header_action,
.top_picks_action,
.feature_games_action {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.feature_games .arrows,
.top_picks_games .arrows,
.related_header_action .arrows {
    display: flex;
    width: auto;
}

.feature_games .arrow.swiper-button-disabled,
.top_picks_games .arrow.swiper-button-disabled,
.related_header_action .arrow.swiper-button-disabled {
    background: 0 0 !important;
}

.feature_games .arrow.swiper-button-disabled i,
.top_picks_games .arrow.swiper-button-disabled i,
.related_header_action .arrow.swiper-button-disabled i {
    opacity: .1;
}

.related_header_action .arrows .arrow,
.top_picks_games .arrows .arrow,
.feature_games .arrows .arrow {
    border: 1px solid #ffffff66;
    display: table-cell;
}

.feature_games .arrows .arrow:last-child,
.top_picks_games .arrows .arrow:last-child,
.related_header_action .arrows .arrow:last-child {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
}

.feature_games .arrows .arrow:first-child,
.top_picks_games .arrows .arrow:first-child,
.related_header_action .arrows .arrow:first-child {
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    border-right: none;
}

.feature_games .arrow,
.top_picks_games .arrow,
.related_header_action .arrow {
    position: relative;
    width: 40px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    font-size: 8px;
    -webkit-transition: .6s ease background;
    transition: .6s ease background;
}

html::-webkit-scrollbar {
    width: 16px;
}

html::-webkit-scrollbar-thumb {
    background: #15181e;
    /*border-radius: 16px;*/
    /*box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);*/
}

html::-webkit-scrollbar-track {
    background: #124056;
}

#aside .inner::-webkit-scrollbar,
#game-holder #game-top .part.game-ad::-webkit-scrollbar {
    width: 5px;
    display: none;
}

#aside .inner::-webkit-scrollbar-thumb,
#game-holder #game-top .part.game-ad::-webkit-scrollbar-thumb {
    background: #c8b6a6;
}

#game-holder #game-top .part.game-ad::-webkit-scrollbar-track,
#aside .inner::-webkit-scrollbar-track {
    background: #8d7b68;
}

#header #site-search .easy-autocomplete-container ul::-webkit-scrollbar {
    width: 5px;
}

#header #site-search .easy-autocomplete-container ul::-webkit-scrollbar-thumb {
    background: #124056;
}

#header #site-search .easy-autocomplete-container ul::-webkit-scrollbar-track {
    background: #15181e;
}

.hidden {
    display: none !important;
}

.game_box_note {
    padding: 20px;
    background: #0d2b6f;
    overflow: hidden;
    border-radius: 3px;
}

.game_box_note h1 {
    color: #febf06;
    font-site: 24px;
}

.game_box_note .site_description h2, .game_box_note .site_description h3, .game_box_note .site_description h4, .game_box_note .site_description h5, .game-description h2, .game-description h3, .game-description h4, .game-description h5 {
    color: #febf06;
}

.game_box_note .site_description {
    color: #fff;
    font-size: 14px;
}

.game_box_note .site_description a {
    color: #febf06;
    font-size: 16px;
}

#footer .copy a {
    color: #fff
}

#footer .copy a:hover {
    color: #febf06;
}