:root {
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);
    --wp-editor-canvas-background: #ddd;
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
    --wp-admin-theme-color-darker-20: #005a87;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px
}

@media (min-resolution: 192dpi) {
    :root {
        --wp-admin-border-width-focus: 1.5px
    }
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

:where(figure) {
    margin: 0 0 1em
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:where(body) {
    margin: 0;
}

body {
    padding: 0;
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body, button, input, select, textarea {
    font-family: sans-serif;
    font-size: 14px;
    line-height: 25px;
}

h1, h2, h3, h4, h5, h6, button, input, optgroup, select, textarea {
    font: inherit;
    color: inherit
}

a {
    text-decoration: none
}

b, strong, optgroup, dt, em {
    font-weight: bold
}

small {
    font-size: 80%
}

code, kbd, pre, samp {
    font-family: monospace, monospace
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 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
}

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

input[type="search"] {
    -webkit-appearance: textfield
}

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

textarea {
    resize: none
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

em, i, dfn {
    font-style: italic
}

th {
    font-weight: normal
}

.boxed-cont [class*="hdcn-"], .boxed-cont .bdcn, .boxed-cont [class*="ftcn-"], .cont {
    margin: 0 auto;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

caption, td, th {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px
}

caption {
    margin-bottom: -1px
}

del {
    text-decoration: line-through
}

abbr[title] {
    cursor: help;
    text-decoration: underline
}

blockquote {
    padding: 10px 15px;
    border-left: 5px solid #eee
}

hr {
    border: solid #f5f5f5;
    border-width: 1px 0 0;
    margin: 15px 0
}

ul, ol {
    padding-left: 25px
}

ul[class] {
    padding-left: 0
}

nav ul, [class*="cntcls"], [class*="lst-"], [class*="lst-"] ul, [class*="menu-"], [class*="menu-"] ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

nav ul {
    margin-bottom: 0
}

:focus {
    outline: 0
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background-color: #D6D6D6;
}

::-webkit-scrollbar-thumb {
    background-color: #37B8AE
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: "(" attr(href) ")"
    }

    abbr[title]:after {
        content: "(" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important;
    }
}

.cont {
    padding-left: 15px;
    padding-right: 15px;
}

h1, h2, h3, h4, h5, h6, ul, ol, blockquote, table, p + p, dl, dt, pre {
    margin-top: 15px
}

h1, h2, h3 {
    font-weight: 700
}

h1 {
    font-size: 30px;
    line-height: 40px
}

h2 {
    font-size: 20px;
    line-height: 30px
}

h3 {
    font-size: 16px
}

[class*="cntcls"] {
    margin-right: -10px;
    margin-left: -10px
}

[class*="cols-"] {
    padding: 0 10px;
    position: relative;
}

input[type="text"], input[type="password"], textarea, select {
    width: 100%;
    border: 1px solid #eee;
    padding: 9px 14px;
    min-height: 40px;
    line-height: 20px;
    vertical-align: middle
}

input + span {
    vertical-align: middle
}

input[type="text"]:focus {
    box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

[class*="-clfl"]:before, [class*="-clfl"]:after, [class^="hdcn"]:after, [class^="bdcn"]:after, [class^="ftcn"]:after, article:after, article header:after, article section:after, article footer:after,
[class*="cntcls"]:after {
    content: "";
    clear: both;
    display: table;
}

.cont:before {
    clear: none;
    width: 0;
}

button, input, a *, a, a:before {
    transition: all .2s
}

a img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

[class*="fa-"]:before, [class*="fa-"]:after,
.lst-menu > li > a:before, .ftcn .menu > li > a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    text-decoration: inherit;
    width: auto;
    height: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: top
}

[class*="fa-"] > span:first-child {
    font-size: 0;
    line-height: 0
}

.ftcn .menu > li > a:before {
    content: "\f105"
}

body, button, input, select, textarea {
    font-family: 'Open Sans', sans-serif
}

input[type="text"] {
    background-color: #fcfcfc
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #fff
}

button:hover {
    background-color: #16C4BB
}

[class*="gmcn-smal-3"] figure.gm-imag > a > span, .gm-cate a, [class*="gmcn-"] .gm-cate a:hover {
    background-color: #2D3E58
}

.gmcn-midl .gm-imag, [class*="gmcn-smal"] .gm-imag {
    background-color: transparent;
}

[class*="gmcn-smal"] .gm-imag > a > span, [class*="gmcn-"] .gm-cate a {
    background-color: #16C4BB
}

body {
    background-color: #F1F1F1
}

.bdcn {
    background-color: #fff
}

[class*="gmcn-smal"] {
    background-color: rgba(0, 0, 0, .1)
}

.menu li:hover > a, .menu-btn {
    background-color: rgba(0, 0, 0, .2)
}

.sdbr-cn .menu li:hover > a, .sdbr-cn .menu li li, .ftcn .menu li:hover > a, .ftcn .menu li li {
    background-color: transparent;
}

a, .sdbr-cn [class*="gmcn-"] .gm-title a {
    color: #2D3E58;
}

a:hover, .shar-cnt li:hover a,
[class*="gmcn-"] .gm-title a:hover,
[class*="gmcn-smal-3"] figure.gm-imag > a > span,
.title strong, abbr {
    color: #16C4BB;
}

button, .menu > ul > li a, .menu > ul + a, .ftcn, .ftcn a,
[class*="gmcn-"] .gm-title a, [class*="gmcn-smal-3"] figure.gm-imag > a > span strong,
.gm-cate a, [class*="gmcn-"] .gm-imag > a > span {
    color: #fff;
}

.menu ul {
    display: none;
}

.menu > ul li a {
    display: block;
    line-height: 40px;
    padding: 0 10px;
}

.menu > ul > li > a {
    text-transform: uppercase;
    font-weight: 1000;
}

.menu > ul > li > a, .menu > ul + a {
    text-transform: uppercase;
}

.menu-btn {
    /*width: 100%;*/
    /*margin: 5px 0;*/
}

.menu-btn span:before {
    margin-right: 10px;
    text-transform: uppercase;
}

.bdcn {
    padding: 20px 0;
}

.title, h2 {

    line-height: 50px;
    border-bottom: 1px dashed #16C4BB;
    padding-bottom: 10px;
    position: relative;

    color: var(--text-white);
    font-size: 1.5rem;
    font-weight: 1000;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-left: 4px solid var(--primary-color);
    padding-left: 10px;
    margin: 15px 0;
}

.gm-cate, .gm-cate a {
    line-height: 15px;
}

.gm-cate a {
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}

.gm-imag img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.gm-imag:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

[class*="gmcn-smal"] {
    padding: 10px 10px 10px 80px;
    position: relative;
    height: 80px;
    transition: all .2s
}

[class*="gmcn-smal"] .gm-imag, [class*="gmcn-smal"] .gm-imag img {
    width: 60px;
    height: 60px;
}

[class*="gmcn-smal"] .gm-imag {
    position: absolute;
    overflow: hidden;
    left: 10px;
    top: 10px;
}

[class*="gmcn-smal"] .gm-imag:hover img {
    opacity: .1;
}

[class*="gmcn-smal"] .gm-imag span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 200%;
    margin: auto;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 0;
}

[class*="gmcn-smal"] .gm-imag span:before {
    font-size: 16px;
}

[class*="gmcn-smal"] .gm-imag:hover span {
    top: 0;
}

[class*="gmcn-smal"] .gm-title {
    line-height: 20px;
    font-weight: 700;
    font-size: 12px;
}


.gmcn-midl figure, .gmcn-midl figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.gmcn-midl .gm-text {
    position: absolute;
    left: 0;
    right: 0;
}

.gmcn-midl:hover .gm-text {
    bottom: 0;
    top: auto;
}

.gmcn-midl:hover .gm-imag img {
    opacity: .5;
}

.gmcn-midl .gm-imag a:before {
    opacity: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 30px;
    z-index: 1;
}

.gmcn-midl:hover .gm-imag a:before {
    opacity: 1;
}

.gmcn-midl .gm-text {
    bottom: -100%;
    padding: 0 10px 10px;
    transition: all .2s;
    z-index: 2;
}

.gmcn-midl .gm-text .gm-title a {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.gmcn-midl:hover .gm-text {
    bottom: 0;
}

.gmcn-midl .gm-title {
    text-shadow: 2px 2px 5px #000;
}

[class*="lst-games"] {
    margin: -10px -10px 10px !important;
}

[class*="lst-games"] > li {
    float: left;
    padding: 10px;
}

.nav-top {
    line-height: 10px;
    padding: 10px 0;
    font-size: 10px;
    text-transform: uppercase;
}

.nav-top a:before {
    margin-right: 5px;
}

.nav-top span {
    padding: 0 10px;
}

code, pre {
    display: block;
}

a.scroll-top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 20px;
    background-color: #3D3D3D;
    justify-content: center;
    align-items: center;
}

a.scroll-top.show {
    display: flex;
}

.ftcn .title {
    line-height: 30px;
    border-bottom: 0;
    padding-bottom: 0;
}

.ftcn .menu > li li {
    padding-left: 20px;
}

.ftcn .menu > li > a {
    position: relative;
    padding-left: 20px;
    line-height: 30px;
    display: block;
}

.ftcn .menu > li > a:before {
    width: 10px;
    height: 10px;
    line-height: 10px;
    top: 0;
    position: absolute;
    left: 5px;
    bottom: 0;
    margin: auto;
    opacity: .5;
}

.ftcn .menu > li > a:hover:before {
    left: 10px;
    opacity: 1;
}

.ftcn-2 {
    text-align: center;
    line-height: 30px;
    padding: 10px;
}

.ftcn-2 a {
    font-weight: 700;
}

.ftcn-2 a:hover {
    text-decoration: underline;
}

.blk-cn {
    margin-bottom: 20px;
}

[class*="widget"] .title + ul, [class*="widget"] .title + ul ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
}

.blk-cn ul > li {
    font-size: 14px;
    color: #999;
}

.blk-cn ul > li > a {
    font-size: 14px;
    font-weight: bold;
}

.widget_mabp_random_games ul {
    overflow: hidden;
    list-style-type: none;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[class*="gmcn-smal-3"] {
    padding: 100% 0 0 0;
    background-color: transparent;
    height: auto;
}

[class*="gmcn-smal-3"] .gm-imag, [class*="gmcn-smal-3"] .gm-imag img {
    width: 100%;
    height: 100%;
}

[class*="gmcn-smal-3"] .gm-imag {
    left: 0;
    top: 0;
}

[class*="gmcn-smal-3"] figure.gm-imag > a > span {
    border-radius: 0;
    top: auto;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: 0;
    width: auto;
    height: 30px;
    line-height: 30px;
}

[class*="gmcn-smal-3"] figure.gm-imag > a > span strong {
    font-size: 14px;
    margin-left: 5px;
}

[class*="gmcn-smal-3"] figure.gm-imag:hover > a > span {
    top: auto;
    bottom: 0;
}

[class*="gmcn-smal-3"] figure.gm-imag:hover img {
    opacity: 1;
}

.header-main {
    padding: 5px 0;
}

.close-modal .fa-close:before {
    font-size: 30px;
}

.fade {
    transition: opacity .15s linear;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%);
}

.modal.in .modal-dialog {
    transform: translate(0, 0);
}

.modal-dialog {
    position: relative;
    margin: 70px auto 20px;
    padding: 0 20px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    padding: 20px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.close-modal {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 0;
    opacity: 1;
}

.close-modal:hover {
    background-color: transparent;
    opacity: 1;
}

#modal-search .modal-content {
    padding: 0;
    background-color: transparent;
}

#modal-search .modal-content input {
    background-color: transparent;
    border: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 60px 10px 0;
    border-bottom: 1px dashed #999;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 25px;
}

#modal-search .modal-content input::-webkit-input-placeholder {
    color: #fff;
}

#modal-search .modal-content input::-moz-placeholder {
    color: #fff;
}

#modal-search .modal-content input:-ms-input-placeholder {
    color: #fff;
}

#modal-search .modal-content button {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}

#modal-search .modal-content button {
    font-size: 0;
    color: #aaa;
}

#modal-search .modal-content button span:before {
    font-size: 30px;
}

#modal-search .modal-content button:hover {
    color: #fff;
}

#modal-search .modal-content button:active {
    box-shadow: none
}

#modal-search p {
    color: #fff;
    font-weight: 700;
    text-align: right;
}

.search-main.show {
    display: block;
    padding-right: 0;
}

.search-main.show .modal-backdrop {
    opacity: .7;
}

.modal.show .modal-dialog {
    transform: translate(0, 0);
}

.fa-close {
    color: #2D3E58;
}

@media screen and (max-width: 767px) {

    [class*="lst-games"] > li {
        width: 33.33333333%;
    }

    [class*="lst-games"] li.frivbn {
        width: 100%;
        height: 250px;
        margin-bottom: 20px
    }

    .blk-cn ul > li > a {
        font-size: 16px;
    }

    .blk-cn ul > li {
        padding: 5px 0
    }
}

@media screen and (max-width: 436px) {
    [class*="lst-games"] > li {
        width: 50%;
    }

    [class*="lst-games-vert"] > li:first-child, [class*="lst-games-friv"] > li.frivbn {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    [class*="lst-games"] > li {
        width: 20%;
    }

    [class*="lst-games"] li.frivbn {
        width: 280px;
        margin-right: 3px;
        padding: 0 0 0 10px;
    }
}

@media screen and (min-width: 768px) {

    .boxed-cont [class*="hdcn-"], .boxed-cont .bdcn, .boxed-cont [class*="ftcn-"], .cont {
        width: 720px;
    }
}

@media screen and (min-width: 992px) {

    [class*="cols-n"], [class*="cntcls-n"] > * {
        float: left
    }

    [class*="cols-n1"], [class*="cntcls-n1"] > * {
        width: 8.33333333%
    }

    [class*="cols-n2"], [class*="cntcls-n2"] > * {
        width: 16.66666667%
    }

    [class*="cols-n3"], [class*="cntcls-n3"] > * {
        width: 25%
    }

    [class*="cols-n4"], [class*="cntcls-n4"] > * {
        width: 33.33333333%
    }

    [class*="cols-n5"], [class*="cntcls-n5"] > * {
        width: 41.66666667%
    }

    [class*="cols-n6"], [class*="cntcls-n6"] > * {
        width: 50%
    }

    [class*="cols-n7"], [class*="cntcls-n7"] > * {
        width: 58.33333333%
    }

    [class*="cols-n8"], [class*="cntcls-n8"] > * {
        width: 66.66666667%
    }

    [class*="cols-n9"], [class*="cntcls-n9"] > * {
        width: 75%
    }

    [class*="cols-n10"], [class*="cntcls-n10"] > * {
        width: 83.33333333%
    }

    [class*="cols-n11"], [class*="cntcls-n11"] > * {
        width: 91.66666667%
    }

    [class*="cols-n12"], [class*="cntcls-n12"] > * {
        width: 100%
    }

    .menu-btn {
        display: none;
    }

    .menu > ul > li li a {
        color: #2D3E58
    }

    .menu > ul li a {
        text-align: left;
    }

    .menu > ul > li {
        float: left;
    }

    .menu > ul + a {
        float: right;
    }

    .menu > ul > li:hover > a {
        background-color: #3469AF
    }

    .menu li:hover > a, .menu li li {
        background-color: transparent;
    }

    [class*="lst-games"] > li {
        width: 25%;
    }

    .title > div {
        float: left;
    }

    .main-cn.cols-n9 {
        width: 640px;
    }

    .sdbr-cn {
        width: 320px;
        float: left;
    }

    [class*="lst-games-vert"] > li {
        width: 50%;
    }

    [class*="lst-games-vert"] > li:first-child {
        width: 100%;
    }

    [class*="lst-games-friv"] > li {
        width: 16.66666666666667%;
    }

    [class*="lst-games-friv"] > li.frivbn {
        width: 33.33333333333333%;
    }

    .menu ul {
        display: block;
    }


    .boxed-cont [class*="hdcn-"], .boxed-cont .bdcn, .boxed-cont [class*="ftcn-"], .cont {
        width: 970px;
    }

}

@media screen and (min-width: 1200px) {

    .main-cn.cols-n9 {
        width: 840px;
    }

    [class*="lst-games"] > li {
        width: 20%;
    }

    [class*="lst-games-vert"] > li {
        width: 50%;
    }

    [class*="lst-games-vert"] > li:first-child {
        width: 100%;
    }

    [class*="lst-games-friv"] > li {
        width: 14.28571428571429%;
    }

    [class*="lst-games-friv"] > li.frivbn {
        width: 28.57142857142858%;
    }

    .boxed-cont [class*="hdcn-"], .boxed-cont .bdcn, .boxed-cont [class*="ftcn-"], .cont {
        width: 1170px;
    }
}

.bdcn, .cmnt-cn > div .comment-reply-link, .single .ui-dialog:after, span.activity {
    background-color: var(--surface-dark);
}

.sidebar_left .main-cn {
    float: right;
}

.sidebar_left .sdbr-cn {
    float: left;
}

.color-white {
    color: #fff!important;
}

.header-main .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-main .cont .menu {
    position: static;
    display: inline;
}

.header-main .cont .menu ul {
    display: inline;
}

.header-main .cont .menu a, .header-main .cont .menu .sub-menu a, .header-main .cont .menu .submenu li:hover a, .header-main .menu-btn {
    color: #3f3f3f;
}

.header-main .cont .menu > ul > li:hover > a {
    background-color: transparent;
}

.header-main .menu-btn {
    /*width: 30px;*/
    /*height: 30px;*/
    /*background-color: transparent;*/
    /*margin: 0;*/
    /*padding: 0;*/

    background: none;
}

.header-main .cont .menu ul.in {
    display: flex !important;
    flex-direction: column;
}

.header-main .cont .menu .button-close {
    text-align: right;
    width: 100%;
    margin-top: 20px;
}

.gmcn-midl img {
    aspect-ratio: 1;
    width: 100%;
}

.logo img {
    height: 50px;
}

a {
    color: #fff;
}

body.custom-background {
    background-color: #00bfff;
}

:root {
    --primary-color: #ff6b35;
    --secondary-color: #00d9ff;
    --background-dark: #0a0a0a;
    --surface-dark: #1a1a2e;
    --surface-darker: #141527;
    --footer-bg: #0d0d1a;

    --text-primary: #f8fafc;
    --text-secondary: #e2e8f0;
    --text-muted: #94a3b8;
    --text-light: #64748b;
    --text-white: #ffffff;

    --accent-glow: #00d9ff;
    --warning-color: #ff4757;
    --success-color: #2ed573;

    --shadow-normal: 0 4px 20px rgba(255, 107, 53, 0.3);
    --shadow-hover: 0 8px 32px rgba(0, 217, 255, 0.4);
    --glow-effect: 0 0 20px rgba(255, 107, 53, 0.5);

    --border-radius: 8px;
    --border-radius-small: 4px;
    --border-radius-large: 12px;
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}

:root {
    --primary-color: #00BFFF;
    --secondary-color: #FF2B2B;
    --background-dark: #0D0D1A;
    --surface-dark: #1A1F2E;
    --surface-darker: #141A27;
    --footer-bg: #0F0A1A;

    --text-primary: #FFFFFF;
    --text-secondary: #DDEEFF;
    --accent-glow: #FFD700;
    --warning-color: #FF2B2B;
    --success-color: #2ED573;

    --shadow-normal: 0 4px 20px rgba(0, 191, 255, 0.3);
    --shadow-hover: 0 8px 32px rgba(255, 215, 0, 0.4);
    --glow-effect: 0 0 20px rgba(0, 191, 255, 0.5);
}

body {
    background: var(--background-dark);
    font-family: "Poppins", sans-serif;
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    line-height: 1.9;
}

a {
    text-decoration: none;
    transition: var(--transition-normal);
}


.title strong {
    color: var(--text-white);
}


.sdbr-cn {
    background: var(--surface-dark);
    border-radius: var(--border-radius-large);
    padding: 16px;
    color: var(--text-secondary);
}

.sdbr-cn h3 {
    color: var(--primary-color);
    font-size: 1rem;
    margin: 0 0 12px;
}

.sdbr-cn .blk-cn {
    background: var(--surface-darker);
    border-radius: var(--border-radius);
    padding: 12px;
    margin-bottom: 18px;
}

.sdbr-cn .menu-item a {
    display: block;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 6px;
    background: var(--surface-darker);
    color: var(--text-muted);
    transition: var(--transition-normal);
}

.sdbr-cn .menu-item a:hover {
    background: var(--primary-color);
    color: var(--text-white);
}

.blk-cn ul > li {
    font-size: 14px;
    color: var(--text-white);
}

#menu-sidebar-menu li a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px;
    text-decoration: none;
    transition: var(--transition-normal);
}

#menu-sidebar-menu li a::before {
    content: "";
    display: inline-block !important;
    margin-right: 10px !important;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    opacity: 0.8;
    font-family: Arial, sans-serif;
}

.item-Action a::before {
    content: "⚔️" !important;
}

.item-Strategy a::before {
    content: "🕹️" !important;
}

.item-Adventure a::before {
    content: "🏎️" !important;
}

#menu-item-531 a::before {
    content: "🌐" !important;
}

.item-Puzzle a::before {
    content: "🧩" !important;
}

.item-Sports a::before {
    content: "🏆" !important;
}

.item-Family a::before {
    content: "🎮" !important;
}

#menu-sidebar-menu li a:hover::before {
    opacity: 1 !important;
    transform: scale(1.2) !important;
    transition: var(--transition-normal);
}

#menu-sidebar-menu {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

#menu-sidebar-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#menu-sidebar-menu li:last-child {
    border-bottom: none;
}

#menu-sidebar-menu li a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    padding-left: 16px !important;
    transition: var(--transition-normal);
}

[class*="gmcn-"], .game-cn {
    background: var(--surface-darker);
    border-radius: var(--border-radius-large);
    overflow: hidden;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

[class*="gmcn-"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(255, 107, 53, 0.3);
}

[class*="gmcn-"] .gm-imag {
    overflow: hidden;
}

[class*="gmcn-"] .gm-imag img {
    width: 100%;
    border-radius: var(--border-radius);
    transition: var(--transition-normal);
}

[class*="gmcn-"]:hover .gm-imag img {
    transform: scale(1.05);
}

[class*="gmcn-"] .gm-title a:hover,
.widget_mabp_recent_games [class*="gmcn-"] .gm-title a:hover {
    color: var(--text-white);
}


[class*="gmcn-smal-3"] figure.gm-imag > a > span {
    color: var(--text-white);
}

button,
input[type="submit"],
a.read-more {
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-white);
    cursor: pointer;
    transition: background var(--transition-normal), transform var(--transition-fast);
}

button:hover,
a.read-more:hover {
    background: var(--secondary-color);
    transform: translateY(-2px);
}

.shar-cnt li:hover a {
    color: var(--text-white);
}

footer, .ftcn {
    background: var(--footer-bg);
    color: var(--text-light);
    text-align: center;
    padding: 25px 20px;
    border-top: 2px solid var(--primary-color);
    font-size: 0.9rem;
    position: relative;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    width: 60px;
    background: var(--primary-color);
    border-radius: 2px;
}

footer a {
    color: var(--primary-color);
    margin: 0 8px;
    transition: var(--transition-normal);
}

footer a:hover {
    color: var(--text-white);
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: var(--border-radius-small);
}

::-webkit-scrollbar-track {
    background: var(--surface-darker);
}

@media (max-width: 1024px) {
    .sdbr-cn {
        padding: 12px;
    }
}

@media (max-width: 768px) {
    .sdbr-cn {
        width: 100%;
        margin-top: 20px;
        order: 2;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.9rem;
    }

    [class*="gmcn-"] {
        width: 100%;
        margin: 1%;
    }

    footer {
        font-size: 0.8rem;
        padding: 15px 10px;
    }
}

.ftcn-2 {
    background-color: var(--surface-dark);
}

.game-main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

.flex-column {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.game-image {
    max-width: 480px;
    width: 100%;
    border-radius: 15px;
}

.game-title {
    text-align: center;
    font-size: 24px;
    font-weight: 1000;
    color: #00a5c1;
}

.game-btn {
    max-width: 380px;
    width: 100%;
    padding: 10px 30px;
    border-radius: 999px;
    border: none;
    background: #0cb60c;
    font-size: 26px;
    font-weight: 1000;
    text-align: center;
}

.btn-scale {
    animation: testBtnScale 1s ease-in-out infinite alternate;
}

@keyframes testBtnScale {
    0% {
        transform: scale(.95);
    }
    100% {
        transform: scale(1.05);
    }
}

.game-desc {
    margin-bottom: 20px;
}


.detail-desc {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    color: #f5f3f3;
}

@media screen and (min-width: 768px) {
    .detail-desc {
        -webkit-line-clamp: 2;
    }
}

.desc_btn {
    background: #20c171;
    padding: 5px 10px;
    border-radius: 5px;
    width: fit-content;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin: 1rem 0 0;
    line-height: 1;
}

.detail-info p, .detail-info li {
    font-size: 16px;
    color: #f2f2f2;
    margin-bottom: 15px;
    line-height: 1.3;
}

.light .detail-info p, .light .detail-info li, .light .detail-info h1, .light .detail-info h2, .light .detail-info h3, .light .detail-info h4, .light .detail-info h5, .light .detail-info h6 {
    color: #2a2a2a;
}

.detail-info li {
    list-style: disc;
}

.detail-info ul {
    padding-left: 30px;
    list-style: disc;
}

.detail-info h1, .detail-info h2, .detail-info h3, .detail-info h4, .detail-info h5, .detail-info h6 {
    color: #f2f2f2;
    margin: 10px 0;
    font-weight: bold;
    line-height: 1.3;
}

.detail-info h1 {
    font-size: 26px;
}

.detail-info h2 {
    font-size: 24px;
}

.detail-info h3 {
    font-size: 22px;
}

.detail-info h4 {
    font-size: 20px;
}

.detail-info h5, .detail-info h6 {
    font-size: 18px;
}

.detail-info a {
    color: #ff0202;
    text-decoration: underline;
}


.max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

.max-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}


@media screen and (max-width: 568px) {
    .gmcn-midl .gm-text {
        bottom: 0;
    }

    .margin-0-10 {
        margin: 0 10px;
    }

    .game-main{
        flex-direction: column;
        gap: 10px;
    }
}

@media screen and (max-width: 992px) {
    .header-main .cont .menu {
        position: fixed;
        width: 350px;
        height: 100%;
        left: -350px;
        top: 0;
        background-color: #f0f0f0;
        box-shadow: 1px 0 5px #c0c0c0;
        transition: all ease .5s;
        z-index: 1000;
        overflow-y: scroll;
    }

    .header-main .cont .menu ul {
        display: flex;
        flex-direction: column;
    }

    .header-main .cont .menu ul li {
        order: 5
    }
}