@font-face {
    font-family: "Dosis";
    src: url("../fonts/Dosis-Bold.ttf");
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: "Dosis";
    src: url("../fonts/Dosis-Medium.ttf");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Dosis";
    src: url("../fonts/Dosis-SemiBold.ttf");
    font-style: normal;
    font-weight: 600;
}

body {
    --main-blue-rebrand: #1168e9;
    --main-green-rebrand: #5f9915;
    --header-bg: #fff;
    --header-color: #223e73;
    --header-sec-color: var(--header-color);
    --header-search-border: var(--main-blue-rebrand);
    --header-search-active-border: var(--main-blue-rebrand);
    --header-search-active-icon-bg: var(--main-green-rebrand);
    --header-nav-background: linear-gradient(90.47deg, #2328a5 -1.72%, #0e54bb 112.92%);
    --header-nav-color: #fff;
    --header-nav-active-bg: #fff;
    --header-nav-active-color: #0b459c;
    --mobile-burger-color: #5f9915;
    --mobile-burger-color-hover: #6b8512;
    --search-area-bg: #f2f2f2;
    --search-skeleton-bg: #dddbdd;
    --search-skeleton-curtain: linear-gradient(90deg, rgba(#fff, 0), rgba(#fff, 0.2) 20%, rgba(#fff, 0.5) 60%, rgba(#fff, 0));
    --search-clear-bg: #bfbfbf;
    --search-clear-border: #eef5fc;
    --search-clear-border-mobile: #eef5fc;
    --search-area-category-bg: #fff;
    --search-area-category-bg-hover: #fff;
    --search-card-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    --search-card-shadow-hover: 0 2px 5px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(45, 53, 80, 0.4);
    --search-error-bg: #e5e5e5;
    --header-secondary-nav-bg: #fff;
    --header-secondary-nav-border: #aab8e1;
    --header-secondary-nav-color: #0b459c;
    --header-secondary-nav-active-bg: var(--main-blue-rebrand);
    --header-secondary-nav-active-border: var(--main-blue-rebrand);
    --header-secondary-nav-active-color: #fff;
    --header-filled-button-bg: var(--primary-color);
    --header-filled-button-border: var(--primary-color);
    --header-filled-button-color: #fff;
    --header-filled-button-hover-bg: var(--primary-color-darker);
    --header-filled-button-hover-border: var(--primary-color-darker);
    --header-filled-button-hover-color: #fff;
    --header-outline-button-bg: var(--primary-color);
    --header-outline-button-border: var(--primary-color);
    --header-outline-button-color: #fff;
    --header-outline-button-hover-bg: var(--primary-color-darker);
    --header-outline-button-hover-border: var(--primary-color-darker);
    --header-outline-button-hover-color: #fff;
    --body-bg: #eef5fc;
    --text-color: #2d3550;
    --text-color-reverse: #fff;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --surface-1-bg: #fff;
    --surface-1-color: #2d3550;
    --surface-2-bg: #fff;
    --surface-2-color: #2d3550;
    --surface-text-bg: #fff;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #d1d1d1;
    --thumb-shadow: 0 6px 12px 0 rgba(211, 152, 152, 0.24);
    --link-block-bg: #fff;
    --link-block-color: #0b459c;
    --link-block-border: #0b459c;
    --link-block-hover-bg: var(--main-blue-rebrand);
    --link-block-hover-color: #fff;
    --link-block-border-hover: var(--main-blue-rebrand);
    --link-color: #1e58c6;
    --cat-list-link-color: var(--link-color);
    --text-field-bg: #eef5fc;
    --cat-sorter-color: var(--text-color);
    --cat-sorter-bg: #fff;
    --cat-sorter-border: var(--header-secondary-nav-border);
    --cat-sorter-bg-active: #fff;
    --cat-sorter-bg-hover: rgba(0, 0, 0, 0.1);
    --cat-sorter-border-active: var(--header-secondary-nav-border);
    --user-area-icon-color: #d3d3d3;
    --surface-chevron: #fff;
    --feedback-player-text-color: #2d3550;
    --feedback-player-border-color-selected: #2d3550;
    --feedback-player-bottom-bar: 60px;
    --feedback-player-dialog-bg: #fff;
    --negative-feedback-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15V3h4v12h-4zM15 3a2 2 0 012 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31.95-4.57H3a2 2 0 01-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3h9zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97V5z' fill='%232D3550'/%3E%3C/svg%3E");
    --positive-feedback-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9v12H1V9h4zm4 12a2 2 0 01-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 012 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21H9zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03V19z' fill='%232D3550'/%3E%3C/svg%3E");
    --footer-bg: #1f2024;
    --tooltip-bg-reverse: #fff;
    --tooltip-bg: #1f2024
}

.dark-theme,
body {
    --primary-color: #5f9915;
    --primary-color-darker: #427100;
    --primary-color-text: #fff;
    --chevron-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='66' height='66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 45.595L31.405 33 44 20.378 40.123 16.5 23.623 33l16.5 16.5L44 45.595z' fill='%235F9915'/%3E%3C/svg%3E");
    --footer-color: #fff
}

.dark-theme {
    --header-bg: #d70000;
    --header-color: #fff;
    --header-sec-color: #fff;
    --header-search-border: transparent;
    --header-search-active-border: #fff;
    --header-search-active-icon-bg: var(--main-green-rebrand);
    --header-nav-background: linear-gradient(90.73deg, #0b183f -1.07%, #250b46 100.06%);
    --header-nav-color: #fff;
    --header-nav-active-bg: #fff;
    --header-nav-active-color: #0b183f;
    --mobile-burger-color: #1168e9;
    --mobile-burger-color-hover: #0454cb;
    --search-area-bg: #162f5f;
    --search-skeleton-bg: #250b46;
    --search-skeleton-curtain: linear-gradient(90deg, rgba(#333, 0), rgba(#333, 0.2) 20%, rgba(#333, 0.5) 60%, rgba(#333, 0));
    --search-clear-bg: hsla(0, 0%, 100%, 0.4);
    --search-clear-border: #463a59;
    --search-clear-border-mobile: #45597f;
    --search-area-category-bg: #204996;
    --search-area-category-bg-hover: #2853a2;
    --search-card-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    --search-card-shadow-hover: 0 2px 5px rgba(0, 0, 0, 0.15);
    --search-error-bg: #0c1f43;
    --search-card-bg: 0 2px 5px rgba(0, 0, 0, 0.15);
    --header-secondary-nav-bg: #162f5f;
    --header-secondary-nav-border: #162f5f;
    --header-secondary-nav-color: #fff;
    --header-secondary-nav-active-bg: #fff;
    --header-secondary-nav-active-border: #fff;
    --header-secondary-nav-active-color: #223e73;
    --header-filled-button-bg: #250c46;
    --header-filled-button-border: #250c46;
    --header-filled-button-color: #fff;
    --header-filled-button-hover-bg: var(--main-green-rebrand);
    --header-filled-button-hover-border: var(--main-green-rebrand);
    --header-filled-button-hover-color: #fff;
    --header-outline-button-bg: transparent;
    --header-outline-button-border: #fff;
    --header-outline-button-color: #fff;
    --header-outline-button-hover-bg: var(--main-green-rebrand);
    --header-outline-button-hover-border: var(--main-green-rebrand);
    --header-outline-button-hover-color: #fff;
    --body-bg: #dddfe3;
    --text-color: #fff;
    --text-color-reverse: #333;
    --placeholder-color: hsla(0, 0%, 100%, 0.5);
    --surface-1-bg: #162f5f;
    --surface-1-color: #fff;
    --surface-2-bg: #121b2c;
    --surface-2-color: #fff;
    --surface-text-bg: #0e0d1f;
    --btn-disabled-color: #707275;
    --btn-disabled-bg: #2c2e33;
    --thumb-shadow: none;
    --link-block-bg: transparent;
    --link-block-color: #4d3d6a;
    --link-block-border: #fff;
    --link-block-hover-bg: #1168e9;
    --link-block-hover-color: #fff;
    --link-block-border-hover: #1168e9;
    --link-color: #fbff04;
    --cat-list-link-color: #fff;
    --text-field-bg: #4e3d6a;
    --cat-sorter-color: var(--text-color);
    --cat-sorter-bg: transparent;
    --cat-sorter-bg-hover: #4e3d6a;
    --cat-sorter-border: #fff;
    --cat-sorter-bg-active: var(--surface-1-bg);
    --cat-sorter-border-active: var(--surface-1-bg);
    --user-area-icon-color: #4e3d6a;
    --surface-chevron: #fff;
    --feedback-player-text-color: #fff;
    --feedback-player-border-color-selected: #fff;
    --feedback-player-bottom-bar: 60px;
    --feedback-player-dialog-bg: #121b2c;
    --negative-feedback-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 15V3h4v12h-4zM15 3a2 2 0 012 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31.95-4.57H3a2 2 0 01-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3h9zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97V5z' fill='%23FFF'/%3E%3C/svg%3E");
    --positive-feedback-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9v12H1V9h4zm4 12a2 2 0 01-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 012 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21H9zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03V19z' fill='%23FFF'/%3E%3C/svg%3E");
    --footer-bg: #121b2c;
    --tooltip-bg: #fff;
    --tooltip-bg-reverse: #1f2024;
}

.text-center {
    text-align: center
}

.text-break-ellipsis {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mt-1 {
    margin-top: 10px
}

@media (min-width: 0)and (max-width: 1023px) {
    .mt-1--m {
        margin-top: 10px
    }
}

.mt-2,
.mt-3 {
    margin-top: 20px
}

.mb-1 {
    margin-bottom: 10px
}

.mb-2 {
    margin-bottom: 20px
}

.mb-3 {
    margin-bottom: 30px
}

.mb-4 {
    margin-bottom: 40px
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}

.no-scroll {
    height: 100%;
    overflow: hidden
}

.pb-5 {
    padding-bottom: 5px
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: "Dosis";
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 6px;
    padding-right: 6px
}

@media (min-width: 1024px) {
    .container {
        width: 1011px;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1270px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
}

@media (min-width: 1280px) {
    .container-fluid {
        padding-left: 14px;
        padding-right: 14px
    }

    .container-fluid .container {
        width: 1270px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1366px) {
    .container-fluid {
        max-width: 1306px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1536px) {
    .container-fluid {
        max-width: 1466px
    }
}

@media (min-width: 1800px) {
    .container-fluid {
        max-width: 1750px
    }
}

@media (min-width: 1920px) {
    .container-fluid {
        max-width: 1786px
    }
}

.row {
    margin-left: -6px;
    margin-right: -6px
}

@media (min-width: 1280px) {
    .row {
        margin-left: -15px;
        margin-right: -15px
    }
}

#game-details #video-walkthrough-holder,
#game-details.with-video-walkthrough #instructions,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 6px;
    padding-right: 6px
}

@media (min-width: 1280px) {

    #game-details #video-walkthrough-holder,
    #game-details.with-video-walkthrough #instructions,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-left: 15px;
        padding-right: 15px
    }
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1010px) {

    #game-details #video-walkthrough-holder,
    #game-details.with-video-walkthrough #instructions,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    #game-details #video-walkthrough-holder,
    #game-details.with-video-walkthrough #instructions,
    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1280px) {

    #game-details #video-walkthrough-holder,
    #game-details.with-video-walkthrough #instructions,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    #game-details.with-video-walkthrough #instructions,
    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    #game-details #video-walkthrough-holder,
    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

#lists-article-page .list-articles:after,
#lists-article-page .list-articles:before,
.article-game--inner:after,
.article-game--inner:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

#lists-article-page .list-articles:after,
.article-game--inner:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.visible {
    display: block !important;
    visibility: visible !important
}

.btn {
    background: #82c821;
    background: #8fb218;
    padding: .5rem 3rem;
    border-radius: 100vh;
    display: inline-block;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    color: #fff;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    font-family: "Dosis";
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.btn:hover {
    background: #74b21d
}

.btn:hover,
.btn:link,
.btn:visited {
    color: #fff;
    text-decoration: none
}

.jua-btn {
    display: inline-block;
    position: relative;
    padding: 8px 15px 7px;
    font-size: rem(14px);
    font-family: inherit;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    z-index: 1;
    letter-spacing: 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none
}

.jua-btn:after,
.jua-btn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0
}

.jua-btn i {
    line-height: 1;
    display: inline-block;
    margin-left: 5px;
    font-size: rem(9px)
}

.jua-btn--style-1 {
    border-radius: 4px;
    border: 3px solid #fff;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    padding: 11px 15px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .3)
}

.jua-btn--style-1:before {
    background-color: #f5a118
}

.jua-btn--style-1:after,
.jua-btn--style-1:before {
    border-bottom: 3px solid #d18509;
    z-index: -1;
    border-radius: 4px
}

.jua-btn--style-1:after {
    right: 100%;
    background-color: #333
}

.jua-btn--style-1 span.arrow {
    line-height: 20px;
    font-size: .6em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg)
}

.jua-btn--style-2 {
    background-color: #2c86e1;
    border: 3px solid #2c86e1
}

.jua-btn--style-2.selected {
    background-color: #d18509
}

.jua-btn--style-3 {
    background-color: #f5a118;
    border: 3px solid #f5a118
}

.jua-btn--menu {
    min-width: 90px;
    background-color: #f5a118;
    border-radius: 3px;
    padding: 8px 10px;
    float: right;
    height: 38px
}

.jua-btn--menu i {
    display: inline-block;
    margin-left: 5px;
    font-size: rem(12px);
    width: 19px;
    height: 12px
}

.jua-btn--menu.menu-nav-open i {
    height: 14px !important
}

.jua-btn--mobile {
    padding: 20px
}

@media (min-width: 0)and (max-width: 767px) {
    .sg-facebook-share .sg-facebook-btn {
        height: 40px;
        width: 40px
    }

    .sg-facebook-share .sg-facebook-btn .icon-sg-social {
        top: 2px !important;
        left: 4px !important;
        width: 30px
    }
}

body {
    font-family: "Dosis";
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.46;
    color: var(--text-color);
    -webkit-font-smoothing: subpixel-antialiased
}

article,
aside,
body,
div,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
html,
img,
label,
li,
nav,
p,
span,
strong,
ul {
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0
}

ul {
    padding-left: 40px
}

a {
    outline: none;
    text-decoration: underline;
    font-weight: 600;
    -webkit-font-smoothing: antialiased
}

a img {
    border: none;
    background: none
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
    padding: .5em 0;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-family: inherit;
    clear: both;
    line-height: 1.2
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    color: var(--text-color)
}

.h2,
h2 {
    font-size: 1.4em
}

.h2-title{
    font-size: 1.25em;
    padding: 10px 0 10px 5px;
	color: #162f5f;
}

.h3,
h3 {
    font-size: 1.125em
}

.h4,
h4 {
    font-weight: 500;
    font-size: .9em;
    color: #7f7f7f
}

a,
a:active,
a:focus,
a:hover {
    color: var(--link-color)
}

a:hover {
    text-decoration: underline
}

p {
    padding: .5em 0
}

p.small {
    font-size: .875em
}

button,
input,
keygen,
select,
textarea {
    font-family: inherit;
}

input,
textarea {
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 1em;
    color: var(--text-color);
}

.g-recaptcha {
    height: 80px
}

.g-recaptcha,
input.btn,
input.txt {
    display: inline-block
}

button,
input.btn {
    background-color: var(--surface-1-bg);
    ;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

button:hover,
input.btn:hover {}

form label {
    font-family: inherit;
}

.mb-0 {
    margin-bottom: 0
}

.mt-0 {
    margin-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pt-0 {
    padding-top: 0
}

a.label-l:before {
    position: absolute;
    content: "";
    left: -6px;
    top: -5px;
    color: #fff;
    font-weight: 500;
    background-color: #2065b6;
    border-radius: 6px;
    border: 2px solid #fff;
    display: block;
    line-height: 1;
    padding: 5px 5px 3px;
    text-transform: uppercase;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
            box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none
}

a.label-l.new-l:before {
    content: "New";
    background-color: #e0392d
}

a.label-l.new-l:before,
a.label-l.top-l * {
    font-family: inherit;
}

a.label-l.top-l:before {
    width: 70px;
    text-align: left
}

a.label-l.top-l:after {
    content: "Top";
    font-family: inherit;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 2px;
    padding: 0;
    left: 22px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    line-height: 1
}

a.unity-l:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 2px;
    display: block;
    width: 68px;
    height: 20px;
}

body.newgamespage a.label-l.new-l:before {
    display: none;
    visibility: hidden
}

.title.girls-block-title {
    background: #ff80df
}

.title.boys-block-title {
    background: #2065b6
}

.title.default-block-title {
    background: #f5a118
}

.colored-blocks .block .thumbs {
    background: #faf6f5;
    margin: 0;
    padding: 10px;
    text-align: center
}

.colored-blocks .block .thumbs a.thumb {
    width: 132px;
    display: inline-block;
    margin: 0 auto 20px;
    text-decoration: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background: #fff;
    font-weight: 400;
    font-size: .8125em;
    text-align: center;
    position: relative
}

.colored-blocks .block .thumbs a.thumb:hover span {
    text-decoration: underline
}

.colored-blocks .block .thumbs a.thumb:hover img {
    outline: 4px solid rgba(0, 0, 0, .2);
    outline-offset: -4px
}

.colored-blocks .block .thumbs a.thumb img {
    border-radius: 2px 2px 0 0;
    float: left;
    display: block
}

.colored-blocks .block .thumbs a.thumb span {
    height: 40px;
    width: 100%;
    display: table;
    padding: 0 2px
}

.colored-blocks .block .thumbs a.thumb span>span {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2
}

.colored-blocks:after {
    content: "";
    display: table;
    clear: both
}

.colored-blocks#category-block a.thumb {
    margin-right: 20px;
    margin-bottom: 0
}

.colored-blocks#category-block a.thumb:nth-child(3),
.colored-blocks#category-block a.thumb:nth-child(6) {
    margin-right: 0
}

.colored-blocks#newgames-block .title {
    line-height: 1.15;
    background: #e0392d;
    padding: 5px;
    min-height: 50px;
    height: auto;
    text-shadow: none
}

.colored-blocks#newgames-block .title:hover {
    background: #e0392d
}

.colored-blocks#newgames-block .thumbs {
    padding: 20px 0
}

.colored-blocks#newgames-block .thumbs a.thumb {
    margin-bottom: 17px
}

.colored-blocks#newgames-block .thumbs a.thumb:last-child {
    margin-bottom: 0
}

.colored-blocks .block {
    margin-bottom: 30px
}

.colored-blocks .block .title {
    height: 50px;
    line-height: 50px;
    padding: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    position: relative;
    z-index: 1;
    font-size: 1.125em;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.colored-blocks .block .title.default-block-title {
    background: #f5a118
}

.colored-blocks .block .title.default-block-title:hover {
    background: #e9950a
}

.colored-blocks .block .title.green {
    background: #b0d813
}

.colored-blocks .block .title.green:hover {
    background: #9dc111
}

.colored-blocks .block .title.girls-block-title,
.colored-blocks .block .title.pink {
    background: #ff80df
}

.colored-blocks .block .title.girls-block-title:hover,
.colored-blocks .block .title.pink:hover {
    background: #ff67d9
}

.colored-blocks .block .title.blue-dark,
.colored-blocks .block .title.boys-block-title {
    background: #2065b6
}

.colored-blocks .block .title.blue-dark:hover,
.colored-blocks .block .title.boys-block-title:hover {
    background: #1c59a0
}

.colored-blocks .block .title.blue-light {
    background: #18caf5
}

.colored-blocks .block .title.blue-light:hover {
    background: #0abee9
}

.colored-blocks .block .title.yellow {
    background: #e0d426
}

.colored-blocks .block .title.yellow:hover {
    background: #cfc31e
}

.colored-blocks .block .title.brown {
    background: #c4893f
}

.colored-blocks .block .title.brown:hover {
    background: #b37c37
}

.colored-blocks .block .title.gray {
    background: #a2a2a2
}

.colored-blocks .block .title.gray:hover {
    background: #959595
}

.colored-blocks .block .title.orange {
    background: #f5a118
}

.colored-blocks .block .title.orange:hover {
    background: #e9950a
}

.colored-blocks .block .title.green-dark {
    background: #83c820
}

.colored-blocks .block .title.green-dark:hover {
    background: #75b21c
}

.colored-blocks .block .title.red {
    background: #de1e23
}

.colored-blocks .block .title a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block
}

.colored-blocks .block .title a span[class*=icon-] {
    margin-right: 10px;
    vertical-align: top;
    line-height: 50px;
    height: 50px
}

.colored-blocks .block .title a span.arrow {
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 50px;
    line-height: 50px;
    font-size: .6em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)
}

.colored-blocks #lastvisited {
    display: none;
    margin-bottom: 0
}

.colored-blocks #lastvisited .block .title a {
    padding-right: 20px
}

.colored-blocks #lastvisited .title {
    text-transform: uppercase;
    color: #fff;
    background: #657d9a;
    text-shadow: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-weight: 400
}

.colored-blocks #lastvisited .title strong {
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

.colored-blocks #lastvisited .thumbs {
    border-radius: 3px;
    border: 1px solid #e1e3e6
}

.colored-blocks #lastvisited .thumbs .thumb {
    width: 132px;
    border-radius: 4px;
    margin-bottom: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out, -webkit-box-shadow .1s ease-in-out
}

.colored-blocks #lastvisited .thumbs .thumb:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
            box-shadow: 0 2px 6px rgba(0, 0, 0, .5)
}

.colored-blocks #lastvisited .thumbs .thumb:hover img {
    outline: none
}

.colored-blocks #lastvisited .thumbs .thumb:nth-child(2n),
.colored-blocks #lastvisited .thumbs .thumb:nth-child(odd) {
    margin: 0 6px !important
}

.categories-cols {
    margin-bottom: 30px;
    padding: 15px 0 0
}

@media (min-width: 412px) {
    .categories-cols {
        -moz-column-count: 2;
        -webkit-column-count: 2;
                column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-gap: 10px;
                column-gap: 10px
    }
}

@media (min-width: 768px) {
    .categories-cols {
        -moz-column-count: 4;
        -webkit-column-count: 4;
                column-count: 4
    }
}

@media (min-width: 1024px) {
    .categories-cols {
        padding: 10px 0 0;
        -moz-column-count: 5;
        -webkit-column-count: 5;
                column-count: 5;
        -moz-column-gap: 15px;
        -webkit-column-gap: 15px;
                column-gap: 15px
    }
}

@media (min-width: 1280px) {
    .categories-cols {
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px;
                column-gap: 30px
    }
}

.categories-cols .category-list {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 1px;
    margin: 0 0 40px;
    padding: 0
}

@media (min-width: 768px) {
    .categories-cols .category-list {
        margin-bottom: 40px
    }
}

.categories-cols .cat-header {
    text-decoration: none
}

.categories-cols .cat-header .title {
    background: #a2a2a2;
    border-radius: 4px 4px 0 0;
    padding: 10px
}

@media (min-width: 768px) {
    .categories-cols .cat-header .title {
        padding: 15px
    }
}

.categories-cols .cat-header .title h2 {
    color: #fff;
    padding: 0;
    line-height: 1.1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    font-size: 20px
}

@media (min-width: 768px) {
    .categories-cols .cat-header .title h2 {
        font-size: 28px
    }
}

.categories-cols .cat-header .title span {
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    font-size: .75em;
    display: block
}

.categories-cols .cat-header .title:hover .title {
    background: #959595
}

.categories-cols .cat-header.pink .title {
    background: #ff80df
}

.categories-cols .cat-header.pink:hover .title {
    background: #ff67d9
}

.categories-cols .cat-header.dark-blue .title {
    background: #2065b6
}

.categories-cols .cat-header.dark-blue:hover .title {
    background: #1c59a0
}

.categories-cols .cat-header.orange .title {
    background: #f5a118
}

.categories-cols .cat-header.orange:hover .title {
    background: #e9950a
}

.categories-cols .cat-header.red .title {
    background: #d02125
}

.categories-cols .cat-header.red:hover .title {
    background: #ba1e21
}

.categories-cols .cat-header.green .title {
    background: #83c820
}

.categories-cols .cat-header.green:hover .title {
    background: #75b21c
}

.categories-cols .cat-header.brown .title {
    background: #c4893f
}

.categories-cols .cat-header.brown:hover .title {
    background: #b37c37
}

.categories-cols .cat-header.light-blue .title {
    background: #18caf5
}

.categories-cols .cat-header.light-blue:hover .title {
    background: #0abee9
}

.categories-cols .cat-list {
    margin: 0;
    padding: 5px;
    list-style: none;
    background: var(--surface-1-bg);
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .05)
}

.categories-cols .cat-list li {
    margin-bottom: 10px
}

.categories-cols .cat-list li:last-child {
    margin: 0
}

.categories-cols .cat-list li a {
    color: var(--cat-list-link-color);
    display: block;
    font-weight: 400;
    text-decoration: none
}

.categories-cols .cat-list li a:hover {
    text-decoration: underline
}

.categories-cols .cat-list li a img {
    vertical-align: middle;
    display: block;
    max-width: none;
    border-radius: 2px
}

.categories-cols .cat-list li a span {
    padding: 5px 5px 5px 10px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: 1.3;
    font-family: inherit;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

#more-nav {
    display: block;
    background: #2368ad;
    border-radius: 0 0 4px 4px;
    margin: -40px 5px -25px;
    padding: 12px 20px 20px;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

#more-nav.open {
    margin: 40px 5px -40px;
    max-height: 1000px
}

#more-nav .cat-list {
    -moz-column-count: 6;
    -webkit-column-count: 6;
            column-count: 6;
    -moz-column-gap: 25px;
    -webkit-column-gap: 25px;
            column-gap: 25px
}

#more-nav .cat-list a {
    display: block;
    line-height: 1;
    padding: 0 5px;
    height: 37px;
    line-height: 37px;
    font-weight: 400;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    color: #fff;
    font-size: .875em;
    text-decoration: none;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#more-nav .cat-list a:hover {
    background-color: rgba(0, 0, 0, .05)
}

#more-nav .cat-list a:nth-last-child(2) {
    border-bottom: 0
}

#more-nav .cat-list a#all {
    border: 0;
    text-transform: uppercase;
    font-size: .625em;
    letter-spacing: .05em;
    background-color: rgba(0, 0, 0, .15);
    text-align: center;
    border-radius: 6px
}

#more-nav .cat-list a#all:hover {
    background-color: rgba(0, 0, 0, .2)
}

#home-categories {
    background: #faf6f5;
    padding: 20px 0;
    margin-top: 50px
}

#home-momento {
    margin-top: 30px
}

#home-momento h2 {
    padding-top: 0;
    padding-bottom: .8em
}

#home-momento .block-wrapper {
    width: 50%;
    padding: 0 10px;
    float: left
}

@media (min-width: 0)and (max-width: 767px) {
    #home-momento .block-wrapper {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    #home-momento .block-wrapper {
        width: 25%
    }
}

@media (min-width: 1120px) {
    #home-momento .block-wrapper {
        width: 20%
    }
}

#home-momento .block-wrapper:first-of-type {
    padding-left: 0
}

#home-momento .block-wrapper:last-of-type {
    padding-right: 0
}

#home-momento a.moment-block {
    display: block;
    width: 100%;
    height: 135px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

#home-momento a.moment-block>.inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 10px;
    text-align: center;
    background: hsla(0, 0%, 100%, .9);
    border-radius: 0 0 2px 2px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: 0;
    font-size: 1.1em
}

#home-momento a.moment-block>.inner em {
    display: block;
    font-size: .7em;
    font-style: normal
}

#home-momento a.moment-block:hover>.inner {
    background: hsla(0, 0%, 100%, .95)
}

.block.adv {
    overflow: hidden;
    margin-bottom: 0
}

.block.adv+div {
    clear: left
}

.block.adv>div {
    padding-top: 0
}

@media (min-width: 1024px) {
    .block.adv>div {
        padding-top: 60px
    }
}

.block.adv .ad-unit {
    background-color: #fff;
    margin: 0 auto;
    text-align: center
}

.home-about {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 20px;
    background: var(--surface-1-bg);
    color: var(--text-color)
}

@media (min-width: 768px) {
    .home-about {
        padding: 30px
    }
}

.home-about h1 {
    color: var(--text-color);
    font-size: 1.4em;
    font-weight: 600;
    padding: 0
}

.home-about h2,
.home-about h3 {
    font-weight: 600;
    font-size: 1.2em;
}

.category-page h1 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 32px;
    padding: 10px 5px 10px;
}

@media (min-width: 1024px) {
    .category-page h1 {
        padding-top: 15px
    }
}

.category-page h1 span {
    font-size: .7em;
    vertical-align: baseline;
    margin-right: 10px
}

.share-top {
    float: right;
    padding-top: 22px
}

.wizard {
    background: #2c86e1 !important
}

.wizard .step-content p {
    color: #fff !important;
    line-height: 1.4em
}

.wizard .step-content ol {
    margin-top: 0 !important
}

.wizard .step-content ul {
    margin-top: 0 !important;
    list-style: none !important
}

.wizard .step-content ul li {
    display: inherit !important;
    margin: 5px 0 !important
}

.wizard .step-content li>img {
    vertical-align: middle;
    margin-right: 10px
}

.wizard .step-content li:first-of-type {
    margin: 20px 0 15px !important
}

.wizard .step-content a {
    color: #b0d813
}

.wizard>.steps a {
    border: 0 !important
}

.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
    border: 0 !important;
    background: rgba(0, 0, 0, .2) !important
}

.wizard>.actions a {
    padding: .7em 1em !important;
    background: #83c820 !important;
    color: #fff !important
}

.wizard>.actions a:active,
.wizard>.actions a:hover {
    background: #669c19 !important
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    background: #eee !important;
    color: #aaa !important
}

.wizard form input {
    width: 450px !important
}

.related-games .ad-games-related {
    float: left;
    width: 300px;
    min-height: 280px;
    margin: 38px 0 0 -5px;
    text-align: center
}

.qtip-default {
    background-color: #2065b6 !important;
    border: 0 !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !important
}

#fullscreen {
    background-color: #7f7f7f
}

#fullscreen #header {
    border-bottom: 1px solid #bfbfbf;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

#fullscreen #header .container {
    padding-top: 5px;
    padding-bottom: 5px
}

#fullscreen #header #logo img {
    width: auto;
    height: 30px
}

#fullscreen #header #menu {
    margin-right: 0
}

#fullscreen #header .r-header,
#fullscreen #header .r-header>* {
    height: 30px;
    line-height: 30px
}

#fullscreen #header #search {
    display: none
}

#fullscreen #close-fullscreen {
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background-color: #7f7f7f;
    border-radius: 6px;
    float: left
}

#more-info-fullscreen {
    position: relative;
    padding-bottom: 30px
}

#more-info-fullscreen h1,
#more-info-fullscreen h2,
#more-info-fullscreen p {
    color: #fff
}

#more-info-fullscreen h2 {
    font-size: 1.1em;
    padding: 0
}

#more-info-fullscreen p {
    padding-bottom: 0
}

#more-info-fullscreen #close-info {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    text-indent: -9999px;
    width: 33px;
    height: 33px
}

#more-info-fullscreen.fullscreen {
    background-color: #7f7f7f;
    z-index: 1000
}

#listcats-page h1,
#lists-page h1 {
    float: none;
    display: block
}

#listcats-page>p,
#lists-page>p {
    padding-left: 5px;
    padding-bottom: 1em
}

.searchSB {
    margin-top: 60px
}

#lists-article-page h1 {
    float: none;
    display: block;
    padding: 20px 0 0
}

@media (min-width: 1024px) {
    #lists-article-page h1 {
        padding: 0
    }
}

#lists-article-page p {
    width: 100%;
    max-width: 800px
}

#lists-article-page .list-articles {
    margin-top: 20px
}

@media (min-width: 0)and (max-width: 767px) {
    #lists-article-page .list-articles {
        text-align: center
    }
}

.cats-list {
    list-style: none;
    padding: 0;
    margin: 0 -5px
}

@media (min-width: 570px) {
    .cats-list {
        margin: 0 -10px
    }
}

.cats-list li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px;
    padding: 0 5px;
    width: 50%
}

@media (min-width: 570px) {
    .cats-list li {
        width: 33%;
        padding: 0 10px
    }
}

@media (min-width: 1024px) {
    .cats-list li {
        width: 20%
    }
}

.cats-list li a {
    display: table;
    width: 100%;
    height: 60px;
    padding: 0 10px;
    border-radius: 3px;
    text-align: center;
    background: var(--surface-1-bg);
    color: var(--cat-list-link-color);
    text-decoration: none;
    line-height: 1.3;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .05);
    font-family: inherit;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

.cats-list li a:hover {
    text-decoration: underline
}

.cats-list li a>span {
    display: table-cell;
    vertical-align: middle
}

#formulario {
    border: 0;
    margin: 0;
    padding: 0
}

#formulario .label-wrapper {
    margin-bottom: 20px
}

#formulario .label-wrapper label {
    font-size: 1.2em;
    color: #7f7f7f;
    display: inline-block;
    vertical-align: top;
    width: 200px
}

#formulario .label-wrapper label em {
    font-size: .6em;
    padding-left: 10px;
    font-style: italic;
    color: #de4343;
    font-weight: 500
}

.share-sidebar {
    padding-top: 30px
}

.share-sidebar .share-sidebar-fb {
    float: left;
    margin: 0 20px;
    width: 55px;
    height: 61px
}

.share-sidebar .share-sidebar-gp {
    float: left;
    width: 50px;
    height: 60px
}

.pagination {
    width: auto;
    margin: 10px 0 30px
}

.pagination ul {
    padding: 0
}

.pagination li {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin: 0 5px 10px
}

.pagination li>span {
    background: var(--link-block-color);
    color: #fff;
    height: 100%;
    border-radius: 4px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.pagination li a {
    display: block;
    color: #fff;
    background: #393837;
    text-decoration: none
}

.pagination li a:hover {
    background: var(--link-block-color);
    color: #fff;
}

.pagination li.nav {
    width: auto
}

.pagination li.nav a {
    padding: 0 10px
}

#iframe-game {
    border: 0;
    position: fixed;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

#load-n,
#load-p {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    text-align: center
}

#load-n img,
#load-p img {
    width: 50px;
    height: 50px
}

#external-block {
    width: 95%;
    float: left
}

#game-fullscreen #game-controles {
    display: none
}

#game-fullscreen #external-block {
    width: 100%;
    margin: 0
}

#game-fullscreen #preloader-adContainer,
#game-fullscreen .game-interactive-preloader {
    height: calc(100vh - 60px);
    width: 100vw;
    overflow: hidden
}

#game-offline img {
    display: block;
    margin: auto
}

.related-unavailable-games {
    margin-top: 10px
}

.related-unavailable-games .inner {
    text-align: left;
    padding-bottom: 30px;
    padding-left: 65px
}

.related-unavailable-games .game {
    height: auto;
    margin: 30px 0 0 30px
}

.list-style-1 {
    font-size: 55px;
    letter-spacing: 3px;
    color: #bfbfbf;
    line-height: 1
}

@media (min-width: 1010px) {
    .flex-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

#header {
    background: var(--header-bg);
    position: relative;
    -webkit-box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
            box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
}

@media (min-width: 1024px) {
    #header {
        height: auto
    }
}

#header .logo img {
    max-width: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (min-width: 1024px) {

    /*#header .logo {
        margin-top: 5px;
        margin-left: 10px;
    }*/
    #header .logo:hover {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05)
    }
}

@media (min-width: 0)and (max-width: 1280px) {
    #header .logo {
        max-width: 100px;
    }
}

#header .r-header {
    position: absolute;
    top: 5px;
    right: 0;
    left: auto;
    width: 100%;
    pointer-events: none
}

@media (min-width: 570px)and (max-width: 1280px) {
    #header .r-header {
        max-width: 500px
    }
}

@media (min-width: 1280px) {
    #header .r-header {
        position: relative;
        pointer-events: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: 0;
        right: 0;
        width: auto;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

#header .r-header>* {
    height: 40px;
    line-height: 40px
}

#header .container,
#header .top-container {
    position: relative;
    padding-top: 4px
}

@media (min-width: 1280px) {

    #header .container,
    #header .top-container {
        padding: 16px 0;
    }
}

@media (min-width: 1280px) {
    #header .nav-top-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0px 12px;
    }
}

.top-menu {
    display: none
}

@media (min-width: 1280px) {
    .top-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 12px;
        margin-right: 15px
    }
}

.top-menu a {
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: initial;
    color: var(--header-sec-color);
    text-decoration: none;
    float: left
}

.top-menu a:hover {
    text-decoration: underline
}

.top-menu span {
    color: var(--header-sec-color);
    float: left;
    padding: 0 8px;
    cursor: default;
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    -webkit-user-select: none
}

.top-menu .top-menu-item:last-child span {
    display: none;
}

.top-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.menu_child_list {
    position: absolute;
    top: 45px;
    padding: 12px;
    background: #1a008f;
    -webkit-box-shadow: 0 3px 8px #010918a6;
            box-shadow: 0 3px 8px #010918a6;
    border-radius: 5px;
    z-index: 999;
    display: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.top-menu .top-menu-item:hover .menu_child_list {
    display: block;
}

.menu_child_list a {
    width: 100%;
    background: transparent;
    border-radius: 2px;
    padding: 0 10px;
    margin-bottom: 4px;
    color: white;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration: none;
}

.menu_child_list a:hover {
    background: #171242;
    color: white;
    text-decoration: none;
}

.menu_child_list:after {
    content: '';
    position: absolute;
    top: -7px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #1a008f;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (min-width: 1280px) {
    .search {
        width: 500px
    }
}

.search input {
    pointer-events: auto;
    position: absolute;
    height: 45px;
    opacity: 0;
    border-radius: 100px;
    border: 1px solid var(--header-search-border);
    font-size: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: var(--text-color);
    background: var(--text-field-bg);
    font-family: inherit;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    z-index: 100;
    padding: 0;
    width: 45px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    left: auto;
    right: 0;
}

.search input::-moz-placeholder {
    font-weight: 400;
    -webkit-font-smoothing: initial;
    color: var(--placeholder-color)
}

.search input:focus {
    z-index: 98;
    outline: 0;
    border: 1px solid var(--header-search-active-border);
    -webkit-box-shadow: 0 0 0 1px var(--header-search-active-border), 0 0 4px 2px rgba(0, 0, 0, .1), 0 0 10px 2px rgba(0, 0, 0, .1);
            box-shadow: 0 0 0 1px var(--header-search-active-border), 0 0 4px 2px rgba(0, 0, 0, .1), 0 0 10px 2px rgba(0, 0, 0, .1)
}

@media (min-width: 0)and (max-width: 1280px) {

    .search input~.search-input-clear,
    .search input~.search-input-loading {
        display: none
    }
}

@media (min-width: 1280px) {
    .search input {
        opacity: 1;
        padding: 0 35px 0 15px;
        width: 500px
    }
}

@media (min-width: 1536px) {
    .search input {
        font-size: 18px
    }
}

.search input:hover {
    cursor: pointer
}

@media (min-width: 1280px) {
    .search input:hover {
        cursor: auto
    }
}

.search button.search-inner-button {
    z-index: 99;
    position: absolute;
    left: auto;
    border-radius: 100px;
    background-color: transparent;
    color: var(--header-filled-button-color);
    padding: 0 15px 0 10px;
    font-size: 1.1em;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: none
}

@media (min-width: 1280px) {
    .search button.search-inner-button {
        pointer-events: all;
        z-index: 101;
        right: 4px;
        top: 4px;
        width: 37px;
        height: 37px;
        border: none
    }
}

.search button.search-inner-button>span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.search button.search-inner-button:hover {
    background-color: var(--header-filled-button-hover-bg);
    color: var(--header-filled-button-hover-color)
}

.search.active {
    z-index: 120
}

.search.active input {
    opacity: 1;
    padding: 0 35px 0 15px;
    z-index: 99;
    border: 1px solid var(--header-search-active-border);
    -webkit-box-shadow: 0 0 0 1px var(--header-search-active-border), 0 0 4px 2px rgba(0, 0, 0, .1), 0 0 10px 2px rgba(0, 0, 0, .1);
            box-shadow: 0 0 0 1px var(--header-search-active-border), 0 0 4px 2px rgba(0, 0, 0, .1), 0 0 10px 2px rgba(0, 0, 0, .1)
}

.search input::-webkit-input-placeholder {
    color: #ccc;
}

.search input::-moz-placeholder {
    color: #ccc;
}

.search input:-ms-input-placeholder {
    color: #ccc;
}

.search input::-ms-input-placeholder {
    color: #ccc;
}

.search input::placeholder {
    color: #ccc;
}

@media (min-width: 0)and (max-width: 1280px) {
    .search.active input {
        width: calc(100% - 70px)
    }
}

.search.active button.search-inner-button {
    pointer-events: auto;
    width: 37px;
    height: 37px;
    border: none;
    background-color: var(--header-filled-button-bg)
}

@media (min-width: 0)and (max-width: 1280px) {
    .search.active button.search-inner-button {
        top: 4px;
        right: 64px;
        z-index: 100
    }

    .search.active .search-input-clear,
    .search.active .search-input-loading {
        display: block
    }

    .search.active sg-on-site-search {
        visibility: visible
    }
}

@media (min-width: 0)and (max-width: 1280px) {

    .search button.search-inner-button,
    .search input {
        right: 40px
    }
}

.search-input-clear {
    pointer-events: auto;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    visibility: hidden;
    z-index: 100;
    right: 100px;
    background: var(--search-clear-bg);
    border: 10px solid var(--search-clear-border-mobile);
    -webkit-animation: fadein .7s ease;
            animation: fadein .7s ease
}

@media (min-width: 1280px) {
    .search-input-clear {
        right: 40px;
        border: 10px solid var(--search-clear-border)
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.search-input-clear:hover {
    background: #a6a6a6;
    cursor: pointer
}

.search-input-clear:after,
.search-input-clear:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: " ";
    height: 12px;
    width: 2px;
    background-color: var(--text-color-reverse);
    border-radius: 3px
}

.search-input-clear:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.search-input-clear:after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.search-input-loading {
    pointer-events: auto;
    visibility: hidden;
    position: absolute;
    top: 16px;
    left: auto;
    right: 53px;
    height: 15px;
    width: 15px;
    display: inline-block;
    z-index: 100
}

.search-input-loading:after,
.search-input-loading:before {
    content: "";
    background: #fff;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-color: #2c86e1 #2c86e1 transparent transparent;
    border-style: solid;
    border-width: 2px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    top: 0;
    left: 0
}

.search-input-loading:after {
    background: transparent
}

.search-input-loading[style*="visibility: visible;"] {
    -webkit-animation: around 5.4s infinite;
            animation: around 5.4s infinite
}

.search-input-loading[style*="visibility: visible;"]:after,
.search-input-loading[style*="visibility: visible;"]:before {
    -webkit-animation: around .7s ease-in-out infinite;
            animation: around .7s ease-in-out infinite
}

.search-input-loading[style*="visibility: visible;"]:after {
    -webkit-animation: around .7s ease-in-out .1s infinite;
            animation: around .7s ease-in-out .1s infinite
}

@-webkit-keyframes around {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
    }
}

@keyframes around {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
    }
}

.nav-hamburguer {
    position: absolute;
    right: 20px;
    top: 5px;
    background-color: #83c820;
    padding: 8px 10px;
    border-radius: 3px;
    text-align: center;
    width: 40px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.nav-hamburguer[data-menu-state=opened] {
    background-color: #2c86e1
}

.nav-hamburguer[data-menu-state=closed] #menu-icon span,
.nav-hamburguer[data-menu-state=opened] #menu-icon span {
    color: #fff
}

@media (min-width: 1280px) {
    .nav-hamburguer {
        display: none
    }
}

.nav-hamburguer #menu-icon span {
    color: #fff
}

#nav-mobile {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
            box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
    position: absolute;
    top: 57px;
    margin-left: -15px;
    width: 60%;
    background-color: #2c86e1;
    z-index: 10000;
    padding-bottom: 20px;
    border-radius: 6px
}

#nav-mobile[data-menu-state=opened] {
    right: 0;
    visibility: visible;
    opacity: 1;
    display: block
}

#nav-mobile[data-menu-state=closed] {
    right: -100%;
    visibility: hidden;
    opacity: 0;
    display: none
}

#nav-mobile #search {
    margin-bottom: 40px
}

#nav-mobile #search input {
    width: 80%
}

#nav-mobile #search button {
    width: 20%
}

#nav-mobile #search button span {
    -webkit-transform: translateX(-38%);
        -ms-transform: translateX(-38%);
            transform: translateX(-38%)
}

#nav-mobile .nav-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #83c820;
    padding: 8px 10px 5px;
    border-radius: 3px
}

#nav-mobile .nav-close i {
    color: #fff
}

#nav-mobile ul {
    padding-left: 0
}

#nav-mobile ul li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    text-align: left;
    list-style: none;
    color: #fff;
    padding: 10px 10px 10px 20px;
    width: 100%
}

#nav-mobile ul li:first-child {
    margin-top: 10px
}

#nav-mobile ul li a {
    color: #fff;
    text-decoration: none
}

#nav-mobile ul li a span {
    margin-right: 10px
}

.main-nav,
.secondary-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    border-radius: 6px;
    overflow: auto
}

.main-nav li,
.secondary-nav li {
    list-style: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-nav li a,
.secondary-nav li a {
    font-family: inherit;
    font-weight: 500;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    padding: 4px 8px;
    font-size: 13px
}

@media (min-width: 1280px) {

    .main-nav li a,
    .secondary-nav li a {
        font-size: 14px;
        padding: 4px 15px
    }
}

@media (min-width: 1536px) {

    .main-nav li a,
    .secondary-nav li a {
        font-size: 16px
    }
}

.main-nav {
    padding: 3px 0;
    margin: 0;
    width: auto;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
            column-gap: 2px
}

.main-nav li a {
    color: var(--header-nav-color)
}

.main-nav li:last-child {
    border: 0
}

.main-nav li.active,
.main-nav li:hover {
    background-color: var(--header-nav-active-bg)
}

.main-nav li.active a,
.main-nav li:hover a {
    color: var(--header-nav-active-color)
}

.secondary-nav {
    gap: 6px;
    margin-bottom: 12px;
}

.secondary-nav li {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid #fff;
    background-color: #323231
}

.secondary-nav li a {
    color: var(--header-secondary-nav-color);
    padding-top: 6px;
    padding-bottom: 6px
}

.secondary-nav li a span {
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

@media (min-width: 1536px) {
    .secondary-nav li a {
        font-size: 15px
    }
}

.secondary-nav li a .icon {
    color: var(--header-secondary-nav-color);
    font-size: 14px
}

.secondary-nav li a .icon.icon-drawing,
.secondary-nav li a .icon.icon-makeup,
.secondary-nav li a .icon.icon-racing,
.secondary-nav li a .icon.icon-sports,
.secondary-nav li a .icon.icon-stickman {
    font-size: 18px
}

.secondary-nav li.active,
.secondary-nav li:hover {
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

.secondary-nav li.active .icon,
.secondary-nav li.active a,
.secondary-nav li:hover .icon,
.secondary-nav li:hover a {
    color: var(--header-secondary-nav-active-color)
}

.nav-wrapper {
    display: none
}

@media (min-width: 1024px) {
    .nav-wrapper {
        display: block
    }
}

.nav-wrapper .icon {
    position: relative;
    margin-right: 5px;
    font-size: 14px;
    top: -1px
}

@media (min-width: 1280px) {
    .nav-wrapper .icon {
        font-size: 16px
    }

    .nav-wrapper .icon.icon-action {
        font-size: 19px
    }
}

.bottom-nav-container {
    background: var(--header-nav-background);
    display: none
}

@media (min-width: 1024px) {
    .bottom-nav-container {
        display: block
    }
}

.mobile-menu--btn {
    position: absolute;
    pointer-events: auto;
    display: inline-block;
    background-color: var(--mobile-burger-color);
    border-radius: 6px;
    width: 45px;
    height: 45px;
    left: auto;
    top: 0;
    right: 5px;
    text-align: center;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 120;
    color: #fff;
    font-size: 20px
}

.mobile-menu--btn:before {
    position: relative;
    top: 2px
}

.mobile-menu--btn:hover {
    background-color: var(--mobile-burger-color-hover);
    cursor: pointer
}

.mobile-menu--btn.active {
    position: fixed;
    top: 9px;
    background-color: transparent;
    z-index: 201
}

.mobile-menu--btn.active:hover {
    background-color: rgba(0, 0, 0, .2)
}

@media (min-width: 1280px) {

    .mobile-menu--btn,
    .mobile-menu--btn.active {
        display: none
    }
}

.mobile-menu {
    position: fixed;
    display: inline-block;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: var(--header-nav-background);
    z-index: 10;
    padding: 60px 10px;
    margin: 0;
    overflow-y: scroll;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.mobile-menu.active {
    left: 0;
    z-index: 200
}

@media (min-width: 1280px) {
    .mobile-menu {
        display: none
    }
}

.logo-menu {
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 6px;
    max-width: 100px;
}

.logo-menu img {
    max-width: 100%;
}

@media (min-width: 0)and (max-width: 359px) {
    .logo-menu {
        top: 12px;
        background-size: 145px 30px;
        max-width: 100px;
    }
}

.mobile-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-list:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.mobile-list li {
    margin: 0;
    padding: 0;
    line-height: 0
}

.mobile-list li.active a {
    background: var(--header-nav-active-bg)
}

.mobile-list li.active a .icon,
.mobile-list li.active a .text {
    color: var(--header-nav-active-color)
}

.mobile-list a {
    position: relative;
    display: inline-block;
    padding: 0;
    border-radius: 6px;
    width: 100%;
    height: 42px;
    font-family: inherit;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 16px
}

.mobile-list a:hover {
    background: hsla(0, 0%, 100%, .1)
}

.mobile-list .icon,
.mobile-list .text {
    position: absolute;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
}

.mobile-list .icon {
    left: 0px;
    width: 30px;
    text-align: center;
    -o-object-fit: scale-down;
       object-fit: scale-down;
	padding-left: 0;
}

.mobile-list .icon-grid {
    font-size: 18px
}

.category-sort .dropdown>div .mobile-list .d-icon.new,
.mobile-list .category-sort .dropdown>div .d-icon.new,
.mobile-list .icon-new,
.mobile-list .icon-super {
    font-size: 20px
}

.mobile-list .text {
    left: 40px;
    line-height: 1.2
}

.article-game {
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    border: none
}

@media (min-width: 1280px) {
    .article-game {
        width: 50%
    }
}

.article-game--inner {
    background: var(--surface-1-bg);
    padding: 10px;
    border-radius: 3px
}

@media (min-width: 0)and (max-width: 767px) {
    .article-game--inner {
        text-align: center
    }
}

.article-game:hover {
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3);
            box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .3)
}

.article-game a {
    text-decoration: none
}

.article-game .game-thumb {
    display: block;
    float: left;
    width: 132px;
    height: 94px;
    margin-right: 16px
}

@media (min-width: 0)and (max-width: 767px) {
    .article-game .game-thumb {
        display: inline;
        text-align: center;
        float: none;
        margin: 0
    }
}

.article-game .game-thumb img {
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
}

.article-game .game-name {
    font-size: 1em;
    font-family: inherit;
    font-weight: 500;
    margin: 0;
    padding: 10px 0 15px;
    color: var(--surface-1-color)
}

@media (min-width: 0)and (max-width: 767px) {
    .article-game .game-name {
        display: block;
        padding-bottom: 0
    }
}

@media (min-width: 768px) {
    .article-game .game-name {
        display: block
    }
}

.article-game .game-button {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    padding: 8px 16px 8px 3px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 14px;
    background: #e0392d;
    text-transform: uppercase;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    -webkit-transition: background .15s ease-in;
    -o-transition: background .15s ease-in;
    transition: background .15s ease-in;
    letter-spacing: .03em;
    font-weight: 400;
    text-align: center
}

@media (min-width: 0)and (max-width: 767px) {
    .article-game .game-button {
        margin-top: 10px;
        width: 100%
    }
}

@media (min-width: 768px) {
    .article-game .game-button {
        width: calc(100% - 148px)
    }
}

.article-game .game-button:hover {
    background: #d42b1f
}

.article-game .game-button i {
    width: 40px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle
}

.gamebar {
    padding: 0 5px 10px
}

.gamebar h1 {
    font-size: 1.3em;
    display: inline-block;
    width: 70%;
    padding-top: 0;
    padding-bottom: .2em
}

@media (min-width: 0)and (max-width: 768px) {
    .gamebar h1 {
        width: 100%
    }
}

@media (min-width: 769px) {
    .gamebar h1 {
        width: 60%
    }
}

.gamebar .social {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: right
}

@media (min-width: 769px) {
    .gamebar .social {
        width: 40%
    }
}

.gamebar .social div {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.gamebar .social div:last-child {
    margin: 0
}

#game-details {
    margin-top: 20px
}

#game-details #video-walkthrough-holder {
    display: none !important;
    visibility: hidden !important
}

#game-details #video-walkthrough-holder .title {
    background-color: #18caf5
}

#game-details #video-walkthrough-holder a {
    position: relative;
    text-decoration: none;
    display: block;
    max-width: 190px;
    height: 95px;
    margin: 0 5px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

@media (min-width: 0)and (max-width: 1023px) {
    #game-details #video-walkthrough-holder a {
        max-width: 100%
    }
}

#game-details #video-walkthrough-holder a:hover>div {
    background-color: rgba(0, 0, 0, .3)
}

#game-details #video-walkthrough-holder a:hover>div>span {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2)
}

#game-details #video-walkthrough-holder a>img {
    position: absolute;
    left: 0;
    right: 0;
    top: -9999px;
    bottom: -9999px;
    margin: auto 0;
    width: 100%;
    height: auto
}

#game-details #video-walkthrough-holder a>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1;
    background-color: rgba(0, 0, 0, .2);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

#game-details #video-walkthrough-holder a>div>span {
    text-indent: 3px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #bae025;
    color: #fff;
    line-height: 40px;
    left: 50%;
    top: 50%;
    margin: -20px;
    position: absolute;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

@media (min-width: 0)and (max-width: 768px) {
    #game-details #video-walkthrough-holder iframe {
        width: 100%;
        height: auto
    }
}

#game-details.with-video-walkthrough #video-walkthrough-holder {
    display: block !important;
    visibility: visible !important
}

#game-details.with-video-walkthrough-active #video-walkthrough-holder {
    display: block !important;
    visibility: visible !important;
    clear: both;
    margin: 30px 0 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    width: 100%
}

#game-details.with-video-walkthrough-active #video-walkthrough-holder .title {
    margin-bottom: 10px
}

#game-details.with-video-walkthrough-active #video-walkthrough-holder a {
    display: none
}

#game-details .video-walkthrough-animation-helper {
    position: fixed;
    background: hsla(0, 0%, 100%, .2);
    border: 1px dotted #000;
    width: 210px;
    z-index: 9999
}

#game-details .title {
    height: auto;
    line-height: auto;
    padding: 5px 0 5px 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    font-size: 1.125em;
    color: #fff;
    position: relative;
    z-index: 2;
    background: #2065b6
}

#game-details p {
    width: 100%;
    padding: 10px 15px;
    background: #faf6f5;
    border-radius: 0 0 4px 4px;
    font-size: .875em
}

.redirect-mobile-inline .redirect_thumb {
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.redirect-mobile-inline .redirect_thumb img {
    border-radius: 5px 5px 5px 5px;
    border: 3px solid #2065b6
}

.redirect-mobile-inline .jua-btn {
    margin: 10px 0
}

.redirect-mobile-inline .jua-btn span:nth-child(2) {
    font-weight: 500;
    font-size: 20px
}

.redirect-mobile-inline .jua-btn span:nth-child(3) {
    font-weight: 500;
    line-height: 30px
}

.redirect-mobile-inline .redirect-description {
    display: block;
    margin: 10px 0 30px
}

.related-cats {
    margin-top: 20px
}

.related-cats .title {
    font-size: 1.1em;
    padding-left: 5px
}

.related-cats .inner {
    padding: 20px 10px 0;
    border-radius: 3px;
    position: relative;
    background: #faf6f5
}

.related-cats ul {
    width: 100%;
    display: inline-block;
    margin: 0;
    list-style: none;
    padding: 0 10px;
    vertical-align: top
}

@media (min-width: 768px) {
    .related-cats ul {
        width: 50%
    }
}

@media (min-width: 1120px) {
    .related-cats ul {
        width: 33.3333333333%
    }
}

.related-cats ul li {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.related-cats ul a {
    border-radius: 3px;
    display: table-row;
    font-weight: 400;
    text-decoration: none;
    background: #fff
}

.related-cats ul a:hover {
    text-decoration: underline
}

.related-cats ul a img {
    display: block;
    max-width: none;
    border-radius: 2px 0 0 2px
}

.related-cats ul a span {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    line-height: 1.1
}

.related-cats-v2 {
    font-family: inherit;
}

.related-cats-v2,
.related-cats-v2 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.related-cats-v2 .title {
    font-size: 1.1em;
    padding-left: 5px
}

.related-cats-v2 a {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    text-decoration: none;
    background: var(--surface-1-bg);
    height: 55px;
    width: 100%;
    padding: 6px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.related-cats-v2 a:hover {
    -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
            transform: translateY(-4px);
}

.related-cats-v2 a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
}

.related-cats-v2 a .img-container {
    position: relative;
    height: auto;
    width: 50px;
    overflow: hidden;
    border-radius: 7px 0 0 7px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.related-cats-v2 a img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%
}

.related-cats-v2 a .thumb-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    line-height: 1.1;
    padding: 10px 5px
}

@media (min-width: 1024px) {
    .related-cats-v2 a .thumb-info {
        font-size: 15px;
        line-height: 1.2;
    }
}

.related-cats-v2 a .thumb-title {}

.related-cats-home-slider {
    list-style: none;
    padding: 0;
    font-family: inherit;
    margin-top: 0;
    margin-right: 5px
}

@media (min-width: 1280px) {
    .related-cats-home-slider {
        margin-right: 10px
    }
}

.related-cats-home-slider .title {
    font-size: 1.1em;
    padding-left: 5px
}

.related-cats-home-slider a:first-of-type {
    margin-bottom: 0;
}

.related-cats-home-slider a {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    text-decoration: none;
    background: var(--surface-1-bg);
    height: 55px;
    padding: 6px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    border: 2px solid #FFF;
    width: 198px;
}

@media (min-width: 1280px) {
    .related-cats-home-slider a {
        width: 239px
    }
}

.related-cats-home-slider a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #2d3550;
    text-decoration-color: #2d3550
}

.related-cats-home-slider a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
}

.related-cats-home-slider a .img-container {
    position: relative;
    height: auto;
    width: 40px;
    overflow: hidden;
    border-radius: 7px 0 0 7px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.related-cats-home-slider a img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%
}

.related-cats-home-slider a .thumb-info {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--surface-1-color);
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.3
}

@media (min-width: 0)and (max-width: 1280px) {
    .related-cats-home-slider a .thumb-info {
        padding: 10px 5px
    }
}

.related-cats-home-slider a .thumb-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%;
    min-height: 0;
    -webkit-line-clamp: 3;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.related-cats-home-slider:last-of-type {
    margin-right: 0
}

@media (min-width: 1280px) {
    .related-cats-home-slider:last-of-type {
        margin-right: 0
    }
}

.game-page {
    margin-top: 20px;
    padding: 0px 14px;
}

@media (min-width: 1024px) {
    .game-page {
        margin-top: 12px
    }
}

.game-page .related-cats {
    margin-bottom: 30px
}

.game-page .related-cats ul {
    width: 25%
}

@media (min-width: 0)and (max-width: 768px) {
    .game-page .related-cats ul {
        width: 100%
    }
}

.pop-blocks .h2,
.pop-blocks h2 {
    padding-left: 5px
}

.pop-blocks#home-popular h2 {
    text-transform: uppercase;
    font-size: 18px
}

.pop-blocks#home-popular .inner {
    padding-bottom: 0
}

.pop-blocks .inner {
    width: 100%;
    padding: 20px;
    border: 1px solid #e1e3e6;
    border-radius: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

.pop-blocks .inner:after {
    content: "";
    display: table;
    clear: both
}

.pop-blocks .inner .ad-games-related {
    float: left;
    min-height: 280px;
    margin: 5px 0 0 -5px;
    text-align: center
}

@media (min-width: 0)and (max-width: 1023px) {
    .pop-blocks .inner .ad-games-related {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%
    }
}

@media (min-width: 1120px) {
    .pop-blocks .inner .ad-games-related {
        width: 400px
    }
}

@media (min-width: 1280px) {
    .pop-blocks .inner .ad-games-related {
        width: 347px
    }
}

.pop-blocks .inner .game {
    float: left;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 50%;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    padding: 0 10px
}

@media (min-width: 570px) {
    .pop-blocks .inner .game {
        width: 33.3333333333%
    }
}

@media (min-width: 768px) {
    .pop-blocks .inner .game {
        width: 25%;
        padding: 0 10px
    }
}

.pop-blocks .inner .game img {
    border-radius: 2px
}

@media (min-width: 0)and (max-width: 1280px) {
    .pop-blocks .inner .game img {
        width: 100%;
        height: auto
    }
}

.pop-blocks .inner .game span {
    font-weight: 500;
    display: block;
    text-align: left;
    font-size: 12px;
    padding: 0 2px;
    text-decoration: underline;
    margin-top: 4px
}

@media (min-width: 1280px) {
    .pop-blocks .inner .game span {
        width: 132px;
        text-align: left
    }
}

.pop-blocks .inner .game p {
    color: #7f7f7f;
    font-weight: 400;
    padding: 2px 2px 0;
    position: relative;
    height: 30px;
    font-size: 10px;
    overflow: hidden;
    text-decoration: none
}

@media (min-width: 1280px) {
    .pop-blocks .inner .game p {
        width: 132px
    }
}

@media (min-width: 768px) {
    .pop-blocks.related-games .inner .game {
        width: 14.2857142857%
    }
}

@media (min-width: 1120px) {
    .pop-blocks#home-popular .inner .game {
        width: 16.6666666667%
    }
}

@media (min-width: 1280px) {
    .pop-blocks#home-popular .inner .game {
        width: 12.5%
    }
}

@media (min-width: 1120px) {

    .pop-blocks#search-results .inner .game,
    .pop-blocks.related-unavailable-games .inner .game {
        width: 25%
    }
}

@media (min-width: 1280px) {

    .pop-blocks#search-results .inner .game,
    .pop-blocks.related-unavailable-games .inner .game {
        width: 16.6666666667%
    }
}

.ad-search-leaderboard {
    padding-top: 10px;
    text-align: center
}

.search-leaderboard-middle-holder {
    display: block;
    float: left;
    width: 100%
}

.ad-search-leaderboard {
    min-height: 120px
}

@media (min-width: 0)and (max-width: 767px) {
    .ad-unit-reserve-space {
        aspect-ratio: 1/.9
    }
}

@media (min-width: 768px) {
    .ad-unit-reserve-space {
        min-height: 250px
    }
}

@media (min-width: 768px) {
    .ad-unit-reserve-space__leaderboard {
        min-height: 120px
    }
}

.ad-unit-game-sidebar {
    min-height: 270px
}

@media (min-width: 728px) {
    .ad-unit-game-sidebar {
        min-height: 130px
    }
}

@media (min-width: 1010px) {
    .ad-unit-game-sidebar {
        min-height: 270px
    }
}

.ad-grid-full-width {
    aspect-ratio: 1/.9;
    grid-column: 1/-1
}

.search-leaderboard-bottom {
    padding-bottom: 30px;
    display: block
}

.ad-game {
    margin-top: 20px;
    text-align: center;
    display: block;
    min-height: 120px
}

.ad-game>div {
    margin: 0
}

.ad-sidebar {
    width: 160px;
    float: left;
    margin-left: 5px
}

.ad-sidebar>div {
    height: 600px
}

.ad-sidebar-categoria-wide {
    text-align: center
}

.ad-sidebar-categoria-wide-mobile {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    aspect-ratio: 1/.9
}

.ad-unit {
    position: relative;
    padding: 20px 0 10px;
    text-align: center
}

.ad-unit>div:before {
    content: "PUBLICIDADE";
    font-size: .625em;
    color: #6f7e8a;
    text-align: center;
    display: block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.footer-adv {
    margin-top: 40px;
    height: 90px;
    position: relative;
    z-index: 1;
    text-align: center
}

.footer-adv .ad-unit {
    padding: 0
}

.footer-adv .ad-unit>div:before {
    top: -25px;
    height: 25px
}

.footer-adv>div {
    margin: 0 auto
}

.ad-friv {
    text-align: center
}

.gpt-sidebar-sticky {
    min-height: 600px;
    position: sticky;
    top: 20px;
    z-index: 1
}

.article-sidebar-ad {
    min-height: 250px
}

.preloader-center {
    margin: 0 auto;
    width: 75%;
    position: relative;
    z-index: 1
}

#preloader-wrap video {
    display: block
}

.preloader-full {
    margin: 0 auto;
    width: 100%
}

.preloader-full #preloader-wrap {
    height: 100%;
    width: 100%
}

.game-wrapper-container {
    min-height: 630px
}

#game-wrapper {
    border-radius: 6px;
    min-height: 555px
}

@media (min-width: 0)and (max-width: 1023px) {
    #game-wrapper {
        min-height: auto !important
    }
}

#game-wrapper #game {
    text-align: center;
    padding: 20px;
    position: relative;
    z-index: 2
}

#game-wrapper #game iframe {
    max-width: 100%;
    overflow: hidden
}

#game-wrapper #game>* {
    margin: 0 auto
}

#game-wrapper #game-src {
    display: none;
    width: 100%;
    float: left
}

#game-wrapper #game-controles {
    position: absolute;
    right: 5px;
    top: 0;
    display: none
}

#game-wrapper #game-controles button {
    height: 27px;
    width: 51px;
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    border-radius: 5px;
    border: 0;
}

#game-wrapper #game-controles button:hover {
    background-color: #727272
}

#game-wrapper #game-controles button#zoomin {
    background-position: -32px -290px
}

#game-wrapper #game-controles button#zoomout {
    background-position: -67px -290px
}

#game-wrapper #game-controles button#fullscreen {
    background-position: -106px -289px
}

#game-container-iframe+.ad-sidebar {
    display: none !important;
    visibility: hidden !important
}

.game-bg-blured {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 15px;
    right: 0;
    opacity: .25;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    z-index: -1;
    -webkit-filter: blur(7px);
            filter: blur(7px)
}

.flashAlternativeFix,
.flashFix {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: rgba(0, 39, 84, .9)
}

.flashAlternativeFix .title,
.flashFix .title {
    text-align: center;
    font-weight: 500;
    color: #fff;
    display: block;
    font-size: 22px;
    margin: 20px 0
}

.flashAlternativeFix p,
.flashFix p {
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 0 0 15px;
    max-width: 600px
}

.flashAlternativeFix p.font-small,
.flashFix p.font-small {
    font-size: 16px
}

.flashAlternativeFix a,
.flashFix a {
    color: #8fb218
}

.flashFix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.flashFix .try-this-btn {
    cursor: pointer;
    color: #8fb218;
    text-decoration: underline;
    font-weight: 500
}

.flashFix .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #fff;
    max-width: 900px;
    padding: 0 60px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, .4);
    margin: 0 auto
}

.flashFix .wrapper .title,
.flashFix .wrapper p {
    color: #000
}

.flashFix .unblock-flash-img {
    max-width: 600px
}

.flashAlternativeFix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.flashAlternativeFix .video-wrapper {
    position: relative
}

.flashAlternativeFix .video-wrapper .close-btn {
    position: absolute;
    top: -25px;
    right: -25px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #bae025;
    cursor: pointer
}

.flashAlternativeFix .video-wrapper .close-btn:after {
    content: "✕";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-size: 25px
}

.flashAlternativeFix .video-wrapper video {
    max-width: 700px;
    display: block;
    border: 3px solid #bae025;
    border-radius: 16px;
    overflow: hidden;
    -webkit-box-shadow: 9px 5px 21px 0 rgba(0, 0, 0, .4);
            box-shadow: 9px 5px 21px 0 rgba(0, 0, 0, .4);
    margin: 0 auto 20px
}

@media (min-width: 1281px) {
    .flashAlternativeFix .video-wrapper video {
        max-width: 800px
    }
}

@media (min-width: 1400px) {
    .flashAlternativeFix .video-wrapper video {
        max-width: 1000px
    }
}

#unblock-flash-wrapper {
    padding: 100px 0;
    z-index: 10
}

#unblock-flash-wrapper .unblock-flash-title {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    font-size: 1.5em;
    color: #fff;
    position: relative;
    z-index: 2;
    background: #2065b6
}

#unblock-flash-wrapper .unblock-flash-msg {
    margin: 0 5px;
    padding: 10px 15px;
    background: #faf6f5;
    border-radius: 0 0 4px 4px;
    font-size: 1.2rem
}

#unblock-flash-wrapper .unblock-flash-msg img {
    border-radius: 5px 5px 5px 5px;
    border: 3px solid #2065b6
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-link {
    font-size: 16px;
    margin-top: 10px;
    padding: 10px
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play {
    padding: 0;
    font-size: 1.4rem;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play p {
    padding: 0;
    width: auto
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play a {
    padding: 11px 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    background: #83c820;
    border: 3px solid #fff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play a span[class*=icon-] {
    margin-right: 10px;
    vertical-align: top;
    line-height: 50px
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play a span.arrow {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 40px;
    height: 30px;
    line-height: 50px;
    font-size: .6em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)
}

#unblock-flash-wrapper .unblock-flash-msg .unblock-flash-play a:hover {
    background: #75b21c
}

#unblock-http-wrapper {
    padding: 0 100px;
    position: relative;
    width: 800px
}

#unblock-http-wrapper #unblock-http-block {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    background-color: #fff;
    width: 350px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 20px 30px 10px
}

#unblock-http-wrapper #unblock-http-block a {
    color: #fff;
    text-decoration: none;
    display: block;
    background: #83c820;
    border: 3px solid #fff;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    position: relative;
    padding: 11px 60px 11px 15px;
    font-size: 22px;
    margin: 20px 0 10px
}

#unblock-http-wrapper #unblock-http-block a span[class*=icon-] {
    margin-right: 10px;
    vertical-align: top;
    line-height: 50px
}

#unblock-http-wrapper #unblock-http-block a span.arrow {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 40px;
    height: 40px;
    line-height: 50px;
    font-size: .8em;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    border-top: 1px solid hsla(0, 0%, 100%, .5);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)
}

#unblock-http-wrapper #unblock-http-block a:hover {
    background: #75b21c
}

#unblock-http-wrapper #unblock-http-block #message {
    display: block;
    font-size: 12px
}

@media (min-width: 0)and (max-width: 1023px) {
    #unblock-http-wrapper {
        width: 100%;
        padding: 0
    }

    #unblock-http-wrapper #unblock-http-block {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
    }
}

@media (min-width: 0)and (max-width: 1023px)and (min-width: 0)and (max-width: 767px) {
    #unblock-http-wrapper #unblock-http-block {
        position: relative;
        width: 100%
    }
}

@media (min-width: 0)and (max-width: 1023px) {
    #unblock-http-wrapper #unblock-http-block a {
        font-size: 18px
    }
}

#unblock-http-wrapper img {
    border-radius: 6px;
    -webkit-filter: blur(5px);
            filter: blur(5px)
}

.flash-alt-wrapper {
    padding: 100px 0;
    z-index: 10
}

.flash-alt-wrapper .flash-alt-title {
    padding: 2px 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-size: 1.5em;
    color: #fff;
    position: relative;
    z-index: 2;
    background: #2065b6;
    border: 4px solid #fff
}

.flash-alt-wrapper .flash-alt-txt {
    margin: 0 0 15px;
    width: 100%
}

.flash-alt-wrapper .flash-alt-txt--game {
    font-size: 14px;
    margin: 5px 0
}

.flash-alt-wrapper .flash-alt-game {
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1)
}

.flash-alt-wrapper .flash-alt-game:hover {
    -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
            transform: scale(1.07)
}

.flash-alt-wrapper .flash-alt-msg {
    margin: 0 5px;
    padding: 10px 15px 20px;
    background: #faf6f5;
    border-radius: 0 0 10px 10px;
    font-size: 1.2rem;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 20px rgba(0, 0, 0, .2)
}

.flash-alt-wrapper .flash-alt-msg img {
    border-radius: 5px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .3);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 5px rgba(0, 0, 0, .3)
}

.flash-alt-wrapper .flash-alt-msg .img-disabled {
    -webkit-filter: saturate(0);
            filter: saturate(0);
    opacity: .7;
    max-width: 115px;
    height: auto;
    -webkit-box-shadow: none;
            box-shadow: none
}

.flash-alt-wrapper .flash-alt-msg .img-disabled:hover {
    cursor: not-allowed
}

.flash-alt-wrapper .flash-alt-msg .img-disabled+span {
    font-size: 12px;
    color: #696969;
    font-weight: 500;
    display: block
}

.flash-alt-wrapper .flash-alt-msg .flash-alt-play {
    padding: 0;
    font-size: 1.4rem;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2);
    margin-top: 10px
}

.flash-alt-wrapper .flash-alt-msg .flash-alt-play a {
    padding: 5px 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    background: #83c820;
    border: 3px solid #fff;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.flash-alt-wrapper .flash-alt-msg .flash-alt-play a span.arrow {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .2)
}

.flash-alt-wrapper .flash-alt-msg .flash-alt-play a:hover {
    background: #75b21c
}

.sg-feedback {
    min-height: 40px;
    margin-bottom: 20px;
    margin-top: 4px;
    display: inline-block;
    width: 100%
}

@media (min-width: 768px) {
    .sg-feedback {
        margin-top: -10px
    }
}

.sg-feedback:after {
    content: "";
    display: table;
    clear: both
}

.sg-feedback__wrapper {
    display: inline-block;
    width: 100%;
    margin: 0
}

.article-page .sg-feedback__wrapper {
    margin-top: 20px
}

#sg-feedback {
    font-family: inherit;
}

#sg-feedback .sg-feedback__improvement-submit {
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

#sg-feedback.sg-feedback-smiles .sg-feedback__improvement-title,
#sg-feedback.sg-feedback-smiles .sg-feedback__rating-title {
    color: var(--surface-1-color);
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

#sg-feedback.sg-feedback-smiles .sg-feedback__improvement-submit {
    background: var(--primary-color)
}

#sg-feedback.sg-feedback-smiles .sg-feedback__improvement-submit[disabled] {
    background-color: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

#sg-feedback.sg-feedback-smiles .sg-feedback__improvement-submit[disabled]:hover {
    background-color: var(--btn-disabled-bg);
    color: var(--btn-disabled-color)
}

#sg-feedback.sg-feedback-smiles .sg-feedback__improvement-submit:hover {
    background-color: #518312;
    -webkit-box-shadow: none;
            box-shadow: none
}

#sg-feedback.sg-feedback-smiles .sg-feedback__comments {
    background: var(--text-field-bg);
    color: var(--text-color)
}

.article-page .sg-feedback {
    margin-top: 20px
}

.loading-game {
    position: absolute;
    left: 50%;
    top: 50%
}

.homepage-grid {
    --homepage-columns: 3;
    --homepage-gap: 10px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--homepage-columns), minmax(0, 1fr));
    grid-auto-flow: row dense;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-column-gap: var(--homepage-gap);
    -webkit-column-gap: var(--homepage-gap);
            column-gap: var(--homepage-gap);
    row-gap: var(--homepage-gap);
}

@media (min-width: 400px) {
    .homepage-grid {
        --homepage-columns: 4;
        --homepage-gap: 7px
    }
}

@media (min-width: 600px) {
    .homepage-grid {
        --homepage-columns: 5;
        --homepage-gap: 10px
    }
}

@media (min-width: 768px) {
    .homepage-grid {
        --homepage-columns: 6;
        --homepage-gap: 10px
    }
}

@media (min-width: 1024px) {
    .homepage-grid {
        --homepage-columns: 8;
        --homepage-gap: 10px
    }
}

@media (min-width: 1280px) {
    .homepage-grid {
        --homepage-gap: 12px
    }
}

@media (min-width: 1366px) {
    .homepage-grid {
        --homepage-gap: 14px
    }
}

@media (min-width: 1536px) {
    .homepage-grid {
        --homepage-columns: 9
    }
}

@media (min-width: 1800px) {
    .homepage-grid {
        --homepage-columns: 11
    }
}

.homepage-grid .thumb-v2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: 0;
}

@supports not (aspect-ratio:1) {
    .homepage-grid .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .homepage-grid .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

.homepage-grid .thumb-v2:last-of-type {
    margin-bottom: 30px
}

.homepage-grid .full-grid,
.homepage-grid .grid-title,
.homepage-grid .leaderboard-ad {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1
}

.homepage-grid .leaderboard-ad {
    min-height: 300px;
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width: 728px) {
    .homepage-grid .leaderboard-ad {
        min-height: 110px
    }
}

.homepage-grid .inline-grid-ad {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    min-height: 270px;
    height: auto;
    margin-bottom: var(--homepage-gap)
}

@media (min-width: 728px) {
    .homepage-grid .inline-grid-ad {
        min-height: 110px
    }
}

@media (min-width: 1024px) {
    .homepage-grid .inline-grid-ad {
        grid-column: 1/-1;
        -ms-grid-row-span: 1;
        grid-row: span 1;
        min-height: 110px
    }
}

@media (min-width: 1280px) {
    .homepage-grid .inline-grid-ad {
        -ms-grid-column-span: 2;
        grid-column: span 2/-1;
        -ms-grid-row-span: 2;
        grid-row: span 2;
        min-height: 270px
    }
}

.homepage-grid .irados-ad {
    -ms-grid-row: 6;
    grid-row: 6
}

@media (min-width: 1024px) {
    .homepage-grid .irados-ad {
        -ms-grid-row: 5;
        grid-row: 5
    }
}

@media (min-width: 1280px) {
    .homepage-grid .irados-ad {
        -ms-grid-row: 3;
        -ms-grid-row-span: 2;
        grid-row: 3/span 2
    }
}

@media (min-width: 1367px) {
    .homepage-grid .irados-ad {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        grid-row: 4/span 2
    }
}

.homepage-grid .homepage-grid-categories {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-bottom: 50px
}

.homepage-grid .colored-blocks {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-top: 30px
}

.homepage-grid .homepage-category-subgrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: minmax(0, 1fr) var(--homepage-gap) minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row dense;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-column-gap: var(--homepage-gap);
    -webkit-column-gap: var(--homepage-gap);
            column-gap: var(--homepage-gap)
}

.homepage-grid .homepage-category-subgrid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.homepage-grid .homepage-category-subgrid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

@media (min-width: 425px) {
    .homepage-grid .homepage-category-subgrid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 768px) {
    .homepage-grid .homepage-category-subgrid {
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

.homepage-grid .homepage-category-subgrid a:nth-last-of-type(-n+4) {
    display: none
}

@media (min-width: 1536px) {
    .homepage-grid .homepage-category-subgrid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .homepage-grid .homepage-category-subgrid a:nth-last-of-type(-n+4) {
        display: block
    }
}

.homepage-grid .grid-slider {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-top: -5px
}

.homepage-grid .micro-sites-blocks .thumb-v2 {
    margin-right: var(--homepage-gap);
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: 1;
    width: calc(100% / var(--homepage-columns) - var(--homepage-gap) / 2 - 3px)
}

@supports not (aspect-ratio:1) {
    .homepage-grid .micro-sites-blocks .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .homepage-grid .micro-sites-blocks .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width: 1280px) {
    .homepage-grid .micro-sites-blocks .thumb-v2 {
        width: calc(100% / var(--homepage-columns) - var(--homepage-gap) / 2 - 4px)
    }
}

@media (min-width: 1366px) {
    .homepage-grid .micro-sites-blocks .thumb-v2 {
        width: 146px
    }
}

.homepage-grid last-visited-slider square-thumbnail {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: 1;
    margin-right: var(--homepage-gap);
    width: calc(100% / var(--homepage-columns) - var(--homepage-gap) / 2 - 3px)
}

@supports not (aspect-ratio:1) {
    .homepage-grid last-visited-slider square-thumbnail:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .homepage-grid last-visited-slider square-thumbnail:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width: 1280px) {
    .homepage-grid last-visited-slider square-thumbnail {
        width: calc(100% / var(--homepage-columns) - var(--homepage-gap) / 2 - 4px)
    }
}

@media (min-width: 1366px) {
    .homepage-grid last-visited-slider square-thumbnail {
        width: 146px
    }
}

.homepage-grid last-visited-slider .thumb-v2 {
    width: 100%;
    height: 100%
}

.homepage-grid .mt-0 {
    margin-top: 0
}

@media (min-width: 0)and (max-width: 600px) {
    .homepage-grid .grid-item-large.highlight-0 {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-row: 2;
            grid-row-start: 2
    }
}

@media (min-width: 1366px) {
    .homepage-grid .grid-item-large.highlight-0 {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-row: 2;
            grid-row-start: 2;
    }
}

@media (min-width: 1366px) {
    .homepage-grid .grid-item-large.highlight-1 {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-row: 4;
            grid-row-start: 4
    }
}

@media (min-width: 1800px) {
    .homepage-grid .grid-item-large.highlight-1 {
        -ms-grid-column: 8;
            grid-column-start: 8;
        -ms-grid-row: 3;
            grid-row-start: 3;
    }
}

@media (min-width: 1024px) {
    .player-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.player-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    overflow: visible;
    position: relative;
    font-family: inherit;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 15px rgba(0, 0, 0, .15);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 1px 15px rgba(0, 0, 0, .15);
    background: var(--surface-1-bg);
    /* margin: -20px -6px 30px; */
    border-radius: 6px 6px 0 0;
}

@media (min-width: 1024px) {
    .player-wrapper {
        /* margin: 0 0 30px */
    }
}

.player-wrapper .player-options-window-bg {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .3882352941);
    bottom: 61px
}

@media (min-width: 768px) {
    .player-wrapper .player-options-window-bg {
        bottom: var(--feedback-player-bottom-bar)
    }
}

.player-wrapper .player-container {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    overflow: hidden
}

@media (min-width: 0)and (max-width: 1024px) {
    .player-wrapper .player-container {
        aspect-ratio: 1;
    }

    @supports not (aspect-ratio:1.7777777778) {
        .player-wrapper .player-container:before {
            content: "";
            float: left;
            padding-top: 56.25%
        }

        .player-wrapper .player-container:after {
            content: "";
            display: block;
            clear: both
        }
    }
}

@media (min-width: 972px) {
    .player-wrapper .player-container {
        /* min-height: 600px; */
    }
}

.mobile-draggable-menu:not(.player-wrapper .player-container-mobile) {
    display: none
}

.player-wrapper .player-container.ios-iphone-fullscreen {
    border-radius: 0
}

.player-wrapper .player-container .player-game {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

.player-wrapper .player-container .player-game-mobile {
    display: none
}

@media (min-width: 768px) {
    .player-wrapper .player-container .player-game:not(.player-game-mobile) {
        display: block
    }
}

.player-wrapper .player-container ruffle-object {}

.player-wrapper .player-container .offline-image {
    width: 100% !important;
    height: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.player-wrapper .player-container .offline-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .player-wrapper .player-container .offline-image img {
        width: 500px;
        height: 300px
    }
}

.player-wrapper .player-container .unblock-http-wrapper {
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.player-wrapper .player-container .unblock-http-wrapper .unblock-http-block {
    height: auto;
    min-width: 300px;
    max-width: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    background: hsla(0, 0%, 100%, .8);
    border-radius: 15px;
    padding: 15px
}

.player-wrapper .player-container .unblock-http-wrapper .unblock-http-block .http-play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    margin: 15px auto 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #83c820;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    border: 3px solid #fff;
    font-size: 25px;
    line-height: 1;
    height: auto;
    width: auto;
    max-height: 50px;
    font-weight: 500;
    padding: 10px 25px 10px 30px;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.player-wrapper .player-container .unblock-http-wrapper .unblock-http-block .http-play-button:hover {
    background-color: #669c19;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}

.player-wrapper .player-container .unblock-http-wrapper .unblock-http-block .http-play-button .icon {
    font-size: 18px;
    margin-left: 10px
}

.player-wrapper .player-container .unblock-http-wrapper .unblock-http-block .message {
    display: block;
    font-size: 12px
}

.player-wrapper .player-container .mobile-unavailable {
    position: relative
}

.player-wrapper .player-container .mobile-unavailable img.player-bg {
    -webkit-filter: blur(6px) saturate(0);
            filter: blur(6px) saturate(0)
}

.player-wrapper .player-container .mobile-notice-container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    max-width: 300px;
    margin: 0 auto
}

.player-wrapper .player-container .mobile-notice-container .mobile-notice {
    font-family: inherit;
    color: #333;
    text-align: center;
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: hsla(0, 0%, 100%, .7);
    border-radius: 15px;
    padding: 10px 0 15px
}

.player-wrapper .player-container .mobile-notice-container .mobile-notice img {
    height: 60px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .player-wrapper .player-container .mobile-notice-container .mobile-notice img {
        height: 100px
    }
}

.player-wrapper .player-container .player-bg-wrapper {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    z-index: 1
}

.player-wrapper .player-container .player-bg-wrapper .player-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(12px);
            filter: blur(12px)
}

.player-wrapper .player-instructions {
    position: absolute;
    width: 100%;
    z-index: 9999;
    background-color: var(--surface-1-bg);
    color: var(--surface-1-color);
    padding: 10px;
    bottom: 61px
}

@media (min-width: 768px) {
    .player-wrapper .player-instructions {
        bottom: var(--feedback-player-bottom-bar)
    }
}

.player-wrapper .player-instructions .player-instructions-title {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.player-wrapper .player-instructions .player-instructions-title span:not(:last-child) {
    margin-right: 10px
}

.player-wrapper .player-instructions .player-instructions-title .control-icon {
    font-size: 22px;
    line-height: 22px
}

.player-wrapper .player-instructions .player-instructions-btn-close {
    font-size: 19px;
    line-height: 19px;
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer
}

.player-wrapper .player-bottom-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    color: var(--surface-1-color);
    padding: 5px 5px 5px 10px;
    background: var(--surface-1-bg);
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar {
        padding: 10px
    }
}

.player-wrapper .player-bottom-bar.disabled .player-options:not(.no-block) {
    cursor: not-allowed
}

.player-wrapper .player-bottom-bar.disabled .player-options:not(.no-block)>* {
    pointer-events: none
}

.player-wrapper .player-bottom-bar.disabled .sg-feedback__rating-radio {
    display: none
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right #playerFullscreen {
    display: none;
    margin: 0
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_right #playerFullscreen {
        display: block
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .separator {
    height: 30px;
    border-left: 1px solid rgba(46, 54, 82, .7);
    margin-right: 2px;
    display: block
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_right .separator {
        margin-right: 10px
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .player-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .player-options span:not(.icon):not(.tooltip) {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 0;
    padding: 3px;
    -webkit-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;
    margin-right: 4px;
    height: 40px;
    font-size: 22px;
    line-height: 34px
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_right .player-options span:not(.icon):not(.tooltip) {
        margin-right: 10px;
        height: 30px;
        font-size: 24px;
        line-height: 24px
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button {
    position: relative;
    text-align: center
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button span.icon {
    position: relative;
    display: block;
    line-height: 1;
    margin: 0;
    height: 34px;
    width: 34px;
    font-size: 20px;
    top: 7px
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button span.icon {
        top: 4px;
        font-size: 16px;
        height: 24px;
        width: 24px
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button.favorite-active span.icon {
    color: #fe4766
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button.show-tooltip .tooltip-triangle {
    border-left-color: transparent;
    border-bottom-color: var(--tooltip-bg);
    border-right-color: transparent;
    border-top-color: transparent
}

.player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button.show-tooltip .tooltip-text {
    width: 160px;
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: var(--text-color-reverse);
    background-color: var(--tooltip-bg)
}

@media (min-width: 0)and (max-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button.show-tooltip .tooltip-text {
        left: auto;
        right: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none
    }

    .player-wrapper .player-bottom-bar .player-bottom-bar_right .favorite-button.show-tooltip .tooltip-text .tooltip-triangle {
        left: auto;
        right: 10px
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.player-wrapper .player-bottom-bar .player-bottom-bar_left .player-bottom-bar_thumb {
    border-radius: 4px;
    margin-right: 10px;
    width: auto;
    height: 45px;
    display: none
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_left .player-bottom-bar_thumb {
        display: inline-block
    }
}

.player-wrapper .player-bottom-bar .player-bottom-bar_left .player-bottom-bar_name {
    font-weight: 600;
    line-height: 1;
    color: var(--surface-1-color);
    font-size: 15px;
}

@media (min-width: 768px) {
    .player-wrapper .player-bottom-bar .player-bottom-bar_left .player-bottom-bar_name {
        font-size: 16px
    }
}

.player-feedback {
    min-width: 80px;
    margin-right: 2px
}

@media (min-width: 768px) {
    .player-feedback {
        margin-right: 10px
    }
}

.player-feedback .sg-feedback {
    min-height: 0;
    margin-bottom: 0;
    display: block;
    width: auto
}

.player-feedback .sg-feedback .sg-feedback__rating label {
    cursor: pointer
}

.player-feedback .sg-feedback__wrapper.active .sg-feedback__dialog {
    display: block
}

.player-feedback .sg-feedback__improvement-type {
    display: none
}

.player-feedback .sg-feedback__improvement-type.active {
    display: block
}

.player-feedback .sg-feedback__improvement-type ul {
    list-style: none;
    padding: 0
}

.player-feedback .sg-feedback__improvement-type ul li {
    margin-bottom: 10px;
    font-size: 14px
}

.player-feedback .sg-feedback__improvement-type ul li input {
    margin-right: 10px
}

.player-feedback .sg-feedback__improvement-type ul li input,
.player-feedback .sg-feedback__improvement-type ul li label {
    vertical-align: middle
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper button,
.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea {
    width: 100%
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea {
    margin: 10px 0;
    font-size: 16px
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea::-moz-placeholder {
    color: var(--placeholder-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea::-webkit-input-placeholder {
    color: var(--placeholder-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea:-ms-input-placeholder {
    color: var(--placeholder-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea::-ms-input-placeholder {
    color: var(--placeholder-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper textarea::placeholder {
    color: var(--placeholder-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper button {
    background-color: #5f9915;
    font-weight: 400;
    padding: 5px
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper button[disabled] {
    background-color: var(--btn-disabled-bg);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper button[disabled]:hover {
    background-color: var(--btn-disabled-bg);
    color: var(--btn-disabled-color)
}

.player-feedback .sg-feedback__improvement-type .sg-feedback__improvement-wrapper button:hover {
    background-color: #518312;
    -webkit-box-shadow: none;
            box-shadow: none
}

.player-feedback .sg-feedback__improvement-title {
    font-weight: 500;
    padding-bottom: 10px;
    color: var(--feedback-player-text-color)
}

.player-feedback .sg-feedback__dialog {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    padding: 10px 5px;
    width: 100%;
    color: var(--feedback-player-text-color);
    background-color: var(--feedback-player-dialog-bg);
    border-radius: 0 0 6px 6px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (min-width: 768px) {
    .player-feedback .sg-feedback__dialog {
        border-top: none;
        padding: 20px;
        -webkit-box-shadow: none;
                box-shadow: none;
        width: 40%;
        border-radius: 0 6px 0 0;
        top: 0;
        bottom: var(--feedback-player-bottom-bar)
    }
}

.player-feedback .sg-feedback__rating {
    margin-bottom: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 2px;
    border-right: 1px solid var(--feedback-player-border-color-selected)
}

@media (min-width: 768px) {
    .player-feedback .sg-feedback__rating {
        padding-right: 10px
    }
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio:not(:last-child) {
    margin-right: 5px
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio.selected .icon-negative,
.player-feedback .sg-feedback__rating .sg-feedback__rating-radio.selected .icon-positive,
.player-feedback .sg-feedback__rating .sg-feedback__rating-radio:hover .icon-negative,
.player-feedback .sg-feedback__rating .sg-feedback__rating-radio:hover .icon-positive {
    border-color: var(--feedback-player-border-color-selected)
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio.deselected {
    border-color: transparent
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-negative,
.player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-positive {
    font-family: inherit;
    font-weight: 500 !important;
    -webkit-font-smoothing: antialiased;
    color: var(--feedback-player-text-color);
    white-space: nowrap;
    background-repeat: no-repeat;
    border-radius: 4px;
    -webkit-transition: border .1s ease-in-out;
    -o-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;
    border: 1px solid transparent;
    line-height: 1;
    width: 36px;
    padding: 14px 10px;
    font-size: 0;
    background-position: 5px 50%
}

@media (min-width: 768px) {

    .player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-negative,
    .player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-positive {
        width: auto;
        background-position: 10px 50%;
        font-size: 12px;
        padding: 8px 10px 8px 40px
    }
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-negative {}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio .icon-positive {
    background-image: var(--positive-feedback-icon)
}

.player-feedback .sg-feedback__rating .sg-feedback__rating-radio input {
    display: none
}

.player-btn-close-feedback {
    font-size: 19px;
    line-height: 19px;
    position: absolute;
    top: calc(100% + 16px);
    right: 5px;
    z-index: 3;
    cursor: pointer
}

@media (min-width: 768px) {
    .player-btn-close-feedback {
        top: 10px;
        right: 10px
    }
}

.thumb-v2 {
    --thumbSize: 141px;
    --thumbTransitionTimer: 0.3s;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition-property: width, height;
    -o-transition-property: width, height;
    transition-property: width, height;
    -webkit-transition: var(--thumbTransitionTimer) ease-in-out;
    -o-transition: var(--thumbTransitionTimer) ease-in-out;
    transition: var(--thumbTransitionTimer) ease-in-out;
    -webkit-box-shadow: var(--thumb-shadow);
            box-shadow: var(--thumb-shadow);
    font-family: inherit;
    width: var(--thumbSize);
    height: var(--thumbSize);
    text-align: left;
    isolation: isolate;
    display: block
}

.thumb-v2 .thumb-img {
    line-height: 1.3
}

.thumb-v2 .thumb-img,
.thumb-v2 .video-preview {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.thumb-v2 .video-preview {
    display: none
}

.thumb-v2 video::-webkit-media-controls {
    display: none !important
}

.thumb-v2 .thumb-info {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 5px;
    color: #fff;
    font-family: inherit;
    line-height: 1.2;
    -webkit-transition-property: max-height;
    -o-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition: var(--thumbTransitionTimer) ease-in-out;
    -o-transition: var(--thumbTransitionTimer) ease-in-out;
    transition: var(--thumbTransitionTimer) ease-in-out;
    max-height: 40px;
    min-height: 40px;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    cursor: pointer
}

.thumb-v2 .thumb-info:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, rgba(0, 0, 0, .1)), color-stop(20%, rgba(0, 0, 0, .55)));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .1) 5%, rgba(0, 0, 0, .55) 20%);
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 5%, rgba(0, 0, 0, .55) 20%);
    height: 155px;
    top: -15px;
    left: 0;
    right: 0
}

.thumb-v2 .thumb-info .thumb-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 14.5px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-animation-delay: .2s;
            animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-name: minHeightOut;
            animation-name: minHeightOut;
    position: relative;
    top: -4px;
    color: white;
}

.thumb-v2 .thumb-info .thumb-description {
    font-size: 12px;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(.91, -.03, 1, .44);
    -o-transition: .2s cubic-bezier(.91, -.03, 1, .44);
    transition: .2s cubic-bezier(.91, -.03, 1, .44)
}

.thumb-v2 .thumb-info .thumb-description,
.thumb-v2 .thumb-info .thumb-description p {
    padding: 0;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

@-webkit-keyframes minHeightIn {
    0% {
        min-height: 37px
    }

    to {
        min-height: 0
    }
}

@keyframes minHeightIn {
    0% {
        min-height: 37px
    }

    to {
        min-height: 0
    }
}

@-webkit-keyframes minHeightOut {
    0% {
        min-height: 0
    }

    to {
        min-height: 37px
    }
}

@keyframes minHeightOut {
    0% {
        min-height: 0
    }

    to {
        min-height: 37px
    }
}

.thumb-v2:hover:not(.video-ready) {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .24)
}

@media (min-width: 768px) {
    .thumb-v2:hover:not(.video-ready) .thumb-info {
        max-height: 155px
    }

    .thumb-v2:hover:not(.video-ready) .thumb-info .thumb-title {
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-duration: .3s;
                animation-duration: .3s;
        -webkit-animation-name: minHeightIn;
                animation-name: minHeightIn;
        -webkit-line-clamp: initial;
        overflow: initial
    }

    .thumb-v2:hover:not(.video-ready) .thumb-info .thumb-description {
        opacity: 1
    }
}

.thumb-v2:hover.has-video-preview {
    -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08)
}

@media (min-width: 768px) {
    .thumb-v2:hover.has-video-preview .video-preview {
        display: block
    }

    .thumb-v2:hover.has-video-preview .thumb-info {
        pointer-events: none
    }
}

@media (min-width: 768px) {
    .thumb-v2:hover.has-video-preview.video-ready .thumb-description {
        display: none
    }
}

.thumb-v2.new-d:before {
    position: absolute;
    content: "New";
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff0303), to(#ff5959));
    background-image: -o-linear-gradient(left, #ff0303, #ff5959);
    background-image: linear-gradient(90deg, #ff0303, #ff5959);
    display: block;
    line-height: 1;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    border: 0;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    border-radius: 0;
    font-size: 11px;
    z-index: 1;
    padding: 5px;
    border-bottom-right-radius: 5px;
    letter-spacing: .3px;
    height: 20px
}

.thumb-v2.unity-d:before {
    z-index: 1;
    top: -1px
}

.thumb-v2.top-d:before {
    background-color: #2065b6;
    background-image: -o-linear-gradient(359.53deg, #1168e9 -1.72%, #2b31cd 112.92%);
    background-image: linear-gradient(90.47deg, #1168e9 -1.72%, #2b31cd 112.92%);
    text-align: left;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
    font-size: 12px;
    padding: 2px 0 1px 5px;
    width: 50px;
    height: 20px;
    top: 0;
    left: 0;
    line-height: 16px
}

.thumb-v2.top-d:after,
.thumb-v2.top-d:before {
    position: absolute;
    color: #fff;
    z-index: 1;
    border-bottom-right-radius: 5px
}

.thumb-v2.top-d:after {
    content: "Top";
    font-family: inherit;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
    line-height: 1;
    font-size: 11px;
    top: 5px;
    left: 20px;
    letter-spacing: .3px
}

.thumb-v2.grid-item-large {
    grid-column: auto/span 2;
    grid-row: auto/span 2
}

.not-working:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: 50%;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 8px;
    bottom: 0;
}

.not-working img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
}

.horizontal-slider {
    position: relative;
    margin-left: -5px
}

.horizontal-slider .inner-shadow-left,
.horizontal-slider .inner-shadow-right {
    display: none;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 50px;
    height: 100%
}

.horizontal-slider .inner-shadow-right {
    right: -2px;
    background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#f6f7f7));
    background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0), #f6f7f7);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #f6f7f7)
}

.horizontal-slider .inner-shadow-left {
    left: -2px;
    background: -webkit-gradient(linear, left top, right top, from(#f6f7f7), to(hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(left, #f6f7f7, hsla(0, 0%, 100%, 0));
    background: linear-gradient(90deg, #f6f7f7, hsla(0, 0%, 100%, 0))
}

.horizontal-slider .left-arrow,
.horizontal-slider .right-arrow {
    position: absolute;
    top: 50%;
    bottom: 0;
    z-index: 2;
    background-color: var(--surface-chevron);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .15), 0 -2px 10px rgba(0, 0, 0, .13);
            box-shadow: 0 -1px 2px rgba(0, 0, 0, .15), 0 -2px 10px rgba(0, 0, 0, .13);
    cursor: pointer;
    pointer-events: auto;
    opacity: 1;
}

.horizontal-slider .left-arrow.active,
.horizontal-slider .right-arrow.active {
    pointer-events: auto;
    opacity: 1
}

.horizontal-slider .left-arrow:hover,
.horizontal-slider .right-arrow:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1)
}

.horizontal-slider .left-arrow {
    left: 0;
    padding-right: 4px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
}

.horizontal-slider .left-arrow:hover {
    -webkit-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2)
}

@media (min-width: 1366px) {
    .horizontal-slider .left-arrow {
        -webkit-transform: translateY(-50%) translateX(-40%);
            -ms-transform: translateY(-50%) translateX(-40%);
                transform: translateY(-50%) translateX(-40%)
    }

    .horizontal-slider .left-arrow:hover {
        -webkit-transform: translateY(-50%) translateX(-40%) scale(1.2);
            -ms-transform: translateY(-50%) translateX(-40%) scale(1.2);
                transform: translateY(-50%) translateX(-40%) scale(1.2)
    }
}

.horizontal-slider .right-arrow {
    right: 0;
    padding-right: 6px;
}

.horizontal-slider .right-arrow:hover {
    -webkit-transform: translateY(-50%) scale(1.2);
        -ms-transform: translateY(-50%) scale(1.2);
            transform: translateY(-50%) scale(1.2)
}

@media (min-width: 1366px) {
    .horizontal-slider .right-arrow {
        -webkit-transform: translateY(-50%) translateX(40%);
            -ms-transform: translateY(-50%) translateX(40%);
                transform: translateY(-50%) translateX(40%)
    }

    .horizontal-slider .right-arrow:hover {
        -webkit-transform: translateY(-50%) translateX(40%) scale(1.2);
            -ms-transform: translateY(-50%) translateX(40%) scale(1.2);
                transform: translateY(-50%) translateX(40%) scale(1.2)
    }
}

.horizontal-slider .slider-items-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    overflow-x: auto;
    position: relative;
    padding: 5px;
    scrollbar-width: none
}

.horizontal-slider .slider-items-wrapper::-webkit-scrollbar {
    display: none
}

.horizontal-slider .slider-items-wrapper-justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start
}

.horizontal-slider .slider-items-wrapper .item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    z-index: 0;
    width: 122px;
    height: 122px
}

@media (min-width: 1280px) {
    .horizontal-slider .slider-items-wrapper .item {
        width: 146px;
        height: 146px
    }
}

.horizontal-slider .slider-items-wrapper .item:last-of-type {
    margin-right: 0
}

.grid-card-2x5 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-flow: row dense
}

@media (min-width: 0)and (max-width: 768px) {
    .grid-card-2x5 {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 0)and (max-width: 1279px) {
    .grid-card-2x5 {
        grid-gap: 5px
    }
}

.grid-card-2x5 .grid-item {
    width: auto
}

.grid-card-2x5 li {
    margin: 0;
    padding: 0
}

.grid-2x2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    grid-auto-flow: row dense
}

.grid-2x2 .grid-item {
    width: auto
}

@media (min-width: 1010px) {
    .grid-2x2 {
        --customThumbSize: 122px;
        grid-gap: 5px;
        -ms-grid-columns: var(--customThumbSize) 5px var(--customThumbSize);
        grid-template-columns: repeat(2, var(--customThumbSize));
        margin-left: -6px
    }

    .grid-2x2 .thumb-v2 {
        --thumbSize: var(--customThumbSize)
    }
}

@media (min-width: 1280px) {
    .grid-2x2 {
        --customThumbSize: 146px;
        grid-gap: 10px;
        margin-left: -15px
    }
}

.grid-4x6 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-flow: row dense
}

@media (min-width: 0)and (max-width: 768px) {
    .grid-4x6 {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.grid-4x6 .grid-item {
    width: auto
}

.grid-4x6 .grid-item-large {
    grid-column: auto/span 2;
    grid-row: auto/span 2;
    height: calc(var(--thumbSize) * 2)
}

.grid-8x-category {
    --customThumbSize: 122px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--customThumbSize));
    grid-auto-flow: row dense;
    padding-top: -20px;
    grid-gap: 10px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly
}

@media (min-width: 359px) {
    .grid-8x-category {
        --customThumbSize: 105px
    }
}

@media (min-width: 400px) {
    .grid-8x-category {
        --customThumbSize: 122px
    }
}

@media (min-width: 1024px) {
    .grid-8x-category {
        grid-gap: 5px
    }
}

@media (min-width: 1280px) {
    .grid-8x-category {
        --customThumbSize: 146px;
        grid-gap: 10px
    }
}

.grid-8x-category .thumb-v2 {
    --thumbSize: var(--customThumbSize)
}

.grid-8x-category .first-row-banner {
    -ms-grid-column-span: 2;
    grid-column: span 2/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/span 2;
    background-color: #fff
}

.grid-8x-category .grid-item-large {
    grid-column: auto/span 2;
    grid-row: auto/span 2
}

.grid-8x-category .grid-item-large-top-right {
    -ms-grid-column-span: 2;
    grid-column: span 2/auto;
    grid-column-end: -1;
    grid-row: auto/span 2;
    -ms-grid-row: 1;
        grid-row-start: 1;
    padding-bottom: 0
}

.grid-8x-category .grid-item-large-middle-right {
    -ms-grid-column-span: 2;
    grid-column: span 2/auto;
    grid-column-end: -1;
    grid-row: auto/span 2;
    -ms-grid-row: 2;
        grid-row-start: 2;
    padding-bottom: 0
}

.full-grid {
    grid-column: 1/-1
}

.body-page-game-v2 {
    background-color: var(--body-bg)
}

.game-page-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column
}

.game-page-sidebar .ad-unit {
    padding-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px)
}

.h2-page-game-v2 {
    padding-top: 0
}

.ad-unit-bg {
    background-color: var(--surface-2-bg);
    border-radius: 6px;
    display: none !important
}

.game-preloader {
    position: relative;
    z-index: 1
}

.game-interactive-preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --preloader-button-size: 100px
}

@media (min-width: 768px) {
    .game-interactive-preloader {
        --preloader-button-size: 160px
    }
}

@media (min-width: 1280px) {
    .game-interactive-preloader {
        --preloader-button-size: 190px
    }
}

.game-interactive-preloader img.preload-thumbnail {
    border-radius: 6px;
    width: var(--preloader-button-size);
    height: var(--preloader-button-size);
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
            box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    margin-bottom: 10px;
    border: 3px solid #fff
}

@media (min-width: 768px) {
    .game-interactive-preloader img.preload-thumbnail {
        border: 5px solid #fff;
        margin-bottom: 20px
    }
}

.game-interactive-preloader img.preload-thumbnail:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}

.game-interactive-preloader .preloader-play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #83c820;
    color: #fff;
    text-align: center;
    cursor: pointer;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    font-size: 25px;
    height: auto;
    width: auto;
    max-height: 50px;
    font-weight: 500;
    padding: 10px 25px 8px 30px;
    border-radius: 50px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .05), 0 4px 10px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 4px rgba(0, 0, 0, .05), 0 4px 10px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.game-interactive-preloader .preloader-play-button:hover {
    background-color: #75b21c;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05)
}

.game-interactive-preloader .preloader-play-button .icon {
    font-size: 18px;
    margin-left: 10px;
    line-height: 1
}

.game-interactive-preloader .preloader-player-bg-wrapper {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    z-index: -1
}

.game-interactive-preloader .preloader-player-bg-wrapper .player-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: blur(16px);
            filter: blur(16px)
}

.game-interactive-preloader.resume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2
}

@media (min-width: 768px) {
    .game-interactive-preloader.resume:not(.game-interactive-preloader.resume-mobile) {
        display: none
    }
}

#preloader-adContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

:root {
    --player-dark-blue: #1a5087;
    --about-game-bg: #000000
}

.about-game {
    font-family: inherit;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1)
}

@media (min-width: 0)and (max-width: 599px) {
    .about-game iframe {
        width: 100%
    }
}

.about-game .about-game-bottom .info ol li,
.about-game .about-game-bottom .info ul li,
.about-game .about-game-top .info ol li,
.about-game .about-game-top .info ul li {
    margin-bottom: 5px
}

.about-game .about-game-bottom .info a,
.about-game .about-game-top .info a {
    -webkit-font-smoothing: antialiased
}

@media (min-width: 0)and (max-width: 1023px) {

    .about-game .about-game-bottom .info table,
    .about-game .about-game-top .info table {
        width: 100%
    }
}

.about-game .about-game-bottom .info table td,
.about-game .about-game-bottom .info table th,
.about-game .about-game-top .info table td,
.about-game .about-game-top .info table th {
    padding: 5px
}

.about-game .about-game-bottom .info blockquote,
.about-game .about-game-top .info blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #eee
}

.about-game .about-game-top {
    background-color: var(--about-game-bg);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .2509803922);
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    color: #fff;
    padding: 20px
}

@media (min-width: 0)and (max-width: 1023px) {
    .about-game .about-game-top {
        padding: 10px
    }
}

.about-game .about-game-top .info {
    max-width: 560px;
    z-index: 1;
    position: relative
}

@media (min-width: 768px) {
    .about-game .about-game-top .info {
        width: 60%
    }
}

.about-game .about-game-top .bg-image-wrapper {
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    overflow: hidden;
    display: none
}

@media (min-width: 768px) {
    .about-game .about-game-top .bg-image-wrapper {
        display: initial
    }
}

.about-game .about-game-top .bg-image-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(var(--about-game-bg)), to(rgba(81, 107, 1, 0)));
    background: -o-linear-gradient(left, var(--about-game-bg), rgba(81, 107, 1, 0));
    background: linear-gradient(90deg, var(--about-game-bg), rgba(81, 107, 1, 0));
    top: 0;
    bottom: 0;
    width: 30%;
    z-index: 1
}

.about-game .about-game-top .bg-image-wrapper img {
    height: 100%;
    width: 100%;
    opacity: .5;
    -webkit-filter: blur(3px);
            filter: blur(3px);
    -o-object-fit: cover;
    object-fit: cover
}

.about-game .about-game-top .sub-title {
    margin-bottom: 5px
}

.about-game .about-game-top .game-description {
    font-size: 15px
}

.about-game--long .about-game-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.about-game .about-game-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--surface-1-bg);
    background-color: var(--text-color);
    gap: 1rem;
    font-weight: 400;
    padding: 15px 28px 15px;
    border-radius: 6px;
}

@media (min-width: 0)and (max-width: 1023px) {
    .about-game .about-game-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 15px 10px 5px
    }
}

.about-game .about-game-bottom .column-left {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto
}

@media (min-width: 1280px) {
    .about-game .about-game-bottom .column-left {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 900px;
                flex: 0 0 900px
    }
}

.about-game .about-game-bottom .column-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto
}

@media (min-width: 1024px) {
    .about-game .about-game-bottom .column-right {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 300px;
                flex: 0 0 300px
    }
}

.about-game .about-game-bottom .ad-unit {
    font-family: inherit;
    font-size: medium
}

.about-game .about-game-bottom .game-description {
    margin-bottom: 20px
}

.card-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    height: 90px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 2px 10px rgba(0, 0, 0, .1);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 2px 10px rgba(0, 0, 0, .1);
    background-color: var(--surface-1-bg)
}

.card-category .img-container {
    width: 90px;
    height: 100%;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.card-category .img-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    height: 100%;
}

.card-category .thumb-info {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--surface-1-color);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1
}

.player-flash-container {
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    position: relative
}

.game-page-grid {
    --game-page-columns: 3;
    --game-page-gap: 10px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    /* grid-template-rows: repeat(auto-fit, 146px); */
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--game-page-columns), minmax(0, 1fr));
    grid-auto-flow: row dense;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-column-gap: var(--game-page-gap);
    -webkit-column-gap: var(--game-page-gap);
            column-gap: var(--game-page-gap);
    row-gap: var(--game-page-gap);
}

.game-page .game-page-grid .grid-comment {
    grid-column: 7 / -1;
    -ms-grid-row: 9;
    grid-row: 9;
}

@media (min-width: 400px) {
    .game-page-grid {
        --game-page-columns: 3;
        --game-page-gap: 10px
    }
}

@media (min-width: 600px) {
    .game-page-grid {
        --game-page-columns: 4;
        --game-page-gap: 10px
    }
}

@media (min-width: 768px) {
    .game-page-grid {
        --game-page-columns: 5;
        --game-page-gap: 10px;
    }
}

@media (min-width: 1024px) {
    .game-page-grid {
        --game-page-columns: 7;
        --game-page-gap: 10px;
        margin-top: 12px;
    }
}

@media (min-width: 1280px) {
    .game-page-grid {
        --game-page-columns: 8;
        --game-page-gap: 10px;
    }
}

@media (min-width: 1366px) {
    .game-page-grid {
        --game-page-gap: 10px;
    }
}

@media (min-width: 1440px) {
    .game-page-grid {
        --game-page-gap: 10px;
        margin-top: 10px;
    }
}

@media (min-width: 1536px) {
    .game-page-grid {
        --game-page-columns: 9
    }
}

@media (min-width: 1800px) {
    .game-page-grid {
        --game-page-columns: 11
    }
}

.game-page-grid .grid-player {
    grid-column: 1/-1;
    -ms-grid-row-span: 4;
    grid-row: span 4;
    /* margin-bottom: var(--game-page-gap) */
}

@media (min-width: 1024px) {
    .game-page-grid .grid-player {
        -ms-grid-column-span: 6;
        grid-column: span 6;
        /* min-height: 515px */
    }
}

@media (min-width: 1536px) {
    .game-page-grid .grid-player {
        -ms-grid-column-span: 7;
        grid-column: span 7
    }
}

@media (min-width: 1366px) {
    .game-page-grid .grid-player {
        /* min-height: 625px */
    }
}

@media (min-width: 1800px) {
    .game-page-grid .grid-player {
        -ms-grid-column: 3;
        -ms-grid-column-span: 7;
        grid-column: 3/span 7;
        -ms-grid-row-span: 4;
        grid-row: span 4
    }
}

.game-page-grid .thumb-v2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    /* margin-bottom: var(--game-page-gap); */
}

@supports not (aspect-ratio:1) {
    .game-page-grid .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .game-page-grid .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

.game-page-grid .grid-sidebar-ad {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    height: auto;
    min-height: 270px;
    margin-bottom: var(--game-page-gap)
}

@media (min-width: 728px) {
    .game-page-grid .grid-sidebar-ad {
        min-height: 110px
    }
}

@media (min-width: 1024px) {
    .game-page-grid .grid-sidebar-ad {
        grid-column: 1/-1;
        -ms-grid-row-span: 1;
        grid-row: span 1;
        min-height: 110px;
        margin-top: 5px
    }
}

@media (min-width: 1280px) {
    .game-page-grid .grid-sidebar-ad {
        margin-top: 0;
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row-span: 2;
        grid-row: span 2;
        min-height: 305px
    }
}

@media (min-width: 1536px) {
    .game-page-grid .grid-sidebar-ad {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (min-width: 1800px) {
    .game-page-grid .grid-sidebar-ad {
        -ms-grid-column: 10;
        -ms-grid-column-span: 2;
        grid-column: 10/span 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/span 2
    }
}

.game-page-grid .ad-full-grid,
.game-page-grid .leaderboard-after-game {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    min-height: 300px;
    margin-bottom: 15px;
    margin-top: 0
}

@media (min-width: 728px) {

    .game-page-grid .ad-full-grid,
    .game-page-grid .leaderboard-after-game {
        min-height: 110px
    }
}

.game-page-grid .ad-full-width-sidebar {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    min-height: 300px;
    margin-bottom: 15px;
    margin-top: 0
}

@media (min-width: 728px) {
    .game-page-grid .ad-full-width-sidebar {
        min-height: 110px
    }
}

@media (min-width: 1800px) {
    .game-page-grid .ad-full-width-sidebar {
        -ms-grid-column: 3;
        -ms-grid-column-span: 7;
        grid-column: 3/span 7;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        grid-row: 5/span 1
    }
}

.game-page-grid .related-cats-v2+.ad-full-width-sidebar {
    margin-top: 30px
}

@media (min-width: 1800px) {
    .game-page-grid .related-cats-v2+.ad-full-width-sidebar {
        margin-top: 0
    }
}

.game-page-grid .grid-title {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    color: #162f5f;
    font-size: 22px;
}

.game-page-grid .ad-inline-related {
    -ms-grid-column-span: 2;
    grid-column: span 2/auto;
    grid-column-end: -1;
    display: none;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    margin-bottom: var(--game-page-gap)
}

@media (min-width: 1024px) {
    .game-page-grid .ad-inline-related {
        display: block
    }

    /*.game-page .game-page-grid .grid-comment {*/
    /*    grid-column: 6 / -1;*/
    /*    grid-row: 8;*/
    /*}*/
}

/*@media (min-width: 1537px) {*/

/*    .game-page .game-page-grid .grid-comment {*/

/*        grid-column: 7 / -1;*/

/*        grid-row: 8;*/

/*    }*/

/*}*/

@media (min-width: 1800px) {
    .game-page-grid .ad-inline-related {
        -ms-grid-row: 3;
        -ms-grid-row-span: 4;
        grid-row: 3/span 4;
        min-height: 630px
    }

    .game-page .game-page-grid .grid-comment {
        grid-column: 9 / -1;
        -ms-grid-row: 7;
        grid-row: 7;
    }
}

.game-page-grid .grid-game-description {
    grid-column: 1/-1;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .game-page-grid .grid-game-description {
        grid-column: 0/9
    }
}

.game-page-grid .about-game-ad {
    min-height: 270px;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    -ms-grid-column-span: 2;
    grid-column: span 2/auto;
    display: none;
    margin-bottom: 20px
}

@media (min-width: 1024px) {
    .game-page-grid .about-game-ad {
        display: block
    }
}

.game-page-grid .grid-related-cats {
    grid-column: 1/-1
}

@media (min-width: 1800px) {
    .game-page-grid .grid-related-cats {
        -ms-grid-column-span: 9;
        grid-column: span 9;
        -ms-grid-row-span: 1;
        grid-row: span 1;
        margin-bottom: var(--game-page-gap);
    }

    .game-page-grid .grid-related-cats .h2 {
        display: none
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr var(--game-page-gap) 1fr var(--game-page-gap) 1fr var(--game-page-gap) 1fr var(--game-page-gap) 1fr var(--game-page-gap) 1fr;
        grid-template-columns: repeat(6, 1fr);
        -ms-grid-rows: (1fr)[2];
        grid-template-rows: repeat(2, 1fr);
        grid-auto-rows: 1fr;
        -moz-column-gap: var(--game-page-gap);
        -webkit-column-gap: var(--game-page-gap);
                column-gap: var(--game-page-gap);
        height: 100%;
        max-height: 100%;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 7;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(5) {
        -ms-grid-row: 1;
        -ms-grid-column: 9;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(6) {
        -ms-grid-row: 1;
        -ms-grid-column: 11;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(7) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(8) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(9) {
        -ms-grid-row: 2;
        -ms-grid-column: 5;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(10) {
        -ms-grid-row: 2;
        -ms-grid-column: 7;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(11) {
        -ms-grid-row: 2;
        -ms-grid-column: 9;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 > *:nth-child(12) {
        -ms-grid-row: 2;
        -ms-grid-column: 11;
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 li {
        height: 100%;
        margin-bottom: var(--game-page-gap);
        -ms-grid-column-span: 1;
        grid-column: span 1;
        -ms-grid-row-span: 1;
        grid-row: span 1
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 li a {
        margin: 0;
        height: 100%
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 li a .thumb-info {
        overflow: hidden;
        font-size: 17px;
        line-height: 1
    }

    .game-page-grid .grid-related-cats .grid-card-2x5 li a .thumb-info .thumb-title {
        -webkit-line-clamp: 2
    }
}

.game-page-grid .grid-slider {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-top: -5px
}

.game-page-grid last-visited-slider square-thumbnail {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: var(--game-page-gap);
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: 1;
    width: calc(100% / var(--game-page-columns) - var(--game-page-gap) / 2 - 3px)
}

@supports not (aspect-ratio:1) {
    .game-page-grid last-visited-slider square-thumbnail:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .game-page-grid last-visited-slider square-thumbnail:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width: 1280px) {
    .game-page-grid last-visited-slider square-thumbnail {
        width: calc(100% / var(--game-page-columns) - var(--game-page-gap) / 2 - 4px)
    }
}

@media (min-width: 1366px) {
    .game-page-grid last-visited-slider square-thumbnail {
        width: 146px
    }
}

.game-page-grid last-visited-slider .thumb-v2 {
    width: 100%;
    height: 100%
}

download-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

download-button span.icon {
    position: relative;
    display: block;
    height: 24px;
    width: 24px;
    line-height: 1;
    font-size: 22px;
    top: 0;
    margin: 0
}

.about-category {
    background-color: #fafafa;
    border-radius: 6px;
    border: 1px solid #e1e3e6;
    font-family: inherit;
    padding: 20px
}

@media (min-width: 0)and (max-width: 599px) {
    .about-category iframe {
        width: 100%
    }
}

.about-category .category-description {
    max-width: 900px;
    font-size: 15px
}

.about-category p img {
    height: auto;
    max-width: 100%
}

.about-category h2,
.about-category h3,
.about-category h4,
.about-category h5 {
    padding-bottom: 5px
}

.about-category h2+ol,
.about-category h2+ul,
.about-category h3+ol,
.about-category h3+ul,
.about-category h4+ol,
.about-category h4+ul,
.about-category h5+ol,
.about-category h5+ul {
    margin-top: 5px
}

.about-category h2 {
    font-size: 20px
}

.about-category h3 {
    font-size: 18px
}

.about-category h4 {
    font-size: 16px
}

.about-category h5 {
    font-size: 14px
}

.about-category h2.title {
    padding: 0
}

.about-category .sub-title {
    font-size: 18px
}

.about-category ol,
.about-category p,
.about-category ul {
    font-size: 15px
}

.about-category ol li,
.about-category ul li {
    margin-bottom: 5px
}

.about-category a {
    -webkit-font-smoothing: antialiased
}

.about-category .article-game {
    width: 100%
}

@media (min-width: 1024px) {
    .about-category .article-game {
        width: 380px
    }
}

.about-category .article-game .article-game--inner {
    background-color: #fff
}

@media (min-width: 0)and (max-width: 1023px) {
    .about-category table {
        width: 100%
    }
}

.about-category table td,
.about-category table th {
    padding: 5px
}

.about-category-v2 {
    background-color: var(--surface-text-bg);
    color: var(--surface-1-color);
    border-radius: 10px;
    border: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .15);
    -ms-grid-column-span: 3;
    grid-column: span 3
}

.about-category-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-flow: row dense
}

@media (min-width: 0)and (max-width: 768px) {
    .about-category-grid {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.about-category-grid .grid-item {
    width: auto
}

#category-feedback #rating-title {
    font-size: 16px
}

#category-feedback #sg-feedback.sg-feedback-smiles .icon-smile-negative {
    border: none;
    border-radius: 6px;
    background-color: transparent
}

#category-feedback #sg-feedback.sg-feedback-smiles .icon-smile-negative:hover {
    border: 1px solid #55719b;
    -webkit-box-shadow: none;
            box-shadow: none
}

#category-feedback #sg-feedback.sg-feedback-smiles .icon-smile-positive {
    border: none;
    background-image: var(--positive-feedback-icon);
    border-radius: 6px;
    background-color: transparent
}

#category-feedback #sg-feedback.sg-feedback-smiles .icon-smile-positive:hover {
    border: 1px solid #55719b;
    -webkit-box-shadow: none;
            box-shadow: none
}

#category-feedback #sg-feedback.sg-feedback-smiles .selected {
    border: 1px solid #55719b;
    border-radius: 6px
}

#category-feedback #sg-feedback.sg-feedback-smiles .sg-feedback__comments {
    background: var(--feedback-player-dialog-bg)
}

.category-page-grid {
    --category-page-columns: 3;
    --category-page-gap: 10px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--category-page-columns), minmax(0, 1fr));
    grid-auto-flow: row dense;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-column-gap: var(--category-page-gap);
    -webkit-column-gap: var(--category-page-gap);
            column-gap: var(--category-page-gap)
}

@media (min-width: 400px) {
    .category-page-grid {
        --category-page-columns: 4;
        --category-page-gap: 7px
    }
}

@media (min-width: 600px) {
    .category-page-grid {
        --category-page-columns: 5;
        --category-page-gap: 10px
    }
}

@media (min-width: 768px) {
    .category-page-grid {
        --category-page-columns: 6;
        --category-page-gap: 10px
    }
}

@media (min-width: 1024px) {
    .category-page-grid {
        --category-page-gap: 10px;
        --category-page-columns: 8
    }
}

@media (min-width: 1280px) {
    .category-page-grid {
        --category-page-gap: 12px
    }
}

@media (min-width: 1366px) {
    .category-page-grid {
        --category-page-gap: 14px
    }
}

@media (min-width: 1536px) {
    .category-page-grid {
        --category-page-columns: 9
    }
}

@media (min-width: 1800px) {
    .category-page-grid {
        --category-page-columns: 11
    }
}

.category-page-grid .grid-title,
.category-page-grid full-grid {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1
}

.category-page-grid .grid-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 32px;
}

@media (min-width: 0)and (max-width: 600px) {
    .category-page-grid .grid-title {
        display: block;
        margin: 5px 0
    }

    .category-page-grid .grid-title h1 {
        display: block
    }
}

.category-page-grid .pagination {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-bottom: 15px
}

.category-page-grid .grid-feedback {
    min-height: 40px;
    margin-top: 0
}

.category-page-grid .thumb-v2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: var(--category-page-gap);
}

@supports not (aspect-ratio:1) {
    .category-page-grid .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .category-page-grid .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

.category-page-grid .thumb-v2.grid-item-large {
    grid-column: auto/span 2;
    grid-row: auto/span 2
}

.category-page-grid .inline-gri-ad {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    min-height: 270px;
    height: auto
}

@media (min-width: 728px) {
    .category-page-grid .inline-gri-ad {
        min-height: 110px
    }
}

@media (min-width: 1024px) {
    .category-page-grid .inline-gri-ad {
        grid-column: 1/-1;
        -ms-grid-row-span: 1;
        grid-row: span 1;
        min-height: 110px;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 1280px) {
    .category-page-grid .inline-gri-ad {
        margin-top: 0;
        margin-bottom: var(--category-page-gap);
        -ms-grid-column-span: 2;
        grid-column: span 2/-1;
        -ms-grid-row-span: 2;
        grid-row: span 2;
        min-height: auto
    }
}

.category-page-grid .ad-full-grid {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    min-height: 300px;
    margin-bottom: 15px;
    margin-top: 0
}

@media (min-width: 728px) {
    .category-page-grid .ad-full-grid {
        min-height: 110px
    }
}

.category-page-grid .grid-slider {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-top: -5px
}

.category-page-grid .micro-sites-blocks .thumb-v2 {
    margin-right: var(--category-page-gap);
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: 1;
    width: calc(100% / var(--category-page-columns) - var(--category-page-gap) / 2 - 3px)
}

@supports not (aspect-ratio:1) {
    .category-page-grid .micro-sites-blocks .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .category-page-grid .micro-sites-blocks .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width: 1280px) {
    .category-page-grid .micro-sites-blocks .thumb-v2 {
        width: calc(100% / var(--category-page-columns) - var(--category-page-gap) / 2 - 4px)
    }
}

@media (min-width: 1366px) {
    .category-page-grid .micro-sites-blocks .thumb-v2 {
        width: 146px
    }
}

.category-page-grid last-visited-slider square-thumbnail {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: var(--category-page-gap);
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    aspect-ratio: 1;
    width: calc(100% / var(--category-page-columns) - var(--category-page-gap) / 2 - 3px)
}

@supports not (aspect-ratio:1) {
    .category-page-grid last-visited-slider square-thumbnail:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .category-page-grid last-visited-slider square-thumbnail:after {
        content: "";
        display: block;
        clear: both
    }
}

@media (min-width: 1280px) {
    .category-page-grid last-visited-slider square-thumbnail {
        width: calc(100% / var(--category-page-columns) - var(--category-page-gap) / 2 - 4px)
    }
}

@media (min-width: 1366px) {
    .category-page-grid last-visited-slider square-thumbnail {
        width: 146px
    }
}

.category-page-grid last-visited-slider .thumb-v2 {
    width: 100%;
    height: 100%
}

.category-page-grid .games-subgrid {
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--category-page-columns), minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    gap: var(--category-page-gap)
}

.category-page-grid .friv-subgrid {
    --friv-grid-columns: 4;
    --friv-grid-gap: 7px;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--friv-grid-columns), minmax(0, 1fr));
    -moz-column-gap: var(--friv-grid-gap);
    -webkit-column-gap: var(--friv-grid-gap);
            column-gap: var(--friv-grid-gap);
    grid-auto-flow: row dense;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.category-page-grid .friv-subgrid .thumb-v2 {
    margin-bottom: var(--friv-grid-gap)
}

@media (min-width: 600px) {
    .category-page-grid .friv-subgrid {
        --friv-grid-columns: 5
    }
}

@media (min-width: 768px) {
    .category-page-grid .friv-subgrid {
        --friv-grid-columns: 10
    }
}

@media (min-width: 1280px) {
    .category-page-grid .friv-subgrid {
        --friv-grid-columns: 15;
        --friv-grid-gap: 10px
    }
}

@media (min-width: 1800px) {
    .category-page-grid .friv-subgrid {
        --friv-grid-columns: 18
    }
}

.category-page-grid .friv-subgrid .thumb-v2 .thumb-info {
    display: none
}

.category-page-grid .friv-ad {
    grid-column: 1/-1;
    -ms-grid-row-span: 4;
    grid-row: span 4;
    height: calc(100% - var(--friv-grid-gap));
    min-height: 280px;
    margin-bottom: var(--friv-grid-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

@media (min-width: 768px) {
    .category-page-grid .friv-ad {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        grid-row: 1/span 4;
        -ms-grid-column-span: 4;
        grid-column: span 4;
        grid-column-end: -1
    }
}

@media (min-width: 1050px) {
    .category-page-grid .friv-ad {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/span 3;
        -ms-grid-column-span: 3;
        grid-column: span 3;
        grid-column-end: -1
    }
}

@media (min-width: 1280px) {
    .category-page-grid .friv-ad {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        grid-row: 1/span 4;
        -ms-grid-column-span: 4;
        grid-column: span 4;
        grid-column-end: -1
    }
}

@media (min-width: 0)and (max-width: 600px) {
    .category-page-grid .grid-item-large.highlight-0 {
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-row: 2;
            grid-row-start: 2
    }
}

@media (min-width: 1366px) {
    .category-page-grid .grid-item-large.highlight-0 {
        -ms-grid-column: 2;
            grid-column-start: 2;
        -ms-grid-row: 3;
            grid-row-start: 3
    }
}

@media (min-width: 1366px) {
    .category-page-grid .grid-item-large.highlight-1 {
        -ms-grid-column: 5;
            grid-column-start: 5;
        -ms-grid-row: 4;
            grid-row-start: 4
    }
}

@media (min-width: 1800px) {
    .category-page-grid .grid-item-large.highlight-1 {
        -ms-grid-column: 6;
            grid-column-start: 6;
        -ms-grid-row: 5;
            grid-row-start: 5
    }
}

.category-sort {
    position: relative;
    display: inline-block;
    margin: auto 0 0 10px;
    font-family: inherit;
    top: auto;
    bottom: 5px
}

@media (min-width: 0)and (max-width: 600px) {
    .category-sort {
        margin: 5px 0;
        bottom: 0
    }
}

.category-sort .cat-sorter-label {
    cursor: pointer;
    width: 100%;
    padding: 0 10px;
    border-radius: 6px;
    height: 32px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--cat-sorter-bg);
    border: 1px solid var(--cat-sorter-border)
}

.category-sort .cat-sorter-label:hover {
    -webkit-box-shadow: 0 0 0 0 var(--cat-sorter-border-active);
            box-shadow: 0 0 0 0 var(--cat-sorter-border-active)
}

.category-sort .cat-sorter-label--prefix {
    color: var(--cat-sorter-color);
    font-size: 13px;
    margin-right: 5px;
    line-height: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

.category-sort .cat-sorter-label--main {
    color: var(--cat-sorter-color);
    font-size: 15px;
    line-height: 15px;
    font-weight: 500
}

.category-sort .dropdown-icon {
    display: inline-block;
    font-size: 5px;
    height: 6px;
    color: var(--cat-sorter-color);
    margin-left: 6px;
    line-height: 1
}

.category-sort input:checked~label {
    background-color: var(--cat-sorter-bg-active);
    border: 1px solid var(--cat-sorter-border-active);
    -webkit-box-shadow: 0 0 0 1px var(--cat-sorter-border-active);
            box-shadow: 0 0 0 1px var(--cat-sorter-border-active)
}

.category-sort input:checked~label:hover {
    border-color: var(--cat-sorter-border-active);
    -webkit-box-shadow: 0 0 0 1px var(--cat-sorter-border-active);
            box-shadow: 0 0 0 1px var(--cat-sorter-border-active)
}

.category-sort input:checked~label .dropdown-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg)
}

.category-sort input:checked+.dropdown {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 4px);
    z-index: 2
}

.category-sort .dropdown {
    opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    top: calc(100% - 5px);
    right: 0;
    z-index: 0;
    font-size: 16px;
    border-radius: 6px;
    background-color: var(--cat-sorter-bg-active);
    border: 1px solid var(--cat-sorter-border-active);
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.category-sort .dropdown>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 40px 10px 10px;
    text-decoration: none;
    background-color: var(--cat-sorter-bg-active);
    color: var(--cat-sorter-color);
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    cursor: pointer
}

.category-sort .dropdown>div:hover {
    background-color: var(--cat-sorter-bg-hover)
}

.category-sort .dropdown>div:first-of-type {
    border-radius: 5px 5px 0 0
}

.category-sort .dropdown>div:last-of-type {
    border-radius: 0 0 5px 5px
}

.category-sort .dropdown>div.active {
    pointer-events: none;
    color: #9b9b9b;
    cursor: auto
}

.category-sort .dropdown>div .d-icon {
    position: relative;
    margin-right: 10px;
    display: inline-block;
    width: 15px;
    font-size: 15px;
    height: 17px;
    line-height: 1
}

.category-sort .dropdown>div .d-icon.new {
    font-size: 20px;
    left: -2px
}

.category-sort input {
    display: none
}

.micro-sites-blocks .micro-site-link {
    cursor: pointer;
    padding-bottom: 0;
    padding-left: 5px
}

.micro-sites-blocks .micro-site-link a {
    display: inline-block
}

.micro-sites-blocks .micro-site-link .right-arrow {
    width: 40px;
    margin-left: 10px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    vertical-align: baseline;
    font-size: 11px
}

.micro-sites-blocks .micro-site-link:hover a {
    text-decoration: none
}

.micro-sites-blocks .micro-site-link:hover .right-arrow {
    margin-left: 13px
}

.micro-sites-blocks .micro-site-link-new {
    position: relative;
    display: inline-block;
    border-radius: 6px;
    text-decoration: none;
    line-height: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin-left: -5px;
}

.micro-sites-blocks .micro-site-link-new * {
    color: var(--link-block-color)
}

.micro-sites-blocks .micro-site-link-new a,
.micro-sites-blocks .micro-site-link-new h2.micro-site-link-button {
    font-size: 17px;
    vertical-align: middle;
    line-height: 100%;
    display: inline;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.micro-sites-blocks .micro-site-link-new h2.micro-site-link-button {
    color: #162f5f;
    font-size: 22px;
    margin-right: 12px;
}

.micro-sites-blocks .micro-site-link-new .micro-site-category {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    font-size: 20px;
    line-height: 0;
    width: 35px;
    text-align: center
}

.micro-sites-blocks .micro-site-link-new .micro-site-category.icon-bike,
.micro-sites-blocks .micro-site-link-new .micro-site-category.icon-bug,
.micro-sites-blocks .micro-site-link-new .micro-site-category.icon-car,
.micro-sites-blocks .micro-site-link-new .micro-site-category.icon-io,
.micro-sites-blocks .micro-site-link-new .micro-site-category.icon-players {
    font-size: 16px
}

.micro-sites-blocks .micro-site-link-new .right-arrow {
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: auto;
    right: 10px;
    font-size: 11px
}

.micro-sites-blocks a {
    color: #1e58c6
}

.micro-sites-blocks a:hover {
    text-decoration: none
}

.micro-sites-blocks h2.micro-site-link,
.micro-sites-blocks h3 {
    color: var(--link-color);
    -webkit-text-decoration-color: var(--link-color);
    text-decoration-color: var(--link-color)
}

.micro-sites-blocks h2.micro-site-link:hover,
.micro-sites-blocks h3:hover {
    text-decoration: none;
    color: #17449a
}

.column-list-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -5px
}

@media (min-width: 768px) {
    .column-list-wrapper {
        margin-right: -10px
    }
}

.column-list-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.column-list-wrapper .column-list {
    margin-right: 5px;
    width: calc(100% - 5px)
}

@media (min-width: 411px) {
    .column-list-wrapper .column-list {
        width: calc(50% - 5px)
    }
}

@media (min-width: 768px) {
    .column-list-wrapper .column-list {
        margin-right: 10px;
        width: calc(33.33333% - 10px)
    }
}

@media (min-width: 1280px) {
    .column-list-wrapper .column-list {
        width: calc(16.66667% - 10px)
    }
}

.column-list-wrapper a {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
            box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    text-decoration: none;
    background: #fff;
    height: 55px;
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    margin-bottom: 5px
}

@media (min-width: 768px) {
    .column-list-wrapper a {
        margin-right: 10px
    }
}

.column-list-wrapper a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #2d3550;
    text-decoration-color: #2d3550
}

.column-list-wrapper a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
}

.column-list-wrapper a .img-container {
    position: relative;
    height: auto;
    width: 70px;
    overflow: hidden;
    border-radius: 7px 0 0 7px;
    -ms-flex-negative: 0;
        flex-shrink: 0
}

.column-list-wrapper a img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: 100%
}

.column-list-wrapper a .thumb-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #2d3550;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.1;
    padding: 10px 5px
}

@media (min-width: 1024px) {
    .column-list-wrapper a .thumb-info {
        font-size: 15px;
        line-height: 1.2;
        padding: 10px
    }
}

.column-list-wrapper a .thumb-title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%;
    min-height: 0;
    -webkit-line-clamp: 3;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.hover-text:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.tooltip-triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 5px 5px
}

.tooltip-text {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99;
    width: 150px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.tooltip-text.top {
    top: -40px;
    left: -50%
}

.tooltip-text.top .tooltip-triangle {
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%)
}

.tooltip-text.bottom {
    top: calc(100% + 15px);
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%)
}

.tooltip-text.bottom .tooltip-triangle {
    top: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%)
}

.tooltip-text.left {
    top: -8px;
    right: 120%
}

.tooltip-text.left .tooltip-triangle {
    top: 50%;
    left: -5px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
}

.tooltip-text.right {
    top: -8px;
    left: 120%
}

.tooltip-text.right .tooltip-triangle {
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%)
}

.tooltip-text.right-fixed {
    left: auto;
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none
}

.tooltip-text.right-fixed .tooltip-triangle {
    left: auto;
    right: 10px
}

.hover-text {
    position: relative
}

:root {
    --app-height: 100%
}

[data-fullscreen].ios-iphone-fullscreen {
    display: block;
    position: fixed;
    top: 0;
    height: 100vh;
    height: var(--app-height);
    width: 100vw;
    left: 0;
    z-index: 1
}

.body-fixed {
    height: 100vh;
    height: var(--app-height);
    width: 100vw;
    overflow: hidden
}

[data-fullscreen].ios-iphone-fullscreen .player-game {
    display: block !important;
    position: static
}

[data-fullscreen].ios-iphone-fullscreen .player-game awayfl-player,
[data-fullscreen].ios-iphone-fullscreen .player-game iframe,
[data-fullscreen].ios-iphone-fullscreen .player-game ruffle-object,
[data-fullscreen].ios-iphone-fullscreen .player-game ruffle-player {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    width: 100% !important;
    height: 100% !important
}

@media (min-width: 768px) {

    [data-fullscreen].ios-iphone-fullscreen .player-game:not(.player-game-mobile) awayfl-player,
    [data-fullscreen].ios-iphone-fullscreen .player-game:not(.player-game-mobile) iframe,
    [data-fullscreen].ios-iphone-fullscreen .player-game:not(.player-game-mobile) ruffle-object,
    [data-fullscreen].ios-iphone-fullscreen .player-game:not(.player-game-mobile) ruffle-player {
        height: calc(100% - 65px) !important
    }
}

[data-fullscreen].ios-iphone-fullscreen .game-interactive-preloader.resume {
    display: none
}

[data-fullscreen].ios-iphone-fullscreen .mobile-draggable-menu {
    display: block;
    position: absolute;
    z-index: 3;
    height: 40px;
    width: 40px;
    border-radius: 0 4px 4px 0;
    background-color: rgba(44, 134, 225, .7);
    color: #fff
}

@media (min-width: 768px) {
    [data-fullscreen].ios-iphone-fullscreen .mobile-draggable-menu:not([data-fullscreen].ios-iphone-fullscreen .mobile-draggable-menu-mobile) {
        display: none
    }
}

[data-fullscreen].ios-iphone-fullscreen #game-controles {
    display: none !important
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar {
    display: none;
    background: var(--surface-1-bg);
    z-index: 1;
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1);
            box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1)
}

@media (min-width: 768px) {
    [data-fullscreen].ios-iphone-fullscreen .fullscreen-bar {
        display: block !important
    }
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close {
    background-color: #bae025;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    -o-transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 25px
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close:hover {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px)
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_thumb {
    border-radius: 6px;
    margin-right: 10px
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_name {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: var(--surface-1-color)
}

[data-fullscreen].ios-iphone-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .4;
    background: var(--logo-img-fullscreen-bar) no-repeat 0 0;
    background-size: 150px 32px;
    width: 150px;
    height: 32px
}

[data-fullscreen]:not(:root):-webkit-full-screen .player-game {
    display: block !important;
    position: static
}

[data-fullscreen]:not(:root):-ms-fullscreen .player-game {
    display: block !important;
    position: static
}

[data-fullscreen]:not(:root):fullscreen .player-game {
    display: block !important;
    position: static
}

[data-fullscreen]:not(:root):-webkit-full-screen .player-game awayfl-player,
[data-fullscreen]:not(:root):-webkit-full-screen .player-game iframe,
[data-fullscreen]:not(:root):-webkit-full-screen .player-game ruffle-object,
[data-fullscreen]:not(:root):-webkit-full-screen .player-game ruffle-player {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    width: 100% !important;
    height: 100% !important
}

[data-fullscreen]:not(:root):-webkit-full-screen .player-game awayfl-player, [data-fullscreen]:not(:root):-webkit-full-screen .player-game iframe, [data-fullscreen]:not(:root):-webkit-full-screen .player-game ruffle-object, [data-fullscreen]:not(:root):-webkit-full-screen .player-game ruffle-player {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    width: 100% !important;
    height: 100% !important
}

[data-fullscreen]:not(:root):-ms-fullscreen .player-game awayfl-player, [data-fullscreen]:not(:root):-ms-fullscreen .player-game iframe, [data-fullscreen]:not(:root):-ms-fullscreen .player-game ruffle-object, [data-fullscreen]:not(:root):-ms-fullscreen .player-game ruffle-player {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    width: 100% !important;
    height: 100% !important
}

[data-fullscreen]:not(:root):fullscreen .player-game awayfl-player,
[data-fullscreen]:not(:root):fullscreen .player-game iframe,
[data-fullscreen]:not(:root):fullscreen .player-game ruffle-object,
[data-fullscreen]:not(:root):fullscreen .player-game ruffle-player {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 100px;
    width: 100% !important;
    height: 100% !important
}

@media (min-width: 768px) {

    [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) awayfl-player,
    [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) iframe,
    [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) ruffle-object,
    [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) ruffle-player {
        height: calc(100% - 65px) !important
    }

    [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) awayfl-player, [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) iframe, [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) ruffle-object, [data-fullscreen]:not(:root):-webkit-full-screen .player-game:not(.player-game-mobile) ruffle-player {
        height: calc(100% - 65px) !important
    }

    [data-fullscreen]:not(:root):-ms-fullscreen .player-game:not(.player-game-mobile) awayfl-player, [data-fullscreen]:not(:root):-ms-fullscreen .player-game:not(.player-game-mobile) iframe, [data-fullscreen]:not(:root):-ms-fullscreen .player-game:not(.player-game-mobile) ruffle-object, [data-fullscreen]:not(:root):-ms-fullscreen .player-game:not(.player-game-mobile) ruffle-player {
        height: calc(100% - 65px) !important
    }

    [data-fullscreen]:not(:root):fullscreen .player-game:not(.player-game-mobile) awayfl-player,
    [data-fullscreen]:not(:root):fullscreen .player-game:not(.player-game-mobile) iframe,
    [data-fullscreen]:not(:root):fullscreen .player-game:not(.player-game-mobile) ruffle-object,
    [data-fullscreen]:not(:root):fullscreen .player-game:not(.player-game-mobile) ruffle-player {
        height: calc(100% - 65px) !important
    }
}

[data-fullscreen]:not(:root):-webkit-full-screen .game-interactive-preloader.resume {
    display: none
}

[data-fullscreen]:not(:root):-ms-fullscreen .game-interactive-preloader.resume {
    display: none
}

[data-fullscreen]:not(:root):fullscreen .game-interactive-preloader.resume {
    display: none
}

[data-fullscreen]:not(:root):-webkit-full-screen .mobile-draggable-menu {
    display: block;
    position: absolute;
    z-index: 3;
    height: 40px;
    width: 40px;
    border-radius: 0 4px 4px 0;
    background-color: rgba(44, 134, 225, .7);
    color: #fff
}

[data-fullscreen]:not(:root):-ms-fullscreen .mobile-draggable-menu {
    display: block;
    position: absolute;
    z-index: 3;
    height: 40px;
    width: 40px;
    border-radius: 0 4px 4px 0;
    background-color: rgba(44, 134, 225, .7);
    color: #fff
}

[data-fullscreen]:not(:root):fullscreen .mobile-draggable-menu {
    display: block;
    position: absolute;
    z-index: 3;
    height: 40px;
    width: 40px;
    border-radius: 0 4px 4px 0;
    background-color: rgba(44, 134, 225, .7);
    color: #fff
}

@media (min-width: 768px) {
    [data-fullscreen]:not(:root):-webkit-full-screen .mobile-draggable-menu:not([data-fullscreen]: not(:root):-webkit-full-screen .mobile-draggable-menu-mobile) {
        display: none
    }

    [data-fullscreen]:not(:root):-webkit-full-screen .mobile-draggable-menu:not([data-fullscreen]:not(:root):-webkit-full-screen .mobile-draggable-menu-mobile) {
        display: none
    }

    [data-fullscreen]:not(:root):-ms-fullscreen .mobile-draggable-menu:not([data-fullscreen]:not(:root):-ms-fullscreen .mobile-draggable-menu-mobile) {
        display: none
    }

    [data-fullscreen]:not(:root):fullscreen .mobile-draggable-menu:not([data-fullscreen]:not(:root):fullscreen .mobile-draggable-menu-mobile) {
        display: none
    }
}

[data-fullscreen]:not(:root):-webkit-full-screen #game-controles {
    display: none !important
}

[data-fullscreen]:not(:root):-ms-fullscreen #game-controles {
    display: none !important
}

[data-fullscreen]:not(:root):fullscreen #game-controles {
    display: none !important
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar {
    display: none;
    background: var(--surface-1-bg);
    z-index: 1;
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1);
            box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1)
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar {
    display: none;
    background: var(--surface-1-bg);
    z-index: 1;
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1)
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar {
    display: none;
    background: var(--surface-1-bg);
    z-index: 1;
    height: 65px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1);
            box-shadow: 0 -8px 9px -9px rgba(0, 0, 0, .1)
}

@media (min-width: 768px) {
    [data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar {
        display: block !important
    }

    [data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar {
        display: block !important
    }

    [data-fullscreen]:not(:root):fullscreen .fullscreen-bar {
        display: block !important
    }
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
            align-items: center;
    padding: 20px
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    height: 100%;
    -ms-flex-align: center;
        align-items: center;
    padding: 20px
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    pointer-events: none
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    pointer-events: none
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close {
    background-color: #bae025;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    -webkit-transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close {
    background-color: #bae025;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -ms-transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close {
    background-color: #bae025;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .24);
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
    -o-transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s;
    transition: border-color .2s ease-out 0s, box-shadow .2s ease-out 0s, transform .2s ease-out 0s, -webkit-box-shadow .2s ease-out 0s, -webkit-transform .2s ease-out 0s
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 25px
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 25px
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 25px
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close:hover {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px)
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close:hover {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    -ms-transform: translateY(-2px);
        transform: translateY(-2px)
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_btn-close:hover {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
            box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .24);
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px)
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_thumb {
    border-radius: 6px;
    margin-right: 10px
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_thumb {
    border-radius: 6px;
    margin-right: 10px
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_thumb {
    border-radius: 6px;
    margin-right: 10px
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_name {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: var(--surface-1-color)
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_name {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: var(--surface-1-color)
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_name {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: var(--surface-1-color)
}

[data-fullscreen]:not(:root):-webkit-full-screen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .4;
    background: var(--logo-img-fullscreen-bar) no-repeat 0 0;
    background-size: 150px 32px;
    width: 150px;
    height: 32px
}

[data-fullscreen]:not(:root):-ms-fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .4;
    background: var(--logo-img-fullscreen-bar) no-repeat 0 0;
    background-size: 150px 32px;
    width: 150px;
    height: 32px
}

[data-fullscreen]:not(:root):fullscreen .fullscreen-bar .fullscreen-bar_wrapper .fullscreen-bar_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: .4;
    background: var(--logo-img-fullscreen-bar) no-repeat 0 0;
    background-size: 150px 32px;
    width: 150px;
    height: 32px
}

#i-menu .icon {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg)
}

@media (min-width: 1024px) {
    #header .user-area-toggle {
        height: 36px;
        line-height: 36px
    }
}

.user-area-toggle {
    position: absolute;
    top: 0;
    left: auto;
    right: 115px;
    padding: 0 10px;
    background-color: var(--header-outline-button-bg);
    color: var(--header-outline-button-color);
    border: 2px solid var(--header-outline-button-border);
    vertical-align: middle;
    line-height: 100%;
    border-radius: 99px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: inherit;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    pointer-events: auto;
    -webkit-font-smoothing: antialiased
}

.user-area-toggle:hover {
    background-color: var(--header-outline-button-hover-bg);
    color: var(--header-outline-button-hover-color);
    border: 2px solid var(--header-outline-button-hover-border)
}

@media (min-width: 1024px) {
    .user-area-toggle {
        position: relative;
        right: auto;
        padding: 0 10px 0 8px;
        margin: 5px 10px 0 0
    }
}

.user-area-toggle .icon {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    font-size: 16px;
    line-height: 1;
    top: 3px
}

@media (min-width: 1024px) {
    .user-area-toggle .icon {
        margin-right: 5px
    }
}

.user-area-toggle .user-area--text {
    display: none;
    line-height: 1
}

@media (min-width: 1024px) {
    .user-area-toggle .user-area--text {
        display: block
    }
}

.user-area-toggle.animate {
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.8, .8, .8);
                transform: scale3d(.8, .8, .8)
    }

    20% {
        -webkit-transform: scale3d(1.09, 1.09, 1.09);
                transform: scale3d(1.09, 1.09, 1.09)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        -webkit-transform: scale3d(.8, .8, .8);
                transform: scale3d(.8, .8, .8)
    }

    20% {
        -webkit-transform: scale3d(1.09, 1.09, 1.09);
                transform: scale3d(1.09, 1.09, 1.09)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9)
    }

    60% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97)
    }

    to {
        -webkit-transform: scaleX(1);
                transform: scaleX(1)
    }
}

user-area {
    display: block;
    font-family: inherit;
}

user-area .user-area-container {
    position: fixed;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 300
}

user-area .user-area-container.active {
    left: 0
}

user-area .user-area-container.active .user-area-modal {
    right: 0
}

user-area .user-area-backShadow {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
}

user-area .user-area-modal {
    position: absolute;
    top: 0;
    right: -100%;
    background-color: var(--surface-2-bg);
    height: 100%;
    pointer-events: all;
    -webkit-box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .15);
            box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 400px
}

@media (min-width: 0)and (max-width: 425px) {
    user-area .user-area-modal {
        width: 100%
    }
}

user-area .user-area-header {
    position: relative;
    height: 55px;
    padding: 5px 10px 0;
    font-weight: 500;
    font-size: 22px;
    color: var(--text-color)
}

user-area .close,
user-area .user-area-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

user-area .close {
    position: absolute;
    cursor: pointer;
    border-radius: 6px;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 5px;
    right: 10px;
    font-size: 20px;
    background-color: transparent;
    color: #8d8d8d
}

user-area .close:hover {
    background-color: rgba(0, 0, 0, .1)
}

user-area .tab-header-container {
    border-bottom: 1px solid var(--user-area-icon-color)
}

user-area .tab-header {
    margin-left: 50%;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: (auto)[2];
    grid-template-rows: repeat(2, auto)
}

user-area .tab-header > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

user-area .tab-header > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

user-area .tab-header > *:nth-child(3) {
    -ms-grid-row: 2;
    -ms-grid-column: 1
}

user-area .tab-header > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 2
}

user-area .tab-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    color: #a29a9a;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

user-area .tab-option .icon {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #a29a9a;
    height: 14px;
    top: -1px;
    margin-right: 7px
}

user-area .tab-option.active {
    cursor: auto;
    color: var(--text-color)
}

user-area .tab-option.active .icon {
    color: inherit
}

user-area .pill {
    display: block;
    height: 4px;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    width: 100%;
    background-color: var(--primary-color);
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row: 2;
    grid-row: 2;
    -webkit-transition: margin-left .2s ease;
    -o-transition: margin-left .2s ease;
    transition: margin-left .2s ease
}

user-area .pill-0 {
    margin-left: 0
}

user-area .pill-1 {
    margin-left: 100%
}

user-area .modal-content-area {
    height: 100%;
    overflow-y: scroll;
    background: var(--surface-2-bg)
}

user-area .user-area-game-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px 15px 30px
}

@media (min-width: 0)and (max-width: 359px) {
    user-area .user-area-game-list {
        grid-gap: 5px;
        padding: 10px 5px
    }
}

user-area .thumb-v2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1
}

@supports not (aspect-ratio:1) {
    user-area .thumb-v2:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    user-area .thumb-v2:after {
        content: "";
        display: block;
        clear: both
    }
}

user-area .thumb-container {
    position: relative
}

user-area .thumb-container .remove-button {
    background-color: var(--tooltip-bg-reverse);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: 2px;
    right: 2px;
    z-index: 2;
    color: var(--text-color);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
            box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

user-area .thumb-container .remove-button:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1)
}

user-area .empty-message-container {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

user-area .empty-message-container .icon {
    position: relative;
    display: block;
    font-size: 90px;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--user-area-icon-color)
}

user-area .empty-message-container .empty-message-title {
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.2;
    color: var(--text-color)
}

user-area .empty-message-container .empty-message {
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-color)
}

.search.active search-area:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    top: -10px;
    height: 70px;
    left: 0;
    z-index: 90;
    background: var(--search-area-bg);
    opacity: 1
}

@media (min-width: 570px) {
    .search.active search-area:before {
        content: none
    }
}

search-area {
    font-family: inherit;
    pointer-events: auto
}

search-area:before {
    opacity: 0;
    background-color: transparent;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

search-area .search-shadow {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 20;
    background: rgba(0, 0, 0, .3);
    height: var(--app-height);
    width: 100%
}

search-area .search-area-container {
    background: var(--search-area-bg);
    top: 55px;
    overflow: scroll;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    min-height: 0
}

@media (min-width: 570px) {
    search-area .search-area-container {
        top: 48px;
        position: absolute;
        overflow: hidden;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .1);
                box-shadow: 0 0 4px rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 12px
    }
}

@media (min-width: 570px)and (max-width: 1023px) {
    search-area .search-area-container {
        margin: 0 0 0 10px;
        max-width: 485px
    }
}

search-area .search-area-container.active {
    padding: 12px 0;
    bottom: auto;
    min-height: 150px
}

@media (min-width: 570px) {
    search-area .search-area-container.active {
        top: calc(100% + 6px)
    }
}

search-area .search-area-container .game-grid {
    width: 100%;
    padding: 0 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    grid-column-gap: 10px;
    grid-auto-flow: row
}

search-area .search-area-container .game-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

search-area .search-area-container .game-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

search-area .search-area-container .game-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

search-area .search-area-container .game-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

search-area .search-area-container .game-grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9
}

search-area .search-area-container .game-grid > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11
}

search-area .search-area-container .game-grid > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13
}

search-area .search-area-container .game-grid > *:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 15
}

search-area .search-area-container .game-grid > *:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-column: 17
}

search-area .search-area-container .game-grid > *:nth-child(10) {
    -ms-grid-row: 1;
    -ms-grid-column: 19
}

search-area .search-area-container .game-grid > *:nth-child(11) {
    -ms-grid-row: 1;
    -ms-grid-column: 21
}

search-area .search-area-container .game-grid > *:nth-child(12) {
    -ms-grid-row: 1;
    -ms-grid-column: 23
}

@media (min-width: 400px) {
    search-area .search-area-container .game-grid {
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width: 0)and (max-width: 400px) {
    search-area .search-area-container .game-grid.default-play-again square-thumbnail {
        display: none
    }

    search-area .search-area-container .game-grid.default-play-again square-thumbnail:nth-child(-n+4) {
        display: block
    }

    search-area .search-area-container .game-grid.default-popular square-thumbnail {
        display: none
    }

    search-area .search-area-container .game-grid.default-popular square-thumbnail:nth-child(-n+4) {
        display: block
    }

    search-area .search-area-container .game-grid.skeleton-grid div {
        display: none
    }

    search-area .search-area-container .game-grid.skeleton-grid div:nth-child(-n+3) {
        display: block
    }
}

search-area .search-area-container .sub-block-header {
    padding: 0;
    margin: 0 0 7px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

search-area .search-area-container .sub-block-header:not(:first-of-type) {
    margin-top: 10px
}

search-area .search-area-container .sub-block-header .icon {
    font-size: 14px;
    margin-right: 5px
}

search-area .search-area-container .sub-block-header .icon.icon-historic {
    font-size: 12px
}

search-area .search-area-container .full-grid {
    grid-column: 1/-1;
    -ms-grid-row-span: 1;
    grid-row: span 1
}

search-area .search-area-container .thumb-v2,
search-area .search-area-container square-thumbnail {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    margin-bottom: 10px
}

@media (min-width: 400px) {

    search-area .search-area-container .thumb-v2,
    search-area .search-area-container square-thumbnail {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

@supports not (aspect-ratio:1) {

    search-area .search-area-container .thumb-v2:before,
    search-area .search-area-container square-thumbnail:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    search-area .search-area-container .thumb-v2:after,
    search-area .search-area-container square-thumbnail:after {
        content: "";
        display: block;
        clear: both
    }
}

search-area .search-area-container .skeleton {
    background-color: var(--search-skeleton-bg);
    position: relative;
    overflow: hidden
}

search-area .search-area-container .skeleton:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(20%, hsla(0, 0%, 100%, .2)), color-stop(60%, hsla(0, 0%, 100%, .5)), to(hsla(0, 0%, 100%, 0)));
    background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0));
    -webkit-animation: shimmer 2s infinite;
            animation: shimmer 2s infinite;
    content: ""
}

@-webkit-keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
                transform: translateX(100%)
    }
}

@keyframes shimmer {
    to {
        -webkit-transform: translateX(100%);
                transform: translateX(100%)
    }
}

search-area .search-area-container .game-skeleton {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    border-radius: 6px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
    aspect-ratio: 1
}

@media (min-width: 400px) {
    search-area .search-area-container .game-skeleton {
        -ms-grid-column-span: 1;
        grid-column: span 1
    }
}

@supports not (aspect-ratio:1) {
    search-area .search-area-container .game-skeleton:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    search-area .search-area-container .game-skeleton:after {
        content: "";
        display: block;
        clear: both
    }
}

search-area .search-area-container .category-skeleton {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-bottom: 10px;
    border-radius: 6px;
    height: 60px
}

@media (min-width: 400px) {
    search-area .search-area-container .category-skeleton {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

search-area .search-area-container .more-skeleton {
    width: 50%;
    height: 46px;
    border-radius: 99px;
    margin-bottom: 19px
}

search-area .search-area-container category-card {
    -ms-grid-column-span: 6;
    grid-column: span 6;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-bottom: 10px
}

@media (min-width: 400px) {
    search-area .search-area-container category-card {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

search-area .search-area-container .error-banner {
    background-color: var(--search-error-bg);
    border-radius: 6px;
    font-size: 16px;
    padding: 15px 10px;
    margin: 0 10px 15px;
    text-align: center;
    line-height: 1.5
}

search-area .search-area-container .error-banner span {
    display: inline-block;
    width: 100%
}

search-area .search-area-container .error-banner .error-title {
    font-size: 18px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

search-area .search-area-container .search-more-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    line-height: 1;
    width: 100%
}

search-area .search-area-container .search-more-container button {
    font-family: inherit;
    text-transform: none;
    border-radius: 99px;
    max-width: 80%;
    padding: 15px 30px;
    line-height: 1;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    color: var(--header-outline-button-color);
    border: 2px solid var(--header-outline-button-border);
    background-color: var(--header-outline-button-bg);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
    margin: 10px 0 5px
}

search-area .search-area-container .search-more-container button:hover {
    color: #fff;
    background-color: var(--header-outline-button-hover-bg);
    border: 2px solid var(--header-outline-button-hover-border)
}

search-area .search-area-container .search-more-container button span {
    display: block;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

.category-card-container {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    color: var(--surface-1-color);
    text-decoration: none;
    overflow: hidden;
    background-color: var(--search-area-category-bg);
    -webkit-box-shadow: var(--search-card-shadow);
            box-shadow: var(--search-card-shadow);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.category-card-container>* {
    line-height: 1.2
}

.category-card-container:hover {
    text-decoration: none;
    color: var(--surface-1-color);
    background-color: var(--search-area-category-bg-hover);
    -webkit-box-shadow: var(--search-card-shadow-hover);
            box-shadow: var(--search-card-shadow-hover)
}

.category-card-container:hover .category-card-thumb img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1)
}

.category-card-container:hover .category-card-title {
    text-decoration: underline
}

.category-card-container .category-card-thumb {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden;
    height: 100%;
    width: auto;
    aspect-ratio: 1
}

@supports not (aspect-ratio:1) {
    .category-card-container .category-card-thumb:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .category-card-container .category-card-thumb:after {
        content: "";
        display: block;
        clear: both
    }
}

.category-card-container .category-card-thumb img {
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

@supports not (aspect-ratio:1) {
    .category-card-container .category-card-thumb img:before {
        content: "";
        float: left;
        padding-top: 100%
    }

    .category-card-container .category-card-thumb img:after {
        content: "";
        display: block;
        clear: both
    }
}

.category-card-container .category-card-info {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

.category-card-container .category-card-info .category-card-title {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.category-card-container .category-card-info .category-card-desc {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

dark-theme-toggle {
    margin-left: 10px;
    width: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #2d3550
}

dark-theme-toggle .switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 22px
}

dark-theme-toggle .switch.show-tooltip .tooltip-text {
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5)
}

dark-theme-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

dark-theme-toggle .switch .icon {
    z-index: 2
}

dark-theme-toggle .icon-dark-mode {
    opacity: 0;
    font-size: 16px;
    left: 4px;
    color: #240c46
}

dark-theme-toggle .icon-dark-mode,
dark-theme-toggle .icon-light-mode {
    position: absolute;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

dark-theme-toggle .icon-light-mode {
    font-size: 17px;
    left: 21px
}

dark-theme-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a5b9dd;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px
}

dark-theme-toggle .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 100%
}

dark-theme-toggle input:checked+.slider {
    background-color: #503d6b
}

dark-theme-toggle input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #503d6b;
            box-shadow: 0 0 1px #503d6b
}

dark-theme-toggle input:checked+.slider:before {
    -webkit-transform: translateX(19px);
        -ms-transform: translateX(19px);
            transform: translateX(19px)
}

dark-theme-toggle input:checked~.icon-dark-mode {
    opacity: 1
}

dark-theme-toggle input:checked~.icon-light-mode {
    opacity: 0
}

dark-theme-toggle.desktop {
    display: none
}

@media (min-width: 1024px) {
    dark-theme-toggle.desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

dark-theme-toggle.mobile {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 50px
}

.hreflang {
    max-width: 100px;
    margin: 80px auto 0;
    position: relative;
    width: 100%
}

.hreflang-btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    max-width: 110px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    padding: 11px 10px;
    border-radius: 6px;
    cursor: pointer
}

@media (min-width: 1024px) {
    .hreflang-btn {
        font-size: 14px;
        line-height: 14px;
        max-width: 100px
    }
}

.hreflang-btn span.arrow {
    font-size: 6px;
    width: 10px;
    height: 16px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (min-width: 1024px) {
    .hreflang-btn span.arrow {
        height: 14px
    }
}

.hreflang-list {
    list-style: none;
    position: absolute;
    width: 110px;
    top: 0;
    right: 6px;
    padding: 0 5px;
    background: #fff;
    border-radius: 6px;
    visibility: hidden;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

@media (min-width: 1024px) {
    .hreflang-list {
        width: 100px;
        right: 15px
    }
}

.hreflang-list li {
    border-bottom: 1px solid rgba(31, 32, 36, .3019607843)
}

.hreflang-list li:last-child {
    border-bottom: none
}

.hreflang-list li:hover {
    text-decoration: underline
}

.hreflang-list li a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 5px;
    color: #1f2024;
    font-weight: 400
}

@media (min-width: 1024px) {
    .hreflang-list li a {
        font-size: 14px;
        line-height: 14px
    }
}

#hreflang {
    opacity: 0;
    position: absolute
}

#hreflang:checked+label {
    background: #fff;
    color: #1f2024
}

#hreflang:checked~.hreflang-list {
    visibility: visible;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%)
}

#hreflang:checked+label>span.arrow {
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0)
}

@media (max-width: 1279px) {
    #home-categories .cat-header .title {
        min-height: 90px
    }

    .colored-blocks#home-blocks .block .thumbs {
        padding: 10px 8px 8px
    }

    .colored-blocks#home-blocks .block .thumbs a.thumb {
        margin-bottom: 8px
    }

    .colored-blocks#home-blocks .block .thumbs a.thumb:nth-child(odd) {
        margin-right: 4px
    }

    .colored-blocks#home-blocks .block .thumbs a.thumb:nth-child(2n) {
        margin-left: 4px
    }

    .colored-blocks#home-blocks .block.recomendados .thumbs {
        padding: 10px 8px 8px
    }

    .colored-blocks#home-blocks .block.recomendados .thumbs .thumb {
        width: 132px;
        margin-bottom: 8px
    }

    .colored-blocks#home-blocks .block.recomendados .thumbs .thumb:nth-child(odd) {
        margin-right: 4px
    }

    .colored-blocks#home-blocks .block.recomendados .thumbs .thumb:nth-child(2n) {
        margin-left: 4px
    }

    .colored-blocks#home-blocks .block.recomendados .thumbs .thumb img {
        max-width: 100%;
        height: auto
    }

    .colored-blocks#category-block .block {
        margin-bottom: 20px
    }

    .colored-blocks#category-block .block:first-child {
        padding-right: 7px
    }

    .colored-blocks#category-block .block:nth-child(2) {
        padding-left: 7px
    }

    .colored-blocks#category-block .block .thumbs {
        padding: 10px 8px 8px
    }

    .colored-blocks#category-block a.thumb:last-child {
        display: none
    }

    .colored-blocks#category-block a.thumb:nth-child(2) {
        margin-right: 0
    }

    .colored-blocks#newgames-block {
        padding: 0
    }

    .colored-blocks#newgames-block .thumbs {
        padding: 10px 0
    }

    .colored-blocks#newgames-block .thumbs a.thumb {
        margin: 5px
    }

    #home-about h1 {
        width: 100%;
        height: 26px
    }

    .gamebar h1 {
        width: 60%
    }

    .gamebar .social {
        width: 40%
    }

    #game-details #video-walkthrough-holder .title {
        text-align: center
    }

    #game-details #video-walkthrough-holder a {
        margin-left: 15px
    }

    .share-sidebar .share-sidebar-fb {
        float: left;
        margin: 0 10px
    }

    .ad-sidebar {
        width: 120px;
        float: right
    }

    #game-wrapper {
        border-radius: 0;
        min-height: inherit
    }

    #game-wrapper #game {
        text-align: center;
        padding: 0
    }

    #game-wrapper #game-controles {
        width: 5%;
        margin-left: 10px
    }

    #game-wrapper #game-src {
        width: 100%
    }
    .nav-top-wrapper .logo{
        padding-left: 10px;
    }
}

@media (max-width: 768px) {

    #game-container-iframe .gamebar h1,
    #game-container .gamebar h1 {
        width: 100%
    }

    #game-container #game-wrapper,
    #game-container-iframe #game-wrapper {
        padding: 10px;
        background-color: #faf6f5
    }
}

.sg-social {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none
}

.sg-social>div {
    position: relative;
    display: inline-table;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sg-social>div button {
    height: 20px;
    padding: 5px 5px 5px 22px;
    outline: none;
    font-family: inherit;
    line-height: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: top
}

.sg-social>div button span.icon-sg-social {
    font-size: 15px;
    position: absolute;
    left: 4px;
    top: 6px
}

.sg-social>div button span.text-sg-social {
    display: inline-block
}

.sg-social>div button.sg-icon-only span {
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    line-height: 20px
}

.sg-social>div:not(:last-child) {
    margin-right: 10px
}

.sg-social>div.sg-sms-share {
    display: none
}

.sg-shares {
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    background: #fff;
    display: inline-block;
    font-size: 11px !important;
    border: 1px solid #9197a3;
    border-radius: 2px;
    line-height: 18px;
    height: 20px;
    padding: 0 3px;
    color: #141823;
    margin-left: 5px;
    min-width: 40px
}

.sg-shares:hover {
    text-decoration: none
}

.sg-shares:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    background: #fff;
    display: block;
    z-index: 1;
    content: "";
    border: 1px solid #9197a3;
    border-width: 0 0 1px 1px;
    left: -3px;
    top: 7px;
    width: 4px;
    height: 4px
}

.sg-social-hidden {
    visibility: hidden !important
}

@media only screen and (max-width: 767px) {
    .sg-social {
        white-space: pre
    }

    .sg-social>div button {
        height: 36px;
        width: 36px;
        border-radius: 0;
        position: relative;
        font-size: 0
    }

    .sg-social>div button span.icon-sg-social {
        font-size: 21px;
        text-indent: 0;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        line-height: 36px
    }

    .sg-social>div button span.text-sg-social {
        display: none;
        visibility: hidden
    }

    .sg-social>div:not(:last-child) {
        margin-right: 1px
    }

    .sg-shares {
        float: left;
        height: 36px;
        margin: 0;
        line-height: 36px;
        border: 1px solid #ddd;
        border-radius: 0;
        font-family: "Dosis";
        color: #5d5d5d;
        font-size: 14px !important
    }

    .sg-shares:after {
        display: none
    }
}

@media print {
    .sg-social {
        display: none
    }
}

.sg-facebook-btn {
    background: #4267b2;
    border: 1px solid #4267b2
}

.sg-facebook-btn:hover {
    background: #365899
}

.sg-facebook-btn .sg-btn-shares {
    font-weight: 400;
    font-size: 110%
}

.sg-email-btn {
    background: #bfbfbf;
    border-color: #bfbfbf
}

.sg-email-btn:hover {
    background: #a6a6a6
}

.sg-emailbox {
    display: inline-block;
    position: absolute;
    background: #fff;
    left: 0;
    border: 1px solid #e1e1e1;
    top: 100%;
    margin-top: 4px;
    width: 100%;
    max-width: 500px;
    min-width: 430px;
    opacity: 1;
    visibility: inherit;
    padding: 10px 15px 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-box-shadow: 0 8px 22px 3px rgba(0, 0, 0, .2);
            box-shadow: 0 8px 22px 3px rgba(0, 0, 0, .2);
    z-index: 999
}

.sg-emailbox.sg-emailbox-hidden {
    opacity: 0;
    display: none
}

.sg-emailbox label {
    font-size: 14px
}

.sg-emailbox input,
.sg-emailbox textarea {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 22px;
    width: 100%
}

.sg-emailbox input:focus,
.sg-emailbox input:hover,
.sg-emailbox textarea:focus,
.sg-emailbox textarea:hover {
    outline: none;
    border: 1px solid #aeaeae
}

.sg-emailbox textarea {
    height: 98px
}

.sg-emailbox .sg-emailbox-flash {
    border: 1px solid #c3c3c3;
    font-weight: 700;
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
    background: #e1e1e1;
    color: #7d7d7d
}

.sg-emailbox .sg-emailbox-flash.sg-emailbox-flash--success {
    color: #379837;
    border: 1px solid #8fa08f;
    background: #d3ded3
}

.sg-emailbox .sg-emailbox-flash.sg-emailbox-flash--error {
    color: #c76161;
    border: 1px solid #bd8181;
    background: #e2c1c1
}

.sg-emailbox .sg-emailbox-flash.sg-emailbox-flash-hidden {
    display: none
}

.sg-emailbox .sg-emailbox-wrapper {
    margin-bottom: 5px
}

.sg-emailbox .sg-emailbox-wrapper .sg-emailbox-error {
    display: block;
    min-height: 16px;
    background: #fff;
    color: #c76161;
    font-size: 12px
}

.sg-emailbox .sg-emailbox-wrapper.sg-emailbox-wrapper-has_error label {
    color: #c76161
}

.sg-emailbox .sg-emailbox-wrapper.sg-emailbox-wrapper-has_error input,
.sg-emailbox .sg-emailbox-wrapper.sg-emailbox-wrapper-has_error textarea {
    border: 1px solid #c76161
}

.sg-emailbox .sg-emailbox-desc {
    font-weight: 700;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    word-spacing: 2px
}

.sg-emailbox .sg-emailbox-close,
.sg-emailbox .sg-emailbox-send {
    text-decoration: none
}

.sg-emailbox .sg-emailbox-close {
    color: grey;
    font-weight: 900;
    position: absolute;
    right: 10px
}

.sg-emailbox .sg-emailbox-send {
    background: #e1e1e1;
    display: block;
    padding: 7px;
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
    background: #8f8f8f;
    color: #fff;
    border: 1px solid #767676;
    width: 100%
}

.sg-emailbox .sg-emailbox-send:active,
.sg-emailbox .sg-emailbox-send:focus,
.sg-emailbox .sg-emailbox-send:hover {
    background: #767676
}

.sg-emailbox.sg-emailbox--loading .sg-emailbox-loader {
    opacity: 1;
    visibility: visible
}

.sg-emailbox .sg-emailbox-loader {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    z-index: 999;
    background: rgba(0, 0, 0, .77);
    text-align: center;
    padding: 50px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert {
    height: 50px;
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: -25px;
    left: 0
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center
}

@-webkit-keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px);
                transform: translateX(-150px)
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0)
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(150px);
                transform: translateX(150px)
    }
}

@keyframes lol {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px);
                transform: translateX(-150px)
    }

    33% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0)
    }

    66% {
        opacity: 1;
        -webkit-transform: translateX(0);
                transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(150px);
                transform: translateX(150px)
    }
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label {
    font-size: 10px;
    opacity: 0;
    display: inline-block
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:nth-child(6) {
    -webkit-animation: lol 1.8s ease-in-out infinite;
            animation: lol 1.8s ease-in-out infinite
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:nth-child(5) {
    -webkit-animation: lol 1.8s ease-in-out .1s infinite;
            animation: lol 1.8s ease-in-out .1s infinite
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:nth-child(4) {
    -webkit-animation: lol 1.8s ease-in-out .2s infinite;
            animation: lol 1.8s ease-in-out .2s infinite
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:nth-child(3) {
    -webkit-animation: lol 1.8s ease-in-out .3s infinite;
            animation: lol 1.8s ease-in-out .3s infinite
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:nth-child(2) {
    -webkit-animation: lol 1.8s ease-in-out .4s infinite;
            animation: lol 1.8s ease-in-out .4s infinite
}

.sg-emailbox .sg-emailbox-loader .sg-emailbox-loadert .sg-emailbox-loader-inner label:first-child {
    -webkit-animation: lol 1.8s ease-in-out .5s infinite;
            animation: lol 1.8s ease-in-out .5s infinite
}

.sg-emailbox-right .sg-emailbox {
    top: 0;
    left: 100%;
    margin-left: 15px;
    margin-top: 0
}

.sg-emailbox-left .sg-emailbox {
    top: 0;
    left: auto;
    right: 100%;
    margin-right: 15px;
    margin-top: 0
}

.sg-social {
    display: inline-block
}

.sg-social>div button {
    height: 30px;
    padding-left: 30px
}

.sg-social>div button:not(.sg-icon-only) span.icon-sg-social {
    top: 11px;
    left: 8px
}

.sg-social>div button.sg-icon-only span {
    top: 5px
}

.ad-sidebar-custom {
    width: auto;
    min-width: 160px
}

.ad-related-mrec {
    display: inline-block;
    min-height: 250px
}

@media (min-width: 0)and (max-width: 1023px) {
    .ad-related-mrec {
        width: 100%
    }
}

@media (min-width: 1120px) {
    .ad-related-mrec {
        width: 397px;
        float: left
    }
}

@media (min-width: 1280px) {
    .ad-related-mrec {
        width: 342px
    }
}

.ad-related-leaderboard {
    display: inline-block;
    text-align: center;
    min-height: 120px;
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px
}

.ad-related-mini-mrec {
    display: inline-block
}

@media (min-width: 0)and (max-width: 1023px) {
    .ad-related-mini-mrec {
        width: 100%
    }
}

@media (min-width: 1120px) {
    .ad-related-mini-mrec {
        width: 449px
    }
}

@media (min-width: 1280px) {
    .ad-related-mini-mrec {
        width: 433px
    }
}

.pop-blocks .inner-custom-a {
    display: inline-block;
    width: 100%
}

.pop-blocks .inner-custom-a .game span {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (min-width: 1281px) {
    .pop-blocks .inner-custom-a .game span {
        width: 132px
    }
}

.pop-blocks .inner-custom-c {
    padding: 0 10px 5px 5px
}

.footer {
    background-color: #d70000;
    color: var(--footer-color);
    font-size: 14px;
    font-family: inherit;
    padding: 20px 0;
    margin-top: auto;
}

@media (min-width: 768px) {
    .footer {
        padding: 20px 0;
        font-size: 15px
    }
}

.footer a {
    color: var(--footer-color);
    text-decoration: none
}

.footer-list {
    list-style: none;
    -moz-column-count: 2;
    -webkit-column-count: 2;
            column-count: 2
}

.footer-list,
.footer-list li {
    padding: 0;
    margin: 0
}

.footer-list a {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    padding: 7px 0;
    display: inline-block
}

.footer-list a:hover {
    text-decoration: underline
}

.footer-info {
    padding-top: 7px
}

@media (min-width: 0)and (max-width: 767px) {
    .footer-info {
        border-top: 1px solid hsla(0, 0%, 100%, .2);
        margin-top: 20px;
        padding-top: 20px
    }
}

.footer-trademark--wrapper {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    margin-bottom: 20px
}

.footer-trademark {
    padding-top: 20px;
    padding-bottom: 10px
}

.footer-trademark a {
    margin-left: 5px;
    font-size: 11px
}

@media (min-width: 768px) {
    .footer-trademark a {
        font-size: 12px
    }
}

.footer-language {
    padding-top: 10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0
}

.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word
}

.qtip-content,
.qtip-titlebar {
    position: relative;
    overflow: hidden
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0 !important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal 700 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em
}

.qtip-default {
    border: 1px solid #617c08;
    background-color: rgba(192, 13, 150, .9);
    color: #fff;
    font-size: 14px;
    font: inherit;
    opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    border-radius: 5px
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    -webkit-filter: none;
            filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.qtip .qtip-tip,
x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#qtip-overlay.blurs {
    cursor: pointer
}

#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.qtipmodal-ie6fix {
    position: absolute !important
}

.tabcontrol,
.wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

.tabcontrol a,
.wizard a {
    outline: 0
}

.tabcontrol ul,
.wizard ul {
    list-style: none !important;
    padding: 0;
    margin: 0
}

.tabcontrol ul>li,
.wizard ul>li {
    display: block;
    padding: 0
}

.tabcontrol>.content>.title,
.tabcontrol>.steps .current-info,
.wizard>.content>.title,
.wizard>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li {
    width: 15%
}

.wizard>.actions>ul>li,
.wizard>.steps>ul>li {
    float: left
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard>.steps a,
.wizard>.steps a:active,
.wizard>.steps a:hover {
    border: 4px solid #fff;
    color: #7e7e7e;
    background: #fff;
    display: block;
    width: auto;
    margin: 0 .5em 0 0;
    padding: 8px 10px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px
}

.wizard>.steps .current a,
.wizard>.steps .current a:active,
.wizard>.steps .current a:hover {
    color: #fff;
    cursor: default;
    background: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3)
}

.wizard>.content {
    display: block;
    margin: .5em 0;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;
    border-radius: 5px
}

.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

.wizard>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.wizard>.content>.body ul {
    list-style: disc !important
}

.wizard>.content>.body ul>li {
    display: list-item
}

.wizard>.content>.body>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard>.content>.body input {
    display: block;
    border: 1px solid #ccc
}

.wizard>.content>.body input[type=checkbox] {
    display: inline-block
}

.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: .5em
}

.wizard>.content>.body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 .5em
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.wizard>.actions a,
.wizard>.actions a:active,
.wizard>.actions a:hover {
    background: #fff;
    color: #7e7e7e;
    font-weight: 700;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    border-radius: 5px
}

.wizard>.actions .disabled a,
.wizard>.actions .disabled a:active,
.wizard>.actions .disabled a:hover {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0;
    padding: 0 0 1px;
    margin-top: 0
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 0
}

.tabcontrol>.content>.body ul {
    list-style: disc !important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

.wizard {
    border-radius: 5px;
    background-color: #0078e7;
    padding: 10px
}

.wizard .logo {
    text-align: center
}

.wizard .logo .wizard-thumb {
    border: 2px solid #fff
}

.wizard h3 {
    font-size: 22px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
    font-weight: 600;
    line-height: 40px;
    padding: 20px 0
}

.wizard p.excerpt {
    color: #414141;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    font-size: 15px;
    width: 85%;
    line-height: 22px;
    margin: 0 auto 10px
}

.wizard .step-content {
    padding: 10px 0 0 15px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    line-height: 15px
}

.wizard .step-content ol {
    padding-left: 40px;
    list-style-type: decimal;
    list-style-position: initial
}

.wizard .step-content ul {
    list-style: initial;
    padding-left: 20px
}

.wizard .step-content li {
    margin: 26px 0
}

.wizard .step-content p {
    color: #414141;
    font-weight: 700
}

.wizard .step-content p a {
    color: #fff !important
}

.wizard .step-content small {
    line-height: 35px;
    font-size: 13px
}

.wizard div.left,
.wizard div.right {
    width: 49%
}

.wizard video {
    width: 350px
}

.wizard form {
    width: 100%
}

.wizard form input {
    margin-top: 5px
}

.install-unity {
    text-align: center
}

.main-svg-sprite {
    display: none
}

.svg-icon {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    fill: currentColor;
    font-size: 0
}

.svg-icon__link {
    vertical-align: top;
    fill: inherit;
    width: inherit;
    height: inherit
}

.button-menu .svg-icon {
    width: 28px;
    height: 19px;
}

.icon-heart {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.btn-search {
    width: 20px;
    height: 20px;
}

.btn-mobile--menu {
    position: absolute;
    top: 0;
    right: 5px;
    pointer-events: auto;
    background-color: transparent;
    border-radius: 6px;
    width: 45px;
    height: 45px;
    left: auto;
    text-align: center;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 120;
    color: #fff;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.btn-close-mobie {
    position: absolute;
    right: 7px;
    top: 5px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    background: transparent;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mobile-menu .mobile-list--default .svg-icon {
    width: 30px;
    height: 20px;
}

@media (min-width: 1280px) {
    .r-header .btn-mobile--menu {
        display: none;
    }
}

.icon-games-home {
    width: 20px;
    height: 20px;
}

.icon-right {
    width: 20px;
    height: 20px;
    padding-left: 4px;
}

.overflow-slide-home {
    overflow: hidden;
    padding: 5px 0;
}

.game-home-slider .swiper-button-disabled {
    opacity: 0.5;
}

.game-home-slider .icon-arrow {
    color: var(--surface-1-bg);
}

.micro-sites-blocks {
    position: relative;
}

.cat-link {
    float: left;
    margin-right: 10px;
    padding: 4px 0;
}

.cat-link img {
    height: 341px;
    border-radius: 6px;
}

#slide-cat a {
    margin-bottom: 0;
}

#slide-cat .left-arrow {
    left: unset;
}

#slide-action a {
    margin-bottom: 0;
}

#slide-action .left-arrow {
    left: unset;
}

.mb-40 {
    margin-bottom: 40px;
}

.game-cat-icon {
    position: relative;
}

.player-options button {
    line-height: 40px;
    background: 0;
    color: white;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
}

.player-options button:not(:last-child) {
    /* margin-right: 8px; */
}

.player-options button>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
}

.player-options a .svg-icon {
    color: #2d3550
}

.grid-player .player-wrapper .player-bottom-bar .player-bottom-bar_right .player-options .btn-gamepad .svg-icon {
    width: 28px;
}

.grid-player.theaterMode {
    -ms-grid-row-span: 5;
    grid-row: span 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 9;
    grid-column: 2 / span 9;
}

.about-game-top .info .game-description p {
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    line-height: 36px;
}

.btn-gamepad-player {
    margin-right: 10px;
    background: 0;
    padding: 0;
}

.btn-gamepad-player .svg-icon {
    color: black;
}

.player-instructions-btn-close .svg-icon {
    color: black;
    width: 14px;
    height: 14px;
}

.single-description p,
.page-content p {
    line-height: 1.8;
    margin: 0 0 12px;
    padding: 0;
}

.single-description h2,
.page-content h1 {
    margin: 0 0 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 8px;
    font-size: 22px;
    color: inherit;
	margin:revert;
	padding: 0;
}

.single-description h3 {
    font-weight: 600;
    text-align: start;
    margin: 0 0 12px;
    padding: 0 0 6px;
    font-size: 22px;
    color: inherit;
	margin:revert;
}

.single-description h4,
.page-content h3,
.page-content h4 {
    font-size: 18px;
    margin: 0 0 12px;
    color: inherit;
    font-weight: 600;
    padding: 0;
	margin:revert;
}

.single-description ul {
    padding-left: 24px;
    margin: 0 0 12px;
}

.single-description ul li,
.page-content ul li {
    margin: 0 0 12px;
    list-style: disc;
}

.single-description ol li,
.page-content ol li {
    list-style: disc;
    margin: 0 0 12px;
}

.single-description a:not([class]),
.page-content a:not([class]) {
    font-weight: 600;
    color: #d70000;
}

.single-description a:not([class]):hover,
.page-content a:not([class]):hover {
    color: #3c3c35;
    text-underline-offset: 3px;
}

.page-content {
    padding: 24px;
    margin: 24px auto;
    background: #000000e3;
    border-radius: 12px;
}

.related-cats-v2 {
    margin-top: 16px;
    margin-bottom: 40px;
}

.category-page-grid .game-cat-icon .micro-site-link-new h3.micro-site-link-button {
    padding-left: 12px;
}

.mg-bottom-20 {
    margin-bottom: 20px;
}

.mg-top-20 {
    margin-top: 20px;
}

.secondary-nav li a img {
    margin-right: 5px;
}

.player-instructions-title .how-to-play {
    padding: 0;
    font-size: 1.4em;
    font-weight: 500;
    color: black;
}

.player-instructions p,
.player-instructions ul li {
    font-weight: 500;
    color: black
}

@media (max-width: 1800px) {
    .game-page-grid .grid-game-description {
        grid-column: 0 / 7;
    }

    .related-cats-home-slider a {
        width: 196px;
    }
}

@media (max-width: 1540px) {
    .game-page-grid .grid-game-description {
        grid-column: 0 / 7;
    }

    .related-cats-home-slider a {
        width: 170px;
    }

    .game-page .game-page-grid .grid-comment {
        -ms-grid-column: 7;
        -ms-grid-column-span: 2;
        grid-column: 7 / 9;
        -ms-grid-row: 9;
        grid-row: 9;
    }
}

@media (max-width: 1200px) {
    .game-page-grid .grid-game-description {
        grid-column: 1 / -1;
        -ms-grid-row: 7;
        grid-row: 7;
    }

    .game-page .game-page-grid .grid-comment {
        grid-column: 1 / -1;
        -ms-grid-row: 8;
        grid-row: 8;
        margin-top: 0;
    }

    .game-page-grid .grid-game-description {
        margin-bottom: 0;
    }

    .related-cats-v2 {
        margin-bottom: 20px;
    }

    .related-cats-home-slider a {
        width: 140px;
    }
}

@media (max-width: 770px) {
    .related-cats-home-slider a {
        width: 160px;
    }
}

@media (max-width: 680px) {
    .related-cats-home-slider a {
        width: 140px;
    }
}

.description h1 {
    font-size: 2em;
    font-weight: 500;
    color: var(--link-color);
}

.description h3 {
    font-size: 1.3em;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--link-color);
}

.description h4 {
    font-size: 1.2em;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--link-color);
}

.grid-game-description img {
	max-width:100%;
	height: auto;
}

.btn_up {
    position: fixed;
    right: 24px;
    bottom: 24px;
    color: white;
    border-radius: 7px;
    padding: 8px;
    z-index: 999;
    -webkit-box-shadow: 0px 2px 5px 2px #00000040;
            box-shadow: 0px 2px 5px 2px #00000040;
}

.footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
}

@media (max-width: 560px) {
    .footer-list {
        gap: 6px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
}

#comment-area {
    margin-bottom: 20px;
    width: 100%;
    font-family: inherit;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-color: var(--text-color);
    font-weight: 400;
    -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, .05);
            box-shadow: 0px 6px 30px rgba(0, 0, 0, .05);
    padding: 10px;
    border-radius: 6px;
    color: var(--surface-1-bg);
}

.player-bottom-bar_name {
    padding: 0;
}

.grid-game-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.game-description-left {
    width: calc(100% - 350px);
}

.game-description-comment {
    width: 350px;
}

@media (max-width: 1024px) {
    .grid-game-description {
        display: block
    }

    .game-description-left {
        width: 100%;
    }

    .game-description-comment {
        width: 100%;
    }

    #comment-area {
        margin-top: 20px;
    }
}

.rating-game img {
    width: 18px;
}

.related-games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 10px;
}

.related-games a {
    text-decoration: none;
    color: var(--link-color);
}

.related-games a:hover {
    color: #c92222;
}

.about-game .about-game-top .info .title {
    color: var(--link-color);
    padding: 0;
    font-size: 1.5em;
    font-weight: 600;
}

.player-game .game_area_frame {
    border-radius: 6px 6px 0 0;
}

.ads {
    width: 100%;
}

.ads-margin {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}

.ads-content {
    height: 600px;
}

.ads-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.ads-title {
    display: block;
    text-align: center;
    background: 0 0;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #b3b3b3;
    opacity: 0.6;
}

.horizontal-title {
    text-align: left !important;
}

.ads,
.ads-left,
.ads-right {
    z-index: 100;
}

.ads_game--play {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    background: #0000001a;
}

/*Breadcrumb*/
@media (max-width: 1370px) {
    .d-md-none {
        display: none !important;
    }
}

@media (max-width: 1022px) {
    .player-game .game_area_frame {
        border-radius: 0
    }

    .player-game .game_area_frame .game-preview {
        border-radius: 0;
    }

    .ads_game--play {
        -ms-grid-column-span: 4;
        grid-column: span 4;
        -ms-grid-row-span: 2;
        grid-row: span 2;
        background: #b4cadd;
        height: 100%;
    }
}

@media (max-width: 600px) {
    .ads_game--play {
        height: 146px;
    }

    .player-wrapper .player-bottom-bar .player-bottom-bar_right .player-options {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

    .player-options button {
        line-height: 32px;
    }
}

@media (max-width: 399px) {
    .ads_game--play {
        -ms-grid-column-span: 3;
        grid-column: span 3;
    }
}

.bg-top-popular .h2 a {
    color: #88b527;
    text-decoration: none;
    margin-left: 10px;
    font-size: 16px;
}

.bg-top-popular .h2 a:hover {
    color: #c92222;
}

.single-description ol {
    padding-left: 24px;
    margin: 0 0 12px;
}

.description ol {
    padding-left: 40px;
    margin: 0 0 12px;
}

.description p {
    font-weight: 500;
}

.player-bottom-bar_info .rating_this {
    font-weight: 500;
}

.cat-child {
    grid-column: 1 / -1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin-bottom: 14px;
}

.min-vh-100 {
    min-height: 100vh;
}

.list-games .h2-title {
    padding: 10px 0;
}

.ShowMore_button {
    /* background: 0; */
    /* color: #fff; */
}

.no_result {
    grid-column: 1 / -1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    margin: 0 auto;
    font-size: 22px;
}

.no_result .heading__title {
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
}

.no_result .game_below {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    margin-bottom: 16px;
}

.flex-direction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100vh;
}

select.classic {
    background-color: #212121;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 1.4em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 12px 7px;
    background-position: calc(100% - 8px) 15px;
    background-repeat: no-repeat;
    height: auto;
    color: white;
}

select.classic:focus {
    color: white;
    border-color: grey;
    outline: 0;
}

.sort_container {
    margin-left: auto;
}

.heading_control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bg-company {
    background: #fff;
    color: #000;
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px auto;
    border-radius: 10px;
}

.micro-sites-blocks .hot-link h2.micro-site-link-button {
    padding-left: 5px;
}

.mt-12 {
    margin-top: 12px;
}

/*=====================*/

.game__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    list-style: none;
    padding: 0px;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    margin: 0px 0px 25px;
}

.category_item,
.tag_item {
    padding-right: 10px;
    margin-bottom: 10px;
}

.cats__link {
    font-size: 1rem;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    color: rgb(255, 255, 255);
    min-height: 45px;
    position: relative;
    text-decoration: none;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
    padding: 6px 16px;
    background: rgb(13, 16, 45);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(54, 58, 93);
    -o-border-image: initial;
       border-image: initial;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.cats__icon {
    margin-right: 15px;
    max-width: 60px;
}

.view-more {
    color: #d70000 !important;
}

#expand {
    cursor: pointer !important;
}

.force_full_screen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999;
    top: 0px !important;
    border: 0px !important;
    left: 0px !important;
    right: 0px !important;
    cursor: pointer !important;
}

.exit-fullscreen {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 100000;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.next_page {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    margin-right: 10px;
    background: #393837;
    color: #fff;
    cursor: pointer;
}

.next_page.active_ {
    background: var(--link-block-color);
    cursor: default;
}