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

ol,
ul {
    padding: 0
}

blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

article > * + * {
    margin-top: 1em
}

button,
input,
select,
textarea {
    font: inherit;
    -webkit-appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important;
        scroll-behavior: auto !important
    }
}

@media screen and (min-width: 576px) {
    .o-box {
        max-width: 540px
    }
}

@media screen and (min-width: 768px) {
    .o-box {
        max-width: 720px
    }
}

@media screen and (min-width: 992px) {
    .o-box {
        max-width: 960px
    }
}

@media screen and (min-width: 1200px) {
    .o-box {
        max-width: 1800px
    }
}

@media screen and (max-width: 992px) {
    .o-box_fluid {
        max-width: 100%
    }
}

@media screen and (min-width: 992px) {
    .o-box_fluid {
        max-width: 960px
    }
}

@media screen and (min-width: 1200px) {
    .o-box_fluid {
        max-width: 1800px
    }
}

.o-box {
    margin: 0 auto;
    width: 100%
}

.c-text {
    width: 100%;
    max-width: 1280px;
    margin: 20px auto 40px;
    padding: 30px;
    background: linear-gradient(180deg, rgba(64, 60, 55, .3), rgba(64, 60, 55, 0));
    border-radius: 20px;
}

body {
    min-height: 100vh
}

.o-list {
    list-style: none;
    list-style-type: none;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

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

:focus {
    outline: 0 !important
}

html {
    font-size: 62.5%
}

body {
    color: #fff;
    font-family: "Noto Sans", arial, helvetica, sans-serif;
    background-color: rgb(19, 16, 14);
    font-size: 1.6rem
}

.o-text-center {
    text-align: center
}

.o-text-up {
    text-transform: uppercase
}

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

a,
button {
    padding: 0;
    margin: 0;
    border: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    color: inherit
}
h1, h2, h3, h4 {
    margin-top: 30px;
    margin-bottom: 18px;
    color: #f9b242 !important;
}
h1 {
    font-size: 2.7rem;
    margin-top: 0;
}
h2 {
    font-size: 2.4rem
}
h3 {
    font-size: 2.2rem
}

h4 {
    font-size: 2rem
}

h5 {
    font-size: 1.8rem
}

.h6,
h6 {
    font-size: 1.6rem
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: .2s;
    transition: .2s
}

.c-begin {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 15px;
    background: rgba(19, 16, 14, .9);
    box-shadow: 0 2px 10px #13100e;
    z-index: 1000;
    font-size: 1.4rem;
    font-family: "Noto Sans", arial, helvetica, sans-serif;
}

.c-begin__content {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 0 5px;
}

.c-begin__logo img {
    width: 100%;
    height: 100%;
    margin: auto
}

.c-begin__buttons {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    padding: 10px 0;
    margin-left: auto;
    margin-right: 0;
}

.c-begin__buttons .o-btn_link {
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    margin: 1px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
}

.c-begin__buttons > :nth-child(1) {
    background: #f9b242;
    border: 1px solid #f9b242;
    border-radius: 50px 0 0 50px;
}

.c-begin__buttons > :nth-child(1):hover {
    background: rgb(0 0 0/ 0);
    color: #f9b242;
}

.c-begin__buttons > :nth-child(2) {
    background: #3daa45;
    border: 1px solid #3daa45;
    border-radius: 0 50px 50px 0;
}

.c-begin__buttons > :nth-child(2):hover {
    background: rgb(0 0 0/ 0);
    color: #3daa45;
}

.btn_help {
    margin-left: 10px;
    background: #302d28;
    border-radius: 24px;
    color: #f9b242;
    font-weight: bold;
    text-transform: uppercase;
    padding: 16px;
    height: 48px;
    cursor: pointer;
    border: 1px solid #302d28;
}

.btn_help:hover {
    border-color: #f9b242;
}

.btn_help-span {
    height: 44px;
    line-height: 48px;
}

.btn_help-link {
    text-decoration: none;
    color: initial;
}

.c-begin__menu {
    display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
}

.menu-link {
    color: #f9b242;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 20px;
    border-radius: 5px;
    color: #ffffff;
    letter-spacing: 1px;
}

.menu-link:nth-child(1) {
    line-height: 46px;
    background: #13100e;
    border: 1px solid #f9b242;
    color: #f9b242;
}

.menu-link:last-child {
    line-height: 46px;
    margin-bottom: 0;
}

.menu-link:not(:last-child) {
    margin-right: 5px;
}

.menu-link:hover {
    background: #302d28;
    color: #f9b242;
    border-color: #302d28;
}

.menu-search {
    background: #302d28;
    font-weight: 400;
    padding-left: 26px;
    padding-right: 10px;
    position: relative;
    overflow: hidden;
}

.menu-search input {
    background: rgb(0 0 0 / 0);
    outline: none;
    border: none;
    color: #ffffff;
    max-width: 100%;
    width: 70px;
    transition: width, text-indent 200ms ease-in-out;
    font-size: 1.4rem;
    text-indent: 10px;
}

.menu-search input.active {
    width: 200px;
    animation: expandInput 200ms ease-in-out;
}

.menu-search input.inactive {
    animation: shortenInput 200ms ease-in-out;
}

.menu-search input::placeholder {
    color: #ffffff;
    text-transform: uppercase;
}

.menu-search input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    color: #ffffff;
}

.menu-search__icon {
    position: absolute;
    left: 10px;
    top: 15px;
    right: auto;
    opacity: 1;
    animation: showSearchIcon 200ms linear;
}

.menu-search__icon.hidden {
    opacity: 0;
    animation: hideSearchIcon 200ms;
}

.menu-search__button {
    position: absolute;
    left: auto;
    top: 15px;
    right: 20px;
    line-height: initial;
    background: rgb(0 0 0 / 0);
    cursor: pointer;
    display: none;
}

.menu-search__button.active {
    display: block;
    animation: showSearchButton 200ms;
}

.menu-search__button.inactive {
    display: none;
    animation: hideSearchButton 200ms;
}

.menu-search__icon {
    background: rgb(0 0 0 / 0);
    line-height: 0;
}

.c-main {
    position: relative;
    background: #13100e;
    background-size: 100%;
    padding-top: 103px
}

.text-wrapper {
    width: 100%;
    max-width: 1800px;
    margin: 40px auto;
}

h1 {
    font-size: 3.2rem;
    color: #ededed;
    font-weight: 700;
}

.transparent {
    background: rgb(0 0 0 / 0);
}

.content {
    margin: 15px 0 30px;
    line-height: 1.5;
    font-size: 1.4rem;
    color: #dcd9d5;
}

ul.content li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

ul.content li::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    content: '';
    background: #f9b242;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.list-content li {
    position: relative;
    padding-left: 20px;
    line-height: 1.5;
    font-size: 1.4rem;
    color: #dcd9d5;
}

.content-heading {
    color: #f9b242;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 20px;
}

h2.content-heading {
    font-size: 2.4rem;
}

.head-image__container {
    position: relative;
}

.game-catalog-header__filter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.game-catalog-header__title {
    color: #ffffff;
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-right: 40px;
    text-wrap: nowrap;
}

.game-catalog-header__select {
    position: relative;
    width: 200px;
    max-width: 100%;
    flex: 1 0 auto;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #302d28;
    padding: 12px 10px;
    background: rgb(0 0 0 / 0);
    font-size: 1.4rem;
    z-index: 100;
}

.select_initial-value {
    color: #f9b242;
}

.select__open-indicator {
    position: absolute;
    top: 18px;
    fill: #f9b242;
    right: 7px;
    transition: all 200ms ease-in-out;
}

.select__open-indicator.active {
    transform: rotate(180deg);
}

.select-legend {
    color: rgb(255 255 255 / .9);
    padding: 0 8px;
    font-size: 1rem;
    font-weight: 700;
    background: #1f1c1a;
    position: absolute;
    top: -8px;
    left: 8px;
}

.game-catalog-header__select-options {
    position: absolute;
    top: 48px;
    left: 0;
    overflow: hidden;
    max-height: 0;
    width: 200px;
    max-width: 100%;
    background: #302d28;
    overflow: hidden;
    border-radius: 5px;
    transition: all 300ms ease-in-out;
}

.game-catalog-header__select-options span {
    padding: 8px 12px;
    display: inline-block;
    cursor: pointer;
}

.game-catalog-header__select-options.active {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.game-catalog-header__select-options::-webkit-scrollbar {
    width: 5px;
    background: rgb(0 0 0 / 0);
}

.game-catalog-header__select-options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgb(255 255 255 / .3);
}

@media (min-width: 492px) {
    .c-main {
        padding-top: 140px
    }
}

.o-link {
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem
}

.c-poster img {
    min-height: 140px;
    width: 100%;
    object-fit: cover
}

.resp-img {
    width: 500px;
    max-width: 100%;
}

.img-center {
    margin: auto;
    margin-bottom: 40px;
}

.c-variation-wrapper {
    margin-top: 0;
    padding: 0;
}

.c-variation {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 25px;
    gap: 15px;
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

.c-variation__item {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 10px;
    background: #201e1a;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1.4rem;
    text-transform: capitalize;
    box-sizing: border-box;
    cursor: pointer;
    flex: 0 1 auto;
    width: auto;
}

.c-variation__item:hover {
    background: #302d28;
}

.c-inform {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 20px 0;
    min-height: 100px
}

.c-inform__card {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 33%;
    padding: 3% 0
}

.c-inform__card + .c-inform__card {
    margin-left: 15px
}

.c-inform__card img {
    width: 35px
}

.c-inform__descr {
    padding-top: 10%
}

.c-inform__descr span {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff
}

.c-inform__descr p {
    display: none
}

.c-inform__outer {
    background-color: #161626;
    position: relative
}

.c-inform__outer:after,
.c-inform__outer:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 14px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="-3 -3 14 14"><path fill="gray" d="M3.68 0l1.14 2.3 2.54.37-1.84 1.8L5.96 7 3.68 5.8 1.41 7l.43-2.53L0 2.67l2.54-.37L3.68 0z"/></svg>');
    background-size: contain;
    background-repeat: repeat-x
}

.c-inform__outer:before {
    top: 3px
}

.c-inform__outer:after {
    bottom: 3px
}

.c-text {
    margin-bottom: 25px
}

.c-text img {
    margin: auto
}

.c-text p {
    margin-bottom: 10px !important;
    font-size: 1.6rem
}

.c-text ul {
    padding-left: 25px;
    list-style-type: disc;
    font-size: 1.6rem;
    margin-bottom: 15px
}

.c-text ol {
    padding-left: 25px;
    list-style-type: decimal;
    font-size: 1.6rem;
    margin-bottom: 15px
}

.c-text a:not([class]) {
    color: #46afff;
    text-decoration: none
}

.c-text a:not([class]):focus,
.c-text a:not([class]):hover {
    text-decoration: underline
}

.c-game {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px 0 #000;
    position: relative;
    border: 1px solid #393a51;
}

.c-game:hover {
    border-color: #f9b242;
}

.c-game:hover .c-game__overflow {
    opacity: 1
}

.c-game__wrapper {
    flex: 0 1 226px;
}

.c-game__custom {
    position: absolute;
    pointer-events: none;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    max-width: 100%;
    padding: 3px 9px 5px 3px;
    background: #ff0;
    box-sizing: border-box;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
    z-index: 15;
    gap: 9px;
}

.c-game:hover .c-game__custom {
    display: none;
}

.c-game__custom-text {
    color: #13100e;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
}

.c-games {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 25px;
    gap: 25px;
}

.c-game__icon {
    width: 100%;
    height: 100%;
    border: 1px solid #393a51;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden
}

.c-game__icon img {
    width: 100%;
    height: 100%
}

.c-game__overflow {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 10px;
    background-color: rgba(19, 16, 14, .8);
    z-index: 10
}

.c-game__name {
    font-size: 1.3rem;
    text-align: center;
    color: #ededed;
    letter-spacing: 1px;
    margin-top: 8px;
    margin-bottom: auto;
    max-width: 90%;
}

.c-game__play {
    margin-top: 0;
    margin-bottom: 8px;
    display: block;
    width: 48px;
    height: 48px;
    background: transparent;
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2748%27%20height%3D%2748%27%20viewBox%3D%270%200%2048%2048%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Crect%20width%3D%2748%27%20height%3D%2748%27%20rx%3D%2724%27%20fill%3D%27%233DAA45%27%2F%3E%3Cpath%20d%3D%27M19%2016.7078C19%2015.9434%2019.8228%2015.4617%2020.4893%2015.8357L33.4496%2023.108C34.1297%2023.4896%2034.1307%2024.4681%2033.4514%2024.8511L20.4912%2032.1592C19.8246%2032.535%2019%2032.0534%2019%2031.2881V16.7078Z%27%20fill%3D%27%2312100E%27%2F%3E%3C%2Fsvg%3E);
    border: none;
    cursor: pointer;
}

.c-game__play:hover {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2247%22%20height%3D%2247%22%20rx%3D%2223.5%22%20fill%3D%22%2312100E%22%20fill-opacity%3D%220.8%22%20stroke%3D%22%233DAA45%22%2F%3E%3Cpath%20d%3D%22M19%2016.7078C19%2015.9434%2019.8228%2015.4617%2020.4893%2015.8357L33.4496%2023.108C34.1297%2023.4896%2034.1307%2024.4681%2033.4514%2024.8511L20.4912%2032.1592C19.8246%2032.535%2019%2032.0534%2019%2031.2881V16.7078Z%22%20fill%3D%22%233DAA45%22%2F%3E%3C%2Fsvg%3E");
}

.c-game__overflow__demo {
    margin-top: 0;
    margin-bottom: auto;
    color: #f9b242;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: .2s;
    transition: .2s
}

.c-game__overflow__demo:hover {
    color: #ffffff;
}

.c-payments,
.c-providers {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    width: 100%
}

.c-payments__title,
.c-providers__title {
    padding: 0 15px;
    width: 100%
}

.c-payments__icon,
.c-providers__icon {
    height: 50px;
    padding: 10px 15px
}

.c-payments__icon img,
.c-providers__icon img {
    height: 100%
}

.c-end {
    background-image: url("data:image/png;base64,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");
    background-repeat: repeat;
    background-color: #0a0a14;
    width: 100%;
    color: #646a87;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 30px;
    box-shadow: inset 0 30px 30px -10px rgba(0, 0, 0, .8)
}

.c-end h5 {
    margin: 0;
    margin-bottom: 15px;
    height: 30px;
    border-bottom: 1px solid #222330;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.c-end__info {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.c-end__info-block {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

.c-end__info-block > a {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    border-radius: 5px;
    padding: 0 12px;
    font-size: 1.6rem;
    text-decoration: none;
    color: #fff;
    transition: .2s
}

.c-end__info-block > a:hover {
    background-color: #252536
}

.c-end__info-block .c-variation:before {
    display: none
}

.c-end__copyright {
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px dashed #303036;
    padding: 20px 15px
}

.c-end__copyright-text {
    width: 80%;
    margin-bottom: 15px;
    padding-right: 20px;
    color: #646a87;
    font-size: 1.4rem
}

.c-end__copyright-img {
    width: 20%;
    display: -ms-flex;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px
}

.c-end__copyright-img img {
    width: 40px
}

@media screen and (min-width: 576px) {
    .c-begin__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .c-begin__buttons {
        padding: 0
    }

    .c-inform__descr {
        padding-top: 10%
    }

    .c-inform__descr span {
        font-size: 1.6rem
    }
}

@media screen and (min-width: 768px) {
    .c-variation {
        padding: 5px 0 0
    }

    .c-inform {
        min-height: 160px
    }

    .c-inform__card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .c-inform__card img {
        margin-right: 15px
    }

    .c-inform__descr {
        display: -ms-flex;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0
    }

    .c-inform__descr p {
        padding-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        font-size: 1.4rem;
        font-weight: 500;
        color: #7d8196;
        display: inline-block;
        line-height: 1
    }

    .c-end .c-variation {
        margin-bottom: 0
    }

    .c-end__info-block {
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .c-inform__descr span {
        font-size: 1.8rem
    }

    .c-end__copyright {
        flex-wrap: nowrap
    }

    .c-end__copyright-text {
        width: 40%;
        margin-bottom: 0;
        padding: 0
    }

    .c-end__copyright-img {
        width: 10%
    }

    .c-end__copyright-img_18 {
        display: -ms-flex;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1200px) {
    .c-poster img {
        width: 100%
    }
}

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

table tr {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff
}

table td {
    border: 1px solid #302d28;
    text-align: center;
    font-size: 1.2rem;
    padding: 10px 5px;
    min-width: 120px
}

.c-table__wrapper {
    overflow-x: auto;
    margin: 20px 0;
    padding-bottom: 2px
}

.c-faq {
    box-sizing: border-box;
    width: 100%
}

summary::-webkit-details-marker {
    display: none
}

summary::-moz-list-bullet {
    list-style-type: none
}

summary::marker {
    display: none
}

summary {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    padding-bottom: 14px;
    transition-duration: .3s
}

summary::before {
    content: "";
    position: absolute;
    display: flex;
    height: 3px;
    width: 19px;
    right: 10px;
    top: calc(50% - 1px)
}

summary::after {
    content: "";
    position: absolute;
    display: flex;
    height: 19px;
    width: 3px;
    right: 18px;
    transition-duration: .3s;
    top: calc(50% - 9px)
}

details[open] summary {
    border-color: #e4e5eb
}

details[open] > summary::after {
    transform: rotate(90deg)
}

summary ~ * {
    -webkit-animation: sweep .5s;
    animation: sweep .5s
}

@-webkit-keyframes sweep {
    0% {
        color: transparent
    }

    100% {
        color: #fff !important
    }
}

@keyframes sweep {
    0% {
        color: transparent
    }

    100% {
        color: #fff !important
    }
}

summary:focus {
    outline: 0
}

details {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: block;
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .5);
    background-color: #212132;
    padding: 14px 12px 0;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 2rem
}

details > div {
    margin: 0;
    padding: 20px 8px 20px 28px;
    text-align: left
}

.c-review {
    margin-top: 10px
}

.c-review__list {
    display: flex;
    flex-direction: column;
    padding-left: 0
}

.c-review__count {
    font-weight: 700;
    font-size: 2rem
}

.c-review__item {
    border: 1px solid #f9b242;
    padding: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    background-color: rgba(22, 22, 38, .8);
    border-radius: 6px
}

.c-review__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between
}

.c-review__person {
    font-weight: 700;
    color: #f9b242
}

.c-review__reply {
    color: #f9b242;
    font-weight: 700;
    display: inline-flex;
    margin-left: 10px
}

.c-review__reply:hover {
    text-decoration: underline
}

.c-review__text-box {
    margin-left: 0
}

.payment-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    padding: 0 0 10px;
    text-align: center;
}

.payment-box__item {
    width: 100%;
    max-width: 120px;
    height: 35px;
    margin: 0 5px;
    padding: 0 0 40px;
    vertical-align: top;
}

.payment-box__link {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: .9rem;
}

.payment-box__link::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.payment-box .icon-visa::before {
    display: block;
    width: 65px;
    height: 56px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -4190px;
    overflow: hidden;
    margin: -28px 0 0 -32.5px;
}

.payment-box .icon-maestro::before {
    display: block;
    width: 71px;
    height: 44px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -2725px;
    overflow: hidden;
    margin: -22px 0 0 -35.5px;
}

.payment-box .icon-webmoney::before {
    display: block;
    width: 57px;
    height: 56px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -4364px;
    overflow: hidden;
    margin: -28px 0 0 -28.5px;
}

.payment-box .icon-skrill::before {
    display: block;
    width: 87px;
    height: 30px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -3491px;
    overflow: hidden;
    margin: -15px 0 0 -43.5px;
}

.payment-box .icon-neteller::before {
    display: block;
    width: 117px;
    height: 22px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -2953px;
    overflow: hidden;
    margin: -11px 0 0 -58.5px;
}

.payment-box .icon-interac::before {
    display: block;
    width: 56px;
    height: 56px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -1720px;
    overflow: hidden;
    margin: -28px 0 0 -28px;
}

.payment-box .icon-astropay::before {
    display: block;
    width: 116px;
    height: 56px;
    background-image: url(../img/images-list-s26680adc35.png);
    background-repeat: no-repeat;
    background-position: 0 -499px;
    overflow: hidden;
    margin: -28px 0 0 -58px;
}

.payment-box__text {
    position: absolute;
    top: 0;
    left: 50%;
    width: 88px;
    margin: 0 0 0 -44px;
    padding: 35px 0 0;
    color: #302d28;
    font-size: 1rem;
}

@media (min-width: 769px) {
    .c-review__text-box {
        margin-left: 40px
    }
}

.c-review__text {
    text-align: left;
    margin-top: 0
}

iframe {
    width: 100%;
    height: 30rem;
    margin: 3rem 0
}

@media (min-width: 414px) {
    iframe {
        height: 35rem
    }
}

@media (min-width: 768px) {
    iframe {
        height: 40rem
    }
}

@media (min-width: 1200px) {
    iframe {
        height: 45rem
    }
}

.c-toc__btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center
}

.c-toc__btn::after {
    content: "";
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(../img/more.svg);
    background-repeat: none;
    background-size: cover;
    background-position: center;
    transition-duration: .3s;
    margin-left: 10px;
    transform: rotateX(0)
}

.c-toc__btn.is-open::after {
    transform: rotateX(180deg)
}

.c-toc {
    transition-duration: .3s;
    overflow-y: hidden;
    max-height: 0
}

@media (min-width: 992px) {
    .c-toc {
        display: flex;
        flex-wrap: wrap
    }

    .c-toc li {
        width: 50%
    }
}

.c-toc.is-open {
    max-height: 1000px
}

.c-lang {
    display: flex;
    flex-direction: column;
    background-color: rgba(37, 37, 54, .94902)
}

.c-lang:hover .c-lang__sublist {
    max-height: 1000px
}

.c-lang.is-open .c-lang__sublist {
    max-height: 1000px
}

.c-lang__sublist {
    transition-duration: .3s;
    max-height: 0;
    overflow-y: hidden;
    position: absolute;
    display: flex;
    flex-direction: column
}

.c-lang__item,
.c-lang__subitem {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(37, 37, 54, .94902);
    padding: 8px
}

@media (min-width: 375px) {

    .c-lang__item,
    .c-lang__subitem {
        padding: 10px
    }
}

.c-lang img {
    width: 32px;
    height: 24px
}

@media (min-width: 375px) {
    .c-lang img {
        width: 40px;
        height: 30px
    }
}

.footer {
    margin-top: 60px;
    padding-bottom: 32px;
}

.bg-dark-medium {
    margin-top: 40px;
    margin-bottom: 25px;
    background: #302d28;
}

.footer-grid {
    display: flex;
}

.footer-grid__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24%;
    padding: 15px 0 25px;
    border-right: 4px solid #302d28;
    box-sizing: border-box;
    flex: 0 0 380px;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 85%;
    color: #dcd9d5;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.footer-nav__item {
    padding: 15px 15px 5px;
    text-align: left;
}

.footer-nav__link {
    color: #f9b242;
    text-decoration: none;
    transition: .1s ease-in-out;
    font-size: 1.4rem;
}

.footer-grid__right {
    display: flex;
    justify-content: center;
    width: 76%;
    margin: 0 auto;
}

.provider-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1250px;
    padding: 30px 0 0;
    overflow: hidden;
}

.footer-social-list__item, .provider-list__item {
    display: inline-block;
    width: 100%;
    max-width: 115px;
    padding: 0 5px 40px;
    vertical-align: middle;
}

.certificate-list {
    text-align: center;
}

.certificate-list__item {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
}

.footer__block {
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    padding: 0 15px
}

.copyrights-box {
    width: 45%;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    line-height: 25px;
    font-size: 1.3rem;
}

.footer__inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

.footer__help {
    display: flex;
    flex-wrap: wrap;
}

.footer__help > li {
    border-radius: 5px;
    margin-right: 8px;
    transition: all .3s ease-in-out
}

.footer__help > li:hover {
    background-color: #403c35;
}

.footer__help a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    width: 100%;
    border-radius: 5px;
    padding: 0 8px;
    font-size: 16px;
    text-decoration: none;
    color: #f9b242;
    transition: background-color .15s linear, transform .15s linear
}

.footer__navigation-social {
    display: flex;
    align-items: center
}

.footer__navigation-social li {
    margin-right: 10px
}

.footer__navigation-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border-radius: 50%
}

.footer__navigation-social a img {
    height: 20px;
    width: 20px
}

.social-instagram {
    background-color: #264484;
    box-shadow: 0 3px 0 1px #16284d
}

.social-instagram:hover {
    box-shadow: 0 3px 0 #16284D, inset 0 10px 10px 5px rgba(255, 255, 255, 0.4)
}

.social-telegram {
    background-color: #2ca3df;
    box-shadow: 0 3px 0 1px #1a6b84
}

.social-telegram:hover {
    box-shadow: 0 3px 0 #1A6B84, inset 0 10px 10px 5px rgba(255, 255, 255, 0.4)
}

.social-vkontakte {
    background-color: #3a6aa3;
    box-shadow: 0 3px 0 1px #223f61
}

.social-vkontakte:hover {
    box-shadow: 0 3px 0 #223F61, inset 0 10px 10px 5px rgba(255, 255, 255, 0.4)
}

.social-youtube {
    background-color: red;
    box-shadow: 0 3px 0 1px #781712
}

.social-youtube:hover {
    box-shadow: 0 3px 0 #781712, inset 0 10px 10px 5px rgba(255, 255, 255, 0.4)
}

.footer__second {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px dashed #303036
}

.footer__second-container {
    width: 100%
}

.footer__lang-mobile {
    display: none
}

.copyright-age-warning {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 950px
}

.license-wrapper {
    min-width: 40px
}

.warning-item {
    display: flex;
    align-items: center;
    margin-right: 35px
}

.footer__second .license-wrapper .validator > div {
    overflow: visible !important
}

.p-copyright {
    min-width: 230px;
    line-height: 16px;
    word-break: normal;
    word-wrap: normal
}

.footer__second .p-copyright,
.footer__second .p-warning {
    color: rgb(249 178 66 / .5);
    font-size: 12px;
    margin-left: 20px
}

.footer__second .copyright-age-warning-item {
    max-width: 380px
}

.footer__second .age-18 {
    height: 40px;
    width: 40px
}

.footer__second .p-warning {
    line-height: 14px
}

.footer__second .copyright-age-warning {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 950px
}

.footer__lang-desktop {
    min-width: 175px;
    width: 175px;
    display: flex;
    justify-content: flex-start
}

.choose-lang-list {
    z-index: 90;
    overflow-y: auto;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 6px 4px;
    background-color: #4a5372;
    color: #fff;
    column-count: 2;
    position: absolute;
    bottom: -14.5px;
    left: -194px;
    max-height: fit-content;
    width: auto
}

.choose-lang {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer
}

.choose-lang .choose-lang-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: initial;
    height: 30px;
    padding: 5px;
    cursor: pointer
}

.dropdown-list {
    opacity: 0;
    visibility: hidden;
    transition: visibility .5s, opacity .25s ease
}

.dropdown-list.show {
    opacity: 1;
    visibility: visible
}

.choose-lang-list li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 3px;
    background: inherit;
    break-inside: avoid;
    padding: 10px 5px
}

.choose-lang-list li.choose-lang-mid-odd-item {
    margin-bottom: 30px
}

.choose-lang-list li:last-child {
    margin-bottom: 0
}

.choose-lang-list li:hover {
    background-color: #2d3047
}

.choose-lang-list .choose-lang-box {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.choose-lang a {
    text-decoration: none
}

.flag-lang {
    width: 30px;
    border-radius: 50%
}

.choose-lang .lang-native-select {
    display: none
}

.choose-lang .arrow-down {
    width: 12px
}

.choose-lang span {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.footer__payments-selector-container {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.footer__payments-selector-container .footer__payments-selector {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.footer__payments-selector-container h3 {
    font-size: 1.8rem
}

.footer__payments-selector-container .footer__payments-selector.x-expand-block-opened .arrow-down {
    transform: rotate(-180deg)
}

.footer__payments-selector-container .arrow-down {
    margin: 0 8px;
    width: 12px;
    transition: transform .5s
}

.footer__payments-list {
    opacity: 0;
    max-height: 0;
    transform: scaleY(0);
    transform-origin: center top;
    transition: opacity .5s ease 0s, max-height 500ms ease 0s, transform 500ms ease 0s
}

.footer__payments-list.x-expand-block-opened {
    opacity: 1;
    max-height: 350px;
    transform: scaleY(1)
}

.footer__payments ul {
    background: #0a0a14;
    display: flex;
    flex-wrap: wrap
}

.footer__payments li {
    align-items: center;
    background-color: rgba(255, 255, 255, .03);
    border-radius: 5px;
    width: 100px;
    height: 60px;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding: 10px;
    margin: 0 10px 10px 0
}

.footer__payments img {
    height: 100%;
    max-height: 40px;
    width: 60px;
    object-fit: contain
}

@media screen and (max-width: 1280px) {
    .footer__inner-container {
        order: -1;
        flex-direction: column;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 30px;
        gap: 20px 0
    }

    .footer__second .copyright-age-warning {
        order: 1
    }
}

@media screen and (max-width: 768px) {
    .footer__help {
        justify-content: center;
        margin-bottom: 20px
    }

    .footer__second .copyright-age-warning {
        order: 1;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px 0
    }

    .choose-lang-list {
        column-count: 1;
        bottom: -12px;
        left: -5px
    }
}


.ul-pr li {
    display: block;
    width: 80%;
    float: left;
    line-height: 22px;
}

.ul-pr {
    padding: 0;
    list-style: none;
    display: grid;
    margin-bottom: 15px;
}

.ul-pr li {
    padding: 6px 6px 6px 20px;
    position: relative;
}

.ul-pr li:before {
    padding-right: 10px;
    font-weight: bold;
    color: #f9b242;
    content: "\2714";
    transition-duration: 0.5s;
    position: absolute;
    left: 0;
}

.ul-pr li:hover:before {
    color: #337AB7;
    content: "\2714";
}


.main-content {
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: 0 8px 10px #000;
    background: linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, rgba(70, 82, 121, 0)) border-box;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px;
    padding: 30px;
}

@keyframes expandInput {
    0% {
        width: 70px;
    }

    30% {
        width: 170px;
    }

    100% {
        width: 200px;
    }
}

@keyframes shortenInput {
    0% {
        width: 200px;
    }

    30% {
        width: 170px;
    }

    100% {
        width: 70px;
    }
}


@keyframes showSearchButton {
    0% {
        display: none;
        opacity: 0;
        transform: translate(60px, 0);
    }

    50% {
        display: none;
        transform: translate(60px, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes hideSearchButton {
    0% {
        display: block;
        opacity: 1;
        transform: translate(0, 0);
    }

    20% {
        display: none;
        opacity: 0;
        transform: translate(60px, 0);
    }

    100% {
        display: none;
        opacity: 0;
        transform: translate(60px, 0);
    }
}

@keyframes showSearchIcon {
    0% {
        opacity: 0;
        transform: translate(-30px, 0);
    }

    50% {
        opacity: 0.5;
        transform: translate(-15px, 0);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

@keyframes hideSearchIcon {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    50% {
        opacity: 0.5;
        transform: translate(-15px, 0);
    }

    100% {
        opacity: 0;
        transform: translate(-30px, 0);
    }
}

@media screen and (max-width: 991px) {
    .c-begin__content {
        padding-bottom: 32px;
    }

    .c-main {
        padding-top: 102px;
    }

    .payment-box__item {
        max-width: 150px;
        height: 80px;
        margin: 0;
        padding: 20px 0 0;
    }
}

@media screen and (max-width: 768px) {
    .footer-grid {
        flex-direction: column;
    }

    .footer-grid__left {
        width: 100%;
    }

    .footer-nav {
        width: 100%;
    }

    .footer-grid__right {
        width: 100%;
    }

    .copyrights-box {
        width: 90%;
    }

    .c-begin__logo {
        max-width: 33%;
    }

    .c-begin__logo img {
        height: auto;
    }

    .btn_help-link {
        display: none;
    }

    .game-catalog-header__title {
        font-size: 2rem;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .game-catalog-header__filter {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .game-catalog-header__search input {
        font-size: 2rem;
    }

    .game-catalog-header__search input::placeholder {
        font-size: 2rem;
    }

    .game-catalog-header__search {
        flex: 1 1 220px;
    }

    h1 {
        font-size: 2.4rem;
    }

    h2.content-heading {
        font-size: 1.8rem;
    }

    .content-heading {
        font-size: 1.6rem;
    }

    .certificate-list__item {
        padding: 0 15px 5px;
    }
}

@media screen and (max-width: 500px) {
    .c-begin__buttons {
        font-size: 1rem;
    }

    .c-begin__buttons .o-btn_link {
        height: 32px;
        line-height: 32px;
        padding: 0 5px;
    }

    .c-begin__logo {
        max-width: 45%;
    }

    .c-begin__content {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .c-poster img {
        min-height: auto;
    }

    .c-main {
        padding-top: 70px;
    }

    .text-wrapper {
        margin-top: 24px;
    }

    .footer {
        margin-top: 20px;
    }

    .footer-nav__item {
        padding: 5px;
    }

    .footer-social-list__item, .provider-list__item {
        padding: 0 5px 20px;
    }
}

@media (max-width: 850px) {
	main {
		margin-top: 50px;
	}
    .c-text {
        padding: 15px;
    }
}