@font-face {
    font-family: "RobotoCondensed-Bold";
    src: url("RobotoCondensed-Bold.eot");
    src: url("RobotoCondensed-Bold.eot@") format("embedded-opentype"), url("RobotoCondensed-Bold.woff") format("woff"), url("RobotoCondensed-Bold.ttf") format("truetype"), url("RobotoCondensed-Bold.svg") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "RobotoCondensed-Light";
    src: url("RobotoCondensed-Light.eot");
    src: url("RobotoCondensed-Light.eot@") format("embedded-opentype"), url("RobotoCondensed-Light.woff") format("woff"), url("RobotoCondensed-Light.ttf") format("truetype"), url("RobotoCondensed-Light.svg") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "RobotoCondensed-Regular";
    src: url("RobotoCondensed-Regular.eot");
    src: url("RobotoCondensed-Regular.eot@") format("embedded-opentype"), url("RobotoCondensed-Regular.woff") format("woff"), url("RobotoCondensed-Regular.ttf") format("truetype"), url("RobotoCondensed-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: transparent
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top
}

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

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ''
}

input:focus,
textarea:focus,
a:focus,
button:focus,
select:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del,
s,
strike {
    text-decoration: line-through
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
fieldset,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
    margin: 0
}

ul,
ol {
    list-style: none
}

* {
    box-sizing: border-box;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal
}

.container {
    max-width: 1439px;
    margin: 0 auto;
    overflow-x: hidden
}

@media (min-width: 1560px) {
    .container {
        width: 1440px
    }
}

@media (max-width: 1280px) {
    .container {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

html:not(.js-bonus-list-opened) .R-800 .container {
    margin: 52px auto 0
}

.container-fluid {
    max-width: 1439px;
    margin: 0 auto;
    padding: 0 15px
}

@media (min-width: 1560px) {
    .container-fluid {
        width: 1440px
    }
}

@media (max-width: 1280px) {
    .container-fluid {
        width: 100%
    }
}

body {
    height: 100%;
    overflow-x: hidden;
    background: rgba(0, 0, 0, 0.9)
}

.page-wrapper {
    margin: 0 auto;
    padding-top: 68px
}

.R-1280 .page-wrapper {
    padding-top: 128px
}

.R-800 .page-wrapper {
    padding-top: 0
}

.page-wrapper_hide {
    display: none
}

.clear {
    clear: both
}

.columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.columns__col {
    width: -webkit-calc(50% - 24px);
    width: calc(50% - 24px);
    margin-bottom: 24px
}

.R-800 .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-800 .columns__col {
    width: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-va-center {
    vertical-align: center
}

.f-sml {
    font-size: 14px
}

.f-reg {
    font-size: 16px
}

.f-big {
    font-size: 20px
}

.f-huge {
    font-size: 26px
}

.R-600 .f-sml {
    font-size: 12px
}

.R-600 .f-reg {
    font-size: 14px
}

.R-600 .f-big {
    font-size: 16px
}

.R-600 .f-huge {
    font-size: 20px
}

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

.c-gray {
    color: #303030 !important
}

.c-gray-lt {
    color: #E0E0E0 !important
}

.c-gray-txt-minor {
    color: #888 !important
}

.c-gray-md {
    color: #555 !important
}

.c-gray-smd {
    color: #6D6D6D !important
}

.c-gray-dk {
    color: #3d3b3b !important
}

.c-gray-sdk {
    color: #252525 !important
}

.c-yellow {
    color: #EDC97F !important
}

.c-green {
    color: #27AE60 !important
}

.c-red {
    color: #F11414 !important
}

.c-black {
    color: #000 !important
}

.cf-white {
    fill: #fff !important
}

.cf-gray-white {
    fill: #C5C5C5 !important
}

.cf-gray {
    fill: #303030 !important
}

.cf-gray-lt {
    fill: #E0E0E0 !important
}

.cf-gray-md {
    fill: #555 !important
}

.cf-gray-smd {
    fill: #6D6D6D !important
}

.cf-gray-dk {
    fill: #3d3b3b !important
}

.cf-gray-sdk {
    fill: #252525 !important
}

.cf-yellow {
    fill: #EDC97F !important
}

.cf-green {
    fill: #27AE60 !important
}

.cf-red {
    fill: #F11414 !important
}

.cf-black {
    fill: #000 !important
}

.f-up {
    text-transform: uppercase
}

.f-low {
    text-transform: lowercase
}

.f-bold {
    font-weight: bold
}

.f-italic {
    font-style: italic
}

.f-under {
    text-decoration: underline
}

.f-strike {
    text-decoration: line-through
}

.f-nowrap {
    white-space: nowrap
}

.f-wrap-normal {
    white-space: normal !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}

.txt-left {
    text-align: left
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

img {
    position: relative;
    display: inline-block;
    border: none;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    font: 300 12px/2 Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-align: center
}

.img_404 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: #303030;
    background-size: contain;
    z-index: 1
}

.img_404-wrapper {
    position: relative
}

.img_404__text {
    position: absolute;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #E0E0E0;
    text-shadow: 0 2px 2px #000000;
    font-size: 16px
}

.R-600 .img_404__text {
    font-size: 14px
}

.pad-b-hlf {
    padding-bottom: 6px !important
}

.pad-b-std {
    padding-bottom: 12px !important
}

.pad-b-dbl {
    padding-bottom: 24px !important
}

.pad-b-tri {
    padding-bottom: 36px !important
}

.pad-b-qud {
    padding-bottom: 48px !important
}

.pad-b-fve {
    padding-bottom: 60px !important
}

.pad-t-hlf {
    padding-top: 6px !important
}

.pad-t-std {
    padding-top: 12px !important
}

.pad-t-dbl {
    padding-top: 24px !important
}

.pad-t-tri {
    padding-top: 36px !important
}

.pad-t-qud {
    padding-top: 48px !important
}

.pad-t-fve {
    padding-top: 60px !important
}

.pad-l-hlf {
    padding-left: 6px !important
}

.pad-l-std {
    padding-left: 12px !important
}

.pad-l-dbl {
    padding-left: 24px !important
}

.pad-l-tri {
    padding-left: 36px !important
}

.pad-l-qud {
    padding-left: 48px !important
}

.pad-l-fve {
    padding-left: 60px !important
}

.pad-r-hlf {
    padding-right: 6px !important
}

.pad-r-std {
    padding-right: 12px !important
}

.pad-r-dbl {
    padding-right: 24px !important
}

.pad-r-tri {
    padding-right: 36px !important
}

.pad-r-qud {
    padding-right: 48px !important
}

.pad-r-fve {
    padding-right: 60px !important
}

.mar-b-hlf {
    margin-bottom: 6px !important
}

.mar-b-std {
    margin-bottom: 12px !important
}

.mar-b-dbl {
    margin-bottom: 24px !important
}

.mar-b-tri {
    margin-bottom: 36px !important
}

.mar-b-qud {
    margin-bottom: 48px !important
}

.mar-b-fve {
    margin-bottom: 60px !important
}

.mar-t-hlf {
    margin-top: 6px !important
}

.mar-t-std {
    margin-top: 12px !important
}

.mar-t-dbl {
    margin-top: 24px !important
}

.mar-t-tri {
    margin-top: 36px !important
}

.mar-t-qud {
    margin-top: 48px !important
}

.mar-t-fve {
    margin-top: 60px !important
}

.mar-l-hlf {
    margin-left: 6px !important
}

.mar-l-std {
    margin-left: 12px !important
}

.mar-l-dbl {
    margin-left: 24px !important
}

.mar-l-tri {
    margin-left: 36px !important
}

.mar-l-qud {
    margin-left: 48px !important
}

.mar-l-fve {
    margin-left: 60px !important
}

.mar-r-hlf {
    margin-right: 6px !important
}

.mar-r-std {
    margin-right: 12px !important
}

.mar-r-dbl {
    margin-right: 24px !important
}

.mar-r-tri {
    margin-right: 36px !important
}

.mar-r-qud {
    margin-right: 48px !important
}

.mar-r-fve {
    margin-right: 60px !important
}

input {
    vertical-align: middle;
    margin: 0;
    padding: 0
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

svg {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

button,
input[type='reset'],
input[type='submit'],
input[type='button'],
input[type='image'] {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    background: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #252525 inset !important;
    -webkit-text-fill-color: white;
    -webkit-transition: all 0s 100000s;
    transition: all 0s 100000s
}

.content {
    background: #000;
    position: relative;
    padding: 0 24px;
    z-index: 1
}

.content-nopad {
    background: #000;
    position: relative;
    z-index: 1;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.content_bg-dark-gray {
    background: #1E1E1E;
    border-radius: 8px;
    padding: 12px
}

.R-600 .content {
    padding: 0 12px
}

.pad-adapt-top {
    padding-top: 48px
}

.R-600 .pad-adapt-top {
    padding-top: 24px
}

.pad-adapt-bot {
    padding-bottom: 48px
}

.R-600 .pad-adapt-bot {
    padding-bottom: 24px
}

.mar-adapt-top {
    margin-top: 48px
}

.R-600 .mar-adapt-top {
    margin-top: 24px
}

.mar-adapt-bottom {
    margin-bottom: 48px
}

.R-600 .mar-adapt-bottom {
    margin-bottom: 24px
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.flex__item {
    margin-left: 12px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex__item:first-child {
    margin-left: 0
}

.flex_top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flex_bot {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex_end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.flex_between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex_start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex_center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

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

.flex_inline .flex__item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.modal-opened {
    height: auto;
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none
}

.modal-opened body {
    height: auto;
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none
}

.background {
    position: fixed;
    z-index: -1;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: url("../background.png") 50% 50% repeat
}

.background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bg-winter {
    background: url("https://riobet-142.ru/img/items/bg-winter.png") 50% 50% repeat
}

.bg-shadow {
    box-shadow: rgba(0, 0, 0, 0.95) 0px -60px 70px 50px
}

.f-bg-shadow {
    box-shadow: rgba(0, 0, 0, 0.95) 0px 25px 70px 50px
}

.R-1280 .f-bg-shadow {
    box-shadow: none
}

.header-winter {
    background: #041623 !important
}

.R-600 .header-winter {
    background: black !important
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #202427;
    z-index: 99999;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.preloader .loader-canvas-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.__jivoMobileButton {
    display: none !important
}

jdiv[class^=label] {
    right: -200px !important
}

.grv-helper-bell-host,
.grv-bell-host {
    display: none
}

.grecaptcha-badge {
    visibility: hidden
}

.negative-z-index {
    z-index: -1 !important
}

.no-events {
    pointer-events: none
}

.relative {
    position: relative
}

.c-pointer {
    cursor: pointer
}

.unselectable-page div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.unselectable-page .popup div {
    -webkit-touch-callout: default;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

ol {
    padding-left: 24px;
    counter-reset: olist
}

ol>li {
    position: relative;
    margin-bottom: 6px
}

ol>li:before {
    counter-increment: olist;
    content: counter(olist) ".";
    display: inline-block;
    color: #E0E0E0;
    border-radius: 0 0 12px 0;
    position: absolute;
    right: -webkit-calc(100% + 6px);
    right: calc(100% + 6px);
    top: 0
}

ul {
    padding-left: 24px
}

ul>li {
    position: relative;
    margin-bottom: 6px
}

ul>li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #555;
    border-radius: 50%;
    position: absolute;
    right: -webkit-calc(100% + 12px);
    right: calc(100% + 12px);
    top: 6px
}

.txt-format {
    font-size: 16px;
    color: #E0E0E0;
    line-height: 1.25em
}

.txt-format p {
    margin: 10;
    padding: 0;
    margin-bottom: 12px;
    margin-top: 12px;
	text-indent: 1.5em;
}

.txt-format b {
    font-weight: bold
}

.txt-format i {
    font-style: italic
}

.txt-format a {
    text-decoration: underline
}

.txt-format a:hover,
.txt-format a:active {
    color: #EDC97F
}

.txt-format h1 {
    font-size: 24px;
    margin-bottom: 24px
}

.txt-format h2 {
    font-size: 20px;
    margin-bottom: 12px
}

.txt-format h3 {
    font-size: 18px;
    margin-bottom: 6px
}

.txt-format .quote {
    font-style: italic;
    text-align: center;
    margin-bottom: 24px
}

.txt-format .quote div {
    font-style: italic
}

.txt-format .quote div:last-child {
    font-size: 14px
}

.txt-format .txt-list {
    padding-bottom: 12px
}

.txt-format .txt-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 6px
}

.txt-format .txt-list>div>span {
    display: block
}

.txt-format .txt-list>div>span svg {
    fill: #EDC97F;
    width: 24px !important;
    height: 24px
}

.txt-format-centered .txt-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.R-600 .txt-format {
    font-size: 14px
}

.R-600 .txt-format h1 {
    font-size: 22px
}

.R-600 .txt-format h2 {
    font-size: 18px
}

.R-600 .txt-format h3 {
    font-size: 16px
}

.R-600 .txt-format .quote div:last-child {
    font-size: 12px
}

.R-800 .txt-format-centered .txt-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tournament-rules .txt-list .flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tournament-rules ul {
    padding-left: 0
}

.tournament-rules ul svg {
    fill: #6D6D6D
}

.tournament-rules ul .flex {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.R-800 .tournament-rules ul {
    padding: 0
}

.tournament-rules ul>li {
    margin-bottom: 6px;
    margin: 0 0 6px 46px;
    list-style: disc
}

.tournament-rules ul>li::marker {
    font-size: 10px
}

.tournament-rules ul>li:before {
    display: none
}

.R-800 .tournament-rules ul>li {
    padding: 0 0px 0 0px
}

.tournament-rules .under-li {
    margin: 6px 0px
}

.tournament-rules .under-li>li {
    margin: 0 0 6px 16px
}

.tournament-rules .flex {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.tournament-rules a {
    cursor: pointer
}

.tournament-rules span {
    margin-right: 6px
}

.tournament-rules span svg {
    display: inline;
    position: relative;
    left: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    fill: #6D6D6D
}

.tournament-rules span:last-child {
    margin-right: 0
}

.tournament-rules button {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 200px
}

.tournament-rules button span {
    margin-right: 0
}

.sm-icon-ainsworth {
    background-image: url(../sprite.png);
    background-position: -28px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-amatic {
    background-image: url(../sprite.png);
    background-position: -175px -84px;
    width: 26px;
    height: 26px
}

.sm-icon-apollo {
    background-image: url(../sprite.png);
    background-position: -140px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-apolloprovider {
    background-image: url(../sprite.png);
    background-position: -63px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-authenticgaming {
    background-image: url(../sprite.png);
    background-position: -63px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-beefee {
    background-image: url(../sprite.png);
    background-position: -91px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-belatra {
    background-image: url(../sprite.png);
    background-position: -91px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-betsoft {
    background-image: url(../sprite.png);
    background-position: 0px -64px;
    width: 26px;
    height: 26px
}

.sm-icon-bgaming {
    background-image: url(../sprite.png);
    background-position: -28px -64px;
    width: 26px;
    height: 26px
}

.sm-icon-bigtimegaming {
    background-image: url(../sprite.png);
    background-position: -56px -64px;
    width: 26px;
    height: 26px
}

.sm-icon-blueprint {
    background-image: url(../sprite.png);
    background-position: -84px -64px;
    width: 26px;
    height: 26px
}

.sm-icon-boominggames {
    background-image: url(../sprite.png);
    background-position: -119px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-booongo {
    background-image: url(../sprite.png);
    background-position: -119px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-cup {
    background-image: url(../sprite.png);
    background-position: 0px -28px;
    width: 26px;
    height: 34px
}

.sm-icon-edict {
    background-image: url(../sprite.png);
    background-position: 0px -92px;
    width: 26px;
    height: 26px
}

.sm-icon-egt {
    background-image: url(../sprite.png);
    background-position: -28px -92px;
    width: 26px;
    height: 26px
}

.sm-icon-egtlive {
    background-image: url(../sprite.png);
    background-position: -56px -92px;
    width: 26px;
    height: 26px
}

.sm-icon-elkstudios {
    background-image: url(../sprite.png);
    background-position: -84px -92px;
    width: 26px;
    height: 26px
}

.sm-icon-endorphina {
    background-image: url(../sprite.png);
    background-position: -112px -92px;
    width: 26px;
    height: 26px
}

.sm-icon-endorphinad {
    background-image: url(../sprite.png);
    background-position: -147px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-evobetsoft {
    background-image: url(../sprite.png);
    background-position: -147px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-evolution {
    background-image: url(../sprite.png);
    background-position: -147px -56px;
    width: 26px;
    height: 26px
}

.sm-icon-evomicrogaming {
    background-image: url(../sprite.png);
    background-position: -147px -84px;
    width: 26px;
    height: 26px
}

.sm-icon-evoplay {
    background-image: url(../sprite.png);
    background-position: 0px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-ezugi {
    background-image: url(../sprite.png);
    background-position: -28px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-fugaso {
    background-image: url(../sprite.png);
    background-position: -56px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-gameart {
    background-image: url(../sprite.png);
    background-position: -84px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-genii {
    background-image: url(../sprite.png);
    background-position: -112px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-habanero {
    background-image: url(../sprite.png);
    background-position: -140px -120px;
    width: 26px;
    height: 26px
}

.sm-icon-high5games {
    background-image: url(../sprite.png);
    background-position: -175px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-igrosoft {
    background-image: url(../sprite.png);
    background-position: -175px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-isoftbet {
    background-image: url(../sprite.png);
    background-position: -175px -56px;
    width: 26px;
    height: 26px
}

.sm-icon-jackpot-bag {
    background-image: url(../sprite.png);
    background-position: -56px -204px;
    width: 15px;
    height: 15px
}

.sm-icon-leander {
    background-image: url(../sprite.png);
    background-position: -175px -112px;
    width: 26px;
    height: 26px
}

.sm-icon-luckystreak {
    background-image: url(../sprite.png);
    background-position: 0px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-mascotgaming {
    background-image: url(../sprite.png);
    background-position: -28px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-microgaming {
    background-image: url(../sprite.png);
    background-position: -56px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-mrslotty {
    background-image: url(../sprite.png);
    background-position: -84px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-netent {
    background-image: url(../sprite.png);
    background-position: -112px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-new {
    background-image: url(../sprite.png);
    background-position: 0px 0px;
    width: 61px;
    height: 26px
}

.sm-icon-nolimitcity {
    background-image: url(../sprite.png);
    background-position: -168px -148px;
    width: 26px;
    height: 26px
}

.sm-icon-onextwonetwork {
    background-image: url(../sprite.png);
    background-position: -203px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-pariplay {
    background-image: url(../sprite.png);
    background-position: -203px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-patagonia {
    background-image: url(../sprite.png);
    background-position: -203px -56px;
    width: 26px;
    height: 26px
}

.sm-icon-pgsoft {
    background-image: url(../sprite.png);
    background-position: -203px -84px;
    width: 26px;
    height: 26px
}

.sm-icon-platipus {
    background-image: url(../sprite.png);
    background-position: -203px -112px;
    width: 26px;
    height: 26px
}

.sm-icon-playngo {
    background-image: url(../sprite.png);
    background-position: -203px -140px;
    width: 26px;
    height: 26px
}

.sm-icon-playson {
    background-image: url(../sprite.png);
    background-position: 0px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-playtech {
    background-image: url(../sprite.png);
    background-position: -28px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-pragmaticplay {
    background-image: url(../sprite.png);
    background-position: -56px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-pragmaticplaylive {
    background-image: url(../sprite.png);
    background-position: -84px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-pushgaming {
    background-image: url(../sprite.png);
    background-position: -112px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-quickspin {
    background-image: url(../sprite.png);
    background-position: -140px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-realisticgame {
    background-image: url(../sprite.png);
    background-position: -168px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-redtiger {
    background-image: url(../sprite.png);
    background-position: -196px -176px;
    width: 26px;
    height: 26px
}

.sm-icon-relaxgaming {
    background-image: url(../sprite.png);
    background-position: -231px 0px;
    width: 26px;
    height: 26px
}

.sm-icon-spadegaming {
    background-image: url(../sprite.png);
    background-position: -231px -28px;
    width: 26px;
    height: 26px
}

.sm-icon-spinomenal {
    background-image: url(../sprite.png);
    background-position: -231px -56px;
    width: 26px;
    height: 26px
}

.sm-icon-stakelogic {
    background-image: url(../sprite.png);
    background-position: -231px -84px;
    width: 26px;
    height: 26px
}

.sm-icon-thunderkick {
    background-image: url(../sprite.png);
    background-position: -231px -112px;
    width: 26px;
    height: 26px
}

.sm-icon-tomhorn {
    background-image: url(../sprite.png);
    background-position: -231px -140px;
    width: 26px;
    height: 26px
}

.sm-icon-vivogaming {
    background-image: url(../sprite.png);
    background-position: -231px -168px;
    width: 26px;
    height: 26px
}

.sm-icon-wacs {
    background-image: url(../sprite.png);
    background-position: 0px -204px;
    width: 26px;
    height: 26px
}

.sm-icon-wazdan {
    background-image: url(../sprite.png);
    background-position: -28px -204px;
    width: 26px;
    height: 26px
}

.sm-icon-yggdrasil {
    background-image: url(../sprite.png);
    background-position: -119px -56px;
    width: 26px;
    height: 26px
}

.sm-icon-ainsworth {
    background-image: url(../sprite.png);
    background-position: -28px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-ainsworth {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-amatic {
    background-image: url(../sprite.png);
    background-position: -175px -84px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-amatic {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-apollo {
    background-image: url(../sprite.png);
    background-position: -140px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-apollo {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-apolloprovider {
    background-image: url(../sprite.png);
    background-position: -63px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-apolloprovider {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-authenticgaming {
    background-image: url(../sprite.png);
    background-position: -63px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-authenticgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-beefee {
    background-image: url(../sprite.png);
    background-position: -91px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-beefee {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-belatra {
    background-image: url(../sprite.png);
    background-position: -91px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-belatra {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-betsoft {
    background-image: url(../sprite.png);
    background-position: 0px -64px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-betsoft {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-bgaming {
    background-image: url(../sprite.png);
    background-position: -28px -64px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-bgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-bigtimegaming {
    background-image: url(../sprite.png);
    background-position: -56px -64px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-bigtimegaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-blueprint {
    background-image: url(../sprite.png);
    background-position: -84px -64px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-blueprint {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-boominggames {
    background-image: url(../sprite.png);
    background-position: -119px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-boominggames {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-booongo {
    background-image: url(../sprite.png);
    background-position: -119px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-booongo {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-cup {
    background-image: url(../sprite.png);
    background-position: 0px -28px;
    width: 26px;
    height: 34px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-cup {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-edict {
    background-image: url(../sprite.png);
    background-position: 0px -92px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-edict {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-egt {
    background-image: url(../sprite.png);
    background-position: -28px -92px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-egt {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-egtlive {
    background-image: url(../sprite.png);
    background-position: -56px -92px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-egtlive {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-elkstudios {
    background-image: url(../sprite.png);
    background-position: -84px -92px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-elkstudios {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-endorphina {
    background-image: url(../sprite.png);
    background-position: -112px -92px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-endorphina {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-endorphinad {
    background-image: url(../sprite.png);
    background-position: -147px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-endorphinad {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-evobetsoft {
    background-image: url(../sprite.png);
    background-position: -147px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-evobetsoft {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-evolution {
    background-image: url(../sprite.png);
    background-position: -147px -56px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-evolution {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-evomicrogaming {
    background-image: url(../sprite.png);
    background-position: -147px -84px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-evomicrogaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-evoplay {
    background-image: url(../sprite.png);
    background-position: 0px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-evoplay {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-ezugi {
    background-image: url(../sprite.png);
    background-position: -28px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-ezugi {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-fugaso {
    background-image: url(../sprite.png);
    background-position: -56px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-fugaso {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-gameart {
    background-image: url(../sprite.png);
    background-position: -84px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-gameart {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-genii {
    background-image: url(../sprite.png);
    background-position: -112px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-genii {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-habanero {
    background-image: url(../sprite.png);
    background-position: -140px -120px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-habanero {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-high5games {
    background-image: url(../sprite.png);
    background-position: -175px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-high5games {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-igrosoft {
    background-image: url(../sprite.png);
    background-position: -175px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-igrosoft {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-isoftbet {
    background-image: url(../sprite.png);
    background-position: -175px -56px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-isoftbet {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-jackpot-bag {
    background-image: url(../sprite.png);
    background-position: -56px -204px;
    width: 15px;
    height: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-jackpot-bag {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-leander {
    background-image: url(../sprite.png);
    background-position: -175px -112px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-leander {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-luckystreak {
    background-image: url(../sprite.png);
    background-position: 0px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-luckystreak {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-mascotgaming {
    background-image: url(../sprite.png);
    background-position: -28px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-mascotgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-microgaming {
    background-image: url(../sprite.png);
    background-position: -56px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-microgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-mrslotty {
    background-image: url(../sprite.png);
    background-position: -84px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-mrslotty {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-netent {
    background-image: url(../sprite.png);
    background-position: -112px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-netent {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-new {
    background-image: url(../sprite.png);
    background-position: 0px 0px;
    width: 61px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-new {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-nolimitcity {
    background-image: url(../sprite.png);
    background-position: -168px -148px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-nolimitcity {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-onextwonetwork {
    background-image: url(../sprite.png);
    background-position: -203px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-onextwonetwork {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-pariplay {
    background-image: url(../sprite.png);
    background-position: -203px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-pariplay {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-patagonia {
    background-image: url(../sprite.png);
    background-position: -203px -56px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-patagonia {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-pgsoft {
    background-image: url(../sprite.png);
    background-position: -203px -84px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-pgsoft {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-platipus {
    background-image: url(../sprite.png);
    background-position: -203px -112px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-platipus {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-playngo {
    background-image: url(../sprite.png);
    background-position: -203px -140px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-playngo {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-playson {
    background-image: url(../sprite.png);
    background-position: 0px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-playson {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-playtech {
    background-image: url(../sprite.png);
    background-position: -28px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-playtech {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-pragmaticplay {
    background-image: url(../sprite.png);
    background-position: -56px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-pragmaticplay {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-pragmaticplaylive {
    background-image: url(../sprite.png);
    background-position: -84px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-pragmaticplaylive {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-pushgaming {
    background-image: url(../sprite.png);
    background-position: -112px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-pushgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-quickspin {
    background-image: url(../sprite.png);
    background-position: -140px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-quickspin {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-realisticgame {
    background-image: url(../sprite.png);
    background-position: -168px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-realisticgame {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-redtiger {
    background-image: url(../sprite.png);
    background-position: -196px -176px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-redtiger {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-relaxgaming {
    background-image: url(../sprite.png);
    background-position: -231px 0px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-relaxgaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-spadegaming {
    background-image: url(../sprite.png);
    background-position: -231px -28px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-spadegaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-spinomenal {
    background-image: url(../sprite.png);
    background-position: -231px -56px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-spinomenal {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-stakelogic {
    background-image: url(../sprite.png);
    background-position: -231px -84px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-stakelogic {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-thunderkick {
    background-image: url(../sprite.png);
    background-position: -231px -112px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-thunderkick {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-tomhorn {
    background-image: url(../sprite.png);
    background-position: -231px -140px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-tomhorn {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-vivogaming {
    background-image: url(../sprite.png);
    background-position: -231px -168px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-vivogaming {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-wacs {
    background-image: url(../sprite.png);
    background-position: 0px -204px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-wacs {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-wazdan {
    background-image: url(../sprite.png);
    background-position: -28px -204px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-wazdan {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.sm-icon-yggdrasil {
    background-image: url(../sprite.png);
    background-position: -119px -56px;
    width: 26px;
    height: 26px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .sm-icon-yggdrasil {
        background-image: url(https://riobet-142.ru/sprite-x2.png);
        background-size: 257px 230px
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    fill: currentColor
}

.icon-cp {
    width: 1.1em;
    height: 1.1em
}

.icon-flame {
    width: .7777777778em
}

.icon-bonus {
    width: 1em
}

.icon-header-logo {
    width: 1em
}

.icon-heart {
    width: 1.1111111111em
}

.icon-history {
    width: 1em
}

.icon-logo_riobet {
    width: 2.9375em
}

.icon-main-company {
    width: 2.6666666667em
}

.icon-menu-icon {
    width: .8571428571em
}

.icon-menu-user {
    width: 1em
}

.icon-menu_ball {
    width: 1em
}

.icon-menu_bonus {
    width: .9310344828em
}

.icon-menu_line_bag {
    width: .9545454545em
}

.icon-menu_line_heart {
    width: 1.2608695652em
}

.icon-menu_line_jackpot {
    width: 1.1363636364em
}

.icon-menu_line_live {
    width: 1em
}

.icon-menu_line_settings {
    width: 1.0833333333em
}

.icon-menu_line_table {
    width: 1em
}

.icon-menu_line_various {
    width: 1em
}

.icon-menu_live-casino {
    width: 1.2068965517em
}

.icon-menu_tournament {
    width: .8275862069em
}

.icon-message {
    width: 1em
}

.icon-ring {
    width: 1em
}

.icon-setting {
    width: 1em
}

.icon-slick-img {
    width: 4.50625em
}

.icon-wallet {
    width: 1em
}

.icon-yandex {
    width: 2.6857142857em
}

.icon-yellow {
    fill: #EDC97F
}

.icon-white {
    fill: #fff !important
}

.icon-w-36 {
    width: 36px;
    height: 36px !important
}

.icon-w-36 svg {
    width: 36px;
    height: 36px !important
}

.icon-w-32 {
    width: 32px;
    height: 32px !important
}

.icon-w-32 svg {
    width: 32px;
    height: 32px !important
}

.icon-w-28 {
    width: 28px;
    height: 28px !important
}

.icon-w-24 {
    width: 24px;
    height: 24px !important
}

.icon-w-24 svg {
    width: 24px;
    height: 24px !important
}

.icon-w-20 {
    width: 20px;
    height: 20px !important
}

.icon-w-18 {
    width: 18px;
    height: 18px !important
}

.icon-w-16 {
    width: 16px;
    height: 16px !important
}

.icon-w-10 {
    width: 10px;
    height: 10px !important
}

.icon-border-gray {
    fill: transparent;
    stroke: #6D6D6D;
    stroke-width: 40
}

.icon-border-red-active {
    fill: #F11414 !important;
    stroke: #F11414
}

.icon-b-a-r {
    position: absolute !important;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 12px
}

.icon-b-text-r {
    margin: -6px 0 -6px 6px
}

.icon-b-text-l {
    margin: -6px 6px -6px 0
}

.text-formatter h1 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 20px
}

.text-formatter h2 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 26px
}

.text-formatter h2:first-child {
    margin-top: 0
}

.text-formatter h3 {
    margin-top: 24px;
    margin-bottom: 6px;
    font-size: 20px;
    color: #EDC97F
}

.text-formatter h3:first-child {
    margin-top: 0
}

.text-formatter p {
    line-height: 1.25em;
    margin-top: 0px;
    margin-bottom: 12px
}

.text-formatter div {
    line-height: 1.25em;
    font-size: 16px
}

.text-formatter a {
    color: #fff;
    text-decoration: underline
}

.text-formatter a:hover,
.text-formatter a:active {
    color: #EDC97F
}

.text-formatter ul {
    margin-top: 12px;
    margin-bottom: 12px
}

.text-formatter ul li {
    margin-bottom: 6px;
    line-height: 1.25em
}

.text-formatter ol {
    padding-left: 0;
    margin-bottom: 24px;
    list-style: none;
    counter-reset: inst
}

.text-formatter ol>li {
    position: relative;
    margin-bottom: 12px;
    line-height: 1.25em;
    padding-left: 24px;
    display: absolute
}

.text-formatter ol>li:before {
    position: absolute;
    left: 0;
    counter-increment: inst;
    content: counter(inst) ".";
    font-size: inherit;
    color: #EDC97F
}

.text-formatter table {
    margin-bottom: 48px
}

.text-formatter table td {
    font-size: 16px;
    vertical-align: middle;
    text-align: initial;
    padding: 12px 0
}

.text-formatter table td a {
    border-bottom: 0
}

.text-formatter table td img {
    height: 32px;
    width: auto
}

.text-formatter table td .td-image {
    width: 50px;
    height: 50px;
    fill: #EDC97F
}

.text-formatter table th {
    font-size: 14px;
    color: #888;
    text-align: initial;
    padding: 12px 0 6px 0
}

.text-formatter .table-info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.text-formatter .table-info div {
    font-size: 16px;
    color: #EDC97F;
    padding: 6px 24px;
    vertical-align: middle;
    display: inline-block
}

.R-600 .text-formatter h1 {
    font-size: 16px
}

.R-600 .text-formatter h2 {
    font-size: 20px;
    margin-bottom: 12px
}

.R-600 .text-formatter h3 {
    font-size: 16px;
    margin-bottom: 6px
}

.R-600 .text-formatter p,
.R-600 .text-formatter li {
    font-size: 14px;
    line-height: 1.25em
}

.R-600 .text-formatter div {
    font-size: 14px
}

.R-600 .text-formatter ul {
    padding-left: 0
}

.R-600 .text-formatter ul>li:before {
    font-size: 14px
}

.R-600 .text-formatter ol ul {
    margin-left: 12px
}

.R-600 .text-formatter ol>li,
.R-600 .text-formatter ul>li {
    padding-left: 0
}

.R-600 .text-formatter ol>li:before,
.R-600 .text-formatter ul>li:before {
    right: 0;
    top: 0;
    position: relative;
    margin-right: 6px;
    display: inline-block
}

.R-600 .text-formatter ul>li:before {
    vertical-align: middle
}

.R-600 .text-formatter .table-info div {
    font-size: 14px;
    padding: 3px 6px
}

.R-600 .text-formatter table td,
.R-600 .text-formatter table th {
    font-size: 14px
}

.R-600 .text-formatter .td-image {
    width: 30px;
    height: 30px
}

.rules {
    counter-reset: rules
}

.rules h3:before {
    counter-increment: rules;
    content: counter(rules) ".";
    margin-right: 6px
}

ol.rules-list>li {
    padding-left: 48px
}

ol.rules-list>li:before {
    content: counter(rules) "." counter(inst)
}

ol.rules-list>li.rules-list-sub-first {
    counter-reset: rulesub;
    content: counter(rules) "." counter(inst) "."
}

ol.rules-list>li.rules-list-sub:before {
    counter-increment: rulesub;
    content: counter(rules) "." counter(inst) "." counter(rulesub)
}

.harmonic {
    list-style: none;
    -webkit-perspective: 900;
    perspective: 900;
    padding: 0;
    margin: 0;
    border: 1px solid #6D6D6D
}

.harmonic__item {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    border-bottom: 1px dotted #6D6D6D
}

.harmonic__item:before {
    content: "";
    display: none
}

.harmonic__item-headline {
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    background: transparent;
    padding: 12px 48px 12px 12px
}

.harmonic__item-title {
    display: block;
    margin: 0 !important;
    padding: 0;
    color: #fff !important;
    text-transform: none;
    letter-spacing: 0px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 20px
}

.R-600 .harmonic__item-title {
    font-size: 16px
}

.harmonic__item-content {
    display: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    z-index: 2;
    padding: 0 24px 0 12px;
    letter-spacing: -0.1px;
    line-height: 30px;
    border: 1px solid #EDC97F;
    border-top: none;
    margin-top: 0;
    margin-bottom: 0
}

.harmonic p {
    margin-bottom: 24px !important;
    line-height: 1.25em !important
}

.harmonic ul {
    margin-top: 0 !important;
    margin-bottom: 24px !important
}

.harmonic p:last-child,
.harmonic ul:last-child,
.harmonic ol:last-child {
    margin-bottom: 0 !important
}

.harmonic__state-indicator {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px
}

.harmonic__state-indicator>div {
    width: 6px;
    height: 100%;
    background: #EDC97F;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3px;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out
}

.harmonic__state-indicator>div:first-child {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.harmonic__item_open .harmonic__item-headline {
    background-color: #EDC97F
}

.harmonic__item_open .harmonic__item-title {
    color: #000 !important
}

.harmonic__item_open .harmonic__item-content {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    padding: 12px 24px 24px 12px
}

.harmonic__item_open .harmonic__state-indicator>div {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    background: #000
}

.header {
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    background: #1E1E1E;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 200;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap {
    width: 100%;
    max-width: 100%;
    height: 68px;
    margin: auto;
    display: grid;
    grid-template-columns: 0.1fr 0.4fr 0.5fr 2fr 1fr;
    grid-template-areas: "aa bb cc dd ee";
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 2000px) {
    .header-wrap {
        grid-template-columns: 0fr 0.51fr 1fr 0.6fr;
        grid-template-areas: "aa bb dd ee"
    }
}

.R-1280 .header-wrap {
    grid-template-columns: 0.1fr 1fr 1fr 1fr;
    grid-template-areas: "aa bb cc ee"
}

.R-800 .header-wrap {
    grid-template-columns: 60px 60px 1fr minmax(60px, 120px);
    grid-template-areas: "aa bb cc ee";
    height: 56px
}

.header-item {
    height: 100%
}

.header-item:first-child {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    grid-area: aa
}

.header-item:nth-child(4) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    grid-area: cc;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 2000px) {
    .header-item:nth-child(4) {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-695px, -50%);
        transform: translate(-695px, -50%)
    }
}

.R-1280 .header-item:nth-child(4) {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-item:last-child {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    grid-area: ee;
    min-width: 425px
}

.R-800 .header-item:last-child {
    min-width: 0
}

.header .header-logo__desc {
    display: block
}

.header .header-logo_mobile {
    display: none
}

.header-logo {
    float: left;
    margin: auto 12px auto 0
}

.R-800 .header-logo {
    margin: auto
}

.header-logo .icon-riobet {
    height: 56px;
    width: 175px
}

.header .icon-riobet-mobile {
    width: 50px;
    height: 48px
}

.header-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding: 0 24px 0 12px
}

.header-account .button {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-account .button span {
    white-space: nowrap
}

.R-800 .header-account {
    background: none
}

.header-account-cp,
.header-account-bonus,
.header-account-money {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    margin-right: 24px
}

.header-account-cp .icon,
.header-account-bonus .icon,
.header-account-money .icon {
    fill: #EDC97F
}

.header-account-cp .button .icon,
.header-account-bonus .button .icon,
.header-account-money .button .icon {
    fill: #fff;
    width: 24px;
    height: 24px
}

.header-account-cp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 5px;
    text-align: center;
    height: 36px;
    margin-right: 12px;
    background: #252525;
    color: white
}

.header-account-cp .button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 36px;
    width: 36px;
    padding: 0;
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-account-cp .button svg {
    margin: 0
}

.header-account-cp svg {
    margin: 12px
}

.header-account-bonus__icon {
    margin-right: 6px;
    position: relative
}

.header-account-bonus .icon {
    width: 36px;
    height: 36px
}

.header-account-bonus__status {
    color: #000;
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    text-align: center;
    font-size: 12px
}

.header-account-bonus__value {
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    position: relative
}

.header-account-bonus__value .progress-bar {
    width: 100%;
    position: absolute;
    top: -webkit-calc(100% + 2px);
    top: calc(100% + 2px);
    left: 0
}

.header-account-cp .icon-cp {
    width: 33px;
    height: 33px
}

.header-account-cp__value {
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    color: white
}

.header-account-cp__value:hover,
.header-account-cp__value:active {
    color: #EDC97F !important
}

.header-account-money {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    text-align: center;
    height: 40px;
    padding: 3px 0 0 12px;
    background: #303030;
    margin-right: 0
}

.header-account-money__value {
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    white-space: nowrap;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 12px 0 10px;
    position: relative
}

.header-account-money__value svg {
    margin: -3px 6px 0 0
}

.header-account-money__digits {
    display: contents;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 12px
}

.R-600 .header-account-money__right {
    padding: 0 0 0 6px
}

.header-account-money__bonus {
    font-size: 12px;
    color: #888;
    text-align: left;
    white-space: pre;
    margin-left: 8px;
    margin-right: 12px
}

.header-account-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 12px;
    height: 36px;
    position: relative;
    cursor: pointer
}

.header-account-status svg {
    width: 30px;
    height: 30px;
    fill: #EDC97F
}

.header-account-status .icon-right {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -17px
}

.header-account-avatar {
    cursor: pointer;
    margin-right: 24px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear
}

.header-account-avatar:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header-account-burger {
    position: relative;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-account-burger:hover .header-account-burger__player_avatar {
    border: 2px solid #C5C5C5
}

.header-account-burger .badge-digit {
    top: 24px;
    left: 24px;
    z-index: 1
}

.header-account-burger__player {
    width: 42px;
    height: 42px;
    position: relative;
    margin: 0 0 0 12px;
    cursor: pointer
}

.header-account-burger__player_avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #3d3b3b;
    margin: 0 auto;
    padding: 2px;
    position: relative
}

.header-account-burger__player_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain
}

.header-account-burger__player_menu-button {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -24px
}

.header-account-burger__player_menu-button svg {
    fill: #C5C5C5;
    height: 45%;
    width: 100%
}

.R-800 .header-account-burger__player_menu-button {
    display: none
}

.header-account-burger__player:hover svg {
    fill: #C5C5C5
}

.R-600 .header-account-burger__player {
    width: 42px;
    height: 42px;
    margin: 0 0 0 12px
}

.header-account-burger__unreg {
    margin: 0
}

.R-800 .header-account-burger {
    display: none
}

.R-600 .header-account-burger {
    margin: 0
}

.header-account-burger__wrap {
    min-width: 24px;
    z-index: 1;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -1.5px;
    background: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.header-account-burger__wrap:before,
.header-account-burger__wrap:after {
    content: '';
    height: 3px;
    background: #000;
    width: 100%;
    border-radius: 1px;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s;
    transition: .3s
}

.header-account-burger__wrap:before {
    top: -6px
}

.header-account-burger__wrap:after {
    bottom: -6px
}

.header-account-burger_active .header-account-burger__wrap {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s;
    height: 4px;
    border-radius: 20%
}

.header-account-burger_active .header-account-burger__wrap:before,
.header-account-burger_active .header-account-burger__wrap:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: .3s;
    transition: .3s;
    top: 0;
    border-radius: 20%;
    height: 4px
}

.header-account-burger .button {
    border-radius: 50%;
    width: 36px;
    height: 36px
}

.header-account .button {
    margin-left: 12px
}

.header-gift {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.R-800 .header-gift {
    display: none;
    background: none
}

.header-gift-button {
    padding: 8px 12px;
    margin: auto 16px auto 0;
    border-radius: 4px;
    background: #303030;
    color: #C5C5C5;
    fill: #C5C5C5;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.R-800 .header-gift-button {
    padding: 8px 8px
}

.header-gift-button:hover {
    color: #fff;
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-gift-button_purple {
    background: #6408AC;
    padding: 8px 12px;
    margin: auto 12px auto 0;
    color: #fff !important
}

.header-gift-button_purple svg {
    fill: #fff !important
}

.R-800 .header-logo .icon-riobet {
    width: 115px
}

.R-800 .header-account-cp,
.R-800 .header-account-bonus,
.R-800 .header-account-money {
    margin-right: 6px;
    padding-left: 6px
}

.R-800 .header-account-money {
    margin-right: 0
}

.R-800 .header .header-account-money {
    display: none
}

.R-800 .header .header-account {
    padding: 0 14px 0 12px
}

.R-800 .header .header-account button {
    display: none
}

.header .menu {
    position: inherit;
    background: none;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.R-1280 .header .menu {
    display: none !important
}

.R-1440 .header .menu__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.R-1280 .header .menu__item {
    display: none !important
}

.R-1440 .header .menu__item .icon {
    margin-right: 0
}

.header .menu__item-text {
    white-space: nowrap
}

.enter-and-reg {
    display: none;
    padding: 12px;
    margin: auto
}

.enter-and-reg .button {
    padding: 8px
}

html:not(.js-bonus-list-opened) .R-800 .enter-and-reg {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    z-index: 101;
    background: #1e1e1e;
    top: 54px
}

.R-600 .enter-and-reg {
    max-width: 100%
}

.header-menu {
    width: 64px;
    height: 100%;
    fill: #C5C5C5;
    color: #C5C5C5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu .badge-digit {
    top: 16px;
    z-index: 1;
    left: 16px;
    width: 8px;
    height: 8px
}

.R-800 .header-menu .badge-digit {
    left: 12px;
    top: 12px
}

.header-menu:hover {
    fill: #fff;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu-text {
    margin-left: 12px
}

.R-800 .header-menu {
    background: none;
    width: 60px
}

.R-800 .header-menu-text {
    display: none
}

.header-menu-sidebar-item .icon-w-20 {
    fill: #555;
    -webkit-transition: 0.1s;
    transition: 0.1s
}

.header-menu-sidebar-item:hover .icon-w-20 {
    fill: #fff;
    -webkit-transition: 0.1s;
    transition: 0.1s
}

.header-menu-svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-logo-and-menu-sidebar-shadow {
    display: none;
    content: '';
    position: absolute;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.85;
    background: #000000;
    z-index: 4
}

.header-logo-and-menu-sidebar-shadow_active {
    display: block
}

.header-menu,
.header-logo,
.header-search {
    -webkit-tap-highlight-color: transparent
}

.header-menu-sidebar,
.header-logo-sidebar,
.header-search-sidebar {
    -webkit-tap-highlight-color: transparent;
    font-style: normal;
    width: 334px;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 200;
    background: #252525;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.R-430 .header-menu-sidebar,
.R-430 .header-logo-sidebar,
.R-430 .header-search-sidebar {
    width: 100%
}

.header-menu-sidebar_header,
.header-logo-sidebar_header,
.header-search-sidebar_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 28px
}

.header-menu-sidebar_header svg,
.header-menu-sidebar_header img,
.header-logo-sidebar_header svg,
.header-logo-sidebar_header img,
.header-search-sidebar_header svg,
.header-search-sidebar_header img {
    cursor: pointer;
    fill: #888;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu-sidebar_header svg:hover,
.header-menu-sidebar_header img:hover,
.header-logo-sidebar_header svg:hover,
.header-logo-sidebar_header img:hover,
.header-search-sidebar_header svg:hover,
.header-search-sidebar_header img:hover {
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu-sidebar_header-items,
.header-logo-sidebar_header-items,
.header-search-sidebar_header-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -12px
}

.header-menu-sidebar_header-status,
.header-logo-sidebar_header-status,
.header-search-sidebar_header-status {
    cursor: pointer;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.header-menu-sidebar_header-status span,
.header-logo-sidebar_header-status span,
.header-search-sidebar_header-status span {
    background: #303030;
    padding: 4px;
    border-radius: 4px;
    font-size: 12px
}

.header-menu-sidebar_header-item,
.header-logo-sidebar_header-item,
.header-search-sidebar_header-item {
    margin: 0 12px 0 0
}

.header-menu-sidebar_header-item svg,
.header-logo-sidebar_header-item svg,
.header-search-sidebar_header-item svg {
    margin-right: 6px
}

.header-menu-sidebar_header .header-menu-sidebar_lang-sel,
.header-logo-sidebar_header .header-menu-sidebar_lang-sel,
.header-search-sidebar_header .header-menu-sidebar_lang-sel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.header-menu-sidebar_header .header-menu-sidebar_lang-sel .select,
.header-logo-sidebar_header .header-menu-sidebar_lang-sel .select,
.header-search-sidebar_header .header-menu-sidebar_lang-sel .select {
    margin: 0 10px 0 0
}

.header-menu-sidebar_header .header-menu-sidebar_lang-sel .select-text,
.header-logo-sidebar_header .header-menu-sidebar_lang-sel .select-text,
.header-search-sidebar_header .header-menu-sidebar_lang-sel .select-text {
    display: none
}

.header-menu-sidebar_header .header-account-burger__player_avatar,
.header-logo-sidebar_header .header-account-burger__player_avatar,
.header-search-sidebar_header .header-account-burger__player_avatar {
    width: 100%;
    height: 100%;
    border: 0px;
    margin: 0 6px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 46px;
    height: 46px
}

.header-menu-sidebar_header span,
.header-logo-sidebar_header span,
.header-search-sidebar_header span {
    max-width: 140px;
    word-wrap: break-word;
    text-align: left
}

.header-menu-sidebar_info,
.header-logo-sidebar_info,
.header-search-sidebar_info {
    padding: 0 16px;
    overflow: auto
}

.header-menu-sidebar_info-item,
.header-logo-sidebar_info-item,
.header-search-sidebar_info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: red;
    background: #303030;
    border-radius: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 8px 0;
    height: 40px
}

.header-menu-sidebar_info-item .two-buttons,
.header-logo-sidebar_info-item .two-buttons,
.header-search-sidebar_info-item .two-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.header-menu-sidebar_info-item .two-buttons .button:first-child,
.header-logo-sidebar_info-item .two-buttons .button:first-child,
.header-search-sidebar_info-item .two-buttons .button:first-child {
    border-radius: 4px 0 0 4px;
    border-right: 2px solid #303030;
    padding: 10.9px 12px
}

.header-menu-sidebar_info-item .two-buttons .button:last-child,
.header-logo-sidebar_info-item .two-buttons .button:last-child,
.header-search-sidebar_info-item .two-buttons .button:last-child {
    border-radius: 0 4px 4px 0
}

.header-menu-sidebar_info-item .two-buttons .button_disabled,
.header-logo-sidebar_info-item .two-buttons .button_disabled,
.header-search-sidebar_info-item .two-buttons .button_disabled {
    color: #555 !important;
    background: #3d3b3b
}

.header-menu-sidebar_info-item .two-buttons .button_disabled:hover,
.header-logo-sidebar_info-item .two-buttons .button_disabled:hover,
.header-search-sidebar_info-item .two-buttons .button_disabled:hover {
    color: #555 !important;
    background: #3d3b3b !important
}

.header-menu-sidebar_info-item .button,
.header-logo-sidebar_info-item .button,
.header-search-sidebar_info-item .button {
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: 0 !important;
    height: 100%
}

.header-menu-sidebar_info-item .header-account-money,
.header-logo-sidebar_info-item .header-account-money,
.header-search-sidebar_info-item .header-account-money {
    padding: 3px 0 0 12px
}

.header-menu-sidebar_body,
.header-logo-sidebar_body,
.header-search-sidebar_body {
    padding: 8px 16px 16px 16px;
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
    overflow: auto;
    position: fixed;
    width: 334px
}

.R-800 .header-menu-sidebar_body,
.R-800 .header-logo-sidebar_body,
.R-800 .header-search-sidebar_body {
    height: -webkit-calc(100% - 90px);
    height: calc(100% - 90px)
}

.R-600 .header-menu-sidebar_body,
.R-600 .header-logo-sidebar_body,
.R-600 .header-search-sidebar_body {
    padding: 0px 8px 24px 8px
}

.R-430 .header-menu-sidebar_body,
.R-430 .header-logo-sidebar_body,
.R-430 .header-search-sidebar_body {
    width: 100%
}

.header-menu-sidebar-item,
.header-logo-sidebar-item,
.header-search-sidebar-item {
    height: 40px;
    background: #303030;
    margin: 10px 0 10px 0;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #E0E0E0;
    color: #E0E0E0;
    padding: 8px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    position: relative
}

.header-menu-sidebar-item_purple,
.header-logo-sidebar-item_purple,
.header-search-sidebar-item_purple {
    background: #6408AC;
    color: #fff
}

.header-menu-sidebar-item_purple:hover,
.header-logo-sidebar-item_purple:hover,
.header-search-sidebar-item_purple:hover {
    background: #7309c6 !important
}

.header-menu-sidebar-item_exit,
.header-logo-sidebar-item_exit,
.header-search-sidebar-item_exit {
    background: none;
    fill: #888;
    color: #fff
}

.header-menu-sidebar-item_exit:hover,
.header-logo-sidebar-item_exit:hover,
.header-search-sidebar-item_exit:hover {
    background: none !important
}

.header-menu-sidebar-item:hover,
.header-logo-sidebar-item:hover,
.header-search-sidebar-item:hover {
    fill: #fff;
    color: #fff;
    background: #3d3b3b;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu-sidebar-item-left,
.header-logo-sidebar-item-left,
.header-search-sidebar-item-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-menu-sidebar-item-right,
.header-logo-sidebar-item-right,
.header-search-sidebar-item-right {
    background: #3d3b3b;
    padding: 4px;
    border-radius: 4px
}

.header-menu-sidebar-item-close,
.header-logo-sidebar-item-close,
.header-search-sidebar-item-close {
    height: 100%;
    padding: 4px 8px;
    color: #888;
    background: #3d3b3b;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-menu-sidebar-item svg,
.header-logo-sidebar-item svg,
.header-search-sidebar-item svg {
    margin-right: 12px;
    margin-left: 12px
}

.header-menu-sidebar_links,
.header-logo-sidebar_links,
.header-search-sidebar_links {
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.header-menu-sidebar_links a,
.header-logo-sidebar_links a,
.header-search-sidebar_links a {
    color: #888;
    cursor: pointer;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-menu-sidebar_links a:hover,
.header-logo-sidebar_links a:hover,
.header-search-sidebar_links a:hover {
    color: #fff
}

.header-logo-sidebar_body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.header-logo-sidebar_body::-webkit-scrollbar-button,
.header-logo-sidebar_body::-webkit-scrollbar-corner,
.header-logo-sidebar_body::-webkit-resizer {
    display: none
}

.header-logo-sidebar_body::-webkit-scrollbar-track,
.header-logo-sidebar_body::-webkit-scrollbar-piece {
    background: #252525
}

.header-logo-sidebar_body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.header-logo-sidebar_body {
    scrollbar-width: thin
}

.header-menu-sidebar_body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.header-menu-sidebar_body::-webkit-scrollbar-button,
.header-menu-sidebar_body::-webkit-scrollbar-corner,
.header-menu-sidebar_body::-webkit-resizer {
    display: none
}

.header-menu-sidebar_body::-webkit-scrollbar-track,
.header-menu-sidebar_body::-webkit-scrollbar-piece {
    background: #252525
}

.header-menu-sidebar_body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.header-menu-sidebar_body {
    scrollbar-width: thin
}

.header-search-sidebar_body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.header-search-sidebar_body::-webkit-scrollbar-button,
.header-search-sidebar_body::-webkit-scrollbar-corner,
.header-search-sidebar_body::-webkit-resizer {
    display: none
}

.header-search-sidebar_body::-webkit-scrollbar-track,
.header-search-sidebar_body::-webkit-scrollbar-piece {
    background: #252525
}

.header-search-sidebar_body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.header-search-sidebar_body {
    scrollbar-width: thin
}

.header-logo-sidebar-tab .badge-digit,
.header-menu-sidebar-item .badge-digit,
.header-logo-sidebar-item .badge-digit {
    width: 8px;
    height: 8px;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute
}

.header-menu-sidebar,
.header-search-sidebar {
    left: -100%
}

.R-430 .header-menu-sidebar,
.R-430 .header-search-sidebar {
    width: 80%
}

.header-menu-sidebar_wrapper,
.header-search-sidebar_wrapper {
    height: 100%
}

.header-menu-sidebar_header,
.header-search-sidebar_header {
    padding: 18px 18px 0px 18px
}

.R-430 .header-menu-sidebar_body,
.R-430 .header-search-sidebar_body {
    width: 80vw
}

.header-menu-sidebar-active,
.header-search-sidebar-active {
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.header-menu-sidebar-item .flex,
.header-search-sidebar-item .flex {
    width: auto
}

.header-logo-sidebar {
    right: -100%;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-logo-sidebar_wrapper {
    height: 100%
}

.header-logo-sidebar_header {
    padding: 12px 16px 12px 28px;
    overflow: hidden;
    height: 70px
}

.header-logo-sidebar_body {
    height: -webkit-calc(100% - 80px) !important;
    height: calc(100% - 80px) !important;
    padding: 0 16px
}

.header-logo-sidebar_body .select2-selection {
    height: 40px !important
}

.header-logo-sidebar_body .profile-menu-body__item_lang-sel {
    padding: 0
}

.header-logo-sidebar_body .profile-menu-body__item_lang-sel .button {
    margin-left: 0
}

.header-logo-sidebar_body .header-account-money__value {
    -webkit-letter-spacing: -1px
}

.header-logo-sidebar-active {
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.header-logo-sidebar button,
.header-logo-sidebar .header-account-money {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

.header-logo .button {
    display: none;
    width: 38px;
    padding: 0px
}

.header-logo .button .badge-digit {
    z-index: 3;
    bottom: -6px;
    right: -6px
}

.R-800 .header-logo .button {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0
}

.header-logo-sidebar-tabs {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: normal;
    margin: 24px 0 0 0
}

.R-800 .header-logo-sidebar-tabs {
    margin: 12px 0 0 0
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab {
    width: 100%;
    color: white;
    margin-bottom: 8px;
    position: relative
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 20px;
    border-radius: 4px;
    background: #303030;
    cursor: pointer;
    fill: #888;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-label svg {
    margin: 0 12px 0 0
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-label:hover {
    background: #3d3b3b;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-label::after {
    content: "❯";
    width: 12px;
    height: 12px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 30px;
    top: 10px
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-content {
    max-height: 0;
    -webkit-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
    overflow: hidden;
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #303030;
    border-radius: 0px 0px 4px 4px
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-content li {
    padding: 8px 28px;
    color: #C5C5C5;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-content li:hover {
    color: #fff;
    background: #3d3b3b
}

.header-logo-sidebar-tabs .header-logo-sidebar-tab-content_badge-digit::marker {
    color: #F11414
}

.header-logo-sidebar-tabs input:checked+label {
    background: #303030
}

.header-logo-sidebar-tabs input:checked+label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 24px;
    top: 14px
}

.header-logo-sidebar-tabs input:checked~.header-logo-sidebar-tab-content {
    max-height: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in
}

.header-logo-sidebar-tabs input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    display: none
}

.header-search {
    position: relative;
    padding: 6px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justifi-content: center
}

.header-search svg {
    width: 28px;
    height: 28px;
    fill: #888;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-search:hover svg {
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.header-search-sidebar {
    width: 420px
}

.header-search-sidebar_header {
    padding: 6px 18px 0 12px
}

.R-800 .header-search-sidebar_header {
    padding: 0 12px 0 4px
}

.R-430 .header-search-sidebar {
    width: 80vw
}

.header-search-sidebar_body {
    max-width: 420px;
    width: 100%;
    padding: 0 18px
}

.R-800 .header-search-sidebar_body {
    padding: 0 18px
}

.R-600 .header-search-sidebar_body {
    padding: 0 8px !important
}

.header-search-sidebar .input {
    width: 100%;
    padding: 5px 0 0 18px
}

.header-search-sidebar .filters__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0 20px 0;
    width: 100%
}

.header-search-sidebar .filters__search__game-content .badge-new,
.header-search-sidebar .filters__search__game-content .game-item__jackpot {
    display: none
}

.header-search-sidebar .filters__search__game-content__history__item .flex {
    padding: 8px 8px;
    color: #C5C5C5;
    background: #303030;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 12px 0;
    border-radius: 8px;
    cursor: pointer
}

.header-search-sidebar .filters__search__game-content__history__item .flex svg {
    fill: #6D6D6D
}

.header-search-sidebar .filters__search__game-content__history__item .flex:hover {
    background: #3d3b3b
}

.header-search-sidebar .filters__search-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header-search-sidebar .filters__search-close svg {
    margin: 0 6px;
    cursor: pointer;
    fill: #555
}

.header-search-sidebar .filters__search-close svg:hover {
    fill: #fff
}

.header-search-sidebar .filters__search-input {
    margin: 0 0 0 -12px
}

.header-search-sidebar .filters__search__game-content__no {
    max-width: 200px;
    margin: auto;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #888
}

.R-800 .header-search-sidebar .filters__search__game-content__no {
    height: auto
}

.header-search-sidebar .filters__search__game-content .games-list-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px 8px;
    padding: 0 0 42px 0
}

.header .menu {
    height: 40px;
    z-index: 1
}

.R-1440 .header .menu {
    margin-top: 4px;
    height: 55px
}

.header .menu__item {
    margin: 0 12px
}

.header .menu__item_gift {
    padding: 0 8px
}

.R-1440 .header .menu__item-text {
    font-size: 14px
}

.footer-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-links__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 10%;
    -ms-flex: 1 0 10%;
    flex: 1 0 10%
}

.footer-links__column-item {
    color: #fff;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin: 12px 0;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-links__column-item:hover {
    color: #EDC97F;
    -webkit-transition: .3s;
    transition: .3s
}

.R-800 .footer-links__column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 35%;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%
}

.R-430 .footer-links__column-item {
    margin: 6px 0;
    font-size: 14px
}

.footer-payments {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-payments__item {
    margin: 0 6px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 10%;
    -ms-flex: 1 0 10%;
    flex: 1 0 10%
}

.footer-payments__item svg {
    width: 100%;
    height: 40px;
    max-width: 100%
}

.R-800 .footer-payments__item {
    margin-bottom: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%
}

.R-800 .footer-payments__item svg {
    margin-bottom: 12px
}

.icon-yandex {
    margin-bottom: 3px
}

.icon-neteller,
.icon-qiwi {
    margin-top: 3px
}

.icon-skrill {
    height: 30px !important;
    margin-bottom: 6px
}

.R-600 .icon-skrill {
    margin-bottom: 18px !important;
    height: 25px !important
}

.footer-partners {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.R-800 .footer-partners {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.footer-partners__item {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 11%;
    -ms-flex: 0 0 11%;
    flex: 0 0 11%;
    cursor: pointer;
    -webkit-filter: grayscale(100%) opacity(0.5);
    filter: grayscale(100%) opacity(0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-tap-highlight-color: transparent
}

.R-800 .footer-partners__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.R-600 .footer-partners__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.footer-partners__item:hover {
    -webkit-filter: grayscale(0%) opacity(1);
    filter: grayscale(0%) opacity(1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.footer-partners__item svg {
    max-width: 100%;
    max-height: 56px
}

.R-600 .footer-partners__item svg {
    max-height: 30px
}

.footer {
    position: relative;
    z-index: 0
}

.footer-links-wrap {
    background: #303030
}

.footer-extra-wrap {
    background: #000;
    padding-top: 36px;
    padding-bottom: 30px;
    max-width: 1440px;
    margin: auto
}

.R-600 .footer-extra-wrap {
    padding-top: 12px
}

.footer-extra-wrap .footer-payments {
    margin-bottom: 40.8px
}

.R-430 .footer-extra-wrap .footer-payments {
    margin-bottom: 24px
}

.footer-check-wrap {
    background: #252525
}

.R-1280 .footer-check-wrap .flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-check-wrap_bottom {
    background: #252525
}

.R-600 .footer-check-wrap_bottom {
    height: 60px
}

.footer-check-wrap .c-gray-md {
    text-align: end
}

.footer-check-wrap .checkbox {
    margin: 0 10px
}

.footer-check-wrap_span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 420px;
    margin: auto;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-select {
    max-width: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20.4px auto 10.8px auto
}

.footer-select>* {
    margin-bottom: 6px
}

.footer-select .select {
    margin-right: 12px;
    width: auto;
    min-width: 184px;
    border: 1px solid #555;
    border-radius: 4px
}

.R-430 .footer-select .select {
    width: 100%;
    margin-right: 0
}

.footer-select .button {
    width: auto;
    white-space: nowrap
}

.R-430 .footer-select .button {
    width: 100%
}

.footer-select .button .icon-help {
    fill: #fff;
    margin-top: -12px;
    margin-right: 6px;
    margin-bottom: -12px;
    position: relative;
    top: -3px;
    width: 30px;
    height: 30px
}

.footer .footer-description {
    max-width: 610px;
    color: #888;
    margin: 0 24px;
    text-align: left
}

.R-600 .footer-extra-wrap {
    padding-top: 24px;
    padding-bottom: 24px
}

.R-600 .footer-select {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-license {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.footer-license-item {
    margin-right: 24px
}

.footer-license-item img {
    max-width: 54px;
    width: 100%;
    height: 54px;
    object-fit: contain
}

.footer-license-item svg {
    width: 90px;
    height: 90px
}

.R-430 .footer-license-item img {
    width: 40px;
    height: 40px
}

.R-430 .footer-license-item svg {
    width: 80px;
    height: 80px
}

.footer-license-item .icon-fair-safe-gold {
    fill: #EDC97F;
    height: 32px
}

.footer-license-item .icon-askgamblers {
    margin-top: 6px
}

.R-430 .footer-license-item {
    margin-right: 12px
}

.footer-license .age-icon svg {
    width: 48px;
    height: 48px;
    fill: #E8E8E8
}

.R-430 .footer-license .age-icon svg {
    width: 40px
}

.footer-coins {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #252525
}

.footer-coins_items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #252525;
    padding: 24px 0 24px 0;
    max-width: 560px
}

.footer-coins_items svg {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0
}

.R-430 .footer-coins_items {
    max-width: 250px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-coins_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 24px
}

.R-430 .footer-coins_item {
    width: 100px;
    margin: 8px 0 8px 0
}

.footer-coins_text {
    text-align: left
}

.footer-coins_text p {
    color: #fff
}

.footer-coins_text p:last-child {
    color: #888
}

.menu {
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #303030;
    color: #E0E0E0;
    width: 100%;
    position: fixed;
    top: -6800000px;
    left: 0;
    z-index: 100
}

.R-1280 .menu {
    top: 68px
}

.menu__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 12px 12px
}

.menu__item .icon {
    position: relative;
    width: 28px;
    height: 28px;
    fill: #E0E0E0;
    margin-right: 12px;
    -webkit-transition: fill 0.1s linear;
    transition: fill 0.1s linear
}

.menu__item-text {
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear
}

.menu__item_active .icon {
    fill: #EDC97F
}

.menu__item_active .menu__item-text {
    color: #EDC97F
}

.R-800 .menu__item_active .menu__item-text_purple,
.R-800 .menu__item_active .menu__item-text_green,
.R-800 .menu__item_active .menu__item-text_blue,
.R-800 .menu__item_active .menu__item-text_orange,
.R-800 .menu__item_active .menu__item-text_red {
    color: #fff
}

.menu__item_gift {
    padding: 4px 8px;
    border-radius: 4px
}

.R-800 .menu__item_gift {
    background: none;
    padding: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.R-800 .menu__item_gift .menu__item-text {
    padding: 0 4px;
    border-radius: 4px
}

.menu__item_gift_purple {
    background: #B938E9
}

.menu__item_gift_purple .menu__item-text {
    background: #B938E9
}

.R-800 .menu__item_gift .menu__item-text_purple {
    background: #B938E9
}

.menu__item_gift_green {
    background: #27AE60
}

.menu__item_gift_green .menu__item-text {
    background: #27AE60
}

.R-800 .menu__item_gift .menu__item-text_green {
    background: #27AE60
}

.menu__item_gift_blue {
    background: #008EF4
}

.menu__item_gift_blue .menu__item-text {
    background: #008EF4
}

.R-800 .menu__item_gift .menu__item-text_blue {
    background: #008EF4
}

.menu__item_gift_orange {
    background: #E37D00
}

.menu__item_gift_orange .menu__item-text {
    background: #E37D00
}

.R-800 .menu__item_gift .menu__item-text_orange {
    background: #E37D00
}

.menu__item_gift_red {
    background: #AE1C53
}

.menu__item_gift_red .menu__item-text {
    background: #AE1C53
}

.menu__item_gift .menu__item-text_red {
    background: #AE1C53
}

.menu__item_gift_purple.menu__item_active:hover .menu__item-text,
.menu__item_gift_purple.menu__item_pressed:hover .menu__item-text,
.menu__item_gift_green.menu__item_active:hover .menu__item-text,
.menu__item_gift_green.menu__item_pressed:hover .menu__item-text,
.menu__item_gift_blue.menu__item_active:hover .menu__item-text,
.menu__item_gift_blue.menu__item_pressed:hover .menu__item-text,
.menu__item_gift_orange.menu__item_active:hover .menu__item-text,
.menu__item_gift_orange.menu__item_pressed:hover .menu__item-text,
.menu__item_gift_red.menu__item_active:hover .menu__item-text,
.menu__item_gift_red.menu__item_pressed:hover .menu__item-text {
    color: #EDC97F !important
}

.menu__item_gift_purple.menu__item_active .menu__item-text,
.menu__item_gift_purple.menu__item_pressed .menu__item-text,
.menu__item_gift_green.menu__item_active .menu__item-text,
.menu__item_gift_green.menu__item_pressed .menu__item-text,
.menu__item_gift_blue.menu__item_active .menu__item-text,
.menu__item_gift_blue.menu__item_pressed .menu__item-text,
.menu__item_gift_orange.menu__item_active .menu__item-text,
.menu__item_gift_orange.menu__item_pressed .menu__item-text,
.menu__item_gift_red.menu__item_active .menu__item-text,
.menu__item_gift_red.menu__item_pressed .menu__item-text {
    color: #fff !important
}

.menu__item_gift_purple.menu__item_active .icon,
.menu__item_gift_purple.menu__item_pressed .icon,
.menu__item_gift_green.menu__item_active .icon,
.menu__item_gift_green.menu__item_pressed .icon,
.menu__item_gift_blue.menu__item_active .icon,
.menu__item_gift_blue.menu__item_pressed .icon,
.menu__item_gift_orange.menu__item_active .icon,
.menu__item_gift_orange.menu__item_pressed .icon,
.menu__item_gift_red.menu__item_active .icon,
.menu__item_gift_red.menu__item_pressed .icon {
    fill: #fff
}

.R-800 .menu__item_gift_purple.menu__item_active .icon,
.R-800 .menu__item_gift_purple.menu__item_pressed .icon,
.R-800 .menu__item_gift_green.menu__item_active .icon,
.R-800 .menu__item_gift_green.menu__item_pressed .icon,
.R-800 .menu__item_gift_blue.menu__item_active .icon,
.R-800 .menu__item_gift_blue.menu__item_pressed .icon,
.R-800 .menu__item_gift_orange.menu__item_active .icon,
.R-800 .menu__item_gift_orange.menu__item_pressed .icon,
.R-800 .menu__item_gift_red.menu__item_active .icon,
.R-800 .menu__item_gift_red.menu__item_pressed .icon {
    fill: #EDC97F
}

.menu__item-icon {
    position: relative
}

.menu__item-icon .green {
    fill: #27AE60
}

.menu__item .badge-digit {
    top: 12px;
    left: -6px
}

.menu__item:hover .menu__item-text,
.menu__item:active .menu__item-text {
    color: #EDC97F
}

.menu__item:hover .menu__item-text_purple,
.menu__item:hover .menu__item-text_green,
.menu__item:hover .menu__item-text_blue,
.menu__item:hover .menu__item-text_orange,
.menu__item:hover .menu__item-text_red,
.menu__item:active .menu__item-text_purple,
.menu__item:active .menu__item-text_green,
.menu__item:active .menu__item-text_blue,
.menu__item:active .menu__item-text_orange,
.menu__item:active .menu__item-text_red {
    color: #EDC97F !important
}

.menu__item:hover .icon,
.menu__item:active .icon {
    fill: #EDC97F
}

.menu__item_pressed .icon {
    fill: #EDC97F
}

.menu__item_pressed .menu__item-text {
    display: inline-block;
    position: relative;
    color: #EDC97F
}

.R-800 .menu__item_pressed .menu__item-text_purple,
.R-800 .menu__item_pressed .menu__item-text_green,
.R-800 .menu__item_pressed .menu__item-text_blue,
.R-800 .menu__item_pressed .menu__item-text_orange,
.R-800 .menu__item_pressed .menu__item-text_red {
    color: #fff
}

.menu__item_pressed .menu__item-text:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 105%;
    -webkit-animation: menuLoading 1s ease-in-out infinite;
    animation: menuLoading 1s ease-in-out infinite;
    background: #EDC97F
}

@-webkit-keyframes menuLoading {
    from {
        opacity: 1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes menuLoading {
    from {
        opacity: 1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.R-800 .menu {
    position: relative;
    background: linear-gradient(180deg, #232323 41.15%, #030102 100%);
    padding: 4px 0 4px 0;
    top: 52px
}

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

.R-800 .menu__item .icon {
    margin-right: 0;
    margin-bottom: 6px
}

.R-800 .menu__item-text {
    font-size: 12px
}

.R-430 .menu {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.R-430 .menu__item {
    margin: 6px
}

.R-430 .menu__item-text {
    font-size: 10px !important
}

.tbl {
    display: table;
    width: 100%
}

.tbl-th {
    color: #888
}

.tbl-td {
    color: #fff
}

.tbl-td_text {
    position: relative;
    color: #E0E0E0
}

.tbl-td_text .icon-question {
    margin-top: -2px
}

.tbl-td_link a {
    color: #E0E0E0;
    text-decoration: underline
}

.tbl-td_link a:hover,
.tbl-td_link a:active {
    color: #EDC97F
}

.tbl-td_date {
    padding: 6px 12px;
    text-align: center;
    width: 10px
}

.tbl-td_date div {
    color: #E0E0E0;
    white-space: nowrap
}

.tbl-td_date div:nth-child(2) {
    margin-top: -0.25em
}

.tbl-td_date div:nth-child(3) {
    color: #E0E0E0;
    margin-top: -0.25em
}

.tbl-td_time {
    width: 10px
}

.tbl-td_time div {
    color: #E0E0E0;
    white-space: nowrap
}

.tbl-td_time div:last-child {
    color: #888;
    margin-top: 0.05em
}

.tbl-td_icon {
    width: 10px
}

.tbl-td_icon svg {
    max-height: 40px;
    min-width: 20px;
    max-width: 100%
}

.tbl-td_game {
    width: 30%
}

.tbl-td_i-game {
    width: 8%
}

.tbl-td_image ._image {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px
}

.tbl-td_image img {
    height: 100%;
    width: auto
}

.tbl-td_image.tbl-td_i-sqr ._image {
    height: 50px;
    width: 50px
}

.tbl-td_image.tbl-td_i-sqr img {
    width: 100%;
    object-fit: contain
}

.tbl-td_image.tbl-td_i-long ._image {
    height: 30px
}

.tbl-td_image.tbl-td_i-long img {
    height: 30px;
    width: auto
}

.tbl-td_image.tbl-td_i-game ._image {
    height: 40px;
    width: 60px
}

.tbl-td_image.tbl-td_i-paycard ._image {
    height: 40px;
    width: 60px;
    background: #303030;
    border: 1px solid #303030;
    border-radius: 6px
}

.tbl-td_image.tbl-td_i-paycard img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    object-fit: contain
}

.tbl-td_value {
    color: #E0E0E0;
    white-space: nowrap;
    width: 10px;
    text-align: right;
    position: relative
}

.tbl-td_value .flex {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tbl-td_value .flex .flex__item {
    margin-left: 0
}

.tbl-td_cut {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tbl-td_place {
    text-align: center;
    width: 10px
}

.tbl-td_place>div {
    position: relative
}

.tbl-td_place>div svg {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px
}

.tbl-td_place>div._gold svg {
    fill: #EDC97F
}

.tbl-td_place>div._silver svg {
    fill: #E0E0E0
}

.tbl-td_place>div._bronze svg {
    fill: #aa6455
}

.tbl-td_place>div span {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 3px;
    left: 50%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tbl-td_place>span {
    white-space: nowrap;
    color: #E0E0E0
}

.tbl-td_player .flex {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tbl-td_player .flex__item:first-child {
    width: 38px !important
}

.tbl-td_player .flex__item:last-child {
    width: 100%;
    word-break: break-all
}

.tbl-td_player .flex:hover,
.tbl-td_player .flex:active {
    color: #EDC97F
}

.tbl-td_x2line {
    text-align: right;
    position: relative
}

.tbl-td_x2line>div {
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tbl-td_x2line>div .flex__item {
    margin-left: 0
}

.tbl-td_x2line ._top {
    color: #E0E0E0
}

.tbl-td_x2line ._bot {
    color: #888
}

.tbl-td_x2line .link {
    color: #fff
}

.tbl-td_button {
    width: 10px
}

.tbl-td_button .button {
    width: auto;
    padding: 6px 12px
}

.tbl-td_c-green {
    color: #27AE60
}

.tbl-td_c-yellow {
    color: #EDC97F
}

.tbl-td_c-red {
    color: #F11414
}

.tbl-td_c-gray {
    color: #888
}

.tbl-td_f-green svg {
    fill: #27AE60
}

.tbl-td_f-yellow svg {
    fill: #EDC97F
}

.tbl-td_f-red svg {
    fill: #F11414
}

.tbl-td_f-gray svg {
    fill: #6D6D6D
}

.tbl-td_pad-left {
    padding-left: 24px
}

.tbl-td_pad-right {
    padding-right: 24px
}

.tbl-td_pad-both {
    padding-left: 24px;
    padding-right: 24px
}

.tbl-td_pad-vert {
    padding-top: 12px !important;
    padding-bottom: 12px !important
}

.tbl-td_s-bold {
    font-weight: bold
}

.tbl-td_s-underline {
    text-decoration: underline
}

.tbl-td .currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tbl-td_bgsvg {
    padding: 0;
    width: 10px;
    fill: #555
}

.tbl-td_username {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px
}

.R-600 .tbl-td_username {
    max-width: 200px
}

.R-430 .tbl-td_username {
    max-width: 170px
}

.tbl-td,
.tbl-th {
    display: table-cell;
    border-bottom: 1px solid #3d3b3b;
    vertical-align: middle;
    padding: 6px
}

.tbl-td_center,
.tbl-th_center {
    text-align: center
}

.tbl-td_right,
.tbl-th_right {
    text-align: right
}

.tbl-td_left,
.tbl-th_left {
    text-align: left
}

.tbl-tr {
    display: table-row
}

.tbl-tr:last-child .tbl-td {
    border-bottom: 0px solid transparent
}

.tbl-tr_bold {
    font-weight: bold
}

.tbl-tr_current .tbl-td {
    background: #303030
}

.tbl a.tbl-tr {
    cursor: pointer
}

.tbl a.tbl-tr:hover .tbl-td,
.tbl a.tbl-tr:active .tbl-td {
    background: #3d3b3b
}

.tbl a.tbl-tr:hover svg,
.tbl a.tbl-tr:active svg {
    fill: #fff
}

.tbl_2cols .tbl-td {
    width: 50% !important
}

.loader {
    position: absolute;
    z-index: 80;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(37, 37, 37, 0.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.loader-list {
    width: 36px;
    height: 36px
}

.loader-text {
    color: #EDC97F;
    margin-top: 12px
}

.loader__item {
    width: 33.333%;
    height: 33.333%;
    background-color: #EDC97F;
    float: left;
    -webkit-animation: loaderItems 1.3s infinite ease-in-out;
    animation: loaderItems 1.3s infinite ease-in-out
}

.loader__item:first-child {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.loader__item:nth-child(2) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.loader__item:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}

.loader__item:nth-child(4) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.loader__item:nth-child(5) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.loader__item:nth-child(6) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

.loader__item:nth-child(8) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

.loader__item:nth-child(9) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s
}

.lazy-loader {
    left: 50%;
    position: absolute;
    padding: 20px 0
}

.lazy-loader.lazy-loader-center {
    top: 50%
}

.lazy-loader .loader-list {
    left: -50%;
    position: relative
}

.lazy-loader__overlay {
    position: absolute;
    top: 20%;
    z-index: 10
}

.lazy-loader__overlay .loader-list {
    width: 50px;
    height: 50px
}

@-webkit-keyframes loaderItems {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

@keyframes loaderItems {

    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1)
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1)
    }
}

.button {
    width: 100%;
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    border-radius: 4px;
    padding: 12px;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    display: inline-block;
    background: #EDC97F;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: .3s;
    transition: .3s
}

.button svg {
    fill: currentColor;
    position: relative;
    z-index: 3
}

.button .flex {
    position: relative;
    z-index: 8
}

.button__area {
    display: none;
    position: absolute;
    z-index: 5
}

.button__text,
.button__text * {
    position: relative;
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    z-index: 2
}

.button__border {
    display: none;
    border-radius: inherit;
    border: 2px solid #f7e1b4;
    position: absolute;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 1;
    overflow: hidden
}

.button:not(.button_no_hover):hover {
    background: #f7e1b4;
    -webkit-transition: .3s;
    transition: .3s
}

.button_disabled,
.button_disabled:not(.button_no_hover):hover {
    color: #000 !important;
    background: #5C5036;
    outline: none;
    cursor: auto;
    -webkit-transition: .3s;
    transition: .3s
}

.button_pressed,
.button_pressed:not(.button_no_hover):hover {
    background: transparent !important
}

.button_pressed .button__border,
.button_pressed:not(.button_no_hover):hover .button__border {
    display: block
}

.button_pressed .button__border:after,
.button_pressed:before,
.button_pressed:not(.button_no_hover):hover .button__border:after,
.button_pressed:not(.button_no_hover):hover:before {
    content: '';
    display: block;
    position: absolute
}

.button_pressed .button__border:after,
.button_pressed:not(.button_no_hover):hover .button__border:after {
    left: 50%;
    top: 35%;
    bottom: 35%;
    right: -10px;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    background: #f7e1b4;
    opacity: 0;
    z-index: 0
}

.button_pressed:before,
.button_pressed:not(.button_no_hover):hover:before {
    border-radius: 1px;
    left: 4px;
    top: 4px;
    bottom: 4px;
    right: 4px;
    z-index: 1;
    background: #f7e1b4
}

.button_pressed.button_loading .button__border:after,
.button_pressed.button_loading:not(.button_no_hover):hover .button__border:after {
    -webkit-animation: buttonLoader 2s linear infinite;
    animation: buttonLoader 2s linear infinite
}

.button_major {
    background: #27AE60;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.button_major:not(.button_no_hover):hover {
    background: #3fcd7b;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.button_major.button_disabled,
.button_major.button_disabled:not(.button_no_hover):hover {
    background: #176036;
    -webkit-transition: .3s;
    transition: .3s
}

.button_major.button_pressed .button__border,
.button_major.button_pressed:not(.button_no_hover):hover .button__border {
    border-color: #3fcd7b !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_major.button_pressed:before,
.button_major.button_pressed .button__border:after,
.button_major.button_pressed:not(.button_no_hover):hover:before,
.button_major.button_pressed:not(.button_no_hover):hover .button__border:after {
    background: #3fcd7b !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_red {
    background: #F11414;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.button_red:not(.button_no_hover):hover {
    background: #e02c14;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.button_red.button_disabled,
.button_red.button_disabled:not(.button_no_hover):hover {
    background: #a5051d;
    -webkit-transition: .3s;
    transition: .3s
}

.button_red.button_pressed .button__border,
.button_red.button_pressed:not(.button_no_hover):hover .button__border {
    border-color: #e02c14 !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_red.button_pressed:before,
.button_red.button_pressed .button__border:after,
.button_red.button_pressed:not(.button_no_hover):hover:before,
.button_red.button_pressed:not(.button_no_hover):hover .button__border:after {
    background: #e02c14 !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_minor {
    background: #6D6D6D;
    color: #EDC97F;
    -webkit-transition: .3s;
    transition: .3s
}

.button_minor:not(.button_no_hover):hover {
    background: #555;
    color: #EDC97F;
    -webkit-transition: .3s;
    transition: .3s
}

.button_minor.button_disabled,
.button_minor.button_disabled:not(.button_no_hover):hover {
    background: #4E4E4E;
    -webkit-transition: .3s;
    transition: .3s
}

.button_minor.button_pressed .button__border,
.button_minor.button_pressed:not(.button_no_hover):hover .button__border {
    border-color: #555 !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_minor.button_pressed:before,
.button_minor.button_pressed .button__border:after,
.button_minor.button_pressed:not(.button_no_hover):hover:before,
.button_minor.button_pressed:not(.button_no_hover):hover .button__border:after {
    background: #555 !important;
    -webkit-transition: .3s;
    transition: .3s
}

.button_blue {
    background: #039BE5;
    color: #fff
}

.button_blue:not(.button_no_hover):hover {
    background: #18b2ff;
    color: #fff
}

.button_blue.button_disabled,
.button_blue.button_disabled:not(.button_no_hover):hover {
    background: #07374e
}

.button_blue.button_pressed .button__border,
.button_blue.button_pressed:not(.button_no_hover):hover .button__border {
    border-color: #18b2ff !important
}

.button_blue.button_pressed:before,
.button_blue.button_pressed .button__border:after,
.button_blue.button_pressed:not(.button_no_hover):hover:before,
.button_blue.button_pressed:not(.button_no_hover):hover .button__border:after {
    background: #18b2ff !important
}

.button_dark {
    background: #3d3b3b;
    color: #fff
}

.button_dark:not(.button_no_hover):hover {
    background: #555;
    color: #fff
}

.button_dark.button_disabled,
.button_dark.button_disabled:not(.button_no_hover):hover {
    background: #555
}

.button_dark.button_pressed .button__border,
.button_dark.button_pressed:not(.button_no_hover):hover .button__border {
    border-color: #555 !important
}

.button_dark.button_pressed:before,
.button_dark.button_pressed .button__border:after,
.button_dark.button_pressed:not(.button_no_hover):hover:before,
.button_dark.button_pressed:not(.button_no_hover):hover .button__border:after {
    background: #555 !important
}

.button_bottom {
    position: absolute;
    bottom: 10px;
    width: 300px;
    left: -webkit-calc((100% - 300px) / 2);
    left: calc((100% - 300px) / 2)
}

@-webkit-keyframes buttonLoader {
    from {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes buttonLoader {
    from {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

.information {
    position: relative;
    border-radius: 6px;
    padding: 18px 18px 18px 42px;
    margin-bottom: 12px;
    background: #303030
}

.information__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 10px;
    top: 16px
}

.information__icon svg {
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

.information__close {
    position: absolute;
    right: 0;
    padding: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.R-600 .information {
    font-size: 14px;
    padding: 12px 12px 12px 42px
}

.R-600 .information__icon {
    top: 8px
}

.R-600 .information {
    font-size: 14px;
    padding: 12px 12px 12px 42px
}

.R-600 .information__icon {
    top: 8px
}

.R-600 .information-closable {
    padding-right: 40px
}

.button-standalone {
    width: 100%;
    text-align: center
}

.button-standalone .button {
    text-align: center;
    max-width: 100%;
    width: 280px
}

.more-button {
    text-align: center;
    border-top: 2px solid #6D6D6D
}

.more-button .button {
    min-width: 240px;
    width: auto;
    border-radius: 0 0 4px 4px
}

.more-button .button .icon-more-arrows {
    fill: #EDC97F;
    margin-left: 6px;
    width: 16px;
    height: 16px
}

.R-600 .more-button .button .icon-more-arrows {
    width: 11px;
    height: 10px
}

.badge-digit {
    position: absolute;
    background: #F11414;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    font-family: "RobotoCondensed-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: badge-digit-tween 1s linear infinite;
    animation: badge-digit-tween 1s linear infinite
}

@-webkit-keyframes badge-digit-tween {

    from,
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    20% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes badge-digit-tween {

    from,
    30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,
    20% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

.badge-new .icon-new {
    width: 61px;
    height: 26px;
    border-radius: 4px 0 0 0
}

.R-600 .badge-new .icon-new,
.O-HOR .badge-new .icon-new {
    zoom: 0.65
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 3px;
    background: #303030
}

.progress-bar__fill {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #EDC97F
}

.progress-bar__fill-green {
    background: #27AE60
}

.progress-bar-vertical {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.input {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.input-item {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%
}

.input-item__wrap {
    -webkit-appearance: none;
    background: transparent !important;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #fff !important;
    border: none;
    padding: 6px;
    padding-bottom: 4.5px;
    padding-top: 12px;
    padding-right: 44px;
    border-bottom: 2px solid #888;
    border-radius: 0;
    width: 100%
}

.input-item__wrap:focus {
    border-bottom: 2px solid #EDC97F
}

.input-item__wrap.highlighted-element {
    border-bottom: 2px solid #EDC97F
}

.input-item .icon-remove {
    position: absolute;
    right: 0;
    top: 9px;
    width: 21px;
    height: 21px;
    fill: #888;
    cursor: pointer;
    display: none;
    z-index: 4;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.input-item .icon-remove:hover {
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.input-item__text {
    position: absolute;
    pointer-events: none;
    left: 6px;
    top: 6px;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    color: #888
}

.input-item__password {
    position: absolute;
    right: 0px;
    top: 8px
}

.input-item__password .icon-w-24 {
    fill: #888;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.input-item__password .icon-w-24:hover {
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.input-item__error {
    background: #F11414;
    z-index: 5;
    color: #fff;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 12px;
    margin-top: -2px
}

.input-active .input-item__text {
    top: -3px;
    font-size: 12px;
    left: 0;
    opacity: 1
}

.input_search.input-active .input-item__text {
    left: 24px;
    font-size: 12px;
    opacity: 1
}

.input_search .input-item__wrap {
    padding-left: 30px
}

.input_search .input-item__text {
    left: 30px
}

.input_search .icon-search {
    position: absolute;
    left: 0;
    bottom: 8.4px;
    width: 28px;
    height: 28px;
    fill: #888
}

.input_password .icon-remove {
    right: 34px
}

.input_password .input-item__wrap {
    padding-right: 64px
}

.input_pin_width {
    width: 158px
}

.input_error .input-item__text {
    color: #F11414
}

.input_hide_text {
    -webkit-text-security: disc
}

.R-600 .input_search .input-item__wrap {
    padding-top: 12px
}

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

.multiline {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 37, 37, 0)), color-stop(10%, #252525));
    background: linear-gradient(to bottom, rgba(37, 37, 37, 0) 0%, #252525 10%)
}

.multiline__placeholder {
    position: absolute;
    pointer-events: none;
    left: 6px;
    top: 6px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    font-size: 16px;
    color: #888
}

.multiline__wrap {
    -webkit-appearance: none;
    background: transparent !important;
    color: #fff !important;
    border: none;
    padding: 6px;
    padding-bottom: 4.5px;
    padding-top: 12px;
    border-bottom: 2px solid #888;
    width: 100%
}

.multiline__wrap:focus {
    border-bottom: 2px solid #EDC97F
}

.multiline_active .multiline__placeholder {
    top: -3px;
    font-size: 12px;
    left: 0;
    opacity: 1
}

.multiline_error .multiline__placeholder {
    color: #F11414
}

.choosefile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 2px dashed #555;
    border-radius: 12px;
    padding: 12px;
    overflow: hidden;
    width: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px)
}

.choosefile__button {
    position: relative
}

.choosefile__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.choosefile__label {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 60px
}

.choosefile__label .button {
    padding: 6px 12px
}

.choosefile__label .button svg {
    z-index: 5;
    width: 36px;
    height: 36px;
    fill: #EDC97F
}

.choosefile__list {
    color: #EDC97F;
    width: 100%
}

.choosefile__list svg {
    fill: #EDC97F;
    cursor: pointer
}

.choosefile__file {
    display: table;
    width: 100%;
    margin-bottom: 6px
}

.choosefile__file:last-child {
    margin-bottom: 0
}

.choosefile__file>* {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.choosefile__file-icon {
    width: 24px
}

.choosefile__file-icon svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: fill 0.2s linear, -webkit-transform 0.2s ease-in-out;
    transition: fill 0.2s linear, transform 0.2s ease-in-out
}

.choosefile__file-icon svg:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    fill: #fff
}

.choosefile__file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0
}

.choosefile__file-placeholder {
    color: #888;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inputcode-inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inputcode-inputs .input {
    margin: 0 6px;
    width: 30px
}

.inputcode-inputs .input-item__wrap {
    font-size: 20px;
    padding: 6px 0;
    text-align: center;
    -webkit-text-security: square
}

.link {
    display: inline-block;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-transition: color 0.1s linear, text-decoration-color 0.1s linear, background 0.1s linear;
    transition: color 0.1s linear, text-decoration-color 0.1s linear, background 0.1s linear;
    background: transparent;
    padding: 0 3px;
    margin: 0px -3px 0px -3px;
    border-radius: 3px;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    color: #E0E0E0
}

.link:hover,
.link:active {
    color: #EDC97F;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0)
}

.link:active {
    background: #303030
}

.switch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 1px;
    position: relative
}

.switch-bg {
    background: #303030;
    border-radius: 4px;
    padding: 6px 8px
}

.switch-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 31.2px;
    padding: 0 12px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    outline: none;
    position: relative;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    opacity: 0.5
}

.switch-item::before {
    content: '';
    background: red;
    width: 1px;
    height: 70%;
    background: #555;
    position: absolute;
    right: 0;
    z-index: -1
}

.switch-item:last-child::before {
    background: none
}

.switch-item__text {
    color: #E0E0E0;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    line-height: 1em
}

.switch-item_active {
    opacity: 1
}

.switch-item_active .switch-item__text {
    color: #fff
}

.switch-active {
    background: #555;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    border-radius: 4px;
    z-index: 0;
    width: 0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.R-600 .switch {
    width: 100% !important;
    margin-right: 0
}

.switch-mygame {
    margin: 0 0 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.switch-mygame .switch-bg {
    max-width: 290px;
    width: 80%
}

.switch-mygame button {
    height: 44px;
    width: 44px;
    padding: 0
}

.switch-mygame button svg {
    fill: #888;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.switch-mygame button:hover svg {
    fill: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.headline {
    display: inline-block;
    margin-bottom: 18px;
    position: relative;
    z-index: 1
}

.headline-text {
    display: inline-block;
    color: #fff
}

.headline-amount {
    display: inline-block;
    text-decoration: underline;
    margin-left: 12px;
    color: #888;
    margin-bottom: 3px
}

.R-600 .headline {
    margin-bottom: 12px
}

.R-600 .headline-amount {
    margin-bottom: 2px
}

.status {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.status svg {
    width: 37px;
    height: 27px;
    fill: #888
}

.status__text {
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 3px;
    background: #3d3b3b;
    border-radius: 4px;
    padding: 2px 4px;
    color: #fff !important
}

.status_active svg {
    fill: #EDC97F
}

.status_active .status__text {
    color: #EDC97F;
    text-align: center;
    padding: 2px 4px;
    background: #303030;
    border-radius: 4px
}

.player {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0
}

.player img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px;
    z-index: 0;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50%;
    object-fit: contain
}

.player:after {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 1;
    border: 2px solid #3d3b3b;
    border-radius: 50%;
    top: -3px;
    left: -3px;
    padding: 4px
}

.player__online {
    position: absolute;
    z-index: 2;
    width: 12px;
    height: 12px;
    background: #888;
    border-radius: 50%;
    border: 1px solid #000;
    right: -6px;
    bottom: -6px
}

.player_on .player__online {
    background: #27AE60
}

.player_was .player__online {
    background: #FFAC00
}

.player .img_404 {
    border-radius: 50% !important;
    top: 2px;
    left: 1.7px
}

.search-results {
    padding: 48px 0
}

.search-results__text {
    max-width: 320px;
    text-align: center;
    margin: auto
}

.R-600 .search-results {
    padding: 24px 0
}

.checkbox {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.checkbox__label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 24px
}

.checkbox__input {
    opacity: 0;
    width: 0;
    height: 0
}

.checkbox__input:checked+.checkbox__slider:before {
    background-color: #EDC97F;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.checkbox__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .2s;
    transition: .2s;
    border: 2px solid #4E4E4E;
    border-radius: 18px
}

.checkbox__slider:before {
    position: absolute;
    content: "";
    width: -webkit-calc(50% - 2px);
    width: calc(50% - 2px);
    left: 2px;
    top: 2px;
    bottom: 2px;
    background-color: #4E4E4E;
    -webkit-transition: -webkit-transform .2s ease-in-out, background-color .2s linear;
    transition: transform .2s ease-in-out, background-color .2s linear;
    border-radius: 12px
}

.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 2px solid #555;
    padding-bottom: 6px;
    padding-top: 12px;
    position: relative
}

.tabs__item {
    width: 33.3333%;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    color: #555
}

.tabs__item_current {
    color: #EDC97F;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.tabs__item .icon {
    margin-top: -2px
}

.tabs__border {
    height: 2px;
    background: #EDC97F;
    width: 33.3333%;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s
}

.tabs_two .tabs__item {
    width: 50%
}

.tabs_two .tabs__border {
    width: 50%
}

.notify {
    display: none;
    width: 240px;
    min-height: 100%;
    position: absolute;
    z-index: 20;
    left: 50%;
    margin-left: -120px;
    top: 0
}

.notify__body {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #6D6D6D;
    padding: 12px 6px
}

.notify__text {
    width: 100%;
    padding: 12px
}

.notify__close {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer
}

.notify__close svg {
    fill: #E0E0E0;
    width: 24px;
    height: 24px
}

.popup {
    display: none
}

.popup-wrap {
    display: grid;
    grid-template: "header" minmax(40px, auto) "body" 1fr/100%;
    width: 540px;
    overflow-y: auto;
    max-width: 100%;
    position: relative;
    max-height: 100%;
    background: #252525
}

.popup-header {
    area: header;
    position: relative;
    width: 100%;
    min-height: 40px;
    padding: 12px 72px 12px 24px;
    background: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.R-600 .popup-header {
    padding: 12px 48px 12px 12px
}

.popup-header__text {
    color: #fff;
    text-align: left
}

.popup-header__text h1 {
    font-size: 26px !important
}

.popup-header__text h1 span {
    vertical-align: middle
}

.popup-header__link {
    position: absolute;
    top: 9px;
    right: 12px
}

.popup-header__link svg {
    width: 32px;
    height: 32px;
    fill: #555
}

.R-600 .popup-header__link svg {
    width: 28px;
    height: 28px
}

.popup-body {
    color: #E0E0E0;
    area: body;
    position: relative;
    overflow-y: auto;
    background: #1E1E1E;
    box-sizing: border-box;
    padding: 24px 24px 24px 24px
}

.R-600 .popup-body {
    padding: 24px 12px
}

.popup-footer {
    width: 100%;
    text-align: center;
    padding-top: 24px
}

.popup-footer a {
    color: #888;
    text-decoration: underline
}

.popup_notice .popup-header__link {
    top: 10px
}

.popup_notice .popup-wrap {
    height: auto !important;
    max-height: 90%
}

.popup_wide .popup-wrap {
    max-width: 1100px;
    width: 100%;
    font-weight: normal
}

.popup_nopad .popup-body,
.popup_hlfpad .popup-body {
    padding: 0
}

.popup_nopad .popup-header,
.popup_hlfpad .popup-header {
    padding-left: 12px
}

.popup_hlfpad .popup-body {
    padding: 6px
}

.popup_separate .popup-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.R-600 .popup-wrap {
    width: 400px
}

.R-600 .popup-header__link {
    top: 10px !important;
    right: 14px
}

.R-600 .popup-header__text h1 {
    font-size: 20px !important
}

.R-430 .popup-wrap {
    width: 100% !important;
    height: 100% !important
}

.R-430 .popup_notice .popup-wrap {
    width: 300px !important;
    height: auto !important
}

.wide320 {
    max-width: 320px
}

.popup-body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.popup-body::-webkit-scrollbar-button,
.popup-body::-webkit-scrollbar-corner,
.popup-body::-webkit-resizer {
    display: none
}

.popup-body::-webkit-scrollbar-track,
.popup-body::-webkit-scrollbar-piece {
    background: #252525
}

.popup-body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.popup-body {
    scrollbar-width: thin
}

.popup_show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    top: 12px;
    z-index: 220 !important;
    -webkit-animation: showPopup 0.2s linear forwards;
    animation: showPopup 0.2s linear forwards
}

.popup_show .popup__link {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.85;
    background: #000;
    z-index: -1;
    -webkit-animation: showPopup 0.2s linear forwards;
    animation: showPopup 0.2s linear forwards;
    -webkit-transform: translateZ(-1px)
}

.profile-popup_show-menu,
.profile-popup {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

@-webkit-keyframes showPopup {
    from {
        opacity: 0
    }
}

@keyframes showPopup {
    from {
        opacity: 0
    }
}

.message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 18px;
    overflow-y: hidden;
    word-break: break-word;
    padding: 4px
}

.message-column:first-child {
    margin-right: 12px;
    width: 38px
}

.message-column:first-child svg {
    width: 38px;
    height: 38px;
    fill: #6D6D6D
}

.message__username {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.message__username svg {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    fill: #EDC97F
}

.message__date {
    color: #888
}

.message__text {
    color: #E0E0E0
}

.message_event .message__text {
    color: #EDC97F;
    font-weight: bold
}

.message_support .message__username {
    color: #EDC97F;
    font-weight: bold
}

.datalist__headline {
    color: #EDC97F;
    padding: 12px 6px;
    border-bottom: 1px solid #555
}

.datalist__cell {
    text-align: right;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.datalist__cell:first-child {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.datalist__cell:first-child svg {
    fill: #EDC97F;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 6px
}

.datalist__cell .switch-item__text {
    white-space: nowrap
}

.datalist__cell .select,
.datalist__cell .input {
    width: 150px;
    float: right;
    clear: both;
    text-align: left
}

.datalist__cell .checkbox {
    float: right;
    clear: both
}

.datalist__cell .icon-arrow {
    position: absolute;
    top: 50%;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -12px;
    stroke: #555
}

.datalist__cell_button .button {
    padding: 6px
}

.datalist__cell_button .button .f-reg {
    font-size: 12px !important
}

.datalist-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: rgba(48, 48, 48, 0);
    -webkit-transition: background 0.1s linear;
    transition: background 0.1s linear;
    padding: 12px 6px
}

.datalist-row_2cols>* {
    width: 48%
}

.datalist-row_3cols>* {
    width: 32%
}

.datalist-row_empty {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.datalist-row_empty:hover,
.datalist-row_empty:active {
    background: #303030
}

.datalist-row .icon-google-auth {
    width: 24px;
    height: 24px
}

.datalist .datalist-row {
    border-bottom: 1px solid #555
}

.R-1280 .datalist-rowcell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-1280 .datalist-rowcell .datalist__cell:first-child {
    margin-bottom: 12px
}

.R-800 .datalist-rowcell {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.R-800 .datalist-rowcell .datalist__cell:first-child {
    margin-bottom: 0
}

.R-430 .datalist-rowcell {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-430 .datalist-rowcell .datalist__cell:first-child {
    margin-bottom: 12px
}

.side-panel {
    position: fixed;
    z-index: 210;
    top: 68px;
    left: 100%;
    width: 320px;
    height: -webkit-calc(100vh - 80px);
    height: calc(100vh - 80px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    background: #252525;
    box-shadow: 3px 3px 5px #000000
}

.side-panel-headline {
    width: 100%;
    padding: 0 48px 0 12px;
    min-height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #EDC97F
}

.side-panel-headline .button {
    display: inline-block;
    width: auto;
    padding: 3px 12px;
    margin-left: -6px
}

.side-panel-headline .button svg {
    width: 18px;
    height: 18px
}

.side-panel-headline__icon {
    margin-right: 6px
}

.side-panel-headline__icon svg {
    height: 24px;
    width: 24px;
    fill: #EDC97F
}

.side-panel-headline__close {
    position: absolute;
    top: 50%;
    right: -6px;
    padding: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.side-panel-headline__close svg {
    height: 12px;
    width: 24px;
    stroke: #6D6D6D;
    margin-left: -18px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.side-panel-body {
    height: -webkit-calc(100% - 36px);
    height: calc(100% - 36px);
    overflow: hidden auto
}

.side-menu {
    background: #252525;
    padding: 6px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    border-radius: 12px 0 0 12px;
    z-index: 10;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    box-shadow: -3px 3px 5px #000000
}

.side-menu__item {
    cursor: pointer;
    margin: 6px 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear
}

.side-menu__item:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.side-menu__item svg {
    width: 36px;
    height: 36px;
    fill: #EDC97F
}

.side-menu__item .icon-favorite {
    fill: #F11414
}

.side-menu__item .icon-popup-help {
    fill: #27AE60
}

.side-menu_show .wingame-wrap {
    -webkit-transform: translateX(-160px);
    transform: translateX(-160px)
}

.side-menu_show .side-panel {
    -webkit-transform: translateX(-320px);
    transform: translateX(-320px)
}

.side-menu_show .side-menu {
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.side-panel-body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.side-panel-body::-webkit-scrollbar-button,
.side-panel-body::-webkit-scrollbar-corner,
.side-panel-body::-webkit-resizer {
    display: none
}

.side-panel-body::-webkit-scrollbar-track,
.side-panel-body::-webkit-scrollbar-piece {
    background: #252525
}

.side-panel-body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.side-panel-body {
    scrollbar-width: thin
}

.push {
    position: fixed;
    z-index: 230 !important;
    display: none;
    bottom: 24px;
    width: 480px;
    left: 50%;
    padding: 12px 24px 12px 12px;
    margin-left: -240px;
    background: #E0E0E0;
    color: #000;
    -webkit-filter: drop-shadow(0 2px 5px #000);
    filter: drop-shadow(0 2px 5px #000);
    border-radius: 6px
}

.R-600 .push-absolute {
    left: 24px !important
}

.push__close {
    position: absolute;
    padding: 12px;
    top: -6px;
    right: -6px
}

.push__close svg {
    width: 24px;
    height: 24px;
    fill: #000
}

.push__body {
    display: table;
    width: 100%
}

.push__body .tournament-banner.tour-small .tournament-banner-item {
    width: 136px;
    height: 90px
}

.R-600 .push__body .tournament-banner.tour-small .tournament-banner-item {
    width: 102px;
    height: 80px
}

.push__body_tour .tournament-banner.tour-small {
    position: absolute;
    top: -24px;
    left: -26px;
    -webkit-filter: drop-shadow(0px 3px 2px gray);
    filter: drop-shadow(0px 3px 2px gray)
}

.R-600 .push__body_tour .tournament-banner.tour-small {
    top: -12px;
    left: -26px
}

.R-600 .push__body_tour .tournament-banner.tour-small .tournament-banner-item {
    width: 100px;
    height: 70px !important
}

.push__body_tour .flex__item:last-child {
    padding-left: 25%;
    padding-right: 1%
}

.R-600 .push__body_tour .flex__item:last-child {
    padding-left: 20%
}

.R-430 .push__body_tour .flex__item:last-child {
    padding-left: 25%
}

.push__image {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 60px
}

.push__image img {
    width: 60px;
    height: auto
}

.push__image .img_404 {
    height: 0 !important;
    padding-bottom: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.push__image svg {
    width: 60px;
    height: 60px
}

.push-text {
    display: table-cell;
    max-width: 0;
    vertical-align: middle;
    padding-left: 12px
}

.push-text>div {
    width: 100%
}

.push-text__headline {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.push-text__message {
    margin-bottom: 12px
}

.push-text__headline,
.push-text__message {
    display: inline-block;
    width: 100%
}

.push-text__headline a,
.push-text__message a {
    text-decoration: underline
}

.push__buttons {
    margin-bottom: -24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.push__buttons .button {
    padding: 12px 24px;
    display: inline-block
}

.push__button {
    margin-left: 12px
}

.push__button:first-child {
    margin-left: 0
}

.push_show {
    display: block
}

.R-600 .push {
    width: auto;
    margin-left: 0;
    left: 6px;
    right: 6px
}

.R-600 .push__buttons .button {
    padding: 6px 12px
}

.popup-info-player {
    width: 590px
}

.popup-info-player .games-list-wrap {
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 4px 0px
}

.R-600 .popup-info-player .games-list-wrap {
    grid-template-columns: repeat(2, 1fr)
}

.popup-info-player .games-list-wrap .game-item {
    width: 96% !important;
    margin: 0 0 3px 3px
}

.player-info {
    z-index: 10;
    margin: -8px 0 -8px 0;
    padding: 0 12px 12px 12px;
    background: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    table-layout: fixed;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 4px
}

.R-600 .player-info {
    padding: 0 8px 12px 8px;
    margin: -18px 0 -8px 0;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.player-info .online__player_avatar,
.player-info .gift__player_avatar {
    border: 3px solid #3d3b3b
}

.R-600 .player-info .online__player_avatar,
.R-600 .player-info .gift__player_avatar {
    width: 74px;
    height: 74px;
    border: 1px solid #3d3b3b;
    margin-right: 12px
}

.player-info__wrap {
    padding: 2px 6px 0 6px;
    width: 33%;
    border-radius: 4px
}

.player-info__wrap .f-huge {
    font-size: 32px;
    line-height: 54px;
    white-space: nowrap
}

.R-600 .player-info__wrap .f-huge {
    font-size: 22px;
    line-height: 32px;
    margin: 16px 0 0 0
}

.player-info__wrap .f-reg {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.R-600 .player-info__wrap .f-reg {
    line-height: 22px
}

.R-600 .player-info__wrap {
    width: 48%;
    background: #303030;
    position: relative
}

.player-info>* {
    display: table-cell;
    text-align: center;
    font-weight: bold
}

.player-info .online__player {
    width: 136px;
    height: 136px
}

.R-600 .player-info .online__player {
    width: 74px;
    height: 74px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.player-info .player {
    width: 72px !important;
    height: 72px !important;
    vertical-align: top
}

.player-info .player:after {
    width: 70px;
    height: 70px
}

.player-info .player img {
    width: 72px !important;
    height: 72px !important;
    margin-top: -34px;
    margin-left: -34px
}

.player-info .player__online {
    position: absolute;
    bottom: 2px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 6px solid #252525
}

.R-600 .player-info .player__online {
    right: 2px;
    bottom: 0px;
    width: 18px;
    height: 18px;
    border: 4px solid #252525
}

.player-info__wrap:nth-child(2) {
    width: 64px
}

.player-info__status {
    font-size: 14px;
    padding: 8px 0
}

.R-600 .player-info__status {
    text-align: left;
    width: 100%
}

.player-info__status>img,
.player-info__status>svg {
    width: 24px;
    height: 24px
}

.player-info__name {
    display: grid;
    padding: 0;
    border-radius: 4px;
    grid-auto-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -12px 0 0 0
}

.R-600 .player-info__name {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin: 0 6px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 60%;
    background: none
}

.R-600 .player-info__name .f-huge {
    font-size: 16px
}

.player-info-win {
    background: linear-gradient(118.75deg, #FFAC00 15.32%, #FFE072 67.76%, #FFAC00 74.83%);
    color: #1E1E1E;
    margin: auto;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    width: -webkit-fit-content;
    width: fit-content;
    max-width: 50%;
    width: intrinsic;
    padding: 2px 4px
}

.R-600 .player-info-win {
    position: absolute;
    top: -9px;
    margin: auto;
    left: 0;
    right: 0
}

.player-info__tour-wrap,
.player-info__quest-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px
}

.R-600 .player-info__tour-wrap,
.R-600 .player-info__quest-wrap {
    grid-template-columns: repeat(2, 1fr)
}

.player-info__tour-item,
.player-info__quest-item {
    max-width: 174px;
    background: #303030;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    position: relative
}

.R-800 .player-info__tour-item .tournament-banner-item,
.R-800 .player-info__quest-item .tournament-banner-item {
    height: min(max(86px, 27vw), 110px)
}

.R-800 .player-info__tour-item .bonus-card__value_star svg,
.R-800 .player-info__quest-item .bonus-card__value_star svg {
    width: 20px;
    height: 20px
}

.player-info__tour-item-up,
.player-info__quest-item-up {
    height: 100%
}

.player-info__tour-item-up .quest-img,
.player-info__quest-item-up .quest-img {
    width: 100%;
    padding: 12px 8px 0 8px;
    position: relative;
    height: min(max(86px, 27vw), 112px)
}

.R-600 .player-info__tour-item-up .quest-img,
.R-600 .player-info__quest-item-up .quest-img {
    height: min(max(86px, 28vw), 120px)
}

.player-info__tour-item-up .quest-img .img_404,
.player-info__quest-item-up .quest-img .img_404 {
    height: 58%
}

.player-info__tour-item-up .quest-img img,
.player-info__quest-item-up .quest-img img {
    border-radius: 6px
}

.player-info__tour-item-up .tour-small,
.player-info__quest-item-up .tour-small {
    padding: 32px 0 0 0
}

.player-info__tour-item-down,
.player-info__quest-item-down {
    background: #3d3b3b;
    border-radius: 0 0 4px 4px;
    min-height: 68px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.player-info__tour-name,
.player-info__quest-name {
    text-align: center;
    padding: 12px
}

.player-info__tour-date,
.player-info__quest-date {
    text-align: center;
    color: #6D6D6D
}

.player-info__tour-place .flex .flex__item,
.player-info__quest-place .flex .flex__item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-600 .player-info__tour-place .flex .flex__item,
.R-600 .player-info__quest-place .flex .flex__item {
    margin-left: 4px
}

.player-info__tour-place .flex .flex__item .icon-w-16,
.player-info__quest-place .flex .flex__item .icon-w-16 {
    margin-top: 4px
}

.player-info__tour-all,
.player-info__quest-all {
    cursor: pointer;
    padding: 12px 0 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 12px 0 6px 0
}

.R-430 .player-info__tour-all,
.R-430 .player-info__quest-all {
    margin: 24px 0 6px 0
}

.player-info__tour-all:hover,
.player-info__quest-all:hover {
    color: #fff !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.player-info__tour .bonus-card__value_star,
.player-info__quest .bonus-card__value_star {
    margin: 0 auto 12px
}

.player-info__tour,
.player-info__quest,
.player-info__games,
.player-info__last-win {
    background: #252525;
    padding: 12px;
    margin: 16px 0;
    border-radius: 4px
}

.player-info__tour .icon_svg-cp,
.player-info__quest .icon_svg-cp,
.player-info__games .icon_svg-cp,
.player-info__last-win .icon_svg-cp {
    margin-top: -3px
}

.R-600 .player-info__tour,
.R-600 .player-info__quest,
.R-600 .player-info__games,
.R-600 .player-info__last-win {
    padding: 8px
}

.player-info__games {
    padding-bottom: 0
}

.tour_gold,
.tour_silver,
.tour_bronze {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour_gold span,
.tour_silver span,
.tour_bronze span {
    color: black;
    position: absolute;
    margin: auto;
    left: auto;
    right: auto;
    top: 0px;
    font-size: 12px
}

.tour_gold {
    fill: #EDC97F
}

.tour_silver {
    fill: #E0E0E0
}

.tour_bronze {
    fill: #aa6455
}

.tour_usual {
    background: #555;
    color: #C5C5C5;
    padding: 1px 8px;
    border-radius: 24px
}

.last-win-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    overflow: hidden;
    height: 232px
}

.R-600 .last-win-wrap {
    height: min(max(190px, 53vw), 240px)
}

.last-win-wrap .last_win {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 29.47%, rgba(48, 48, 48, 0.3) 47.02%), #303030
}

.last-win-wrap .last_big_win {
    background: linear-gradient(180deg, rgba(249, 227, 116, 0.2) 38.08%, rgba(87, 64, 6, 0.2) 47.68%), #303030
}

.last-win-wrap .last_mega_win {
    background: linear-gradient(180deg, rgba(255, 138, 0, 0.2) 42.05%, rgba(88, 49, 3, 0.2) 48.01%), #303030
}

.last-win-wrap .last_super_win {
    background: linear-gradient(180deg, rgba(255, 77, 0, 0.2) 37.09%, rgba(98, 30, 2, 0.2) 47.35%), #303030
}

.last-win-wrap .last_huge_win {
    background: linear-gradient(180deg, rgba(227, 30, 30, 0.2) 40.4%, rgba(95, 2, 2, 0.2) 48.01%), #303030
}

.last-win-wrap .last_epic_win {
    background: linear-gradient(180deg, rgba(255, 0, 184, 0.2) 38.08%, rgba(111, 1, 80, 0.2) 48.01%), #303030
}

.last-win-wrap .last_legendary_win {
    background: linear-gradient(180deg, rgba(212, 90, 255, 0.1) 34.44%, rgba(87, 3, 117, 0.1) 47.35%), #303030
}

.last-win-wrap .last-win-text {
    padding: 16px 0 0px 0;
    position: absolute;
    bottom: 16%;
    right: 0;
    left: 0;
    margin: auto
}

.R-600 .last-win-wrap .last-win-text {
    padding: 5px
}

.R-430 .last-win-wrap .last-win-text {
    bottom: 17%
}

.last-win-wrap_shadow {
    width: 64px;
    height: 100%;
    background: linear-gradient(90deg, rgba(37, 37, 37, 0) 19.26%, #252525 87.22%);
    z-index: 3;
    position: absolute;
    right: 0
}

.R-600 .last-win-wrap_shadow {
    display: none
}

.last-win-item {
    min-width: 170px;
    height: 228px;
    padding: 8px;
    border-radius: 4px;
    position: absolute;
    background: #303030;
    max-width: 212px;
    margin: 0 4px 0 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.last-win-item_transition {
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.last-win-item img {
    max-width: 196px;
    border-radius: 4px
}

.R-600 .last-win-item img {
    max-width: 160px;
    width: 100%
}

.R-600 .last-win-item {
    min-width: 48%;
    min-height: 190px;
    height: 230px;
    padding: 8px
}

.R-600 .last-win-item:nth-child(n+3) {
    display: none
}

.R-430 .last-win-item {
    height: min(max(190px, 52vw), 220px)
}

.last-win-item .c-yellow {
    line-height: 26px
}

.last-win-item .game-hover__buttons {
    display: none !important
}

.last-win-time {
    padding: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: white;
    color: white;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px 0px;
    z-index: 2
}

.last-win-time svg {
    margin-right: 8px
}

.R-600 .last-win-time svg {
    width: 20px;
    height: 20px !important
}

.last-win-img {
    position: relative;
    z-index: 0
}

.R-600 .last-win-img .game-item__img {
    height: min(max(69px, 23.4vw), 102px)
}

.last-win-img__777 {
    height: 102px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    width: 100%;
    box-shadow: inset 0px 10px 10px rgba(0, 0, 0, 0.55), inset 0px -10px 10px rgba(0, 0, 0, 0.55)
}

.last-win-img__777-left,
.last-win-img__777-center,
.last-win-img__777-right {
    width: 33.3%;
    height: 100%;
    background: url("https://riobet-142.ru/img/items/spins777.png");
    background-size: cover;
    opacity: .9
}

.R-600 .last-win-img__777 {
    height: min(max(69px, 23vw), 102px)
}

.last-win-img__777-left {
    -webkit-animation: spins777-left 4s ease 1s;
    animation: spins777-left 4s ease 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    border-radius: 4px 0 0 4px;
    background-position: top;
    border-image-slice: 1;
    border-right: 3px solid;
    box-shadow: inset 5px 0px 5px rgba(0, 0, 0, 0.5)
}

.R-600 .last-win-img__777-left {
    border-right: 1px solid
}

.last-win-img__777-center {
    -webkit-animation: spins777-center 4s ease 1.1s;
    animation: spins777-center 4s ease 1.1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    border-right: 3px solid;
    background-position: center;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.5)
}

.R-600 .last-win-img__777-center {
    border-right: 1px solid
}

.last-win-img__777-right {
    border-radius: 0 4px 4px 0;
    -webkit-animation: spins777-right 4s ease 1.2s;
    animation: spins777-right 4s ease 1.2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-position: bottom;
    box-shadow: inset -5px 0px 5px rgba(0, 0, 0, 0.5)
}

.last-win-img__777_unactive div {
    -webkit-animation: none;
    animation: none
}

.last-win-text {
    font-style: bold;
    font-weight: 900;
    z-index: 1
}

.last-win-text p {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif, monospace
}

.last-win-text p:first-child {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.R-600 .last-win-text p:first-child {
    font-size: 18px;
    line-height: 30px
}

.last-win-text p:last-child {
    -webkit-transition: 1.5s;
    transition: 1.5s;
    font-weight: 900;
    font-size: 28px;
    line-height: 28px;
    white-space: nowrap;
    margin-bottom: 12px;
    text-transform: lowercase
}

.R-600 .last-win-text p:last-child {
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 6px
}

.last-win-text__777 {
    position: relative;
    bottom: 2%
}

.last-win-text__spins {
    margin: 0 0 8px 0
}

.last-win-text__spins span {
    font-size: 20px
}

.R-600 .last-win-text__spins span {
    font-size: 16px
}

.R-600 .last-win-text__spins svg {
    width: 18px;
    height: 18px !important
}

.last-win-x {
    margin: -15% 0 0 0
}

@-webkit-keyframes spins777-left {
    100% {
        background-position: 0px -916%
    }
}

@keyframes spins777-left {
    100% {
        background-position: 0px -916%
    }
}

@-webkit-keyframes spins777-center {
    100% {
        background-position: 0px -1018.5%
    }
}

@keyframes spins777-center {
    100% {
        background-position: 0px -1018.5%
    }
}

@-webkit-keyframes spins777-right {
    100% {
        background-position: 0px -1084.5%
    }
}

@keyframes spins777-right {
    100% {
        background-position: 0px -1084.5%
    }
}

.last_win .last-win-text p {
    background: linear-gradient(180deg, #FCF4F4 51.51%, #A2A1A1 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #1F2027);
    filter: drop-shadow(0px 2px 0px #1F2027)
}

.last_big_win .last-win-text p {
    background: linear-gradient(180deg, #FFD600 51.56%, #AA7A00 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #421B1B);
    filter: drop-shadow(0px 2px 0px #421B1B)
}

.last_mega_win .last-win-text p {
    background: linear-gradient(180deg, #FF8A00 52.08%, #A45800 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #0E2328);
    filter: drop-shadow(0px 2px 0px #0E2328)
}

.last_super_win .last-win-text p {
    background: linear-gradient(180deg, #FF4D00 54.17%, #A43100 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #381C07);
    filter: drop-shadow(0px 2px 0px #381C07)
}

.last_huge_win .last-win-text p {
    background: linear-gradient(180deg, #E31E1E 52.08%, #980000 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #28210E);
    filter: drop-shadow(0px 2px 0px #28210E)
}

.last_epic_win .last-win-text p {
    background: linear-gradient(180deg, #FF00B8 45.31%, #94036B 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #0D2432);
    filter: drop-shadow(0px 2px 0px #0D2432)
}

.last_legendary_win .last-win-text p {
    background: linear-gradient(180deg, #DE81FF 49.48%, #8A00BA 100%);
    -webkit-filter: drop-shadow(0px 2px 0px #2B0041);
    filter: drop-shadow(0px 2px 0px #2B0041)
}

.qrcode {
    display: inline-block;
    padding: 6px;
    background: #fff
}

.copy-indicator {
    position: absolute;
    font-size: 15px;
    left: 50%;
    top: -25%;
    color: white;
    white-space: nowrap
}

.disconnect-indicator {
    position: fixed;
    bottom: 6px;
    right: 6px;
    padding: 6px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 900;
    -webkit-animation: disconnect 1s linear infinite;
    animation: disconnect 1s linear infinite
}

.disconnect-indicator svg {
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

@-webkit-keyframes disconnect {

    from,
    to {
        opacity: 0.25
    }

    10% {
        opacity: 0.5
    }
}

@keyframes disconnect {

    from,
    to {
        opacity: 0.25
    }

    10% {
        opacity: 0.5
    }
}

.main-page-info {
    background: #000;
    padding: 12px 24px 1px 24px;
    color: #fff
}

.install-game {
    background: #27AE60
}

.install-game-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 12px;
    position: relative;
    max-width: 600px;
    margin: 0 auto
}

.install-game-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.install-game__close {
    position: absolute;
    top: 6px;
    left: 6px
}

.install-game-close {
    width: 18px;
    height: 18px;
    fill: #fff
}

.install-game__logo {
    width: 48px;
    margin-left: 12px
}

.install-game-logo {
    width: 48px;
    height: 48px
}

.install-game__text {
    margin-left: 12px;
    color: #fff
}

.install-game__button {
    display: inline-block;
    background: #fff;
    border: none;
    padding: 6px;
    font-size: 12px;
    color: #27AE60;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    border-radius: 8px;
    -webkit-tap-highlight-color: transparent
}

.avatar__list {
    overflow: hidden
}

.avatar__item {
    width: 25%;
    float: left;
    cursor: pointer
}

.avatar__block {
    background-color: #303030;
    border: 2px solid #3d3b3b;
    position: relative;
    margin: 0 4.5px 10px 4.5px
}

.avatar__img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.avatar__stretch {
    width: 100%
}

.avatar__selected {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 3px
}

.avatar__selected-icon {
    width: 26px;
    height: 18px;
    fill: #EDC97F
}

.R-600 .avatar__item {
    width: 50%
}

.is-active .avatar__block {
    border: 2px solid #EDC97F
}

.is-active .avatar__selected {
    opacity: 1
}

.jump-top {
    position: fixed;
    right: 12px;
    bottom: 60px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    z-index: 10
}

.jump-top-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #EDC97F;
    z-index: 5;
    white-space: nowrap
}

.jump-top-content svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-right: 12px
}

.R-800 .jump-top {
    bottom: 12px
}

.select-producer .select {
    display: none
}

.R-800 .select-producer .select {
    display: block
}

.button_svg {
    background: #303030;
    max-width: 344px;
    height: 42px;
    width: 100%;
    color: #E0E0E0;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    font-size: 16px
}

.button_svg svg {
    position: absolute;
    right: 8px;
    margin: auto;
    float: right;
    fill: #6D6D6D;
    width: 24px;
    height: 24px
}

.R-800 .button_svg {
    display: none
}

.popup-column {
    -webkit-column-count: 4;
    column-count: 4;
    font-weight: normal
}

.popup-column_col-3 {
    -webkit-column-count: 3;
    column-count: 3
}

.popup-column__item {
    border-bottom: 1px solid #303030;
    font-size: 16px;
    padding: 9px 0;
    margin: 0 10px;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    overflow: hidden;
    cursor: pointer
}

.popup-column__item:hover span {
    color: #EDC97F
}

.popup-column__item_opacity {
    color: #555
}

.popup-column__item_opacity .select-image,
.popup-column__item_opacity .icon,
.popup-column__item_opacity .popup-column__item_top {
    opacity: 0.3
}

.popup-column__item_letter,
.popup-column__item_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-column__item_letter p,
.popup-column__item_img p {
    color: gray;
    padding: 0 10px;
    width: 35px
}

.popup-column__item img {
    width: 24px;
    margin: 0 10px 0 0
}

.popup-column__item svg {
    width: 24px;
    height: 24px;
    margin: 0 5px 0 6px
}

.popup-column__item_top {
    background: linear-gradient(118.75deg, #FFAC00 36.48%, #FFE072 67.76%, #FFAC00 93.32%);
    padding: 2px 4px;
    border-radius: 4px;
    color: #252525;
    font-size: 12px;
    height: 17px;
    font-weight: bold;
    margin: 0 0 0 10px
}

.popup-column__text {
    color: #EDC97F;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12.5px 0;
    cursor: auto;
    text-align: center
}

.popup-column__text_opacity {
    opacity: 0.3
}

.url-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.icon-p-svg {
    position: relative !important;
    margin: 0 0 0 5px !important
}

.icon-p-tables {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin: 0 5px 0 0
}

.R-600 .icon-p-tables {
    vertical-align: middle
}

.avatar-border {
    min-width: 40px;
    height: 40px;
    margin: -3px 16px 0 -3px;
    border: 2px solid #555;
    border-radius: 50%;
    padding: 2px
}

.mobile-game-wrapper {
    background-color: #252525;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    width: 100%;
    height: 100%;
    z-index: 220
}

.mobile-game-wrapper_horizontal .mobile-game-window-iframe {
    height: 100vh;
    width: -webkit-calc(100vw - 48px);
    width: calc(100vw - 48px);
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    height: 100%;
    right: 0;
    position: absolute;
    top: 0
}

.mobile-game-wrapper_vertical .mobile-game-window-iframe {
    height: -webkit-calc(100vh - 48px);
    height: calc(100vh - 48px);
    width: 100vw;
    width: 100%;
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px);
    left: 0;
    position: absolute;
    bottom: 0
}

html.mobile-game-opened {
    height: 100vh;
    width: 100vw
}

html.mobile-game-opened body {
    position: fixed;
    height: 100vh;
    width: 100vw
}

.opacity-0 {
    opacity: 0
}

[tooltip] {
    position: relative
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: .9em;
    line-height: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0
}

[tooltip]::before {
    content: '';
    border: 5px solid transparent;
    z-index: 1000
}

[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    min-width: 3em;
    max-width: 21em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block
}

[tooltip='']::before,
[tooltip='']::after {
    display: none !important
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: -webkit-calc(100% + 5px);
    bottom: calc(100% + 5px)
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after {
    left: 50%;
    -webkit-transform: translate(-50%, -0.5em);
    transform: translate(-50%, -0.5em)
}

[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -0.5em);
    transform: translate(-50%, -0.5em)
}

[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333
}

[tooltip][flow^="down"]::after {
    top: -webkit-calc(100% + 5px);
    top: calc(100% + 5px)
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, 0.5em);
    transform: translate(-50%, 0.5em)
}

[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: -webkit-calc(0em - 5px);
    left: calc(0em - 5px);
    -webkit-transform: translate(-0.5em, -50%);
    transform: translate(-0.5em, -50%)
}

[tooltip][flow^="left"]::after {
    top: 50%;
    right: -webkit-calc(100% + 5px);
    right: calc(100% + 5px);
    -webkit-transform: translate(-0.5em, -50%);
    transform: translate(-0.5em, -50%)
}

[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: -webkit-calc(0em - 5px);
    right: calc(0em - 5px);
    -webkit-transform: translate(0.5em, -50%);
    transform: translate(0.5em, -50%)
}

[tooltip][flow^="right"]::after {
    top: 50%;
    left: -webkit-calc(100% + 5px);
    left: calc(100% + 5px);
    -webkit-transform: translate(0.5em, -50%);
    transform: translate(0.5em, -50%)
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    -webkit-animation: tooltips-vert 300ms ease-out forwards;
    animation: tooltips-vert 300ms ease-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after {
    -webkit-animation: tooltips-horz 300ms ease-out forwards;
    animation: tooltips-horz 300ms ease-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    -webkit-animation: tooltips-horz 300ms ease-out forwards;
    animation: tooltips-horz 300ms ease-out forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

@-webkit-keyframes tooltips-vert {
    to {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@keyframes tooltips-vert {
    to {
        opacity: 1;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@-webkit-keyframes tooltips-horz {
    to {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 1;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media (hover: none) {
    .input-item__password .icon-w-24:active {
        fill: #fff !important
    }

    .input-item__password .icon-w-24:hover {
        fill: #888
    }
}

.ux-app {
    background: #E0E0E0;
    padding: 8px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.ux-app svg {
    margin-right: 8px
}

.ux-app-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #6D6D6D;
    background: #C5C5C5;
    height: 100%;
    position: absolute;
    right: 0;
    width: 32px;
    border-radius: 0 4px 4px 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.ux-app-close:hover {
    fill: #E0E0E0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #6D6D6D
}

.ux-app-close svg {
    margin: 0
}

.ux-app_footer {
    max-width: 300px;
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ux-app-text {
    text-align: center
}

.ux-app-check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

.currency svg.icon-center-text {
    display: inline;
    position: relative;
    left: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%)
}

.slick-dots {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2;
    background: #303030;
    bottom: auto;
    top: -webkit-calc(88% + 54px);
    top: calc(88% + 54px);
    pointer-events: none
}

.slick-dots li {
    width: 100%;
    height: 6px;
    margin: 0;
    max-width: 100%
}

.slick-dots li:before {
    display: none
}

.slick-dots li button {
    width: 0;
    height: 0;
    padding: 0
}

.slick-dots li button:before {
    width: 100%;
    height: 6px;
    max-width: 100%
}

.slick-dots li.slick-active button:before {
    background: #EDC97F;
    -webkit-transition: 0.6s;
    transition: 0.6s
}

.R-600 .slick-dots {
    width: 75%;
    left: 12.5%
}

.popup-slider-list {
    width: 100%;
    max-height: 300px;
    padding: 0 24px
}

.R-600 .popup-slider-list {
    padding: 0
}

.popup-slider-list .slick-dots {
    top: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all;
    background: transparent;
    padding: 16px 0 24px 0
}

.popup-slider-list .slick-dots li {
    width: 9px;
    height: 9px;
    margin: 12px 6px;
    background: #555555;
    cursor: pointer;
    border-radius: 50%
}

.popup-slider-list .slick-dots li button:before {
    background: white;
    border-radius: 50%;
    width: 9px;
    height: 9px
}

.popup-slider__text {
    width: 300px;
    text-align: center
}

.popup-slider__cgv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 22px 0 0 0
}

.popup-slider__cgv_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 60px;
    margin: 0 16px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-600 .popup-slider__cgv_item {
    margin: 0 6px
}

.popup-slider__cgv_item svg {
    fill: #EDC97F;
    margin: 0 8px 4px 8px
}

.popup-slider__cgv_item .c-yellow {
    background: #303030;
    padding: 4px 4px;
    width: 100%;
    border-radius: 4px;
    margin: 4px 0 0 0
}

.popup-info-cp {
    background: #303030;
    padding: 16px;
    border-radius: 8px;
    margin: 0 0 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-info-cp span {
    width: 100%
}

.R-600 .popup-info-cp {
    padding: 16px 4px
}

.R-600 .popup-info-cp span {
    width: 80%
}

.popup-info-cp .link {
    margin: 24px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slider-exchange-cp .slick-center {
    color: red
}

@-webkit-keyframes shrink {
    0% {
        color: green;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: grey
    }
}

@keyframes shrink {
    0% {
        color: green;
        -webkit-transform: scale(2);
        transform: scale(2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: grey
    }
}

@-webkit-keyframes grow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: grey
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        color: green
    }
}

@keyframes grow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: grey
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        color: green
    }
}

.swiper-container {
    position: relative;
    max-width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-slide__content {
    position: absolute;
    top: 0
}

.swiper-slide {
    height: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: gray;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}

.swiper-slide-active {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    color: white
}

.swiper-slide-active_border {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    position: absolute;
    width: 100px;
    height: 54px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.swiper-slide__content {
    height: 300px
}

.swiper-slide-next,
.swiper-slide-prev {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.slider-overflow {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3% 0 0 0
}

.R-1280 .slider-overflow {
    padding: 4% 0 0 0
}

.R-800 .slider-overflow {
    padding: 6% 0 0 0
}

.slider-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.3% 24px 1% 24px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.R-1280 .slider-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-1280 .slider-panel .new-slider {
    max-height: 26vw;
    width: 100%
}

.R-800 .slider-panel .new-slider {
    max-height: 30vw
}

.R-430 .slider-panel {
    padding: 0 12px 0 12px
}

.panel-info {
    width: 274px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 16px;
    gap: 6px
}

.R-1280 .panel-info {
    width: 100%;
    min-width: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 6% 0 0 0;
    overflow: auto;
    margin: 40px auto 0;
    overflow: auto;
    display: none
}

.panel-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 274px;
    padding: 5.56% 6%;
    background: #1E1E1E;
    border-radius: 4px
}

.panel-info-item:first-child {
    border-radius: 16px 16px 0 0
}

.panel-info-item:last-child {
    border-radius: 0 0 16px 16px
}

.R-1280 .panel-info-item {
    padding: 3px;
    margin: 10px;
    min-width: 230px
}

.R-1280 .panel-info-item svg {
    height: 24px !important
}

.panel-info-item_img {
    padding-right: 6%
}

.panel-info-item_text {
    color: #fff
}

.panel-info-item_text p:nth-child(1) {
    color: #C5C5C5
}

.panel-info__mobile {
    display: none;
    background: #000;
    width: 100%
}

.R-1280 .panel-info__mobile {
    padding: 24px 24px 0 24px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px
}

.R-600 .panel-info__mobile {
    padding: 12px 12px 0 12px;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px
}

.panel-info__mobile .panel-info-item {
    width: 100%;
    margin: 0px;
    padding: 12px;
    border-radius: 8px
}

.R-600 .panel-info__mobile .panel-info-item {
    border-radius: 0px
}

.R-600 .panel-info__mobile .panel-info-item:first-child {
    border-radius: 8px 8px 0 0
}

.R-600 .panel-info__mobile .panel-info-item:last-child {
    border-radius: 0 0 8px 8px
}

.panel-info__mobile .panel-info-item_img {
    padding-right: 2%
}

.new-slider {
    position: relative;
    width: 100%;
    height: 300px;
    max-width: 1200px;
    max-height: 300px;
    min-height: 139px;
    border-radius: 16px;
    position: relative
}

.R-800 .new-slider {
    width: 100%;
    max-height: 29vw
}

.new-slider-item {
    position: relative;
    height: 300px;
    min-height: 0vw;
    max-height: 100%;
    border-radius: 16px;
    position: relative;
    height: 100%;
    cursor: unset;
    max-height: 300px
}

.R-430 .new-slider-item {
    border-radius: 8px
}

.new-slider-item__tour {
    cursor: pointer !important
}

.new-slider-item__tour:hover .new-slider-item_namegame img {
    -webkit-transform: scale(1.1) translateX(2%);
    transform: scale(1.1) translateX(2%);
    -webkit-transition: 1s;
    transition: 1s
}

.new-slider-item__tour:hover .new-slider-item_img img {
    -webkit-transform: translate(-3%, 0);
    transform: translate(-3%, 0);
    -webkit-transition: 1s;
    transition: 1s;
    height: 114%
}

.new-slider-item .img_404 {
    border-radius: 8px;
    z-index: 3;
    width: 101%
}

.new-slider-item_providers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 2;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1% 0 0 4%
}

.new-slider-item_providers svg {
    width: min(max(100px, 8vw), 128px);
    height: min(max(25px, 4vw), 48px)
}

.R-800 .new-slider-item_providers svg {
    height: min(max(25px, 6vw), 48px)
}

.R-430 .new-slider-item_providers svg:nth-child(2n) {
    margin: 0 0 0 -33px
}

.R-600 .new-slider-item_providers {
    margin: 1% 0 0 0
}

.new-slider-item_namegame {
    padding: 6% 0 0 6%;
    width: min(max(190px, 38vw), 60%);
    font-size: min(max(23px, 5vw), 72px);
    color: white;
    font-style: normal;
    font-weight: bold;
    line-height: 104%;
    text-transform: uppercase
}

.new-slider-item_namegame img {
    z-index: 1;
    -webkit-transition: 1s;
    transition: 1s
}

.R-1280 .new-slider-item_namegame {
    width: min(max(190px, 56vw), 60%)
}

.R-800 .new-slider-item_namegame {
    padding: 7% 0 0 6%;
    width: min(max(220px, 50vw), 60%)
}

.R-600 .new-slider-item_namegame {
    width: min(max(220px, 52vw), 60%);
    padding: 10% 0 0 4%
}

.new-slider-item_prize {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    left: 6%;
    z-index: 2
}

.new-slider-item_prize svg {
    width: min(max(18px, 2.3vw), 36px);
    height: min(max(18px, 2.3vw), 36px);
    vertical-align: baseline
}

.new-slider-item_prize-money,
.new-slider-item_prize .currency {
    font-size: min(max(26px, 3vw), 48px)
}

.R-600 .new-slider-item_prize {
    left: 10px;
    font-size: 12px;
    line-height: 20px
}

.new-slider-item_info {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    right: 6%;
    bottom: 1%;
    border-radius: 40px;
    padding: 6px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 1
}

.new-slider-item_info>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #fff;
    color: #fff
}

.new-slider-item_info>div:nth-child(2n) {
    margin-left: 20px
}

.R-430 .new-slider-item_info>div:nth-child(2n) {
    margin-left: 0px
}

.new-slider-item_info>div svg {
    margin-right: 4px
}

.R-800 .new-slider-item_info {
    right: 10px
}

.R-600 .new-slider-item_info {
    font-size: 12px
}

.R-600 .new-slider-item_info svg {
    width: 16px;
    height: 16px !important
}

.R-430 .new-slider-item_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 16px
}

.new-slider-item_info-users {
    fill: #888 !important;
    color: #888 !important
}

.new-slider-item .button {
    margin: 1% 0 0 6%;
    width: intrinsic !important;
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 150px;
    z-index: 1;
    position: absolute;
    bottom: 8%
}

.R-600 .new-slider-item .button {
    margin: -3% 0 0 4%;
    padding: 6.4px 12px;
    position: absolute;
    bottom: 6%;
    min-width: 0
}

.new-slider-item_img img {
    height: 112%;
    position: absolute;
    right: 5%;
    bottom: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.R-600 .new-slider-item_img img {
    right: 0
}

.new-slider .slick-list {
    overflow: inherit;
    margin: 0 -1px
}

.new-slider .slick-prev:before,
.new-slider .slick-next:before {
    color: white;
    border-right: 5px solid currentcolor;
    border-bottom: 5px solid currentcolor;
    content: '' !important;
    position: absolute;
    width: 16px;
    height: 16px
}

.R-800 .new-slider .slick-prev,
.R-800 .new-slider .slick-next {
    display: none
}

.new-slider .slick-next {
    right: 0;
    width: 5%;
    height: 100%
}

.new-slider .slick-next:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 36%
}

.new-slider .slick-prev {
    left: 0;
    width: 5%;
    z-index: 1;
    height: 100%
}

.new-slider .slick-prev:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 36%
}

.R-600 .new-slider .slick-prev {
    display: none
}

.new-slider .slick-dots {
    top: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all;
    background: transparent
}

.R-600 .new-slider .slick-dots {
    top: -5px
}

.new-slider .slick-dots li {
    width: 9px;
    height: 9px;
    margin: 12px 6px;
    background: #3d3b3b;
    cursor: pointer;
    border-radius: 50%
}

.new-slider .slick-dots li button:before {
    background: #EDC97F;
    border-radius: 50%;
    width: 9px;
    height: 9px
}

.filters {
    position: relative;
    display: grid;
    margin-bottom: 12px;
    grid-template: "prod cats search search" auto /calc(25% - 4.5px) -webkit-calc(25% - 4.5px) -webkit-calc(25% - 4.5px) -webkit-calc(25% - 4.5px);
    grid-template: "prod cats search search" auto /calc(25% - 4.5px) calc(25% - 4.5px) calc(25% - 4.5px) calc(25% - 4.5px);
    -webkit-column-gap: 6px;
    column-gap: 6px;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-items: stretch;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    background: #1E1E1E;
    padding: 12px;
    border-radius: 8px
}

.filters .badge-digit {
    width: 8px;
    height: 8px;
    top: -6px;
    left: 6px
}

.R-1280 .filters .badge-digit {
    top: 0;
    left: 0
}

.filters__menu {
    grid-area: menu;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.filters__menu svg {
    margin: 0 12px
}

.R-1280 .filters__menu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.R-1280 .filters__menu svg {
    margin: 0 8px
}

.R-800 .filters__menu {
    margin: 0 0 16px 0;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.filters__menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 12px 0 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    fill: #888;
    color: #888;
    cursor: pointer;
    position: relative
}

.filters__menu-item_active {
    color: #EDC97F
}

.filters__menu-item_active svg {
    fill: #EDC97F
}

.filters__menu-item:hover {
    fill: #fff;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.R-800 .filters__menu-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

.filters__menu span {
    white-space: nowrap
}

.filters__prod {
    grid-area: prod
}

.filters__cats {
    grid-area: cats
}

.filters__search {
    grid-area: search;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.filters__search-button .button {
    width: auto;
    margin-left: 6px;
    padding: 9px;
    border-radius: 0px 4px 4px 0px
}

.filters__search-button .button__area {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.filters__search-button .button svg {
    height: 24px;
    width: 24px
}

.filters__search-input {
    width: 100%
}

.filters .button_svg {
    max-width: 100%
}

.R-1280 .filters {
    grid-template: "search" auto "prod cats" auto /calc(55% - 3.999px) -webkit-calc(45% - 3.999px);
    grid-template: "search" auto "prod cats" auto /calc(55% - 3.999px) calc(45% - 3.999px)
}

.R-800 .filters {
    grid-template: "menu menu" auto "search search" auto "prod cats" auto /calc(50% - 3px) -webkit-calc(50% - 3px);
    grid-template: "menu menu" auto "search search" auto "prod cats" auto /calc(50% - 3px) calc(50% - 3px)
}

.filters_only-menu .filters:not(.filters_wingame) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filters_only-menu .filters:not(.filters_wingame) .filters__prod,
.filters_only-menu .filters:not(.filters_wingame) .filters__cats,
.filters_only-menu .filters:not(.filters_wingame) .filters__search {
    display: none
}

.filters_only-menu .filters:not(.filters_wingame) .filters__menu {
    margin: 0;
    padding: 12px
}

.filters_only-menu .filters:not(.filters_wingame) .filters__menu-item {
    margin: 0 12px
}

.filters_wingame {
    grid-template: "prod cats search" auto/calc(33% - 4.5px) -webkit-calc(33% - 4.5px) -webkit-calc(34% - 4.5px);
    grid-template: "prod cats search" auto/calc(33% - 4.5px) calc(33% - 4.5px) calc(34% - 4.5px)
}

.R-1280 .filters_wingame {
    grid-template: "search search" auto "prod cats" auto/calc(50% - 3.999px) -webkit-calc(50% - 3.999px);
    grid-template: "search search" auto "prod cats" auto/calc(50% - 3.999px) calc(50% - 3.999px)
}

.game-item {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1
}

.game-item_opacity {
    opacity: 0.3
}

.game-item_fav .game-hover__button-favorite svg {
    fill: #F11414
}

.game-item_fav .game-hover__favorite svg {
    fill: #F11414
}

.game-item_disabled img {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.game-item__img {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

.game-item__img:after {
    content: "";
    padding-top: 67%;
    height: 0;
    display: block
}

.game-item__img img {
    position: absolute;
    height: 100%;
    width: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game-item__jackpot {
    position: absolute;
    right: 0px;
    color: #EDC97F;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4px 6px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 0 4px 0 8px
}

.game-item__jackpot .icon-jackpot-bag {
    fill: #EDC97F;
    margin-right: 3px;
    width: 15px;
    height: 15px;
    margin-bottom: 4px
}

.game-item__tour {
    position: absolute;
    left: 4px;
    bottom: -2px;
    -webkit-filter: drop-shadow(0px 0px 3px black);
    filter: drop-shadow(0px 0px 3px black)
}

.game-item__tour img {
    width: 26px
}

.game-item__tour svg {
    width: 21px;
    height: 21px;
    fill: #EDC97F;
    -webkit-filter: drop-shadow(2px 4px 6px black);
    filter: drop-shadow(2px 4px 6px black)
}

.game-item__producer {
    position: absolute;
    right: 2px;
    bottom: 2px;
    -webkit-filter: drop-shadow(0px 0px 3px black);
    filter: drop-shadow(0px 0px 3px black)
}

.game-item__producer svg,
.game-item__producer div {
    margin: 0 3px 4px 0
}

.game-item__producer svg {
    width: 24px;
    height: 24px
}

.game-item .badge-new {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: drop-shadow(1px 2px 2px #000);
    filter: drop-shadow(1px 2px 2px #000)
}

.game-item_hover {
    z-index: 2
}

.game-item_hover .game-hover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px
}

.game-item_locked {
    -webkit-animation: gameItemLocked 0.4s 1 ease-in-out;
    animation: gameItemLocked 0.4s 1 ease-in-out
}

.game-item_message {
    position: absolute;
    font-size: 15px;
    left: 50%;
    top: 50%;
    color: white;
    white-space: nowrap
}

.game-item_message>div {
    position: relative;
    background: rgba(0, 0, 0, 0.8);
    color: #EDC97F;
    left: -50%;
    top: -20px;
    text-align: center;
    border-radius: 6px;
    padding: 6px
}

.R-600 .game-item__jackpot,
.O-HOR .game-item__jackpot {
    padding: 3px 6px;
    padding-bottom: 4px;
    border-bottom-left-radius: 6px
}

.R-600 .game-item__jackpot .icon-jackpot-bag,
.O-HOR .game-item__jackpot .icon-jackpot-bag {
    zoom: 0.8;
    margin-bottom: 3px;
    margin-right: 3px
}

.R-600 .game-item-jackpot__text,
.O-HOR .game-item-jackpot__text {
    font-size: 14px
}

.R-430 .game-item-jackpot__text {
    font-size: 12px
}

@-webkit-keyframes gameItemLocked {

    from,
    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    20% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg)
    }

    40% {
        -webkit-transform: rotateZ(-5deg);
        transform: rotateZ(-5deg)
    }

    60% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg)
    }

    70% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg)
    }

    80% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg)
    }

    90% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg)
    }
}

@keyframes gameItemLocked {

    from,
    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg)
    }

    20% {
        -webkit-transform: rotateZ(5deg);
        transform: rotateZ(5deg)
    }

    40% {
        -webkit-transform: rotateZ(-5deg);
        transform: rotateZ(-5deg)
    }

    60% {
        -webkit-transform: rotateZ(3deg);
        transform: rotateZ(3deg)
    }

    70% {
        -webkit-transform: rotateZ(-3deg);
        transform: rotateZ(-3deg)
    }

    80% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg)
    }

    90% {
        -webkit-transform: rotateZ(1deg);
        transform: rotateZ(1deg)
    }
}

.game-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border: 2px solid #EDC97F;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 6px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-filter: drop-shadow(0 2px 5px #000);
    filter: drop-shadow(0 2px 5px #000);
    z-index: 2
}

.game-hover__link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0
}

.game-hover__buttons {
    position: absolute;
    left: 0;
    top: -webkit-calc(100% + 2px);
    top: calc(100% + 2px);
    padding-bottom: 2px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-hover__buttons .button {
    border-radius: 0 0 4px 4px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    width: auto;
    margin: 0 3px
}

.game-hover__buttons .button__area {
    display: block;
    top: -50%;
    bottom: -50%
}

.game-hover__button-demo .button__area {
    right: 0;
    left: -50%
}

.game-hover__button-favorite .button__area {
    left: 0;
    right: -50%
}

.game-hover__button-favorite svg {
    width: 27px;
    height: 21px;
    fill: #000;
    stroke: #000;
    stroke-width: 40
}

.game-hover__button-tour .button__area {
    left: 0;
    right: -50%
}

.game-hover__button-tour svg {
    width: 21px;
    height: 21px;
    fill: #000
}

.game-hover__play {
    width: 40%
}

.game-hover__play-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.game-hover__play-wrap .button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.game-hover__play-wrap .button__area {
    display: block;
    left: -75%;
    right: -75%;
    top: -38%;
    bottom: -25%
}

.game-hover__play-wrap .button:before {
    border-radius: 50% !important
}

.game-hover__play-wrap:hover .button {
    -webkit-animation: 0.8s tremor ease-out infinite;
    animation: 0.8s tremor ease-out infinite
}

.game-hover__play-wrap:hover .button_pressed {
    -webkit-animation: none;
    animation: none
}

.game-hover__play-wrap:hover .button__border:after {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.game-hover__play .icon-info_button,
.game-hover__play .icon-play_button {
    width: 50%;
    height: 50%;
    max-width: 50%;
    max-height: 50%;
    position: absolute;
    top: 25%;
    left: 30%;
    cursor: pointer
}

@-webkit-keyframes tremor {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tremor {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    90% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.game-hover__play .icon-info_button {
    left: 25%
}

.game-hover__stats {
    position: absolute;
    z-index: 10;
    right: -6px;
    top: -6px;
    padding: 12px;
    cursor: pointer
}

.game-hover__stats svg {
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

.game-hover__stats:hover svg {
    fill: #fff
}

.game-hover__favorite {
    position: absolute;
    z-index: 10;
    left: -8px;
    top: -8px;
    padding: 12px;
    cursor: pointer
}

.game-hover__favorite svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: #EDC97F;
    stroke-width: 40
}

.game-hover-quad {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.game-hover-quad:before,
.game-hover-quad:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #EDC97F;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game-hover-quad:before {
    width: 100%;
    height: 2px
}

.game-hover-quad:after {
    width: 2px;
    height: 100%
}

.game-hover-quad .game-hover__play {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game-hover-quad .game-hover__play .button {
    display: none
}

.game-hover-quad__block {
    width: 50%;
    height: 50%;
    position: relative
}

.game-hover-quad__block:hover .button,
.game-hover-quad__block:active .button {
    display: block
}

.games-list {
    position: relative;
    margin-bottom: 72px
}

.games-list-wrap {
    overflow: hidden;
    z-index: 1;
    position: relative;
    font-size: 0;
    margin-bottom: 12px;
    padding-bottom: 6px;
    display: grid;
    place-items: center;
    gap: 15px;
    grid-template-columns: repeat(auto-fill, 250px);
    justify-content: space-evenly;
}

.games-list .game-item {
    margin: 0 6px 6px 0
}

.games-list_col-5 .game-item:nth-child(5n),
.games-list_col-4 .game-item:nth-child(4n),
.games-list_col-3 .game-item:nth-child(3n),
.games-list_col-2 .game-item:nth-child(2n) {
    margin-right: 0
}

.games-list .more-button {
    position: absolute;
    top: -webkit-calc(100% + 2px);
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    z-index: 2;
    text-align: center
}

.games-list_filtered,
.games-list_noscroll,
.games-list_sidepanel {
    margin-bottom: 0
}

.games-list_filtered .more-button,
.games-list_noscroll .more-button,
.games-list_sidepanel .more-button {
    display: none
}

.games-list_sidepanel {
    padding: 0 6px
}

.games-list_sidepanel .game-item {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px)
}

.games-list_popup .game-item {
    width: -webkit-calc(33% - 6px);
    width: calc(33% - 6px)
}

.R-600 .games-list .more-button {
    text-align: right;
    padding-right: 24px
}

.R-600 .games-list .more-button .button {
    min-width: 0
}

.R-600 .games-list_popup .game-item {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px)
}

.games-list-nowrap-bottom .games-list-wrap {
    margin-bottom: 0;
    padding-bottom: 0
}

.select,
.select2 {
    width: 100%
}

.select2-container {
    min-width: 80px
}

.select .select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background: #303030;
    border: none;
    height: 42px;
    width: 100%
}

.select2-selection__rendered {
    padding: 8px 30px 8px 12px !important;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #E0E0E0 !important;
    width: 100%
}

.select2-selection__arrow b {
    display: none
}

.select2-selection__arrow:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: 100%;
    top: 15px;
    right: 15px
}

.select2-selection.highlighted-element {
    border: 1px solid #EDC97F
}

.select2-dropdown {
    border: none;
    z-index: 10
}

.select2-dropdown--above,
.select2-dropdown--below {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.select2-dropdown--above .select2-search--dropdown,
.select2-dropdown--below .select2-results {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.select2-dropdown--above .select2-results,
.select2-dropdown--below .select2-search--dropdown {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.select2-results.select2-hidden-results {
    display: none
}

.select2-search.select2-hidden-search {
    display: none
}

.select2-results__option {
    padding: 12px;
    border-bottom: 1px solid #555;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.select2-results__options {
    background: #303030;
    max-height: 350px;
    overflow-x: hidden
}

.select2-results__option:last-child {
    border-bottom: 0px solid transparent
}

.select2-results__option[aria-selected=true] {
    background: #3d3b3b !important
}

.select2-results__option--highlighted[aria-selected] {
    background: #3d3b3b !important
}

.select2-results__option[aria-disabled=true] {
    color: #EDC97F !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.select2-search__field {
    background: #303030;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    border: none
}

.select2-search--dropdown {
    background: #303030;
    border-top: 1px solid #555;
    padding-top: 6px;
    padding-bottom: 0
}

body>.select2-container {
    z-index: 220
}

.select2-results__options::-webkit-scrollbar {
    width: 10px;
    background: #303030
}

.select2-results__options::-webkit-scrollbar-button,
.select2-results__options::-webkit-scrollbar-corner,
.select2-results__options::-webkit-resizer {
    display: none
}

.select2-results__options::-webkit-scrollbar-track,
.select2-results__options::-webkit-scrollbar-piece {
    background: #303030
}

.select2-results__options::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #303030;
    border-radius: 4px
}

.select2-results__options {
    scrollbar-width: thin
}

.select {
    position: relative
}

.select__modal-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -5px;
    display: none;
    z-index: 1
}

.select__modal-link-block {
    display: block
}

.select-image {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 6px;
    vertical-align: middle
}

.select img.select-image {
    line-height: 26px;
    display: inline-block;
    position: relative
}

.select img.select-image,
.select img.select-svg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 26px;
    height: 26px
}

.select-text {
    vertical-align: middle
}

.select-separator {
    color: #EDC97F
}

.select-modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1
}

.select-modal-modal-block {
    display: block
}

.information .select {
    border: 1px solid #555;
    border-radius: 4px
}

.blocker {
    z-index: 220;
    padding: 6px;
    display: none;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.blocker .modal {
    width: 100%;
    max-height: 100%;
    max-width: 600px;
    overflow: auto;
    background: #303030;
    border-radius: 0;
    padding: 0 6px
}

.blocker .modal_center {
    min-height: auto
}

.blocker .modal_full .icon-check {
    top: 15px
}

.blocker .modal-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    background: #303030
}

.blocker .modal-search {
    padding: 12px 12px 0 12px;
    border-bottom: 2px solid #555
}

.blocker .modal-search .input {
    margin-bottom: -2px
}

.blocker .modal-item,
.blocker .modal-separator,
.blocker .modal-headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #555;
    padding: 12px;
    padding-right: 36px
}

.blocker .modal-item img,
.blocker .modal-separator img,
.blocker .modal-headline img {
    width: 26px;
    height: 26px;
    margin-right: 12px
}

.blocker .modal-item.mod-background,
.blocker .modal-separator.mod-background,
.blocker .modal-headline.mod-background {
    border-bottom: 2px solid #EDC97F;
    background: #3d3b3b;
    position: -webkit-sticky;
    position: sticky;
    top: -6px;
    z-index: 1
}

.blocker .modal-item:last-child {
    border-bottom: 0px solid transparent
}

.blocker .modal-item:hover {
    cursor: pointer;
    background-color: #555
}

.blocker .modal-item-image {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 6px
}

.blocker .modal-item-text {
    overflow: auto;
    text-overflow: ellipsis;
    color: #E0E0E0
}

.blocker .modal-item .icon-check {
    position: absolute;
    top: 15px;
    right: 6px;
    width: 24px;
    height: 18px;
    fill: #27AE60;
    display: none
}

.blocker .modal-headline {
    padding-right: 24px
}

.blocker .modal-headline-text {
    font-size: 16px;
    font-family: "RobotoCondensed-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.blocker .modal-headline-close {
    display: inline-block;
    padding: 24px;
    margin: -24px
}

.blocker .modal-headline .icon-remove {
    width: 24px;
    height: 24px;
    fill: #6D6D6D;
    position: absolute;
    top: 12px;
    right: 12px
}

.blocker .close-modal {
    display: none !important
}

.blocker .modal::-webkit-scrollbar {
    width: 10px;
    background: #303030
}

.blocker .modal::-webkit-scrollbar-button,
.blocker .modal::-webkit-scrollbar-corner,
.blocker .modal::-webkit-resizer {
    display: none
}

.blocker .modal::-webkit-scrollbar-track,
.blocker .modal::-webkit-scrollbar-piece {
    background: #303030
}

.blocker .modal::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #303030;
    border-radius: 4px
}

.blocker .modal {
    scrollbar-width: thin
}

.modal-open {
    overflow: hidden
}

.selectbox {
    position: relative;
    padding: 12px 24px;
    cursor: pointer
}

.selectbox__value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-align: right
}

.selectbox:after {
    position: absolute;
    right: 8px;
    top: 59%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    content: "▼";
    color: #6D6D6D
}

.selectbox .dropdown-menu {
    opacity: 0;
    display: block;
    top: 0;
    min-width: 100%;
    max-height: 250px;
    z-index: -1;
    overflow-y: auto;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
    visibility: hidden
}

.selectbox.show:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    color: #fff;
    top: 50%;
    z-index: 10
}

.selectbox.show .dropdown-menu {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.dropdown-menu {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    padding: 1px 0 0 0;
    font-size: 1rem;
    text-align: right;
    list-style: none;
    background-color: #3d3b3b;
    background-clip: padding-box;
    border-radius: 4px
}

.dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #C5C5C5;
    text-align: right;
    padding: 5px 30px 5px 10px;
    white-space: nowrap
}

.dropdown-item:first-child {
    border-bottom: 1px solid #303030
}

.dropdown-item:hover {
    background: #555;
    color: #fff
}

.header-account-money__value .selectbox {
    padding: 5px 30px 0px 12px;
    margin: -5px -12px 0 -12px
}

.header-account-money__value .selectbox.show {
    padding: 5px 30px 5px 12px;
    margin: 0 -12px 0 -12px
}

.header-account-money__value .selectbox.selectbox-only-money {
    padding: 12px 30px 9px 12px;
    margin: -4px -12px 0 -12px
}

.header-account-money__value .selectbox.selectbox-only-money .dropdown-item {
    padding: 12px 30px 8px 12px
}

.header-account-money__value .selectbox.selectbox-only-money:after {
    right: 8px;
    top: 50%
}

.header-account-money__value .selectbox.selectbox-only-money .dropdown-menu {
    z-index: 3
}

.header-logo-sidebar_info-item .selectbox__value {
    text-align: left
}

.header-logo-sidebar_info-item .selectbox .dropdown-item {
    text-align: left
}

.header-logo-sidebar_info-item .selectbox.show {
    width: 125px;
    position: absolute;
    z-index: 3;
    left: 0
}

.header-logo-sidebar_info-item .dropdown-menu {
    left: 0;
    width: 100%;
    z-index: 5
}

.header-account .header-account-money__value.header-account-money__value_minwidth {
    position: relative
}

.header-account .header-account-money__value.header-account-money__value_minwidth .selectbox.show {
    position: absolute;
    right: 0;
    z-index: 3
}

.entrance-popup {
    display: none
}

.entrance-popup-wrap {
    width: 320px;
    position: relative;
    max-height: 100%;
    background: #252525
}

.entrance-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    padding: 0 24px;
    height: 48px;
    position: relative;
    width: 100%
}

.entrance-header__headline {
    text-align: center;
    color: #fff
}

.entrance-header__logo {
    position: absolute;
    left: 6px;
    top: 6px
}

.entrance-header__logo svg {
    width: 36px;
    height: 36px
}

.entrance-header .icon-exit-popup {
    position: absolute;
    right: 12px;
    top: 12.96px;
    width: 24px;
    height: 24px;
    fill: #555
}

.entrance-social-wrap {
    width: 100%;
    margin-top: 12px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entrance-social-wrap .entrance-social-list {
    margin-top: 6px
}

.entrance-social-list {
    display: grid;
    grid-template: repeat(2, 40px)/repeat(3, 40px);
    grid-gap: 18px 18px
}

.entrance-social__item {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out
}

.entrance-social__item:hover,
.entrance-social__item:active {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.entrance-social__item svg {
    width: 100%;
    height: 100%
}

.entrance-body {
    color: #E0E0E0;
    text-align: center;
    position: relative;
    width: 100%;
    height: -webkit-calc(100% - 48px);
    height: calc(100% - 48px)
}

.entrance-body__scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entrance-main {
    width: 100%
}

.entrance-bonus {
    width: 100%;
    color: #888;
    margin-top: 24px
}

.entrance-bonus__img {
    width: 100%;
    position: relative;
    margin-top: 12px;
    background: linear-gradient(75.45deg, #1C136B 17.87%, #701160 88.29%)
}

.entrance-bonus__img img {
    width: auto;
    height: 90%
}

.entrance-bonus__img-v {
    display: none
}

.entrance-bonus .input {
    max-width: 280px;
    margin: 0 auto
}

.entrance-bonus .input-item__text {
    right: 12px
}

.entrance-bonus .input-item__wrap {
    padding-right: 12px
}

.entrance-bonus .input-item__wrap,
.entrance-bonus .input-item__text {
    text-align: center
}

.entrance-content {
    padding-top: 6px;
    color: #E0E0E0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.entrance-content-list {
    height: 220px;
    width: 300%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out
}

.entrance-content-list .entrance-content {
    width: 33.333%;
    height: 100%
}

.entrance-content-list_two {
    width: 200%
}

.entrance-content-list_two .entrance-content {
    width: 50%
}

.entrance-content form .input:first-child {
    margin-bottom: 12px
}

.entrance-content form .button {
    margin-top: 24px
}

.entrance-content form+.notify {
    height: 120px
}

.entrance-content .button,
.entrance-content .input {
    width: 220px;
    max-width: 100%
}

.entrance-content .select {
    max-width: 220px;
    text-align: left
}

.entrance-content form .select {
    margin-top: 12px
}

.entrance-footer {
    width: 100%;
    text-align: center;
    background: #252525;
    padding: 24px 6px 6px 6px
}

.entrance-footer__text {
    color: #E0E0E0
}

.entrance-footer__rules {
    color: #555;
    margin-top: 6px;
    font-size: 12px
}

.entrance-footer a {
    color: #888;
    text-decoration: underline
}

.entrance-footer__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.entrance-end {
    padding: 12px
}

.entrance-end__text {
    text-align: center;
    color: #E0E0E0
}

.entrance-end__data {
    border-radius: 12px;
    border: 2px dashed #3d3b3b;
    padding: 12px 48px;
    margin-bottom: 18px;
    position: relative
}

.entrance-end__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    bottom: 6px;
    right: 6px
}

.entrance-end__buttons button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    width: 36px;
    height: 36px;
    margin-top: 6px
}

.entrance-end__buttons button svg {
    width: 24px;
    height: 24px
}

.entrance-buttons {
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.entrance-buttons .button {
    width: -webkit-calc(50% - 6px);
    width: calc(50% - 6px)
}

.entrance-links {
    margin-top: 12px
}

.entrance-links a {
    color: #888;
    text-decoration: underline
}

.entrance-restore {
    padding: 12px;
    margin-bottom: 24px
}

.entrance-restore-buttons {
    position: relative;
    margin-top: 24px
}

.entrance-restore__hidden {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.R-430 .entrance-popup-wrap {
    width: 100% !important;
    height: 100% !important
}

.R-430 .entrance-footer {
    padding-bottom: 24px
}

.entrance-body__scroll::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.entrance-body__scroll::-webkit-scrollbar-button,
.entrance-body__scroll::-webkit-scrollbar-corner,
.entrance-body__scroll::-webkit-resizer {
    display: none
}

.entrance-body__scroll::-webkit-scrollbar-track,
.entrance-body__scroll::-webkit-scrollbar-piece {
    background: #252525
}

.entrance-body__scroll::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.entrance-body__scroll {
    scrollbar-width: thin
}

.entrance-popup_register .entrance-popup-wrap {
    height: 480px;
    width: 600px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.entrance-popup_register .entrance-header {
    width: 320px
}

.entrance-popup_register .entrance-header__logo {
    display: none
}

.entrance-popup_register .entrance-social-list {
    grid-template: repeat(2, 40px)/repeat(3, 40px)
}

.entrance-popup_register .entrance-social-list-crypto {
    grid-template: repeat(2, 60px)/repeat(3, 40px)
}

.entrance-popup_register .entrance-body {
    width: 320px
}

.entrance-popup_register .entrance-body__scroll {
    height: -webkit-calc(100% - 40px);
    height: calc(100% - 40px)
}

.entrance-popup_register .entrance-bonus {
    position: absolute;
    left: -280px;
    width: 280px;
    top: -48px;
    bottom: 0;
    margin-top: 0
}

.entrance-popup_register .entrance-bonus__code {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px
}

.entrance-popup_register .entrance-bonus__text {
    display: none
}

.entrance-popup_register .entrance-bonus__img {
    margin-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.entrance-popup_register .entrance-bonus__img-h {
    display: none
}

.entrance-popup_register .entrance-bonus__img-v {
    display: block
}

.entrance-popup_register .entrance-footer {
    padding-bottom: 0
}

.R-600 .entrance-popup_register .entrance-popup-wrap {
    display: block;
    width: 320px;
    position: relative;
    max-height: 100%
}

.R-600 .entrance-popup_register .entrance-header {
    width: auto
}

.R-600 .entrance-popup_register .entrance-header__logo {
    display: block
}

.R-600 .entrance-popup_register .entrance-body {
    width: auto
}

.R-600 .entrance-popup_register .entrance-bonus {
    position: static;
    width: auto;
    margin-top: 24px
}

.R-600 .entrance-popup_register .entrance-bonus__code {
    position: static
}

.R-600 .entrance-popup_register .entrance-bonus__text {
    display: block
}

.R-600 .entrance-popup_register .entrance-bonus__img {
    margin-top: 12px;
    max-width: 99%;
    margin: auto;
    border-radius: 16px
}

.R-600 .entrance-popup_register .entrance-bonus__img-h {
    display: block
}

.R-600 .entrance-popup_register .entrance-bonus__img-v {
    display: none
}

.R-600 .entrance-popup_register .entrance-footer {
    padding-bottom: 6px
}

.profile-menu {
    background: #252525;
    width: 100%;
    min-width: 280px;
    position: relative;
    max-height: 100vh;
    display: grid;
    overflow: hidden;
    grid-template: "header" minmax(65px, auto) "info" minmax(0, auto) "body" 1fr/100%;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.profile-menu-header {
    grid-area: header;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 6px 14px;
    position: relative
}

.profile-menu-header .status {
    cursor: pointer;
    margin-right: 6px
}

.profile-menu-header .player {
    cursor: pointer;
    margin-right: 12px
}

.profile-menu-header .player::after {
    border: 0
}

.profile-menu-header__headline {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    max-width: -webkit-calc(100% - 130px);
    max-width: calc(100% - 130px);
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis
}

.profile-menu-header-close {
    background: #EDC97F;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: 6px;
    cursor: pointer
}

.profile-menu-header-close svg {
    width: 24px;
    height: 24px
}

.profile-menu-info {
    grid-area: info;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.profile-menu-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px 6px
}

.profile-menu-info-item:hover .profile-info-item__text {
    color: #EDC97F;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear
}

.profile-menu-info-item__text {
    color: #fff;
    position: relative;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear
}

.profile-menu-info-item svg {
    margin-right: 6px
}

.profile-menu-info-item .progress-bar {
    background: #000;
    position: absolute
}

.profile-menu-info-item .icon-wallet-popup {
    fill: #EDC97F
}

.profile-menu-info .header-account-cp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 0 6px 0
}

.profile-menu-info .header-account-money {
    margin: 0;
    color: white;
    margin: 6px 0 6px 0
}

.profile-menu-info .header-account-money__right {
    padding: 0 6px 0 0
}

.profile-menu-info .header-account-cp__value {
    color: white;
    margin: 0 10px 0 0
}

.profile-menu-info .header-account-cp__value:hover {
    color: #EDC97F
}

.profile-menu-body {
    grid-area: body;
    overflow-y: auto;
    padding: 0 12px
}

.profile-menu-body-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.profile-menu-body__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 8px 0 8px 20.4px;
    margin: 7px 0;
    border-radius: 4px;
    background: #303030;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__item:hover {
    background: #3d3b3b
}

.profile-menu-body__item-text {
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__item-text_badge-digit li::marker {
    color: #F11414
}

.profile-menu-body__item_exit {
    background: none;
    margin: 12px 0 0 0
}

.profile-menu-body__item_exit:hover {
    background: none !important
}

.profile-menu-body__item_exit:hover svg {
    fill: #fff
}

.profile-menu-body__item svg {
    fill: #888;
    margin-right: 12px;
    width: 24px;
    height: 24px;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__item_help .profile-menu-body__item-text {
    color: #27AE60
}

.profile-menu-body__item_help svg {
    fill: #27AE60
}

.profile-menu-body__item_lang-sel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px auto 0;
    width: 100%;
    padding: 12px 0 12px 0
}

.profile-menu-body__item_lang-sel .select {
    width: 30%;
    margin: 0 10px 0 0
}

.profile-menu-body__item_lang-sel .select-text {
    display: none
}

.profile-menu-body__item_lang-sel button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.profile-menu-body__item_lang-sel svg {
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0
}

.profile-menu-body__item .icon-arrow {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 16px;
    height: 16px;
    stroke: #888;
    stroke-width: 2
}

.profile-menu-body__item .badge-digit {
    top: 0;
    left: 0;
    z-index: 1;
    width: 8px;
    height: 8px
}

.profile-menu-body__item_active .profile-menu-body__item-text {
    color: #fff !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__item_active .icon-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.profile-menu-body__item_active+.profile-menu-body__subitems {
    max-height: 300px;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out
}

.profile-menu-body__item_single {
    background: none;
    padding: 8px 0;
    margin: 2px 0 4px 0
}

.profile-menu-body__item_single:hover {
    background: #3d3b3b;
    border-radius: 0
}

.profile-menu-body__item_single .icon-arrow {
    -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important
}

.profile-menu-body__item_single.profile-menu-body__item_active {
    background: #252525;
    border-radius: 0
}

.profile-menu-body__item_single.profile-menu-body__item_active .icon-arrow {
    display: none
}

.profile-menu-body__item:hover .profile-menu-body__item-text,
.profile-menu-body__item:active .profile-menu-body__item-text {
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__item:hover .icon-arrow,
.profile-menu-body__item:active .icon-arrow {
    stroke: #fff
}

.profile-menu-body__subitems {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 0;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
    background: #303030;
    margin: -7px 0 0 0;
    border-radius: 0 0 4px 4px
}

.profile-menu-body__subitems .profile-menu-body__item {
    padding-left: 28px
}

.profile-menu-body__subitems .profile-menu-body__item-text {
    color: #C5C5C5;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.profile-menu-body__subitems .profile-menu-body__item .badge-digit {
    top: 64% !important;
    left: 30px !important;
    margin-top: -10px;
    width: 8px;
    height: 8px
}

.R-600 .profile-menu-body__item .icon-arrow {
    padding-bottom: 0px
}

.profile-menu-body::-webkit-scrollbar {
    width: 10px;
    background: #3d3b3b
}

.profile-menu-body::-webkit-scrollbar-button,
.profile-menu-body::-webkit-scrollbar-corner,
.profile-menu-body::-webkit-resizer {
    display: none
}

.profile-menu-body::-webkit-scrollbar-track,
.profile-menu-body::-webkit-scrollbar-piece {
    background: #3d3b3b
}

.profile-menu-body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #3d3b3b;
    border-radius: 4px
}

.profile-menu-body {
    scrollbar-width: thin
}

.profile-burger {
    position: fixed;
    top: 0;
    left: auto;
    right: 50%;
    margin-right: -720px;
    bottom: auto;
    z-index: 200;
    text-align: left;
    display: none;
    max-height: 100vh;
    max-width: 360px;
    height: auto !important;
    width: auto !important;
    -webkit-filter: drop-shadow(-6px 6px 4px #000);
    filter: drop-shadow(-6px 6px 4px #000)
}

.profile-burger .profile-menu {
    background: #252525
}

.profile-burger_game .profile-menu {
    width: 334px
}

.profile-burger_game .profile-menu-header-close {
    display: none
}

.profile-burger .popup__link {
    background: transparent
}

.R-1440 .profile-burger {
    right: 0;
    margin-right: 0
}

.profile-popup {
    display: none
}

.profile-popup-wrap {
    background: #1E1E1E;
    position: relative;
    z-index: 200;
    padding-left: 320px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    height: 0;
    width: 1200px
}

.profile-popup-wrap .profile-menu {
    width: 334px;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    left: 0;
    top: 0
}

.profile-popup-wrap .profile-menu .profile-menu-header-close {
    display: none
}

.profile-popup .profile-content {
    position: relative;
    max-height: 100%;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    grid-template: "header" minmax(65px, auto) "body" 1fr/100%;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    color: #E0E0E0
}

.profile-popup .profile-content:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
    opacity: 0
}

.profile-popup .profile-content__header {
    grid-area: header;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    color: #fff;
    padding: 0 24px
}

.profile-popup .profile-content__header:after {
    content: " ";
    position: absolute;
    border-bottom: 1px solid #3D3B3B;
    bottom: 0;
    width: 94%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.R-1280 .profile-popup .profile-content__header:after {
    width: 90%
}

.R-800 .profile-popup .profile-content__header {
    padding: 0
}

.R-800 .profile-popup .profile-content__header:after {
    width: 97%
}

.R-600 .profile-popup .profile-content__header:after {
    width: 94%
}

.profile-popup .profile-content__header-close {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 28px
}

.profile-popup .profile-content__header-close svg {
    width: 24px;
    height: 24px;
    fill: #4E4E4E
}

.profile-popup .profile-content__header-back {
    background: #EDC97F;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
    display: none
}

.profile-popup .profile-content__header-back .icon-arrow {
    width: 24px;
    height: 24px;
    stroke: #555;
    stroke-width: 2;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.profile-popup .profile-content__body {
    grid-area: body;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 24px;
    padding-top: 34px;
    position: relative;
    text-align: left
}

.R-800 .profile-popup .profile-content__body {
    border-left: none
}

.profile-popup .menu {
    display: none !important;
    position: absolute;
    bottom: 0
}

.profile-content__body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.profile-content__body::-webkit-scrollbar-button,
.profile-content__body::-webkit-scrollbar-corner,
.profile-content__body::-webkit-resizer {
    display: none
}

.profile-content__body::-webkit-scrollbar-track,
.profile-content__body::-webkit-scrollbar-piece {
    background: #252525
}

.profile-content__body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.profile-content__body {
    scrollbar-width: thin
}

.R-1280 .profile-popup-wrap {
    width: 800px
}

.R-800 .profile-popup-wrap,
.O-HOR .profile-popup-wrap {
    width: 100%;
    padding-left: 0;
    height: 100% !important
}

.R-800 .profile-popup-wrap .profile-menu,
.O-HOR .profile-popup-wrap .profile-menu {
    left: -320px
}

.R-800 .profile-popup-wrap .profile-menu .profile-menu-header-close,
.O-HOR .profile-popup-wrap .profile-menu .profile-menu-header-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.R-800 .profile-popup-wrap .profile-menu-body:after,
.O-HOR .profile-popup-wrap .profile-menu-body:after {
    content: '';
    display: block;
    width: 100%;
    height: 72px
}

.R-800 .profile-popup-wrap .profile-content__header-back,
.O-HOR .profile-popup-wrap .profile-content__header-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.R-800 .profile-popup_show-menu .profile-popup-wrap,
.O-HOR .profile-popup_show-menu .profile-popup-wrap {
    -webkit-transform: translateX(320px);
    transform: translateX(320px)
}

.R-800 .profile-popup_show-menu .profile-popup-wrap .profile-content:before,
.O-HOR .profile-popup_show-menu .profile-popup-wrap .profile-content:before {
    display: block;
    opacity: 1
}

.R-800.O-HOR .profile-popup .menu,
.O-HOR.O-HOR .profile-popup .menu {
    display: none !important
}

.R-800.O-HOR .profile-popup-wrap .profile-menu-body:after,
.O-HOR.O-HOR .profile-popup-wrap .profile-menu-body:after {
    display: none
}

.R-800 .profile-popup-wrap .profile-menu,
.O-HOR .profile-popup-wrap .profile-menu {
    width: 100%;
    left: -100%;
    grid-template: "header" minmax(55px, auto) "info" minmax(0, auto) "body" 1fr/100%
}

.R-800 .profile-popup .profile-content,
.O-HOR .profile-popup .profile-content {
    grid-template: "header" minmax(55px, auto) "body" 1fr/100%
}

.R-800 .profile-popup .profile-content__body,
.O-HOR .profile-popup .profile-content__body {
    padding: 12px;
    padding-top: 24px
}

.R-800 .profile-popup .profile-content__header,
.O-HOR .profile-popup .profile-content__header {
    padding: 6px 12px
}

.R-800 .profile-popup .profile-content__header-close,
.O-HOR .profile-popup .profile-content__header-close {
    margin-top: -12px
}

.R-800 .profile-popup .profile-content__header-close svg,
.O-HOR .profile-popup .profile-content__header-close svg {
    width: 24px;
    height: 24px
}

.R-800 .profile-popup_show-menu .profile-popup-wrap,
.O-HOR .profile-popup_show-menu .profile-popup-wrap {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.O-HOR .profile-popup .profile-content {
    grid-template: "header" 0px "body" 1fr / 100%
}

.O-HOR .profile-popup .profile-content__header {
    padding: 0;
    color: transparent;
    z-index: 15
}

.O-HOR .profile-popup .profile-content__header-close {
    top: 6px;
    margin-top: 0;
    padding: 6px;
    background: #303030;
    border-radius: 50%
}

.O-HOR .profile-popup .profile-content__header-back {
    position: absolute;
    top: 6px;
    left: 6px
}

.O-HOR .profile-popup .profile-content__body {
    margin-top: 24px
}

.O-HOR .profile-popup .profile-content__body .loader {
    top: 24px
}

.profile-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 24px
}

.profile-info__text {
    color: #EDC97F;
    margin-bottom: 6px
}

.profile-info__avatar {
    margin-right: 24px;
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px)
}

.profile-info__avatar-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.profile-info__avatar-image {
    width: 132px;
    margin-right: 12px
}

.profile-info__avatar-image-wrap {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    border-radius: 50%;
    border: 2px solid #3d3b3b
}

.profile-info__avatar-image img,
.profile-info__avatar-image .img_404 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.profile-info__avatar-image img {
    object-fit: contain;
    border-radius: 50%;
    padding: 5px
}

.profile-info__avatar-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.profile-info__avatar-buttons .button:first-child {
    margin-bottom: 6px
}

.profile-info__name {
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.R-1280 .profile-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-1280 .profile-info__avatar,
.R-1280 .profile-info__name {
    width: 100%
}

.R-1280 .profile-info__avatar {
    margin-right: 0;
    margin-bottom: 24px
}

.R-800 .profile-info__avatar,
.R-800 .profile-info__name {
    max-width: 360px
}

.R-600 .profile-info__avatar-image {
    width: 126px
}

.R-430 .profile-info__avatar,
.R-430 .profile-info__name {
    max-width: none
}

.R-430 .profile-info__avatar-image {
    width: 132px
}

.profile-button {
    width: 100%;
    margin-top: 12px;
    text-align: right
}

.profile-button .button {
    max-width: 240px;
    width: 100%
}

.profile-button:first-child {
    margin: 0 12px 0 0
}

.R-1280 .profile-button .button:first-child {
    margin: 0 0 12px 0
}

.R-430 .profile-button .button {
    max-width: 100%
}

.profile-messages__header {
    padding-bottom: 24px;
    padding-top: 18px;
    margin-bottom: 12px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #1e1e1e), to(rgba(30, 30, 30, 0)));
    background: linear-gradient(to bottom, #1e1e1e 90%, rgba(30, 30, 30, 0) 100%);
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    margin-top: -34px;
    top: -34px
}

.R-600 .profile-messages__header {
    margin-top: -24px;
    top: -24px;
    padding-top: 12px
}

.profile-messages__footer {
    padding-top: 24px;
    margin-top: 12px;
    position: -webkit-sticky;
    position: sticky;
    bottom: -24px;
    margin-bottom: -24px;
    padding-bottom: 24px;
    z-index: 10
}

.profile-messages__rate .button svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.profile-messages__attach {
    -webkit-box-flex: 0.05;
    -webkit-flex-grow: 0.05;
    -ms-flex-positive: 0.05;
    flex-grow: 0.05;
    width: 60px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.profile-messages__attach .button {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.profile-messages__attach .button svg {
    z-index: 5;
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

.betwin-list {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative
}

.betwin-list:before {
    content: '';
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(25%, #000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, #000 25%, rgba(0, 0, 0, 0) 100%);
    z-index: 10
}

.betwin-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-calc(13% - 6px);
    width: calc(13% - 6px);
    padding-right: 24px;
    position: absolute;
    top: -5px;
    left: 24px;
    padding-top: 12px;
    padding-bottom: 114.96px
}

.betwin-item-wrap {
    width: 100%;
    position: relative
}

.R-600 .betwin-item-wrap .last-win-svg {
    bottom: -34px
}

.betwin-item__user-name {
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #E0E0E0;
    position: absolute;
    z-index: 20;
    left: 0;
    bottom: 105%
}

.betwin-item__nick {
    color: #888;
    text-align: left;
    margin-left: 6px;
    margin-bottom: 2px;
    font-size: 12px
}

.betwin-item__digits {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 106%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.betwin-item__digits-multiply {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #1E1E1E;
    border-radius: 34px;
    padding: 4px 0
}

.betwin-item__digits-multiply_right {
    width: 64%
}

.R-600 .betwin-item__digits-multiply_right {
    width: 62%
}

.R-600 .betwin-item__digits-multiply {
    padding-top: 5px
}

.betwin-item__digits-multiply .player {
    cursor: pointer
}

.betwin-item__digits-multiply .player img {
    z-index: 1
}

.betwin-item__digits .last_big_win,
.betwin-item__digits .last_mega_win,
.betwin-item__digits .last_super_win,
.betwin-item__digits .last_huge_win,
.betwin-item__digits .last_epic_win,
.betwin-item__digits .last_legendary_win,
.betwin-item__digits .last_win {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-transition: 1.5s;
    transition: 1.5s
}

.betwin-item__digits .last-win-svg svg {
    opacity: 0.7
}

.betwin-item__digits .last_win .last-win-svg svg {
    opacity: 0
}

.betwin-item__bet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.betwin-item__bet-value {
    margin-left: 6px;
    color: #E0E0E0
}

.betwin-item__multiply {
    text-align: left
}

.betwin-item__multiply-value {
    margin-left: 6px;
    color: #fff;
    white-space: nowrap
}

.betwin-item__win {
    text-align: center;
    color: #E0E0E0
}

.betwin-item__prefix {
    color: #888
}

.betwin-item__img {
    overflow: hidden;
    position: relative;
    z-index: 5
}

.betwin-item .game-hover__buttons {
    display: none
}

.R-1280 .betwin-item {
    width: -webkit-calc(190px - 6px);
    width: calc(190px - 6px)
}

.R-1280 .betwin-item .last-win-text p:first-child {
    font-size: 20px;
    line-height: 24px
}

.R-1280 .betwin-item .last-win-text p:last-child {
    font-size: 28px
}

.R-800 .betwin-item {
    left: 12px;
    width: -webkit-calc(33.333% - 3px);
    width: calc(33.333% - 3px)
}

.R-800 .betwin-item .last-win-text p:first-child {
    font-size: 20px;
    line-height: 26px
}

.R-800 .betwin-item .last-win-text p:last-child {
    font-size: 26px;
    line-height: 26px
}

.R-600 .betwin-item {
    padding-top: 18px;
    padding-bottom: 111.6px
}

.R-430 .betwin-item {
    width: -webkit-calc(50% - 3px);
    width: calc(50% - 3px)
}

.jackpot-banner-wrap-slide.swiper-container {
    width: auto;
    height: 100%;
    max-width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.R-800 .jackpot-banner-wrap-slide.swiper-container {
    width: 99vw
}

.swiper-container .swiper-slide {
    width: auto
}

.jackpot-banner-item {
    max-width: 337px;
    min-width: 180px;
    max-height: 376px;
    min-height: 200px;
    width: 23vw !important;
    height: 22vw;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    display: grid !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0.5% 0 0.5%;
    -webkit-tap-highlight-color: transparent
}

.jackpot-banner-item:first-child {
    margin: 0 0.5% 0 0
}

.jackpot-banner-item:last-child {
    margin: 0 0 0 0.5%
}

.R-800 .jackpot-banner-item {
    margin: 0 1% 0 1%
}

.jackpot-banner-item_hover img {
    height: 80% !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.jackpot-banner-item_hover .jackpot-banner-item_shadow {
    height: 50% !important
}

.jackpot-banner-item_hover .c-yellow {
    bottom: 34% !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.jackpot-banner-item_hover .jackpot-banner-item_prise {
    bottom: 20% !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.R-800 .jackpot-banner-item_hover .jackpot-banner-item_prise {
    bottom: 20% !important
}

.jackpot-banner-item_hover .button {
    bottom: 3% !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.jackpot-banner-item img {
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0
}

.jackpot-banner-item_shadow {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 16px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40%
}

.jackpot-banner-item .c-yellow {
    z-index: 1;
    position: absolute;
    bottom: 24%;
    width: 100%;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.jackpot-banner-item .button {
    position: absolute;
    bottom: -28%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 68%;
    margin: auto;
    left: 0;
    right: 0;
    width: intrinsic !important
}

.R-1280 .jackpot-banner-item .button {
    padding: 8px
}

.R-1280 .jackpot-banner-item .button .f-reg {
    font-size: 14px
}

.R-800 .jackpot-banner-item .button {
    padding: 8px
}

.R-800 .jackpot-banner-item .button .f-reg {
    font-size: 12px
}

.jackpot-banner-item_prise {
    color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 8%;
    font-size: 40px
}

.R-1280 .jackpot-banner-item_prise {
    font-size: 3vw
}

.R-800 .jackpot-banner-item_prise {
    font-size: 28px
}

.R-800 .jackpot-banner-item .f-reg {
    font-size: 12px
}

.jackpot-banner-item .img_404 {
    z-index: 3
}

.jackpot-banner-wrap::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.jackpot-banner-wrap::-webkit-scrollbar-button,
.jackpot-banner-wrap::-webkit-scrollbar-corner,
.jackpot-banner-wrap::-webkit-resizer {
    display: none
}

.jackpot-banner-wrap::-webkit-scrollbar-track,
.jackpot-banner-wrap::-webkit-scrollbar-piece {
    background: #252525
}

.jackpot-banner-wrap::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.jackpot-banner-wrap {
    scrollbar-width: thin
}

.tutorial-item-list {
    background: #1E1E1E;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 0 24px 24px 24px;
    grid-column-gap: 36px;
    border-radius: 16px
}

.R-600 .tutorial-item-list {
    border-radius: 8px
}

.tutorial-item {
    text-align: center;
    position: relative;
    color: #fff;
    display: grid;
    grid-template-rows: 1fr 0.4fr 0.25fr;
    cursor: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tutorial-item__button button {
    text-align: center;
    max-width: 180px;
    max-height: 41px
}

.tutorial-item__button svg {
    fill: #27AE60;
    width: 44px;
    height: 44px
}

.tutorial-item__img {
    width: 100%;
    text-align: left;
    position: relative;
    margin: auto;
    max-width: 96px
}

.tutorial-item__img svg {
    width: 100%;
    height: auto
}

.R-600 .tutorial-item__img {
    margin: 0
}

.tutorial-item__text div {
    display: inline-block;
    color: #fff;
    max-width: 140px
}

.tutorial-item__number {
    position: absolute;
    left: -16%;
    top: auto;
    bottom: 16%;
    width: 40.8px;
    height: 40.8px;
    background: #555;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.R-600 .tutorial-item__number {
    bottom: 0
}

.tutorial-item_completed .tutorial-item__text div {
    color: #27AE60;
    text-decoration: none
}

.tutorial-item_current .tutorial-item__number {
    background: #F11414 !important;
    -webkit-animation: tutorial-digit-tween 1s ease-in-out infinite;
    animation: tutorial-digit-tween 1s ease-in-out infinite
}

.R-1440 .tutorial-item-list {
    border: 0;
    border-bottom: 2px solid #000
}

.R-800 .tutorial-item-list {
    grid-column-gap: 12px
}

.R-800 .tutorial-item__number {
    background: #303030;
    left: -12px
}

.R-600 .tutorial-item-list {
    padding: 6px 12px 6px 12px;
    grid-template-rows: 84px 84px 84px 84px 84px;
    grid-template-columns: auto
}

.R-600 .tutorial-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 0
}

.R-600 .tutorial-item__button {
    margin-left: auto
}

.R-600 .tutorial-item__button button {
    width: 112px;
    max-width: 100%;
    margin-left: auto;
    margin-top: 0
}

.R-600 .tutorial-item__button svg {
    width: 30px;
    height: 30px;
    margin-right: 35px
}

.R-600 .tutorial-item__img {
    width: auto
}

.R-600 .tutorial-item__img svg {
    width: 60px;
    height: 80px;
    max-width: 100%
}

.R-600 .tutorial-item__text {
    margin-top: 0
}

.R-600 .tutorial-item__text div {
    margin-left: 12px;
    text-align: left;
    margin-right: 12px
}

.R-600 .tutorial-item__number {
    width: 30px;
    height: 30px;
    left: -6px
}

.R-600 .tutorial-item_completed .tutorial-item__text div {
    max-width: 100%
}

.R-430 .tutorial-item__button button {
    min-width: 110px;
    max-width: 110px
}

@-webkit-keyframes tutorial-digit-tween {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes tutorial-digit-tween {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

video[poster] {
    object-fit: fill;
    width: 100%;
    height: 100%
}

#detach-button-host {
    display: none !important
}

.slick-list,
.slick-track {
    height: 100%
}

.swiper-container {
    width: auto;
    height: 100%;
    max-width: 100%
}

.swiper-container .swiper-wrapper {
    height: auto !important
}

.live-dealer-item {
    max-width: 266px;
    max-height: 376px;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 18vw !important;
    height: 26vw;
    display: grid;
    box-sizing: border-box;
    border: 1px solid #000;
    margin: 0 0.54% 0 0.54%;
    -webkit-tap-highlight-color: transparent
}

.live-dealer-item:first-child {
    margin: 0 0.54% 0 0
}

.live-dealer-item:last-child {
    margin: 0 0 0 0.54%
}

.R-800 .live-dealer-item {
    width: 134px !important;
    height: 190px;
    border-radius: 8px;
    margin: 0 1% 0 1%
}

.live-dealer-item-hover {
    border: 1px solid #EDC97F;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 1
}

.live-dealer-item-hover .game-hover__play {
    display: block !important;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.live-dealer-item-hover .game-hover__play .button__area {
    bottom: -70%
}

.live-dealer-item-hover img {
    -webkit-filter: brightness(0.1);
    filter: brightness(0.1);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.live-dealer-item-hover .live-dealer-item_shadow {
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: -1
}

.live-dealer-item-hover .live-dealer-item_favorite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.live-dealer-item-hover .live-dealer-item_favorite_active {
    fill: #F11414
}

.live-dealer-item_favorite {
    display: none;
    background: #EDC97F;
    max-width: 45px;
    max-height: 34px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -2px;
    left: -1px;
    z-index: 3;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 16px 0 8px 0
}

.R-800 .live-dealer-item_favorite {
    border-radius: 8px 0 8px 0
}

.live-dealer-item img {
    border-radius: 16px;
    width: 50vw;
    height: 100%;
    border: 1px solid #000
}

.R-800 .live-dealer-item img {
    border-radius: 8px
}

.live-dealer-item_provider {
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.live-dealer-item_provider svg {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1
}

.live-dealer-item_shadow {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 16px;
    position: absolute;
    bottom: 0px;
    background: linear-gradient(360deg, #0D132B 43.23%, rgba(13, 19, 43, 0) 100%);
    width: 100%;
    height: 40%;
    bottom: -1px
}

.R-800 .live-dealer-item_shadow {
    border-radius: 8px
}

.live-dealer-item .game-hover__play {
    display: none;
    width: 40%;
    height: 40%;
    position: absolute;
    z-index: 123;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.live-dealer-item .img_404 {
    z-index: 2;
    border-radius: 16px;
    width: 100% !important
}

.R-800 .live-dealer-item .img_404 {
    border-radius: 8px
}

.live-dealer-wrap-mod::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.live-dealer-wrap-mod::-webkit-scrollbar-button,
.live-dealer-wrap-mod::-webkit-scrollbar-corner,
.live-dealer-wrap-mod::-webkit-resizer {
    display: none
}

.live-dealer-wrap-mod::-webkit-scrollbar-track,
.live-dealer-wrap-mod::-webkit-scrollbar-piece {
    background: #252525
}

.live-dealer-wrap-mod::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.live-dealer-wrap-mod {
    scrollbar-width: thin
}

.tour-list {
    margin-top: 12px;
    margin-bottom: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap row;
    -ms-flex-flow: wrap row;
    flex-flow: wrap row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tour-item {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
    margin-bottom: 24px;
    border: 1px solid #EDC97F;
    overflow: hidden;
    background-color: #000;
    cursor: pointer
}

.tour-item-wrap {
    width: 100%;
    padding-bottom: 50%;
    position: relative
}

.tour-item-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(80%, #000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 80%)
}

.tour-item img,
.tour-item .img_404 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s linear, transform 0.2s ease-in-out;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.tour-item__headline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #EDC97F;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6px 12px;
    z-index: 3;
    background: rgba(0, 0, 0, 0.8)
}

.tour-item__date {
    display: none
}

.tour-item__users {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap row;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour-item__users>span {
    font-weight: bold
}

.tour-item__users svg {
    height: 16px !important;
    width: 16px !important;
    margin-right: 6px;
    vertical-align: middle
}

.tour-item__prize {
    padding: 6px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.tour-item__prize span {
    color: #000
}

.tour-item__prize-value,
.tour-item__prize-value span {
    font-size: 40px;
    color: #000;
    font-weight: bold;
    line-height: 1em
}

.tour-item__prize-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0
}

.tour-item__prize-value svg {
    width: 36px;
    height: 36px
}

.tour-item__prize>* {
    position: relative;
    z-index: 3
}

.tour-item__prize:before {
    content: '';
    display: block;
    width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -12%;
    background: #EDC97F;
    -webkit-transform: skewX(15deg);
    transform: skewX(15deg);
    z-index: 2
}

.tour-item__more {
    color: #EDC97F;
    padding: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3
}

.tour-item__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none
}

.tour-item:hover img,
.tour-item:hover .img_404 {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tour-item:hover .tour-item__more {
    color: #fff
}

.tour-item_disabled {
    border-color: #303030
}

.tour-item_disabled img {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.tour-item_disabled .tour-item__prize:before {
    background-color: #303030
}

.tour-item_disabled .tour-item__date {
    display: inline
}

.R-1280 .tour-item__prize {
    padding: 0 6px 3px 6px
}

.R-1280 .tour-item__prize-value,
.R-1280 .tour-item__prize-value span {
    font-size: 28px
}

.R-1280 .tour-item__prize-value svg {
    width: 24px;
    height: 24px
}

.R-800 .tour-item {
    width: 100%;
    margin-bottom: 12px
}

.R-800 .tour-item__more {
    padding: 6px 12px
}

.R-600 .tour-list {
    -webkit-flex-flow: nowrap column;
    -ms-flex-flow: nowrap column;
    flex-flow: nowrap column
}

.R-600 .tour-item {
    width: 100%
}

.R-600 .tour-item__users svg {
    height: 12px !important;
    width: 12px !important
}

.R-600 .tour-item__prize-value,
.R-600 .tour-item__prize-value span {
    font-size: 24px
}

.R-600 .tour-item__prize-value svg {
    width: 22px;
    height: 22px
}

.tour-block {
    background: #000;
    padding-top: 36px;
    position: relative
}

.tour-block-wrap {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    padding-bottom: 50%
}

.tour-block-wrap>img,
.tour-block-wrap>.img_404 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s linear, transform 0.2s ease-in-out;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.tour-block-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(80%, #000));
    background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 60%, #000 80%)
}

.tour-block-prefix {
    width: 100%;
    padding-bottom: 41%
}

.tour-block__headline {
    color: #EDC97F;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    text-shadow: 0 2px 2px #000000
}

.tour-block__headline-title {
    position: absolute;
    top: -1em;
    white-space: nowrap
}

.tour-block__back {
    position: absolute;
    top: -21px;
    left: 12px
}

.tour-block__back .button {
    display: inline-block;
    width: auto;
    padding: 9px 6px;
    margin-left: -6px
}

.tour-block__back .button svg {
    width: 18px;
    height: 18px
}

.tour-block__timer {
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tour-block__timer-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour-block__timer-digit,
.tour-block__timer-colon {
    font-weight: bold
}

.tour-block__timer-digit {
    position: relative;
    margin: 0 6px
}

.tour-block__timer-digit:first-child {
    margin-left: 0
}

.tour-block__timer-digit:last-child {
    margin-right: 0
}

.tour-block__timer-digit span {
    position: absolute;
    bottom: -1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #E0E0E0;
    font-weight: normal
}

.tour-block__timer .tour-block__headline-title {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tour-block__timer-date {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1em;
    color: #E0E0E0
}

.tour-block__users,
.tour-block__date {
    position: absolute;
    top: -6px;
    right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap row;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour-block__users>span,
.tour-block__date>span {
    font-weight: bold
}

.tour-block__users svg,
.tour-block__date svg {
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-right: 12px
}

.tour-block__users .tour-block__headline-title,
.tour-block__date .tour-block__headline-title {
    right: 0
}

.tour-block__expired {
    color: #27AE60;
    position: absolute;
    z-index: 10;
    bottom: 21%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-animation: tournamentExpire 3s ease-in-out infinite;
    animation: tournamentExpire 3s ease-in-out infinite
}

@-webkit-keyframes tournamentExpire {

    from,
    to {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes tournamentExpire {

    from,
    to {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

.tour-block__prize {
    width: 100%;
    position: relative;
    padding: 6px 12px;
    display: inline-block;
    z-index: 1;
    background: #EDC97F;
    text-align: center
}

.tour-block__prize span {
    color: #000
}

.tour-block__prize-value,
.tour-block__prize-value span {
    font-size: 52px;
    color: #000;
    font-weight: bold;
    line-height: 1em
}

.tour-block__prize-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0
}

.tour-block__prize-value svg {
    width: 48px;
    height: 48px;
    margin-left: 6px
}

.tour-block__prize>* {
    position: relative;
    z-index: 3
}

.tour-block__prize-list {
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: middle;
    -webkit-align-items: middle;
    -ms-flex-align: middle;
    align-items: middle
}

.tour-block__prize-item {
    position: relative;
    margin: 0 12px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tour-block__prize-item-place,
.tour-block__prize-item-money {
    display: block;
    width: 100%;
    text-align: center
}

.tour-block__prize-item-place {
    position: absolute;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: bold;
    color: #000
}

.tour-block__prize-item-money {
    color: #fff;
    white-space: nowrap
}

.tour-block__prize-item-money svg {
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.tour-block__prize-item>svg {
    margin: 6px auto;
    width: 48px;
    height: 48px
}

.tour-block__prize-item_gold svg {
    fill: #EDC97F
}

.tour-block__prize-item_silver svg {
    fill: #E0E0E0 !important
}

.tour-block__prize-item_bronze svg {
    fill: #aa6455 !important
}

.tour-block__prize-all {
    color: #EDC97F;
    display: inline-block;
    margin: 0 auto;
    margin-top: 12px;
    text-decoration: underline
}

.tour-block__prize-all:hover,
.tour-block__prize-all:active {
    color: #fff
}

.tour-block__reward {
    text-align: center
}

.tour-block__description {
    padding: 12px
}

.tour-block__description .button {
    max-width: 240px;
    margin: 0 auto
}

.tour-block__description .button svg {
    width: 16px;
    height: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tour-block__text {
    color: #E0E0E0;
    margin-bottom: 24px
}

.tour-block__buttons {
    color: #E0E0E0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.tour-block__buttons-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 24px
}

.tour-block__buttons-info .f-sml {
    color: #888
}

.tour-block-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tour-block__reward,
.tour-block__description {
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px)
}

.tour-block__description {
    position: relative;
    z-index: 3;
    padding: 0 24px 0 0
}

.tour-block__description-centered {
    width: 100%
}

.R-800 .tour-block-info {
    display: block
}

.R-800 .tour-block__reward,
.R-800 .tour-block__description {
    width: 100%
}

.R-800 .tour-block__description {
    padding: 24px 12px
}

.R-800 .tour-block__users svg {
    width: 16px;
    height: 16px;
    margin-right: 6px
}

.R-800 .tour-block__prize-value,
.R-800 .tour-block__prize-value span {
    font-size: 40px
}

.R-800 .tour-block__prize-value svg {
    width: 36px;
    height: 36px
}

.R-600 .tour-block {
    padding-top: 60px
}

.R-600 .tour-block-wrap {
    top: 60px
}

.R-600 .tour-block__timer {
    top: 6px;
    left: 6px;
    -webkit-transform: none;
    transform: none
}

.R-600 .tour-block__users,
.R-600 .tour-block__date {
    top: 6px
}

.R-600 .tour-block__back {
    top: -48px;
    width: -webkit-calc(100% - 12px);
    width: calc(100% - 12px)
}

.R-600 .tour-block__back button {
    width: 100%;
    display: block
}

.tournament_disable img {
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

.tournament-userplace {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top: 0;
    background: #303030;
    padding: 6px
}

.tour-list_sidepanel {
    margin: 0;
    padding: 6px
}

.tour-list_sidepanel .tour-item {
    margin-bottom: 12px
}

.tour-list_sidepanel .tour-item:last-child {
    margin-bottom: 0
}

.tour-short {
    display: grid;
    height: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    color: #E0E0E0
}

.tour-short-head {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1
}

.tour-short-body {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
    overflow: hidden scroll
}

.tour-short-footer {
    grid-column: 1 / span 1;
    grid-row: 3 / span 1;
    padding: 6px
}

.tour-short-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 50%
}

.tour-short-wrap>img,
.tour-short-wrap>.img_404 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s ease-in-out;
    transition: opacity 0.2s linear, transform 0.2s ease-in-out;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.tour-short-wrap:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #000), color-stop(30%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(90%, #000));
    background: linear-gradient(to bottom, #000 10%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%, #000 90%)
}

.tour-short__users {
    color: #EDC97F;
    position: absolute;
    z-index: 5;
    top: 6px;
    right: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: nowrap row;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tour-short__users svg {
    fill: #EDC97F;
    height: 12px !important;
    width: 12px !important;
    margin-right: 6px;
    vertical-align: middle
}

.tour-short__timer {
    color: #EDC97F;
    position: absolute;
    z-index: 5;
    top: 6px;
    left: 6px
}

.tour-short__place {
    color: #EDC97F;
    position: absolute;
    z-index: 5;
    bottom: 6px;
    left: 6px
}

.tour-short__score {
    color: #EDC97F;
    position: absolute;
    z-index: 5;
    bottom: 6px;
    right: 6px
}

.tour-short__prize {
    width: 100%;
    position: relative;
    padding-bottom: 3px;
    display: inline-block;
    z-index: 1;
    background: #EDC97F;
    text-align: center;
    color: #000
}

.tour-short__prize-value,
.tour-short__prize-value span {
    color: #000;
    font-weight: bold;
    line-height: 1em
}

.tour-short__prize-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0
}

.tour-short__prize-value svg {
    width: 24px;
    height: 24px;
    margin-left: 6px
}

.tour-short__prize-info {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.tour-short__prize-info svg {
    width: 24px;
    height: 24px;
    fill: #000
}

.tour-short__prize-info:hover svg,
.tour-short__prize-info:active svg {
    fill: #3d3b3b
}

.tour-short__buttons {
    padding: 12px;
    margin-bottom: -6px
}

.tour-short__buttons .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 !important
}

.tour-short__buttons .flex__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tour-short__buttons .flex .button {
    height: 44px
}

.tour-short__buttons .flex .button:nth-child(2) {
    margin-left: 8px;
    width: 100%
}

.tour-short__buttons_cp-bg .flex {
    background: #1E1E1E;
    padding: 8px 8px !important;
    border-radius: 4px
}

.tour-short__shop {
    padding: 12px 6px 6px 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tour-short__shop .f-sml {
    color: #888;
    margin-right: 12px
}

.tour-short .games-list {
    padding-top: 6px
}

.tour-short__messages {
    padding: 6px
}

.tour-short-url_place {
    background: #303030;
    padding: 12px 0;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 12px
}

.tour-short-url_place a {
    color: #888
}

.popup-body .tour-short-body {
    overflow: inherit
}

.online__player,
.gift__player {
    width: 70px;
    height: 70px;
    margin: 20px 10px
}

.online__player_wrap,
.gift__player_wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    width: 100%
}

.R-600 .online__player_wrap,
.R-600 .gift__player_wrap {
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr))
}

.R-600 .online__player,
.R-600 .gift__player {
    width: 60px;
    height: 60px;
    margin: 20px 4px
}

.online__player_avatar,
.gift__player_avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #3d3b3b;
    margin: 0 auto;
    padding: 4px;
    position: relative
}

.online__player_avatar .img_404,
.gift__player_avatar .img_404 {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.online__player_avatar img,
.gift__player_avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain
}

.online__player_name,
.gift__player_name {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 0px;
    text-align: center
}

.online__player_menu-button,
.gift__player_menu-button {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -24px
}

.online__player_menu-button svg,
.gift__player_menu-button svg {
    fill: #888;
    height: 45%;
    width: 100%
}

.R-600 .online__player_menu-button,
.R-600 .gift__player_menu-button {
    display: none
}

.gift__player {
    width: 100px;
    height: 100%;
    margin: 10px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-600 .gift__player {
    width: 90%;
    height: 100px
}

.gift__player_wrap {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr))
}

.R-600 .gift__player_wrap {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr))
}

.gift__player_avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #3d3b3b;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    cursor: pointer
}

.gift__player_avatar .player__online {
    right: -1px;
    bottom: -1px;
    background: #888
}

.gift__player_avatar .player_was {
    background: #FFAC00
}

.gift__player_avatar .player_on {
    background: #27AE60
}

.gift__player_avatar .player_off {
    background: #888
}

.gift__player_text {
    text-align: center;
    color: white
}

.gift__player_text .status {
    font-size: 14px;
    color: #6D6D6D
}

.gift__player_text .name,
.gift__player_text .status,
.gift__player_text .c-yellow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    max-width: 100px
}

.gift__player .img_404 {
    z-index: 2
}

.shadow-bottom {
    box-shadow: inset 0 -50px 70px -10px #050505;
    position: absolute;
    bottom: 60px;
    width: 100%;
    height: 100px
}

.tour-short-body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.tour-short-body::-webkit-scrollbar-button,
.tour-short-body::-webkit-scrollbar-corner,
.tour-short-body::-webkit-resizer {
    display: none
}

.tour-short-body::-webkit-scrollbar-track,
.tour-short-body::-webkit-scrollbar-piece {
    background: #252525
}

.tour-short-body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.tour-short-body {
    scrollbar-width: thin
}

.tournament-banner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tournament-banner_text-expired {
    position: absolute;
    color: #3fcd7b;
    margin: auto;
    top: 50%;
    z-index: 1;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 48px;
    -webkit-animation: tournamentExpire 3s ease-in-out infinite;
    animation: tournamentExpire 3s ease-in-out infinite
}

.R-800 .tournament-banner_text-expired {
    font-size: 24px
}

@keyframes tournamentExpire {

    from,
    to {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    50% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

.tournament-banner_time {
    -webkit-transform: translate3d(0, 0, 0);
    color: #EDC97F;
    margin-bottom: 1%;
    fill: #EDC97F;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2%
}

.tournament-banner_time svg {
    margin-right: 8px
}

.tournament-banner_time svg svg {
    height: 20px !important;
    margin-right: 4px
}

.tournament-banner_time .c-yellow {
    fill: #EDC97F
}

.R-430 .tournament-banner_time svg {
    width: 16px
}

.tournament-banner-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 70px;
    margin-bottom: 24px
}

.R-800 .tournament-banner-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 7vw;
    margin: 12px 0 0 0
}

.tournament-banner-item {
    -webkit-tap-highlight-color: transparent;
    border: 2px solid #EDC97F;
    box-sizing: border-box;
    width: 100%;
    border-radius: 16px;
    height: min(max(120px, 20vw), 286px);
    position: relative;
    margin: 0px 0 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.R-430 .tournament-banner-item {
    border-radius: 8px
}

.tournament-banner-item:hover .tournament-banner-item_namegame img {
    -webkit-transform: scale(1.1) translateX(2%);
    transform: scale(1.1) translateX(2%);
    -webkit-transition: 1s;
    transition: 1s
}

.tournament-banner-item:hover .tournament-banner-item_img img {
    -webkit-transform: translate(-3%, 0);
    transform: translate(-3%, 0);
    -webkit-transition: 1s;
    transition: 1s;
    height: 124%
}

.tournament-banner-item_timer {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: -webkit-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    z-index: 3;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.55);
    border-radius: 100px
}

.R-600 .tournament-banner-item_timer {
    top: -20px
}

.tournament-banner-item_timer-text {
    padding: 12px;
    margin: 12px;
    background: #fff;
    border-radius: 100px
}

.R-600 .tournament-banner-item_timer-text {
    padding: 6px;
    margin: 6px
}

.tournament-banner-item_not-active {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.tournament-banner-item_expired {
    -webkit-filter: grayscale(1) brightness(0.3);
    filter: grayscale(1) brightness(0.3)
}

.tournament-banner-item_namegame {
    padding: 7% 0 0 0;
    width: min(max(190px, 38vw), 560px)
}

.tournament-banner-item_namegame img {
    z-index: 1;
    height: auto;
    width: auto;
    padding: 0 0 0 4%;
    -webkit-transition: 1s;
    transition: 1s
}

.R-800 .tournament-banner-item_namegame {
    width: min(max(190px, 73vw), 560px)
}

.R-600 .tournament-banner-item_namegame {
    padding: 10% 0 0 0
}

.tournament-banner-item_providers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 2;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tournament-banner-item_providers svg {
    width: min(max(100px, 8vw), 128px);
    height: min(max(25px, 4vw), 48px)
}

.R-800 .tournament-banner-item_providers svg {
    height: min(max(25px, 6vw), 48px)
}

.R-430 .tournament-banner-item_providers svg:nth-child(2n) {
    margin: 0 0 0 -14px
}

.tournament-banner-item_img img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 120%;
    border-radius: 0 0 14px 0;
    -webkit-transition: 1s;
    transition: 1s
}

.tournament-banner-item_prize {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    left: 24px;
    z-index: 2
}

.tournament-banner-item_prize svg {
    width: min(max(18px, 2.3vw), 36px);
    height: min(max(18px, 2.3vw), 36px);
    vertical-align: baseline
}

.tournament-banner-item_prize-money {
    font-size: min(max(26px, 3vw), 48px)
}

.R-600 .tournament-banner-item_prize {
    left: 10px;
    font-size: 12px;
    line-height: 20px
}

.tournament-banner-item_info {
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    right: 1%;
    bottom: 1%;
    border-radius: 40px;
    padding: 6px 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tournament-banner-item_info>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #fff;
    color: #fff
}

.tournament-banner-item_info>div:nth-child(2n) {
    margin-left: 20px
}

.R-430 .tournament-banner-item_info>div:nth-child(2n) {
    margin-left: 0px
}

.tournament-banner-item_info>div svg {
    margin-right: 4px
}

.R-600 .tournament-banner-item_info {
    font-size: 12px
}

.R-600 .tournament-banner-item_info svg {
    width: 16px;
    height: 16px !important
}

.R-430 .tournament-banner-item_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 16px
}

.tournament-banner-item_info-users {
    fill: #888 !important;
    color: #888 !important
}

.R-800 .tournament-banner-item {
    height: min(max(120px, 44vw), 286px)
}

.tournament-banner .img_404 {
    border-radius: 16px;
    z-index: 4
}

.tournament-bg-gridient {
    background: linear-gradient(102.87deg, #563105 0%, #501C69 74.88%, #911D7E 98.02%)
}

.tournament-bg-gridient-2 {
    background: linear-gradient(102.87deg, #271919 0%, #691C1C 74.88%, #911D1D 98.02%)
}

.tournament-bg-gridient-3 {
    background: linear-gradient(92.43deg, #520054 3.5%, #380639 31.48%, #1C3669 68.45%, #1D4B91 99.97%)
}

.tournament-bg-gridient-4 {
    background: linear-gradient(102.87deg, #834710 0%, #5C1111 46.46%, #54848E 69.94%, #863B57 88.83%)
}

.tour-list_sidepanel .tournament-banner,
.tour-short .tournament-banner {
    margin: 12px
}

.tour-list_sidepanel .tournament-banner_time svg,
.tour-short .tournament-banner_time svg {
    height: 16px !important;
    margin-right: 4px
}

.tour-list_sidepanel .tournament-banner-item,
.tour-short .tournament-banner-item {
    cursor: unset;
    height: 130px
}

.tour-list_sidepanel .tournament-banner-item:hover .tournament-banner-item_namegame img,
.tour-short .tournament-banner-item:hover .tournament-banner-item_namegame img {
    -webkit-transform: scale(1) translateX(0%);
    transform: scale(1) translateX(0%)
}

.tour-list_sidepanel .tournament-banner-item:hover .tournament-banner-item_img img,
.tour-short .tournament-banner-item:hover .tournament-banner-item_img img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    height: 120%
}

.tour-list_sidepanel .tournament-banner-item_namegame,
.tour-short .tournament-banner-item_namegame {
    width: 80%;
    padding: 7% 0 0 0
}

.tour-list_sidepanel .tournament-banner-item_providers svg,
.tour-short .tournament-banner-item_providers svg {
    width: 128px;
    height: 24px;
    margin: 0 0 0 -24px
}

.tour-list_sidepanel .tournament-banner-item_providers svg:nth-child(2n),
.tour-short .tournament-banner-item_providers svg:nth-child(2n) {
    margin: 0 0 0 -48px
}

.tour-list_sidepanel .tournament-banner-item_prize,
.tour-short .tournament-banner-item_prize {
    bottom: 4px
}

.tour-list_sidepanel .tournament-banner-item_prize svg,
.tour-short .tournament-banner-item_prize svg {
    width: 16px;
    height: 16px
}

.tour-list_sidepanel .tournament-banner-item_prize-money,
.tour-short .tournament-banner-item_prize-money {
    font-size: 26px
}

.tour-list .tournament-banner-item {
    cursor: pointer
}

.tour-list .tournament-banner-item:hover .tournament-banner-item_namegame img {
    -webkit-transform: translateX(3%);
    transform: translateX(3%);
    -webkit-transition: 1s;
    transition: 1s
}

.tour-list .tournament-banner-item:hover .tournament-banner-item_img img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 1s;
    transition: 1s;
    height: 125%
}

.tournament-big-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2% 0 5% 0;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.R-800 .tournament-big-panel {
    padding: 5% 0 5% 0
}

.tournament-big-panel .tournament-banner {
    width: 78%
}

.tournament-big-panel .tournament-banner-item {
    height: min(max(120px, 50vw), 286px);
    max-width: 1200px;
    cursor: unset
}

.tournament-big-panel .tournament-banner-item_namegame {
    padding: 5% 0 0 0;
    width: min(max(190px, 53vw), 560px)
}

.R-1280 .tournament-big-panel .tournament-banner-item_namegame {
    padding: 6% 0 0 0
}

.tournament-big-panel .tournament-banner-item:hover .tournament-banner-item_namegame img {
    -webkit-transform: scale(1) translateX(0%);
    transform: scale(1) translateX(0%);
    -webkit-transition: 1s;
    transition: 1s
}

.tournament-big-panel .tournament-banner-item:hover .tournament-banner-item_img img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 1s;
    transition: 1s;
    height: 120%
}

.tournament-big-panel .tournament-banner-item_providers svg {
    width: 128px;
    height: 48px
}

.tournament-big-panel .flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.R-1280 .tournament-big-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.R-1280 .tournament-big-panel .tournament-banner {
    width: 100%
}

.R-1280 .tournament-big-panel .tournament-banner-item {
    height: min(max(120px, 30vw), 286px)
}

.R-1280 .tournament-big-panel .tournament-banner-item_providers svg {
    width: min(max(100px, 8vw), 128px);
    height: min(max(25px, 4vw), 48px)
}

.R-800 .R-1280 .tournament-big-panel .tournament-banner-item_providers {
    height: min(max(25px, 6vw), 48px)
}

.R-430 .R-1280 .tournament-big-panel .tournament-banner-item_providers:nth-child(2n) {
    margin: 0 0 0 -14px
}

.R-600 .tournament-big-panel .tournament-banner-item {
    height: min(max(120px, 44vw), 286px)
}

.R-600 .tournament-big-panel .tournament-banner-item_namegame {
    padding: 11% 0 0 0;
    width: min(max(190px, 60vw), 560px)
}

.tournament-big-info {
    width: 274px;
    margin-left: 14px;
    padding: 34px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 322px
}

.R-1280 .tournament-big-info {
    padding: 0;
    max-height: 322px;
    height: 100%
}

.tournament-big-info>div {
    margin: 4px 0 0 0
}

.tournament-big-info>div:first-child {
    border-radius: 16px 16px 0 0
}

.R-430 .tournament-big-info>div:first-child {
    border-radius: 8px 8px 0 0
}

.tournament-big-info>div:last-child {
    border-radius: 0 0 16px 16px
}

.R-430 .tournament-big-info>div:last-child {
    border-radius: 0 0 8px 8px
}

.tournament-big-info button {
    margin: 4px 0 0 0
}

.tournament-big-info-item {
    padding: 6px 0;
    background: #1E1E1E;
    border-radius: 4px;
    color: #fff;
    text-align: center
}

.tournament-big-info-item .tour-block__prize-list,
.tournament-big-info-item .tour-block__prize-all {
    margin-top: 16px
}

.tournament-big-info-item .tour-block__prize-item-place {
    z-index: 1;
    font-size: 14px;
    top: 6px
}

.tournament-big-info-item .c-gray-txt-minor {
    margin: 8px 0 -8px 0px
}

.tournament-big-info-item__text {
    max-width: 65%;
    width: 100%;
    bottom: 50%;
    height: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.R-1280 .tournament-big-info-item__text {
    max-width: 100%;
    left: 0;
    padding: 0px 12px 16px 12px;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%)
}

.R-1280 .tournament-big-info {
    width: 100%;
    margin: 8px 0 0 0
}

.tournament-big-info .flex,
.tour-short__buttons .flex {
    color: white;
    padding: 0 12px
}

.tournament-big-info .flex .button,
.tour-short__buttons .flex .button {
    margin: 0;
    height: 44px
}

.tournament-big-info .flex__item-text,
.tour-short__buttons .flex__item-text {
    line-height: 15px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.tournament-big-info .flex__item-text p:first-child,
.tour-short__buttons .flex__item-text p:first-child {
    color: #888;
    font-size: 12px
}

.tournament-big-info .tour-block__prize-list,
.tour-short__buttons .tour-block__prize-list {
    position: relative;
    margin: 20px 0 0 0
}

.tournament-big-info .tour-block__prize-list p,
.tour-short__buttons .tour-block__prize-list p {
    position: absolute;
    top: -40%;
    text-align: center
}

.tournament-big-info .tour-block__prize-item p,
.tour-short__buttons .tour-block__prize-item p {
    margin-left: 2px
}

.tournament-back-url {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6D6D6D;
    margin: 12px 0 0 0px
}

.tournament-back-url .f-reg,
.tournament-back-url svg {
    fill: #6D6D6D;
    cursor: pointer;
    margin: 0 6px 0 0
}

.tournament-back-url:hover {
    color: #fff !important
}

.tournament-back-url:hover svg {
    fill: #fff
}

.popup-body .tour-short .tournament-banner-item {
    height: 180px
}

.R-600 .popup-body .tour-short .tournament-banner-item {
    height: min(max(130px, 35vw), 150px)
}

.R-600 .popup-body .tour-short .tournament-banner-item_namegame {
    padding: 10% 0 0 0
}

.tour-small {
    margin: 0 7px
}

.tour-small .tournament-banner-item {
    max-width: 150px;
    width: 100%;
    height: 110px
}

.tour-small .tournament-banner-item img {
    margin: auto;
    left: 0;
    width: auto;
    max-width: 90%;
    border-radius: 0 0 8px 8px
}

.tour-small .tournament-banner-item:hover .tournament-banner-item_img img {
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
    height: 120%
}

.fin-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #303030;
    border: solid 2px #303030;
    border-radius: 18px;
    max-width: 360px;
    width: 100%;
    margin: 0 auto 12px auto;
    position: relative;
    z-index: 1
}

.fin-card__wrap {
    width: 100%;
    padding: 24px 12px 72px 12px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fin-card__logo {
    width: 100%;
    padding-bottom: 30%;
    position: relative
}

.fin-card__logo svg,
.fin-card__logo .icon {
    position: absolute;
    top: 0;
    left: 15%;
    width: 70% !important;
    height: 100% !important
}

.fin-card__number {
    text-align: center;
    width: 100%;
    color: #E0E0E0
}

.fin-card__number .input .icon-remove {
    fill: #4E4E4E
}

.fin-card__checkbox {
    position: absolute;
    bottom: 12px;
    right: 12px;
    text-align: center
}

.fin-card__checkbox-text {
    color: #888
}

.fin-card__camera {
    position: absolute;
    bottom: 12px;
    left: 12px
}

.fin-card__camera .icon {
    cursor: pointer;
    fill: #EDC97F;
    width: 40px;
    height: 30px
}

.fin-card__amount {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #E0E0E0;
    font-weight: bold
}

.fin-card__preset {
    color: #E0E0E0
}

.fin-card__arrow {
    width: 70px !important;
    height: 36px !important;
    fill: #303030 !important;
    margin-top: -14px
}

.fin-card__money {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 360px;
    max-width: 100%;
    margin-bottom: 12px
}

.fin-card__money .icon-wallet-popup {
    width: 36px;
    height: 40px;
    margin-top: 10px;
    margin-right: 6px;
    fill: #EDC97F
}

.fin-card__money .button {
    width: 64px;
    height: 40px;
    margin-left: 9px
}

.fin-card__button {
    width: 360px;
    max-width: 100%
}

.fin-card__back {
    text-align: center;
    margin-bottom: 24px
}

.fin-card__back .button {
    display: inline-block;
    width: auto;
    padding: 9px 12px
}

.fin-card__back .button svg {
    width: 18px;
    height: 18px
}

.fin-card_featured {
    border-color: #EDC97F
}

.withdraw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.withdraw-hub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px;
    color: #EDC97F
}

.withdraw-hub svg {
    margin-right: 6px;
    fill: #EDC97F
}

.withdraw-hub:hover {
    color: #fff
}

.withdraw-hub:hover svg {
    fill: #fff
}

.withdraw-prefix {
    color: #E0E0E0;
    text-align: center;
    margin-bottom: 12px
}

.withdraw-list {
    margin-bottom: 24px
}

.withdraw-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #555
}

.withdraw-item__button {
    width: 72px;
    height: 36px;
    margin-left: auto
}

.withdraw-item__button .button {
    padding: 6px
}

.withdraw-item__amount {
    color: #fff;
    margin-left: 24px
}

.withdraw-item__image svg,
.withdraw-item__image .icon {
    width: 96px;
    height: 36px
}

.card-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 12px;
    margin-top: 24px;
    margin-bottom: 36px
}

.card-list .card-item {
    background: #303030;
    border: 2px solid #303030;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

.card-list .card-item__wrap {
    width: 100%;
    padding-bottom: 70%
}

.card-list .card-item svg,
.card-list .card-item .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%
}

.card-list .card-item__return {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.card-list .card-item__return-text {
    color: #EDC97F
}

.card-list .card-item__return-value {
    color: #E0E0E0
}

.card-list .card-item__balance {
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 12px;
    color: #888;
    font-size: 12px;
    text-align: center
}

.card-list .card-item__remove {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    z-index: 2
}

.card-list .card-item__remove svg {
    fill: #EDC97F;
    width: 24px;
    height: 24px
}

.card-list .card-item__number {
    text-align: center;
    position: absolute;
    left: 5%;
    right: 5%;
    bottom: 12px;
    color: #E0E0E0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-list .card-item__logo-number {
    position: absolute;
    top: 3px;
    right: 7px
}

.card-list .card-item_featured {
    border-color: #EDC97F
}

.card-list .card-item:hover,
.card-list .card-item:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    background: #3d3b3b;
    border-color: #3d3b3b
}

.card-list_small {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
}

.card-list_small .card-item {
    background: transparent !important;
    border-style: dashed;
    opacity: 0.75
}

.card-list_small .card-item:hover,
.card-list_small .card-item:active {
    opacity: 1
}

.R-800 .card-list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))
}

.R-800 .card-list_small {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr))
}

.R-430 .card-list {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr))
}

.R-430 .card-list .card-item__balance {
    font-size: 10px;
    bottom: 6px
}

.R-430 .card-list_small {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr))
}

.deposit-wallet {
    margin-top: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #555;
    padding-bottom: 3px;
    position: relative;
    -webkit-transition: border-bottom 0.2s linear;
    transition: border-bottom 0.2s linear
}

.deposit-wallet:first-child {
    margin-top: 0
}

.deposit-wallet svg {
    width: 24px;
    height: 24px;
    fill: #EDC97F;
    margin-right: 6px;
    -webkit-transition: fill 0.2s linear;
    transition: fill 0.2s linear
}

.deposit-wallet__value {
    color: #fff;
    margin-right: 3px;
    font-weight: bold;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.deposit-wallet__valute {
    color: #EDC97F;
    font-weight: bold;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.deposit-wallet__status {
    color: #27AE60;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.deposit-wallet__status svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 16px;
    height: 16px;
    stroke: #888;
    -webkit-transition: stroke 0.2s linear;
    transition: stroke 0.2s linear
}

.deposit-wallet+.card-list {
    margin-top: 12px;
    margin-bottom: 12px
}

.deposit-wallet_disabled {
    cursor: pointer
}

.deposit-wallet_disabled svg {
    fill: #888
}

.deposit-wallet_disabled .deposit-wallet__value {
    color: #888
}

.deposit-wallet_disabled .deposit-wallet__valute {
    color: #888
}

.deposit-wallet_disabled:hover,
.deposit-wallet_disabled:active {
    border-bottom-color: #EDC97F
}

.deposit-wallet_disabled:hover svg,
.deposit-wallet_disabled:active svg {
    fill: #EDC97F
}

.deposit-wallet_disabled:hover .deposit-wallet__value,
.deposit-wallet_disabled:active .deposit-wallet__value {
    color: #E0E0E0
}

.deposit-wallet_disabled:hover .deposit-wallet__valute,
.deposit-wallet_disabled:active .deposit-wallet__valute {
    color: #EDC97F
}

.deposit-wallet_disabled:hover .deposit-wallet__status svg,
.deposit-wallet_disabled:active .deposit-wallet__status svg {
    stroke: #EDC97F
}

.deposit-bonus {
    border: 3px solid #27AE60;
    border-radius: 12px;
    text-align: center;
    padding: 0 12px 12px 12px;
    margin-top: 36px
}

.deposit-bonus:first-child {
    margin-top: 0
}

.deposit-bonus__headline {
    display: inline-block;
    padding: 6px 12px;
    background: #27AE60;
    border-radius: 6px;
    margin-top: -24px
}

.deposit-bonus__content {
    color: #E0E0E0;
    padding: 12px 0
}

.deposit-bonus__step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px
}

.deposit-bonus__step:last-child {
    margin-bottom: 0
}

.deposit-bonus__step svg {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    fill: #EDC97F
}

.deposit-bonus__step-num {
    color: #EDC97F;
    margin-right: 6px
}

.deposit-bonus__step-text {
    color: #E0E0E0;
    text-align: left
}

.deposit-bonus__step_completed svg {
    fill: #27AE60
}

.deposit-bonus__step_completed .deposit-bonus__step-num,
.deposit-bonus__step_completed .deposit-bonus__step-text {
    color: #27AE60
}

.deposit-bonus__step_disabled svg {
    fill: #888
}

.deposit-bonus__step_disabled .deposit-bonus__step-num,
.deposit-bonus__step_disabled .deposit-bonus__step-text {
    color: #888
}

.deposit-bonus__button button .flex__item {
    position: relative
}

.deposit-bonus__button button .flex__item img {
    height: 30px;
    width: auto
}

.deposit-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.deposit-value {
    width: 100%
}

.deposit-value>* {
    margin-left: auto;
    margin-right: auto
}

.deposit-card {
    text-align: center;
    border-bottom: 4px solid #303030;
    margin-bottom: 24px;
    width: 100%
}

.deposit-card__image {
    background: #303030;
    border-radius: 18px 18px 0 0;
    width: 360px;
    height: 100px;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.deposit-card__image svg,
.deposit-card__image .icon {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%
}

.deposit-preset,
.deposit-channels {
    margin: 24px auto auto auto;
    max-width: 360px;
    width: 100%
}

.deposit-preset__buttons,
.deposit-channels__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.deposit-preset__buttons button,
.deposit-channels__buttons button {
    width: 24%;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 6px
}

.deposit-ex-from,
.deposit-ex-wallet,
.deposit-ex-copy,
.deposit-ex-steps,
.deposit-ex-qr {
    width: 360px;
    max-width: 100%
}

.deposit-ex-from {
    text-align: center;
    position: relative
}

.deposit-ex-from .img_404 {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    padding-bottom: 25%
}

.deposit-ex-from img {
    width: 80%;
    height: auto
}

.deposit-ex-from svg {
    display: block;
    margin: 12px auto;
    width: 40px;
    height: 22px;
    fill: #555
}

.deposit-ex-wallet {
    background: #6D6D6D;
    color: #E0E0E0;
    border-radius: 10px 10px 0 0;
    padding: 12px
}

.deposit-ex-wallet img {
    height: auto;
    width: 240px
}

.deposit-ex-wallet .flex__item:last-child {
    margin-left: 12px
}

.deposit-ex-copy {
    border: 1px dashed #6D6D6D;
    border-top: 0px solid transparent;
    border-radius: 0 0 10px 10px;
    padding: 6px;
    color: #EDC97F;
    margin-bottom: 12px
}

.deposit-ex-copy .flex__item:last-child {
    margin-left: 12px
}

.deposit-ex-copy .flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.deposit-ex-copy button {
    padding: 6px
}

.deposit-ex-copy button .f-reg {
    font-size: 12px !important
}

.deposit-ex-steps {
    text-align: center
}

.deposit-ex-steps ol {
    display: inline-block;
    margin: 0 auto 24px auto
}

.deposit-ex-steps ol li {
    text-align: left
}

.deposit-ex-choose {
    text-align: center;
    color: #888
}

.deposit-ex-qr {
    text-align: center
}

.deposit-ex-qr canvas {
    background: #303030
}

.bonus-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 8px 0 0 0
}

.bonus-card {
    position: relative;
    justify-self: stretch;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 700;
    perspective: 700
}

.bonus-card-wrap {
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    border-radius: 12px;
    border: 2px solid #000;
    background-color: #212425;
    background: linear-gradient(45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20), linear-gradient(-45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20), #212425;
    background-size: 60px 60px;
    box-shadow: inset 0 3px 3px #404648, inset 0 -3px 3px #121314;
    position: relative
}

.bonus-card-wrap .badge-digit {
    top: -3px;
    right: 0;
    z-index: 1;
    width: 10px;
    height: 10px
}

.bonus-card-info,
.bonus-card-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.bonus-card-info:before,
.bonus-card-wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 2px solid #000;
    border-radius: 9px
}

.bonus-card__top,
.bonus-card__bottom {
    position: relative;
    width: 100%
}

.bonus-card__timer {
    min-height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #EDC97F;
    margin-bottom: 6px
}

.bonus-card__cancel,
.bonus-card__info {
    z-index: 3;
    padding: 12px;
    position: absolute;
    top: -12px
}

.bonus-card__cancel svg,
.bonus-card__info svg {
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

.bonus-card__cancel {
    left: -12px
}

.bonus-card__info {
    right: -12px
}

.bonus-card__cp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 6px;
    color: #EDC97F
}

.bonus-card__cp svg {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

.bonus-card__image {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0
}

.bonus-card__image-wrap {
    width: 100%;
    padding-bottom: 60%;
    position: relative
}

.bonus-card__image-wrap svg {
    position: absolute;
    z-index: 8;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%
}

.bonus-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.bonus-card__image-big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-card__image-value {
    color: #fff;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus-card__image-glow,
.bonus-card__image-ring {
    width: 120%;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus-card__image-glow img,
.bonus-card__image-ring img {
    width: 100%;
    height: auto;
    -webkit-animation: bonusGlow 2s ease-in-out infinite;
    animation: bonusGlow 2s ease-in-out infinite
}

.bonus-card__image-ring {
    display: none;
    z-index: 10
}

.bonus-card__image_game {
    -webkit-filter: drop-shadow(0px 2px 5px #000);
    filter: drop-shadow(0px 2px 5px #000)
}

.bonus-card__value {
    text-align: center;
    color: #fff;
    padding: 6px
}

.bonus-card__value svg {
    margin-top: -12px;
    width: 48px;
    height: 36px;
    fill: #EDC97F
}

.bonus-card__value-text svg {
    margin-top: -6px;
    width: 24px;
    height: 24px
}

.bonus-card__value-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus-card__value-description svg {
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0
}

.bonus-card__value-prise-cp {
    margin: 10px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus-card__value-prise-cp svg {
    width: 16px;
    height: 16px;
    margin: 6px
}

.bonus-card__value_star {
    margin: 15px auto 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 100px;
    width: 100%
}

.bonus-card__value_star svg {
    width: 24px;
    height: 24px;
    opacity: 0.5
}

.bonus-card__value_star-active {
    fill: #EDC97F !important;
    opacity: 1 !important
}

.bonus-card__content {
    padding: 0 6px;
    color: #EDC97F;
    text-align: center
}

.bonus-card__content .progress-bar {
    margin-bottom: 12px;
    background: #063118
}

.bonus-card__progress {
    margin-bottom: 6px
}

.bonus-card__wager,
.bonus-card__state {
    margin-bottom: 12px
}

.bonus-card__control {
    padding: 12px 0;
    margin-left: -2px;
    width: -webkit-calc(100% + 4px);
    width: calc(100% + 4px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.bonus-card__control .button {
    height: 48px;
    width: 45%;
    background: #0B1C24
}

.bonus-card__control .button__border {
    border-color: #0B1C24 !important
}

.bonus-card__control .button_pressed:before,
.bonus-card__control .button_pressed .button__border:after {
    background: #0B1C24
}

.bonus-card__control .button:first-child {
    border-radius: 0 4px 4px 0
}

.bonus-card__control .button:last-child {
    border-radius: 4px 0 0 4px
}

.bonus-card__control-content {
    position: relative;
    z-index: 2
}

.bonus-card__control-content div {
    width: 6px;
    height: 24px;
    background: #EDC97F;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -12px
}

.bonus-card__control-content div:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bonus-card__condition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #EDC97F;
    margin-bottom: 6px;
    min-height: 24px
}

.bonus-card__link {
    display: none;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.bonus-card__promo {
    padding-bottom: 12px;
    text-align: center
}

.bonus-card__promo-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    opacity: 0.5;
    margin-bottom: 3px
}

.bonus-card__promo-item svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.bonus-card__promo-item svg:first-child {
    fill: #EDC97F;
    margin-right: 6px
}

.bonus-card__promo-item svg:last-child {
    margin-top: 6px
}

.bonus-card__promo-item .f-big {
    padding: 5px 0 0 0
}

.bonus-card__promo-item_current {
    opacity: 1
}

.bonus-card__promo-item .flex {
    width: auto
}

.bonus-card__mobile {
    display: none;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    position: relative
}

.bonus-card__mobile svg {
    position: relative;
    top: -6px;
    width: 24px;
    height: 18px;
    fill: #EDC97F
}

.bonus-card .input {
    margin-bottom: 12px
}

.bonus-card .input-item__wrap {
    padding-right: 6px;
    text-align: center
}

.bonus-card .input-item__text {
    right: 6px;
    text-align: center
}

.bonus-card .currency svg {
    display: inline-block
}

.bonus-card__headline {
    color: #fff;
    text-align: center;
    padding: 12px;
    display: none
}

.bonus-card-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #212425;
    padding: 9px;
    border-radius: 12px;
    border: 2px solid #000;
    color: #888;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bonus-card-info__content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    overflow: auto;
    text-align: center
}

.bonus-card-info__content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 6px 12px 6px;
    margin: auto;
    min-height: 90%;
    color: #E0E0E0
}

.bonus-card-info__content-wrap ul {
    text-align: left;
    padding-left: 0
}

.bonus-card-info__content-wrap ul>li {
    margin-bottom: 12px
}

.bonus-card-info__content-wrap ul>li:last-child {
    margin-bottom: 0
}

.bonus-card-info__content-wrap ul>li:before {
    display: none
}

.bonus-card-info__content-wrap a {
    text-decoration: underline
}

.bonus-card-info__content-wrap a:hover {
    color: #EDC97F
}

.bonus-card-info__content-wrap div {
    padding-bottom: 6px
}

.bonus-card-info__content-wrap div:last-child {
    padding-bottom: 0
}

.bonus-card-info .bonus-card__cancel {
    top: -12px;
    left: auto;
    right: -12px;
    padding: 12px;
    z-index: 15
}

.bonus-card-info .bonus-card__cancel svg {
    width: 24px;
    height: 24px
}

.bonus-card-backface {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #EDC97F;
    border-radius: 12px;
    border: 2px solid #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.bonus-card-backface svg {
    width: 50%;
    height: 50%
}

@-webkit-keyframes bonusGlow {
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

@keyframes bonusGlow {
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
}

.bonus-card_input .bonus-card__value {
    color: #EDC97F
}

.bonus-card_input .bonus-card__value svg {
    margin-top: 0;
    fill: #EDC97F
}

.bonus-card_input .bonus-card__mobile {
    color: #888
}

.bonus-card_featured .bonus-card-wrap {
    background-color: #173D4C;
    background-image: linear-gradient(45deg, #153746 25%, transparent 25%, transparent 75%, #153746 75%, #153746), linear-gradient(-45deg, #153746 25%, transparent 25%, transparent 75%, #153746 75%, #153746);
    box-shadow: inset 0 3px 3px #327995, inset 0 -3px 3px #0E2731
}

.bonus-card_featured .bonus-card-wrap:before {
    border-color: #0B1C24
}

.bonus-card_featured .bonus-card-info {
    background: #173D4C;
    color: #fff
}

.bonus-card_active .bonus-card-wrap {
    background-color: #01612A;
    background-image: linear-gradient(45deg, #015927 25%, transparent 25%, transparent 75%, #015927 75%, #015927), linear-gradient(-45deg, #015927 25%, transparent 25%, transparent 75%, #015927 75%, #015927);
    box-shadow: inset 0 3px 3px #26922f, inset 0 -3px 3px #051d07
}

.bonus-card_active .bonus-card-wrap:before {
    border-color: #063118
}

.bonus-card_active .bonus-card-info {
    background: #01612A;
    color: #fff
}

.bonus-card_event .bonus-card-wrap:before {
    border-color: #EDC97F
}

.bonus-card_event .bonus-card__image {
    width: 80%;
    left: 10%
}

.bonus-card_event .bonus-card__image img {
    -webkit-animation: bonusEventFloat 2s ease-in-out infinite;
    animation: bonusEventFloat 2s ease-in-out infinite
}

.bonus-card_quest .bonus-card-wrap {
    background-color: #472562;
    background-image: linear-gradient(45deg, #402257 25%, transparent 25%, transparent 75%, #402257 75%, #402257), linear-gradient(-45deg, #402257 25%, transparent 25%, transparent 75%, #402257 75%, #402257)
}

.bonus-card_quest .bonus-card-info {
    background: #472562;
    color: #fff
}

@-webkit-keyframes bonusEventFloat {

    from,
    to {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@keyframes bonusEventFloat {

    from,
    to {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.bonus-card-info__content::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.bonus-card-info__content::-webkit-scrollbar-button,
.bonus-card-info__content::-webkit-scrollbar-corner,
.bonus-card-info__content::-webkit-resizer {
    display: none
}

.bonus-card-info__content::-webkit-scrollbar-track,
.bonus-card-info__content::-webkit-scrollbar-piece {
    background: #252525
}

.bonus-card-info__content::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.bonus-card-info__content {
    scrollbar-width: thin
}

.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar {
    width: 10px;
    background: #173D4C
}

.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar-button,
.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar-corner,
.bonus-card_featured .bonus-card-info__content::-webkit-resizer {
    display: none
}

.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar-track,
.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar-piece {
    background: #173D4C
}

.bonus-card_featured .bonus-card-info__content::-webkit-scrollbar-thumb {
    background: #039BE5;
    border: 2px solid #173D4C;
    border-radius: 4px
}

.bonus-card_featured .bonus-card-info__content {
    scrollbar-width: thin
}

.bonus-card_active .bonus-card-info__content::-webkit-scrollbar {
    width: 10px;
    background: #01612A
}

.bonus-card_active .bonus-card-info__content::-webkit-scrollbar-button,
.bonus-card_active .bonus-card-info__content::-webkit-scrollbar-corner,
.bonus-card_active .bonus-card-info__content::-webkit-resizer {
    display: none
}

.bonus-card_active .bonus-card-info__content::-webkit-scrollbar-track,
.bonus-card_active .bonus-card-info__content::-webkit-scrollbar-piece {
    background: #01612A
}

.bonus-card_active .bonus-card-info__content::-webkit-scrollbar-thumb {
    background: #27AE60;
    border: 2px solid #01612A;
    border-radius: 4px
}

.bonus-card_active .bonus-card-info__content {
    scrollbar-width: thin
}

.R-800 .bonus-list {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr))
}

.R-430 .bonus-list {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 12px
}

.R-430 .bonus-list .bonus-card-wrap {
    padding: 6px;
    min-height: 100px;
    border-width: 1px;
    background: #212425;
    -webkit-transform: none !important;
    transform: none !important
}

.R-430 .bonus-list .bonus-card-wrap:before {
    display: none
}

.R-430 .bonus-list .bonus-card__link,
.R-430 .bonus-list .bonus-card__mobile {
    display: block
}

.R-430 .bonus-list .bonus-card__switcher-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.R-430 .bonus-list .bonus-card-info,
.R-430 .bonus-list .bonus-card__cancel,
.R-430 .bonus-list .bonus-card__info,
.R-430 .bonus-list .bonus-card__cp,
.R-430 .bonus-list .bonus-card__value,
.R-430 .bonus-list .bonus-card__progress,
.R-430 .bonus-list .bonus-card__control,
.R-430 .bonus-list .bonus-card__condition,
.R-430 .bonus-list .bonus-card__wager,
.R-430 .bonus-list .bonus-card__button,
.R-430 .bonus-list .bonus-card .input {
    display: none
}

.R-430 .bonus-list .bonus-card__image-wrap svg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.R-430 .bonus-list .bonus-card__image-wrap-big {
    width: 70%;
    margin: 0 auto
}

.R-430 .bonus-list .bonus-card .progress-bar {
    margin-top: -9px
}

.R-430 .bonus-list .bonus-card__promo {
    display: none
}

.R-430 .bonus-list .bonus-card_input .bonus-card-wrap {
    background: transparent;
    border: 2px dashed #303030;
    box-shadow: none
}

.R-430 .bonus-list .bonus-card_featured .bonus-card-wrap {
    background: #173D4C
}

.R-430 .bonus-list .bonus-card_active .bonus-card-wrap {
    background: #01612A
}

.R-430 .bonus-list .bonus-card_event .bonus-card-wrap {
    border-color: #EDC97F
}

.R-430 .bonus-list .bonus-card_quest .bonus-card-wrap {
    background: #472562
}

.bonus-popup {
    display: none;
    z-index: 300 !important
}

.bonus-popup__slider {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%
}

.bonus-popup__slider-close svg {
    fill: #EDC97F;
    width: 24px;
    height: 24px
}

.bonus-popup__slider-arrows {
    margin-right: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus-popup__slider-arrows svg {
    -webkit-animation: bonusArrowDown 1s ease-in-out infinite;
    animation: bonusArrowDown 1s ease-in-out infinite;
    stroke: #EDC97F;
    width: 24px;
    height: 12px
}

.bonus-popup__slider-arrows svg:last-child {
    margin-top: -6px;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s
}

.bonus-popup__slider-text .f-sml {
    color: #888
}

.bonus-popup__slider-text .f-reg {
    color: #EDC97F
}

.bonus-popup__arrow {
    width: 48px;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bonus-popup__arrow svg {
    width: 36px;
    height: 36px;
    stroke: #EDC97F
}

.bonus-popup__arrow_left {
    left: 0;
    -webkit-animation: bonusArrowLeft 1s ease-in-out infinite;
    animation: bonusArrowLeft 1s ease-in-out infinite
}

.bonus-popup__arrow_left svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bonus-popup__arrow_right {
    -webkit-animation: bonusArrowRight 1s ease-in-out infinite;
    animation: bonusArrowRight 1s ease-in-out infinite;
    right: 0
}

.bonus-popup__arrow_right svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.bonus-popup__item {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.bonus-popup__item .bonus-card {
    width: 100%;
    max-width: 240px;
    margin: 0 auto
}

.O-HOR .bonus-popup__slider {
    left: auto;
    right: 12px;
    top: 12px;
    width: 36px;
    height: 36px;
    background: #555;
    border-radius: 50%;
    z-index: 2;
    position: fixed
}

.O-HOR .bonus-popup__slider-text {
    display: none
}

.O-HOR .bonus-popup__arrow {
    top: 18%;
    height: 64%
}

.js-bonus-list-opened .page-wrapper {
    padding-top: 0 !important
}

@-webkit-keyframes bonusArrowLeft {
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@keyframes bonusArrowLeft {
    50% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
}

@-webkit-keyframes bonusArrowRight {
    50% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
}

@keyframes bonusArrowRight {
    50% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
}

@-webkit-keyframes bonusArrowDown {
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes bonusArrowDown {
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.bonus-event {
    -webkit-clip-path: content-box;
    clip-path: content-box;
    display: none;
    z-index: 300 !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bonus-event .bonus-card {
    -webkit-clip-path: none;
    clip-path: none;
    width: 100%;
    max-width: 240px;
    margin: 0 auto
}

.bonus-event .bonus-card__image-ring,
.bonus-event .bonus-card__headline {
    display: block
}

.bonus-event .bonus-card__timer,
.bonus-event .bonus-card__content {
    display: none
}

.bonus-event .bonus-card_event .bonus-card__image {
    -webkit-transform: translate3d(0px, 0px, 2px) !important;
    transform: translate3d(0px, 0px, 2px) !important
}

.bonus-event .bonus-card_event .bonus-card__image-glow,
.bonus-event .bonus-card_event .bonus-card__image-ring {
    -webkit-transform: translate3d(-50%, -50%, 1px);
    transform: translate3d(-50%, -50%, 1px)
}

.bonus-event-coin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 12
}

.bonus-event-coin img {
    width: 100%;
    height: 100%
}

.bonus-event-coin_dark {
    z-index: 11
}

.bonus-current {
    max-width: 240px;
    width: 100%;
    margin: 0 auto
}

.player-level {
    width: 18%
}

.player-levels {
    width: 90%;
    max-width: 540px;
    margin: 0 auto 24px auto
}

.player-level-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    padding-bottom: 36px
}

.player-level__wrap {
    width: 100%;
    padding-bottom: 100%;
    position: relative
}

.player-level__wrap>svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #303030
}

.player-level__info {
    position: absolute;
    bottom: -6px;
    right: -6px;
    width: 24px;
    height: 24px
}

.player-level__info:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    background: #000;
    border: 2px solid #000;
    border-radius: 50%
}

.player-level__info svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    fill: #EDC97F
}

.player-level__text {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 12px;
    color: #303030
}

.player-level-arrow {
    width: 8%;
    position: relative
}

.player-level-arrow svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    fill: #303030;
    -webkit-transform: translate(-50%, -30%) rotate(-90deg);
    transform: translate(-50%, -30%) rotate(-90deg)
}

.player-level-arrow_got svg {
    fill: #5C5036
}

.player-level_current .player-level__wrap>svg {
    fill: #EDC97F
}

.player-level_current .player-level__text {
    color: #EDC97F
}

.player-level_got .player-level__wrap>svg {
    fill: #5C5036
}

.player-level_got .player-level__text {
    color: #5C5036
}

.player-level_sz-little .player-level__wrap>svg {
    width: 70%;
    height: 70%;
    left: 15%
}

.player-level_sz-small .player-level__wrap>svg {
    width: 80%;
    height: 80%;
    left: 10%
}

.player-level_sz-normal .player-level__wrap>svg {
    width: 90%;
    height: 90%;
    left: 5%
}

.player-level__progress {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 20%;
    text-align: center
}

.player-level__progress-wrap {
    width: 100%;
    height: 24px;
    position: relative
}

.player-level__progress-value {
    color: #EDC97F;
    padding-bottom: 6px
}

.player-level__progress-value svg {
    margin-left: 3px;
    width: 18px;
    height: 18px
}

.player-level__progress_pos2 {
    left: 36%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.player-level__progress_pos3 {
    left: 65%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.player-level__progress_pos4 {
    left: auto;
    right: 0
}

.R-430 .player-level__info {
    width: 12px;
    height: 12px
}

.R-430 .player-level__info svg {
    width: 12px;
    height: 12px
}

.bonus-info-block-cp {
    max-width: 426px;
    border-radius: 12px;
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0 0 0;
    padding: 24px 24px 24px 48px;
    border-radius: 12px;
    border: 2px solid #000;
    background-color: #212425;
    background: linear-gradient(45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20), linear-gradient(-45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20), #212425;
    background-size: 60px 60px;
    box-shadow: inset 0 3px 3px #404648, inset 0 -3px 3px #121314;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.R-430 .bonus-info-block-cp {
    font-size: 14px;
    background: #303030;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-shadow: inset 0 3px 3px #404648, inset 0 -3px 3px #121314 !important;
    padding: 12px 12px 12px 12px
}

.R-430 .bonus-info-block-cp::before {
    content: none
}

.bonus-info-block-cp .icon-w-24 {
    position: absolute;
    top: 13%;
    left: 3%;
    cursor: pointer
}

.R-430 .bonus-info-block-cp .icon-w-24 {
    position: initial;
    padding: 0 38px 0 0
}

.bonus-info-block-cp .button {
    max-width: 200px
}

.R-430 .bonus-info-block-cp .button {
    max-width: 133px;
    width: 50%
}

.bonus-info-block-cp:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 2px solid #000;
    border-radius: 9px
}

.bonus-info-block-cp svg {
    cursor: pointer
}

.bonus-info-block-cp-right {
    width: 100%
}

.bonus-info-block-cp_text {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-430 .bonus-info-block-cp_text {
    width: 100%;
    line-height: 22px
}

.bonus-info-block-cp_text .flex {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 12px 0 0
}

.bonus-info-block-cp_text .flex__item {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0;
    margin-left: 0
}

.bonus-info-block-cp_text .flex .c-white {
    padding-right: 12px
}

.bonus-info-block-cp_progress-bar {
    max-width: 400px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-430 .bonus-info-block-cp_progress-bar {
    padding: 0
}

.R-430 .bonus-info-block-cp_progress-bar .icon-w-16 {
    display: none
}

.bonus-info-block-cp_progress-bar span {
    white-space: nowrap;
    color: gray;
    font-size: 14px;
    margin: -1px 0 0 6px
}

.R-430 .bonus-info-block-cp_progress-bar span {
    color: gray !important
}

.bonus-info-block-cp .progress-bar {
    background: #000;
    height: 6px;
    border-radius: 36px
}

.bonus-info-block-cp .progress-bar__fill-green {
    border-radius: 36px 0 0 36px
}

.R-430 .bonus-info-block-cp .progress-bar {
    height: 4px
}

.exchange-cp_value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 24px auto 36px;
    font-size: 32px
}

.exchange-cp_slider {
    margin: 0 auto 40px
}

.exchange-cp_slider input[type="range"] {
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    overflow: hidden;
    height: 32px;
    width: 100%;
    max-width: 495px;
    cursor: pointer;
    background: #1E1E1E;
    border-radius: 16px
}

.exchange-cp_slider input[type="range"]::-webkit-slider-runnable-track {
    background: #3d3b3b
}

.exchange-cp_slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px;
    height: 32px;
    background: #E0E0E0;
    border-radius: 16px !important;
    box-shadow: -350px 0 0 335px #6D6D6D;
    border: 2px solid #999;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.exchange-cp_slider input[type="range"]:active::-webkit-slider-thumb {
    border: 5px solid #999
}

.exchange-cp_slider input[type="range"]::-moz-range-track {
    height: 32px;
    background: #3d3b3b
}

.exchange-cp_slider input[type="range"]::-moz-range-thumb {
    width: 27px;
    height: 27px;
    background: #E0E0E0;
    border-radius: 16px !important;
    box-shadow: -350px 0 0 335px #6D6D6D;
    border: 2px solid #999;
    transition: 0.3s
}

.exchange-cp_slider input[type="range"]::-ms-fill-lower {
    background: dodgerblue
}

.exchange-cp_slider input[type="range"]::-ms-thumb {
    background: #E0E0E0;
    border: 2px solid #999;
    height: 32px;
    width: 32px;
    box-sizing: border-box
}

.exchange-cp_slider input[type="range"]::-ms-ticks-after {
    display: none
}

.exchange-cp_slider input[type="range"]::-ms-ticks-before {
    display: none
}

.exchange-cp_slider input[type="range"]::-ms-track {
    background: #3d3b3b;
    color: transparent;
    height: 32px;
    border: none
}

.exchange-cp_slider input[type="range"]::-ms-tooltip {
    display: none
}

.exchange-cp_control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 36px
}

.exchange-cp_control .button {
    width: 48%;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-game {
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
    padding-top: 50px
}

.page-game:before {
    content: '';
    display: block;
    position: fixed;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.page-game .header-search.header-search-wingame {
    position: absolute;
    z-index: 100;
    top: 6px;
    left: 12px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s;
    transition: .3s
}

.page-game .header-search.header-search-wingame svg {
    fill: #fff
}

.page-game .header-search.header-search-wingame:hover svg {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.wingame-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #252525;
    padding: 6px 12px;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    border-radius: 0 0 6px 6px;
    font-weight: bold
}

.wingame-account .progress-bar {
    background: #000
}

.wingame-account .header-account-avatar {
    height: 38px
}

.wingame-account .header-account-burger {
    margin-left: 12px
}

.wingame-account .header-account-burger .badge-digit {
    top: 21px;
    left: -5px;
    z-index: 1
}

.wingame-account .header-account-money {
    margin-right: 0
}

.wingame-account .header-account-money .button {
    width: auto;
    padding: 0 12px
}

.wingame-account .header-account-cp__value,
.wingame-account .header-account-bonus__value,
.wingame-account .header-account-money__value {
    white-space: nowrap
}

.wingame-account>.button {
    height: 34px;
    padding: 0 12px
}

.wingame-account_unreg {
    padding: 12px
}

.wingame-account_avatar {
    width: 46px !important;
    height: 46px !important;
    position: relative;
    margin: 0 24px 0 12px;
    cursor: pointer
}

.wingame-account_avatar:hover .online__player_avatar {
    border: 1px solid #EDC97F
}

.wingame-account_avatar:hover svg {
    fill: #EDC97F
}

.wingame-account_icons {
    margin-right: 18px;
    margin-left: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wingame-account_icons div,
.wingame-account_icons svg {
    fill: #6D6D6D;
    cursor: pointer;
    margin-right: 6px;
    -webkit-transition: .3s;
    transition: .3s
}

.wingame-account_icons div:hover svg,
.wingame-account_icons svg:hover svg {
    fill: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.wingame-account_button {
    margin: 0 0 0 12px
}

.wingame-account_button .button {
    padding: 8px
}

.wingame-account_border {
    border-radius: 0 0 0 6px
}

.wingame-account-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #252525;
    padding: 6px 12px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    border-radius: 0 0 6px 6px;
    font-weight: bold;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: #1E1E1E
}

.wingame-account-mobile_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wingame-account-mobile_left_exit {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.wingame-account-mobile_left .icon-exit-popup {
    fill: #6D6D6D
}

.wingame-account-mobile_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wingame-account-mobile_right>div,
.wingame-account-mobile_right>a {
    margin: 0 0 0 12px
}

.wingame-account-mobile_menu {
    height: 48px;
    width: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0 0 0 22px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none
}

.wingame-account-mobile_menu svg {
    fill: #6D6D6D;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-account-mobile_menu.active {
    background: #252525;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-account-mobile_menu.active svg {
    fill: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-account-mobile_menu-items {
    display: none;
    position: absolute;
    top: 48px;
    right: 0;
    background: #252525;
    color: white;
    box-shadow: 0px 5px 10px 0px #000005;
    padding: 10px 4px 4px 4px;
    font-size: 16px;
    line-height: 26px;
    z-index: 11;
    cursor: auto;
    max-width: 245px;
    max-height: 80vh;
    overflow-x: auto;
    font-size: 10px;
    line-height: 12px
}

.wingame-account-mobile_menu-items.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wingame-account-mobile_menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 8px;
    cursor: pointer;
    width: 100px;
    height: 66px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #303030;
    border-radius: 4px;
    text-transform: uppercase
}

.wingame-account-mobile_menu-item svg {
    fill: #6D6D6D
}

.wingame-account-mobile_menu-item svg svg {
    fill: #C5C5C5
}

.wingame-account-mobile_menu-item .name-game {
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden
}

.wingame-account-mobile_menu-item .icon-border-gray {
    fill: transparent
}

.wingame-account-mobile_menu-item__up {
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.wingame-account-mobile_menu-item__up .kurs-dollar-and-rub {
    padding: 4px
}

.wingame-account-mobile .header-search-sidebar {
    left: -900%
}

.wingame-account-mobile .header-search-sidebar-active {
    left: 0%
}

.wingame-account-mobile .header-search svg {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wingame-account-mobile .header-search-sidebar_body {
    position: relative;
    background: #252525
}

.kurs-dollar-and-rub {
    background: #C5C5C5;
    border-radius: 20px;
    padding: 2px 4px
}

.wingame-account-mobile-panel-left {
    padding: 0;
    left: 0;
    width: 48px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu-items {
    left: 48px;
    top: 0;
    width: auto;
    box-shadow: none;
    height: auto;
    padding: 15px 20px 20px 20px
}

.wingame-account-mobile-panel-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 0 10px 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.wingame-account-mobile-panel-left .wingame-account-mobile_left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.wingame-account-mobile-panel-left .wingame-account-mobile_left_exit {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.wingame-account-mobile-panel-left .wingame-account-mobile_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.wingame-account-mobile-panel-left .wingame-account-mobile_right>div,
.wingame-account-mobile-panel-left .wingame-account-mobile_right>a {
    margin: 0 0 12px 0
}

.wingame-account-mobile-panel-left .wingame-account-mobile_right .header-bonus-wrapper {
    width: 100%
}

.wingame-account-mobile-panel-left .wingame-account-mobile_right .header-bonus-status,
.wingame-account-mobile-panel-left .wingame-account-mobile_right .header-tournament-place {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu {
    margin: 0;
    height: 48px;
    width: 48px
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu-items {
    left: 48px;
    top: 0;
    min-width: 390px;
    box-shadow: none;
    max-height: 90vh;
    padding: 15px 20px 20px 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu.active svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-account-mobile-panel-left .header-tournament-place_text,
.wingame-account-mobile-panel-left .header-bonus-status_text,
.wingame-account-mobile-panel-left .header-quest-status_text {
    margin: auto;
    border-radius: 20px;
    padding: 1px 6px 1px 6px;
    position: absolute;
    z-index: 2;
    bottom: -5px;
    left: 0;
    right: 0;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: fit-content;
    width: intrinsic;
    max-width: 90%;
    text-align: center
}

.wingame-account-mobile-panel-left .kurs-dollar-and-rub {
    border-radius: 4px;
    text-align: center;
    margin: 4px 4px !important
}

.wingame-control {
    cursor: pointer;
    margin: 6px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
    -webkit-filter: drop-shadow(1px 1px 2px #000);
    filter: drop-shadow(1px 1px 2px #000)
}

.wingame-control:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.wingame-control-list {
    position: absolute;
    right: 12px;
    top: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%
}

.wingame-control svg {
    width: 36px;
    height: 36px;
    fill: #EDC97F
}

.wingame-control__off {
    display: none
}

.wingame-control_off .wingame-control__on {
    display: none
}

.wingame-control_off .wingame-control__off {
    display: block
}

.wingame {
    position: relative;
    background: #252525;
    border: 2px solid #252525;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    max-width: -webkit-calc(80vh * 1.77);
    max-width: calc(80vh * 1.77)
}

.wingame-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out
}

.wingame-wrap>.wingame {
    box-shadow: 3px 3px 5px #000000;
    width: 100%
}

.wingame-header {
    width: 100%;
    height: 36px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    position: relative
}

.wingame-header_left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wingame-header_left>div {
    margin: 0 4px
}

.wingame-header_left-title {
    color: #888
}

.wingame-header_left-spins {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    cursor: pointer
}

.wingame-header_left-spins_text {
    color: #EDC97F;
    font-size: 12px;
    line-height: 0px;
    position: relative
}

.wingame-header_left-spins_text p:last-child {
    color: white
}

.wingame-header_left-spins .progress-bar {
    width: 20px
}

.wingame-header_left-spins_icon {
    margin: 0 -4px
}

.wingame-header_left-spins:hover svg {
    fill: white !important
}

.wingame-header_left-place {
    color: white;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.wingame-header_left-place:hover svg {
    fill: red
}

.wingame-header_left-place_icon {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.wingame-header_left-place_icon svg {
    fill: #EDC97F;
    margin: 3px 0
}

.wingame-header_left-place:hover svg {
    fill: white !important
}

.wingame-header_left-place_text {
    padding: 2px 8px 2px 12px;
    background: #3d3b3b;
    border-radius: 0 20px 20px 0;
    font-size: 12px;
    z-index: 1;
    margin: 0 0 0 -10px
}

.wingame-header_left-place_text-mobile {
    margin: auto;
    border-radius: 20px;
    padding: 1px 6px 1px 6px;
    position: absolute;
    z-index: 2;
    bottom: -5px;
    left: 0;
    right: 0;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: fit-content;
    width: intrinsic;
    max-width: 80%;
    text-align: center
}

.wingame-header_right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wingame-header_right div {
    margin-left: 18px
}

.wingame-header_right svg {
    fill: #6D6D6D;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-header_right svg:hover {
    fill: white;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.wingame-header_right .icon-border-gray {
    fill: transparent
}

.wingame-header_right .icon-border-gray:hover {
    fill: #F11414;
    stroke: #F11414
}

.wingame-header__title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #E0E0E0;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wingame-header__title>div {
    margin: 0 3px
}

.wingame-header__place,
.wingame-header__cup {
    cursor: pointer;
    position: absolute;
    top: 48%;
    right: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #E0E0E0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wingame-header__place-moved,
.wingame-header__cup-moved {
    right: 99px
}

.wingame-header__place svg,
.wingame-header__cup svg {
    width: 12px;
    height: 18px;
    margin-right: 3px;
    fill: #E0E0E0
}

.wingame-header__cup svg {
    width: 14px;
    margin-right: 0
}

.wingame-header__favorite {
    cursor: pointer;
    padding: 12px;
    left: 0;
    top: 50%
}

.wingame-header__favorite:hover svg {
    -webkit-animation: gameHeart 1s ease-in-out infinite;
    animation: gameHeart 1s ease-in-out infinite;
    fill: #6D6D6D
}

.wingame-header__favorite svg {
    width: 24px;
    height: 24px;
    fill: transparent;
    stroke: #6D6D6D;
    stroke-width: 40;
    -webkit-transition: fill 0.1s linear;
    transition: fill 0.1s linear
}

.wingame-header__fullscreen,
.wingame-header__history {
    cursor: pointer;
    position: absolute;
    right: 37px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wingame-header__fullscreen svg,
.wingame-header__history svg {
    width: 24px;
    height: 24px;
    fill: #6D6D6D
}

.wingame-header__fullscreen svg {
    width: 16px
}

.wingame-header__history {
    right: 65px
}

.wingame-header__close {
    cursor: pointer;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wingame-header__close svg {
    width: 24px;
    height: 24px;
    fill: #6D6D6D
}

.wingame-header_procent {
    color: #fff;
    background: #3D3B3B;
    width: 100%;
    max-width: 100%;
    position: absolute;
    padding: 8px 10px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    bottom: -4px
}

.wingame-body {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.wingame-body iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.wingame-body__add {
    width: 20%;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wingame-body__add .button {
    position: relative;
    width: 100%;
    padding: 0;
    padding-bottom: 100%;
    border-radius: 50%
}

.wingame-body__add .button:before {
    border-radius: 50% !important
}

.wingame-body__add-plus {
    width: 70%;
    height: 20%;
    position: absolute;
    z-index: 10;
    top: 40%;
    left: 15%;
    background: #252525
}

.wingame-body__add-plus:last-child {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.wingame_fav .wingame-header__favorite:hover svg {
    -webkit-animation: gameHeart 2s ease-in-out infinite;
    animation: gameHeart 2s ease-in-out infinite;
    fill: #F11414
}

.wingame_fav .wingame-header__favorite svg {
    stroke: #F11414;
    fill: #F11414
}

.wingame-exit {
    fill: white;
    position: relative;
    top: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.wingame-exit:hover {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.wingame-check {
    position: absolute;
    bottom: 0;
    right: -3px
}

@-webkit-keyframes gameHeart {

    from,
    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes gameHeart {

    from,
    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.wingame-full {
    position: relative;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    max-width: -webkit-calc(80vh * 1.77);
    max-width: calc(80vh * 1.77)
}

.wingame-full .wingame {
    width: 100%
}

.wingame-quad {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-calc(100% - 400px);
    width: calc(100% - 400px);
    border: 2px solid #252525;
    max-width: -webkit-calc(80vh * 1.77);
    max-width: calc(80vh * 1.77);
    position: relative;
    box-shadow: 3px 3px 5px #000000
}

.wingame-quad:before,
.wingame-quad:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    background: #000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wingame-quad:before {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    height: 2px
}

.wingame-quad:after {
    width: 2px;
    height: -webkit-calc(100% + 2px);
    height: calc(100% + 2px)
}

.wingame-quad .wingame {
    width: 50%;
    border: 0
}

.wingame-popup {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute !important;
    z-index: 10;
    top: 0;
    left: 0;
    background: #252525
}

.wingame-popup.popup_show {
    display: block !important
}

.wingame-popup-wrap {
    width: 100%;
    height: 100%
}

.wingame-popup__header {
    width: 100%;
    padding: 12px 24px 12px 12px
}

.wingame-popup__header .filters {
    margin: 0
}

.wingame-popup__headline {
    text-align: center;
    color: #fff;
    margin-bottom: 12px
}

.wingame-popup__headline a {
    position: absolute;
    right: -6px;
    top: -6px;
    padding: 12px
}

.wingame-popup__headline a svg {
    fill: #6D6D6D;
    width: 24px;
    height: 24px
}

.wingame-popup__body {
    padding: 0 12px;
    width: 100%;
    height: -webkit-calc(100% - 132px);
    height: calc(100% - 132px);
    overflow: hidden scroll
}

.R-1280 .wingame-popup__body {
    height: -webkit-calc(100% - 168px);
    height: calc(100% - 168px)
}

.wingame-popup__body .games-list {
    width: 100%;
    margin: 0
}

.wingame-popup__body .games-list-wrap {
    overflow: visible
}

.wingame-popup__body .games-list .game-item {
    width: -webkit-calc(25% - 6px);
    width: calc(25% - 6px)
}

.wingame-popup__body .games-list .more-button {
    display: none
}

.page-game-fullscreen {
    padding-top: 0
}

.page-game-fullscreen .wingame {
    border: none;
    margin: auto;
    width: auto;
    max-width: 100vw
}

.page-game-fullscreen .wingame-account {
    display: none
}

.page-game-fullscreen .wingame-full,
.page-game-fullscreen .wingame-quad {
    max-width: 100% !important;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-game-fullscreen .wingame-full:before,
.page-game-fullscreen .wingame-full:after,
.page-game-fullscreen .wingame-quad:before,
.page-game-fullscreen .wingame-quad:after {
    display: none
}

.page-game-fullscreen .wingame-control-list {
    z-index: 100
}

.page-game-fullscreen .wingame:not(.wingame-fullscreen) {
    display: none
}

.page-game-fullscreen .wingame-fullscreen .wingame-header {
    display: none
}

.page-game-fullscreen .wingame-fullscreen .wingame-body {
    height: 100vh;
    width: 100vw;
    margin: auto;
    padding-bottom: 0 !important
}

.header-tournament-place,
.header-bonus-status,
.header-quest-status {
    color: white;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.header-tournament-place_icon,
.header-bonus-status_icon,
.header-quest-status_icon {
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.header-tournament-place_icon svg,
.header-bonus-status_icon svg,
.header-quest-status_icon svg {
    fill: #EDC97F;
    margin: 3px 0;
    -webkit-transition: .3s;
    transition: .3s
}

.header-tournament-place_text,
.header-bonus-status_text,
.header-quest-status_text {
    padding: 2px 8px 2px 12px;
    background: #3d3b3b;
    border-radius: 0 20px 20px 0;
    font-size: 12px;
    z-index: 0;
    margin: 0 0 0 -10px
}

.header-tournament-place:hover svg,
.header-bonus-status:hover svg,
.header-quest-status:hover svg {
    fill: white !important;
    -webkit-transition: .3s;
    transition: .3s
}

.header-tournament-place .progress-bar,
.header-bonus-status .progress-bar,
.header-quest-status .progress-bar {
    width: 20px;
    margin: 0 -4px
}

.wingame-account-mobile_menu-item__up {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.wingame-account-mobile_menu-item__up .header-tournament-place,
.wingame-account-mobile_menu-item__up .header-bonus-status,
.wingame-account-mobile_menu-item__up .header-quest-status {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: -webkit-fit-content !important;
    width: fit-content !important
}

.wingame-account-mobile_menu-item__up .header-tournament-place_text,
.wingame-account-mobile_menu-item__up .header-bonus-status_text,
.wingame-account-mobile_menu-item__up .header-quest-status_text {
    padding: 4px 8px 2px 12px !important;
    position: relative !important;
    z-index: 0;
    margin: 0 0 0 -10px;
    bottom: auto
}

.wingame-account-mobile-panel-left .wingame-account-mobile_menu-item__up {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wingame-popup__body::-webkit-scrollbar {
    width: 10px;
    background: #252525
}

.wingame-popup__body::-webkit-scrollbar-button,
.wingame-popup__body::-webkit-scrollbar-corner,
.wingame-popup__body::-webkit-resizer {
    display: none
}

.wingame-popup__body::-webkit-scrollbar-track,
.wingame-popup__body::-webkit-scrollbar-piece {
    background: #252525
}

.wingame-popup__body::-webkit-scrollbar-thumb {
    background: #555;
    border: 2px solid #252525;
    border-radius: 4px
}

.wingame-popup__body {
    scrollbar-width: thin
}

.bg-green {
    background: #27AE60
}

.news-item {
    margin-bottom: 48px
}

.news-item:last-child {
    margin-bottom: 0
}

.news-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    background: #EDC97F;
    padding: 6px 12px;
    cursor: pointer
}

.news-header__title {
    font-weight: bold
}

.news-header__date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.news-content p {
    margin-bottom: 12px
}

.news-content p:first-child img {
    width: 100%;
    height: auto;
    min-height: 140px
}

.R-600 .news-content p:first-child img {
    min-height: 100px
}

.R-430 .news-content p:first-child img {
    min-height: 0
}

.news-content a {
    display: inline-block;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-transition: color 0.1s linear, text-decoration-color 0.1s linear, background 0.1s linear;
    transition: color 0.1s linear, text-decoration-color 0.1s linear, background 0.1s linear
}

.news-content a:hover,
.news-content a:active {
    color: #EDC97F;
    -webkit-text-decoration-color: rgba(0, 0, 0, 0);
    text-decoration-color: rgba(0, 0, 0, 0)
}

.fortune-preloader {
    display: none
}

.fortune-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 60.58%;
    margin-bottom: 24px
}

.fortune-wrapper:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #000), color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(75%, rgba(0, 0, 0, 0.5)), to(#000));
    background: linear-gradient(to bottom, #000 5%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 75%, #000 100%)
}

.fortune__background {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 50%;
    z-index: 1;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    object-fit: cover
}

.fortune__object {
    height: 90%;
    width: auto;
    max-width: none;
    position: absolute;
    z-index: 5;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fortune__prize {
    position: absolute;
    display: inline-block;
    height: 50%;
    max-height: 300px;
    z-index: 8;
    bottom: -5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    cursor: pointer
}

.fortune__prize-warn,
.fortune__prize-text,
.fortune__prize-button {
    position: absolute;
    z-index: 10;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.fortune__prize-button {
    color: #EDC97F;
    font-weight: bold;
    cursor: pointer
}

.fortune__prize-text {
    color: #EDC97F;
    width: 90%;
    display: none
}

.fortune__prize-text div {
    width: 80%;
    margin: 0 auto
}

.fortune__prize-timer span {
    font-weight: bold;
    margin: 0 2px
}

.fortune__prize-img {
    width: auto;
    max-width: none;
    height: 100%;
    -webkit-filter: drop-shadow(0 -5px 10px #000);
    filter: drop-shadow(0 -5px 10px #000)
}

.fortune__prize-img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0
}

.fortune__c2a {
    position: absolute;
    z-index: 10;
    width: 400px;
    top: 0;
    left: 50%;
    margin-left: -200px;
    color: #EDC97F;
    line-height: 1.2em;
    text-align: center;
    top: 12px
}

.fortune_cooldown .fortune__prize-button {
    display: none
}

.fortune_cooldown .fortune__prize-text {
    display: block
}

.fortune_cooldown .fortune__prize-img {
    -webkit-filter: saturate(0) brightness(0.2) drop-shadow(0 -5px 10px #000);
    filter: saturate(0) brightness(0.2) drop-shadow(0 -5px 10px #000)
}

.fortune_ready .fortune__prize {
    -webkit-transform-origin: 50% 90%;
    transform-origin: 50% 90%;
    -webkit-animation: fortunePrize 2s ease-in-out infinite;
    animation: fortunePrize 2s ease-in-out infinite
}

.fortune-user {
    display: block;
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    width: 120px
}

.fortune-user__reward {
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #EDC97F;
    -webkit-filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 5px #000)
}

.fortune-user__reward svg {
    margin-left: 6px;
    width: 24px !important;
    height: 24px !important
}

.fortune-user__avatar img {
    max-width: none;
    max-height: none;
    width: 100%;
    height: auto;
    background: #000;
    border: 2px solid #EDC97F;
    border-radius: 50%
}

.fortune-user__text {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    font-weight: bold;
    -webkit-filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 5px #000)
}

.fortune_halloween .fortune_ready .fortune__prize {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.fortune_halloween .fortune__prize {
    height: 30%;
    top: 16%;
    left: 51%;
    bottom: 0
}

.fortune_halloween .fortune__prize-text {
    top: 50%;
    width: 50%
}

.fortune_halloween .fortune__prize-text div {
    width: 100%
}

.fortune_halloween .fortune__prize-timer span {
    margin: 0 0 0 2px
}

.fortune_halloween .fortune__prize_animated {
    height: 50%;
    top: 5%;
    left: 50%;
    max-height: none
}

.fortune_halloween .fortune__prize-button {
    top: 50%
}

.fortune_halloween .fortune__prize-img_fixed {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

@-webkit-keyframes fortunePrize {

    from,
    45%,
    to {
        -webkit-transform: translate(-50%, 0%) scale(1, 1);
        transform: translate(-50%, 0%) scale(1, 1)
    }

    10%,
    15%,
    35% {
        -webkit-transform: translate(-50%, 0%) scale(1.05, 0.95);
        transform: translate(-50%, 0%) scale(1.05, 0.95)
    }

    20%,
    30% {
        -webkit-transform: translate(-50%, 0%) scale(0.95, 1.05);
        transform: translate(-50%, 0%) scale(0.95, 1.05)
    }

    25% {
        -webkit-transform: translate(-50%, -5%) scale(0.95, 1.05);
        transform: translate(-50%, -5%) scale(0.95, 1.05)
    }
}

@keyframes fortunePrize {

    from,
    45%,
    to {
        -webkit-transform: translate(-50%, 0%) scale(1, 1);
        transform: translate(-50%, 0%) scale(1, 1)
    }

    10%,
    15%,
    35% {
        -webkit-transform: translate(-50%, 0%) scale(1.05, 0.95);
        transform: translate(-50%, 0%) scale(1.05, 0.95)
    }

    20%,
    30% {
        -webkit-transform: translate(-50%, 0%) scale(0.95, 1.05);
        transform: translate(-50%, 0%) scale(0.95, 1.05)
    }

    25% {
        -webkit-transform: translate(-50%, -5%) scale(0.95, 1.05);
        transform: translate(-50%, -5%) scale(0.95, 1.05)
    }
}

.R-600 .fortune-user {
    width: 80px
}

.R-600 .fortune__reward svg {
    width: 18px;
    height: 18px
}

.R-600 .fortune-wrapper {
    padding-bottom: 360px
}

.R-600 .fortune__object {
    height: 100%
}

.R-600 .fortune__prize {
    height: 150px;
    bottom: -5%
}

.R-600 .fortune__prize-demo {
    font-size: 12px !important
}

.R-600 .fortune_halloween .fortune__prize {
    height: 120px
}

.R-600 .fortune_halloween .fortune__prize_animated {
    height: 200px;
    top: 4%;
    left: 49%
}

.R-800 .fortune_halloween .fortune__prize-demo {
    font-size: 12px !important
}

.maintance {
    display: table;
    width: 100vw;
    height: 100vh;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.67)
}

.maintance:before {
    content: "";
    background: url("https://riobet-142.ru/img/i/bg.jpg?1") 50% 0 no-repeat;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.maintance__title {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.8px;
    margin-bottom: 10px
}

.maintance__cell {
    color: white;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 20px
}

.maintance__cell .button {
    max-width: 500px
}

.maintance__support {
    right: 20px;
    bottom: 20px;
    position: absolute !important;
    background: #44bb6e;
    width: 65px;
    height: 65px;
    border-radius: 65px !important
}

.maintance__support-icon {
    width: 35px;
    height: 31px;
    background-position: 2px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat
}

.maintance p {
    font-size: 18px;
    margin-bottom: 10px
}

@media (min-width: 599px) {
    .maintance__title {
        font-size: 30px
    }

    .maintance p {
        font-size: 22px
    }
}

@media (min-width: 1279px) {
    .maintance .maintance__cell a {
        display: none
    }
}

.new-year {
    color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none
}

.new-year .info-ny {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 4%;
    right: 5%;
    background: #3D7DC9;
    border-radius: 50%;
    width: 38px;
    height: 38px
}

.new-year .info-ny svg {
    width: 24px;
    height: 24px;
    fill: #fff
}

.new-year__map {
    margin: 0 -12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1440px;
    height: 950px;
    object-fit: cover;
    pointer-events: none;
    z-index: 0
}

.new-year__content {
    width: 320px;
    position: absolute;
    height: 100%
}

.new-year__content_relative {
    position: relative;
    width: 100%;
    height: 100%
}

.new-year__content_step1,
.new-year__content_step2,
.new-year__content_step3,
.new-year__content_step4,
.new-year__content_step5,
.new-year__content_step6,
.new-year__content_step7 {
    cursor: pointer;
    position: relative
}

.new-year__content_step1 img,
.new-year__content_step2 img,
.new-year__content_step3 img,
.new-year__content_step4 img,
.new-year__content_step5 img,
.new-year__content_step6 img,
.new-year__content_step7 img {
    width: 100%;
    height: 100%
}

.new-year__content_step1 {
    top: 11%;
    margin: 0 auto;
    width: 100px
}

.new-year__content_step2 {
    top: 18%;
    left: 38%;
    width: 55%
}

.new-year__content_step3 {
    top: 16%;
    left: -7%;
    width: 63%
}

.new-year__content_step4 {
    top: 9.5%;
    left: 56%;
    width: 43%
}

.new-year__content_step5 {
    top: 15.5%;
    left: 7%;
    width: 58%
}

.new-year__content_step6 {
    top: 26.5%;
    left: 24%;
    width: 38%
}

.new-year__content_step7 {
    top: -3%;
    left: 50%;
    width: 33%
}

.new-year__content_arrow {
    position: -webkit-sticky;
    position: sticky;
    bottom: 4%;
    width: 85px;
    height: 110px;
    z-index: 1
}

.new-year__content_arrow_s1 {
    position: absolute;
    top: 6%;
    left: 14%;
    z-index: 1;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.new-year__content_arrow_s2 {
    position: absolute;
    top: 15%;
    left: 55%;
    z-index: 1
}

.new-year__content_arrow_s3 {
    position: absolute;
    top: 28%;
    margin-left: 12%;
    z-index: 1
}

.new-year__content_arrow_s4 {
    position: absolute;
    top: 32%;
    margin-left: 64%;
    z-index: 1
}

.new-year__content_arrow_s5 {
    bottom: 12%;
    position: absolute;
    top: 50%;
    margin-left: 20%;
    z-index: 1
}

.new-year__content_arrow_s6 {
    position: absolute;
    bottom: 12%;
    margin-left: 30%;
    z-index: 1
}

.new-year__content_arrow_s7 {
    position: absolute;
    top: 59%;
    margin-left: 54%;
    z-index: 1
}

.new-year__content_arrow_s1.arrow-hidden,
.new-year__content_arrow_s2.arrow-hidden,
.new-year__content_arrow_s3.arrow-hidden,
.new-year__content_arrow_s4.arrow-hidden {
    position: absolute;
    bottom: 0%
}

.new-year__content_arrow_s5.arrow-hidden {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0%
}

.new-year__content_arrow_s6.arrow-hidden {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0%
}

.R-800 .new-year__content_arrow_s6.arrow-hidden {
    left: 35%
}

.new-year__content_arrow_s7.arrow-hidden {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0%
}

.new-year__content_arrow img {
    width: 100%;
    height: 100%
}

.new-year__road {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
    top: 0%
}

.new-year__eng-rus {
    position: absolute;
    top: 1.5%;
    object-fit: cover;
    width: 240px;
    height: 10%;
    z-index: 50
}

.arrow-animation {
    position: absolute;
    -webkit-animation: jump 2s infinite;
    animation: jump 2s infinite;
    z-index: 1;
    width: 100px;
    height: 50px;
    pointer-events: none
}

@-webkit-keyframes jump {

    0%,
    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

    80% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    __info {
        position: absolute
    }
}

@keyframes jump {

    0%,
    25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px)
    }

    80% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    __info {
        position: absolute
    }
}

.popup-step__img {
    height: 140px !important;
    position: relative;
    border-radius: 12px;
    max-width: 260px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.popup-step__img img {
    max-width: 100%;
    height: 100%
}

.popup-step__conditions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.popup-step__conditions svg {
    width: 24px;
    height: 24px
}

.popup-step__conditions_bar {
    display: grid;
    place-items: center;
    background: conic-gradient(#1580B6 0, #1580B6 100%);
    position: absolute;
    left: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 50%
}

.popup-step__conditions_bar-green {
    border: none;
    background: #27AE60
}

.popup-step__conditions_text {
    width: 80%;
    padding: 0px 0px 0px 10px
}

.popup-step__conditions_text-green {
    color: #27AE60 !important
}

.popup-step__conditions_text_mean {
    color: #2BB5FB
}

.popup-step__conditions_pie {
    height: 100%;
    width: 100%;
    clip: rect(0, 40px, 40px, 20px);
    left: 0;
    position: absolute;
    top: 0
}

.popup-step__conditions_pie-wrapper {
    height: 40px;
    width: 40px;
    float: left;
    position: relative
}

.popup-step__conditions_pie-half-circle {
    height: 100%;
    width: 100%;
    border: 4px solid #0AEA68;
    border-radius: 50%;
    clip: rect(0, 20px, 40px, 0);
    left: 0;
    position: absolute;
    top: 0
}

.popup-step__prise {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-step__prise_gift {
    width: 40px;
    height: 40px;
    background: #1580B6;
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px 0 0
}

.popup-step__prise_gift svg {
    width: 24px;
    height: 24px;
    color: #fff
}

.popup-step__prise_gift_done {
    background: #27AE60
}

.popup-step__prise_text {
    color: #fff
}

.popup-step__prise_text svg {
    vertical-align: text-top;
    width: 18px;
    height: 18px
}

.popup-step__button {
    padding: 10px;
    margin: -5px 0 0 0;
    bottom: 0
}

.popup-step__button .button_red {
    background: #F11414;
    color: white;
    max-width: 96%;
    opacity: 0.5;
    margin: 0% auto 3%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-step__button .button_red:hover {
    background: #F11414 !important
}

.wide330 {
    max-width: 330px;
    height: -webkit-fit-content
}

.R-430 .wide330 {
    width: 320px
}

.inner {
    display: grid;
    place-items: center;
    background: #0046b7;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.inner__full {
    width: 40px;
    background: #27AE60;
    height: 40px;
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inner__full svg {
    fill: #fff
}

.no-header {
    border-radius: 16px;
    max-width: 300px;
    margin: 0 auto
}

.no-header .popup-header {
    display: none
}

.no-header .popup-body {
    border-radius: 16px
}

.star-center {
    margin: 15px auto 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 100px
}

.container-scroll {
    overflow: visible !important;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.container-scroll .content {
    padding: 0 !important
}

.container-scroll::-webkit-scrollbar-thumb {
    background-color: #000000
}

.popup-new-year {
    position: absolute
}

.popup_wide330 .popup-header {
    border-bottom: 1px solid #2998D3;
    z-index: 0;
    padding: 16px 16px 16px 16px;
    width: 99%;
    margin: 0 auto
}

.popup_wide330 .popup-header__link {
    top: 16px;
    right: 16px
}

.R-430 .popup_wide330 .popup-header__link {
    top: 14px !important
}

.popup_wide330 .popup-wrap {
    overflow-y: visible;
    background: linear-gradient(0deg, #0025AE .76%, #008CCA 100%);
    border-image-slice: 23 23 23 23 fill;
    border-image-width: 23px 23px 23px 23px;
    border-image-outset: 9px 9px 9px 9px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://riobet-142.ru/img/items/new-year/popup-border.svg")
}

.popup_wide330 .popup-body {
    overflow-y: auto;
    background: url("https://riobet-142.ru/img/items/new-year/glass.svg") no-repeat, url("https://riobet-142.ru/img/items/new-year/glass-down.svg") no-repeat bottom right
}

.popup_wide330 .popup-body::-webkit-scrollbar {
    width: 6px
}

.popup_wide330 .popup-body::-webkit-scrollbar-thumb {
    background-color: #1580B6;
    border-radius: 0px
}

.popup_wide330 .snow-left {
    width: 97px;
    height: 65px;
    position: absolute;
    z-index: 1;
    top: -17px;
    left: -14px
}

.popup_wide330 .snow-center {
    width: 72px;
    height: 20px;
    position: absolute;
    z-index: 1;
    top: -16px;
    left: 145px
}

.popup_wide330 .icon-exit-popup {
    fill: #fff
}

.popup_wide330 ul>li:before {
    background: #fff
}

.popup-new-year-end {
    position: relative;
    max-width: 320px;
    width: 100%
}

.R-430 .popup-new-year-end {
    max-width: 310px
}

.popup-new-year-end .flags {
    position: absolute;
    width: 270px;
    z-index: 1;
    height: 39px;
    margin: 0 auto;
    top: -4px;
    right: 0;
    left: 0
}

.popup-new-year-end .flags svg {
    width: 100%;
    height: 100%
}

.popup-new-year-end .santa {
    width: 214px;
    height: 221px;
    margin: 0 auto
}

.popup-new-year-end .santa svg {
    width: 100%;
    height: 100%
}

.R-430 .popup-new-year-end .santa {
    width: 184px;
    height: 191px
}

.popup-new-year-end .popup-wrap {
    background: linear-gradient(270deg, #9539C5 .76%, #B55CE7 100%);
    border-image-slice: 23 23 23 23 fill;
    border-image-width: 23px 23px 23px 23px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source: url("https://riobet-142.ru/img/items/new-year/new-year-end-border.svg");
    border-radius: 10%;
    width: 100% !important;
    margin: 0 auto
}

.spin-blue span {
    color: #2BB5FB
}

.spin-green span {
    color: #0AEA68
}

.hall-of-fame {
    background: linear-gradient(121.8deg, #F2CC4D 13.43%, #FEEE97 33.11%, #E1A648 49.72%, #BB762F 62.95%, #C97E34 70.89%, #E7BC53 86.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto Slab;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame object {
    margin: 0 5px 0 5px
}

.R-800 .hall-of-fame {
    font-size: 36px;
    margin: 8px 0px 48px 0px !important
}

.hall-of-fame__switch {
    max-width: 300px;
    margin: -35px auto 60px
}

.R-800 .hall-of-fame__switch {
    margin: -35px auto 40px;
    max-width: 400px
}

.hall-of-fame__period {
    color: #888;
    float: right;
    padding: 10px
}

.hall-of-fame_place_red {
    box-shadow: 0px -95px 87px -82px rgba(241, 20, 20, 0.8)
}

.hall-of-fame_place_green {
    box-shadow: 0px -95px 87px -82px rgba(39, 174, 96, 0.8)
}

.hall-of-fame_place_blue {
    box-shadow: 0px -95px 87px -82px rgba(0, 142, 244, 0.8)
}

.R-800 .hall-of-fame_place_red,
.R-800 .hall-of-fame_place_green,
.R-800 .hall-of-fame_place_blue {
    box-shadow: none
}

.hall-of-fame_center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.R-800 .hall-of-fame_center {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.hall-of-fame__places {
    max-width: 420px;
    width: 39%;
    height: -webkit-fit-content;
    height: fit-content;
    background: #1E1E1E;
    margin: 20px;
    padding: 15px 12px;
    border-radius: 8px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-1280 .hall-of-fame__places {
    margin: 5px
}

.R-800 .hall-of-fame__places {
    width: 100%;
    background: none;
    margin: 0 4px;
    padding: 0
}

.hall-of-fame__heading {
    max-width: -webkit-fit-content;
    max-width: fit-content;
    height: 37px;
    border-radius: 10px;
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    z-index: 4;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%);
    max-width: fit-content
}

.R-800 .hall-of-fame__heading {
    display: none
}

.hall-of-fame__heading:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0%;
    -webkit-transform: translateX(-50%) skew(-10deg);
    transform: translateX(-50%) skew(-10deg);
    width: 20%;
    height: 100%;
    z-index: -1;
    border-radius: 4px 4px 0px 0px;
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%)
}

.hall-of-fame__heading:after {
    content: '';
    position: absolute;
    top: 0;
    right: -18%;
    width: 17%;
    height: 100%;
    z-index: -1;
    border-radius: 4px 4px 0 0px;
    -webkit-transform: translateX(-50%) skew(10deg);
    transform: translateX(-50%) skew(10deg);
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%)
}

.hall-of-fame__heading_text {
    font-style: normal;
    font-weight: bold;
    font-size: clamp(12px, 2vw, 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    background: linear-gradient(180deg, #fff 52.6%, #9AA1C6 89.58%, #777FA9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.hall-of-fame__heading svg {
    padding: 0 0 0 15px;
    fill: #EDC97F;
    width: 35px;
    height: 35px
}

.hall-of-fame__place-gold_border,
.hall-of-fame__place-silver_border,
.hall-of-fame__place-bronze_border {
    border-radius: 8px;
    border: 8px solid;
    max-width: 396px;
    width: 101%;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.R-800 .hall-of-fame__place-silver_player-avatar_number,
.R-800 .hall-of-fame__place-gold_player-avatar_number,
.R-800 .hall-of-fame__place-bronze_player-avatar_number {
    font-size: 16px !important
}

.hall-of-fame__place-silver .hall-of-fame__player-menu svg,
.hall-of-fame__place-gold .hall-of-fame__player-menu svg,
.hall-of-fame__place-bronze .hall-of-fame__player-menu svg {
    opacity: 0.5 !important
}

.hall-of-fame__place-silver_player-avatar-number_border .img_404,
.hall-of-fame__place-gold_player-avatar-number_border .img_404,
.hall-of-fame__place-bronze_player-avatar-number_border .img_404 {
    position: absolute;
    border-radius: 50%;
    top: 3px;
    left: 2px;
    width: 64px !important;
    height: 64px !important;
    margin: 4px;
    z-index: 1
}

.R-1280 .hall-of-fame__place-silver_player-avatar-number_border .img_404,
.R-1280 .hall-of-fame__place-gold_player-avatar-number_border .img_404,
.R-1280 .hall-of-fame__place-bronze_player-avatar-number_border .img_404 {
    width: 51px !important;
    height: 51px !important
}

.R-800 .hall-of-fame__place-silver_player-avatar-number_border .img_404,
.R-800 .hall-of-fame__place-gold_player-avatar-number_border .img_404,
.R-800 .hall-of-fame__place-bronze_player-avatar-number_border .img_404 {
    top: 0px;
    left: 0px;
    width: 50px !important;
    height: 50px !important
}

.hall-of-fame__place-gold_border {
    color: #693A0F;
    margin: 6px 0 5px 0;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #FFB758), color-stop(45%, transparent), color-stop(75%, #FFB758), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #FFB758 25% 25%, transparent 45% 55%, #FFB758 75% 75%, transparent 95% 49%);
    border-image-slice: 1
}

.R-800 .hall-of-fame__place-gold_border {
    border: 6px solid;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #FFB758), color-stop(45%, transparent), color-stop(75%, #FFB758), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #FFB758 25% 25%, transparent 45% 55%, #FFB758 75% 75%, transparent 95% 49%);
    border-image-slice: 1
}

.hall-of-fame__place-gold_player {
    width: 101%;
    height: 102%;
    padding: 10px;
    position: relative;
    background: linear-gradient(180deg, #FFE072 0%, #FFAC00 100%);
    border-radius: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -1px 0px -1px -2px
}

.hall-of-fame__place-gold_player svg {
    fill: #693A0F;
    width: 28px
}

.hall-of-fame__place-gold_player-result_nick {
    font-size: 16px;
    overflow: hidden;
    max-width: clamp(5ch, 10vw, 28ch);
    white-space: nowrap
}

.R-800 .hall-of-fame__place-gold_player-result_nick {
    max-width: clamp(18ch, 10vw, 28ch)
}

.hall-of-fame__place-gold_player-result_money {
    font-style: normal;
    font-weight: normal;
    font-size: clamp(16px, 2vw, 32px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-800 .hall-of-fame__place-gold_player-result_money {
    font-size: 23px
}

.R-800 .hall-of-fame__place-gold_player-result_money svg {
    fill: #693A0F
}

.hall-of-fame__place-gold_player-avatar_border {
    width: 100%;
    max-width: 77px;
    position: relative;
    padding: 4px;
    border-radius: 64px;
    margin: 1% 8% 6% 5%;
    background: linear-gradient(142.16deg, #FFA358 15.57%, #FFE358 38%, #FFDB58 67.31%, #FFB758 83.91%);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.R-1280 .hall-of-fame__place-gold_player-avatar_border {
    max-width: 60px
}

.R-1280 .hall-of-fame__place-gold_player-avatar_border img {
    height: 45px;
    width: 45px
}

.R-800 .hall-of-fame__place-gold_player-avatar_border {
    max-width: 60px;
    margin: 1% 8% 3% 5%;
    padding: 3px
}

.hall-of-fame__place-gold_player-avatar_bg {
    background: linear-gradient(142.16deg, #FFA358 15.57%, #FFE358 38%, #FFDB58 67.31%, #FFB758 83.91%);
    padding: 3px;
    color: #FFF7A8;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
    height: 40%;
    border-radius: 64px;
    z-index: 2
}

.hall-of-fame__place-gold_player-avatar_number {
    z-index: 1;
    border-radius: 64px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    background: linear-gradient(180deg, #FFE072 0%, #FFAC00 100%)
}

.R-1280 .hall-of-fame__place-gold_player-avatar_number {
    font-size: 16px
}

.hall-of-fame__place-gold_player-avatar-number_border {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFE072 0%, #FFAC00 100%);
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.hall-of-fame__place-gold_player-avatar-number_border object {
    position: absolute;
    left: -12%;
    right: 0;
    bottom: -16px;
    width: 125%;
    height: 125%
}

.R-800 .hall-of-fame__place-gold_player-avatar-number_border object {
    bottom: -15px
}

.hall-of-fame__place-gold_player-avatar-number_border img {
    width: 63px;
    border-radius: 63px;
    height: 63px;
    object-fit: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px
}

.R-800 .hall-of-fame__place-gold_player-avatar-number_border img {
    width: 50px;
    border: 50px;
    height: 45px
}

.hall-of-fame__place-silver_border {
    color: #30688D;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #63BBF4), color-stop(45%, transparent), color-stop(75%, #63BBF4), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #63BBF4 25% 25%, transparent 45% 55%, #63BBF4 75% 75%, transparent 95% 50%);
    border-image-slice: 1
}

.R-800 .hall-of-fame__place-silver_border {
    border: 6px solid;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #63BBF4), color-stop(45%, transparent), color-stop(75%, #63BBF4), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #63BBF4 25% 25%, transparent 45% 55%, #63BBF4 75% 75%, transparent 95% 50%);
    border-image-slice: 1
}

.hall-of-fame__place-silver_player {
    width: 101%;
    height: 102%;
    padding: 10px;
    position: relative;
    background: linear-gradient(180deg, #B2D8F1 0%, #66ADDB 100%);
    border-radius: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -1px 0px -1px -2px
}

.hall-of-fame__place-silver_player svg {
    fill: #30688D;
    width: 28px
}

.hall-of-fame__place-silver_player-result_nick {
    font-size: 16px;
    overflow: hidden;
    max-width: clamp(5ch, 10vw, 28ch);
    white-space: nowrap
}

.R-800 .hall-of-fame__place-silver_player-result_nick {
    max-width: clamp(18ch, 10vw, 28ch)
}

.hall-of-fame__place-silver_player-result_money {
    font-style: normal;
    font-weight: normal;
    font-size: clamp(16px, 2vw, 32px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-800 .hall-of-fame__place-silver_player-result_money {
    font-size: 23px
}

.R-800 .hall-of-fame__place-silver_player-result_money svg {
    fill: #30688D
}

.hall-of-fame__place-silver_player-avatar_border {
    width: 100%;
    max-width: 77px;
    position: relative;
    padding: 4px;
    border-radius: 64px;
    margin: 1% 8% 6% 5%;
    background: linear-gradient(139.21deg, #2681BC 15.12%, #D1EDFF 37.06%, #D1EDFF 64.5%, #2681BC 85.35%)
}

.R-1280 .hall-of-fame__place-silver_player-avatar_border {
    max-width: 65px
}

.R-800 .hall-of-fame__place-silver_player-avatar_border {
    max-width: 60px;
    margin: 1% 8% 3% 5%;
    padding: 3px
}

.hall-of-fame__place-silver_player-avatar_bg {
    background: linear-gradient(139.21deg, #2681BC 15.12%, #D1EDFF 37.06%, #D1EDFF 64.5%, #2681BC 85.35%);
    padding: 3px;
    color: #30688D;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 40%;
    height: 40%;
    border-radius: 64px;
    z-index: 2
}

.hall-of-fame__place-silver_player-avatar_number {
    z-index: 1;
    border-radius: 64px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #F1F4F9;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    background: linear-gradient(180deg, #B2D8F1 0%, #66ADDB 100%)
}

.R-1280 .hall-of-fame__place-silver_player-avatar_number {
    font-size: 16px
}

.hall-of-fame__place-silver_player-avatar-number_border {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #B2D8F1 0%, #66ADDB 100%);
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.hall-of-fame__place-silver_player-avatar-number_border object {
    position: absolute;
    left: -13%;
    right: 0;
    bottom: -17px;
    width: 125%;
    height: 125%
}

.R-800 .hall-of-fame__place-silver_player-avatar-number_border object {
    bottom: -15px
}

.hall-of-fame__place-silver_player-avatar-number_border img {
    width: 63px;
    border-radius: 63px;
    height: 63px;
    object-fit: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px
}

.R-1280 .hall-of-fame__place-silver_player-avatar-number_border img {
    height: 48px;
    width: 50px
}

.R-800 .hall-of-fame__place-silver_player-avatar-number_border img {
    max-width: 50px;
    border: 50px;
    height: 45px
}

.hall-of-fame__player-menu {
    position: absolute;
    top: 0%;
    right: 0;
    cursor: pointer;
    width: 100px;
    height: 100%
}

.hall-of-fame__player-menu .icon {
    fill: #555;
    height: 28px;
    width: 28px;
    right: 10%;
    position: absolute;
    top: 10%
}

.hall-of-fame__player-menu:hover .icon {
    fill: white
}

.R-800 .hall-of-fame__player-menu {
    display: none
}

.hall-of-fame__player-menu_item {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #252525;
    color: white;
    box-shadow: 0px 5px 10px #000005;
    border-radius: 4px;
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
    z-index: 11;
    cursor: auto
}

.hall-of-fame__player-menu_item.active {
    display: block
}

.hall-of-fame__player-menu_item p {
    color: #888
}

.hall-of-fame__player-menu_item p span {
    color: white;
    margin: 5px
}

.hall-of-fame__player-menu_item p svg {
    margin: 0 5px 0 0 !important;
    width: 24px;
    height: 24px
}

.hall-of-fame__player-menu_mobile {
    position: absolute;
    width: 20%;
    height: 100%;
    right: 0;
    top: 0;
    display: none
}

.R-800 .hall-of-fame__player-menu_mobile {
    display: block
}

.hall-of-fame__player-menu_mobile .icon {
    display: none
}

.R-800 .hall-of-fame__player-menu_mobile .icon {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    fill: #555;
    right: 16%;
    top: 13%
}

.hall-of-fame__place-bronze_border {
    color: #612329;
    margin: 5px 0 20px 0;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #AB605F), color-stop(45%, transparent), color-stop(75%, #AB605F), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #AB605F 25% 20%, transparent 45% 55%, #AB605F 75% 75%, transparent 95% 50%);
    border-image-slice: 1
}

.R-800 .hall-of-fame__place-bronze_border {
    border: 6px solid;
    border-image: -webkit-gradient(linear, left bottom, right top, color-stop(4%, transparent), color-stop(25%, #AB605F), color-stop(45%, transparent), color-stop(75%, #AB605F), color-stop(95%, transparent));
    border-image: linear-gradient(to right top, transparent 4%, #AB605F 25% 20%, transparent 45% 55%, #AB605F 75% 75%, transparent 95% 50%);
    border-image-slice: 1
}

.hall-of-fame__place-bronze_player {
    width: 101%;
    height: 102%;
    padding: 10px;
    position: relative;
    background: linear-gradient(180deg, #BB8F94 0%, #94595F 100%);
    border-radius: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -1px 0px -1px -2px
}

.hall-of-fame__place-bronze_player svg {
    fill: #612329;
    width: 28px
}

.hall-of-fame__place-bronze_player-result_nick {
    font-size: 16px;
    overflow: hidden;
    max-width: clamp(5ch, 10vw, 28ch);
    white-space: nowrap
}

.R-800 .hall-of-fame__place-bronze_player-result_nick {
    max-width: clamp(18ch, 10vw, 28ch)
}

.hall-of-fame__place-bronze_player-result_money {
    font-style: normal;
    font-weight: normal;
    font-size: clamp(16px, 2vw, 32px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.R-800 .hall-of-fame__place-bronze_player-result_money {
    font-size: 23px
}

.R-800 .hall-of-fame__place-bronze_player-result_money svg {
    fill: #612329
}

.hall-of-fame__place-bronze_player-avatar_border {
    width: 100%;
    max-width: 77px;
    position: relative;
    padding: 4px;
    border-radius: 64px;
    margin: 1% 8% 6% 5%;
    background: linear-gradient(150.87deg, #83464D 10.26%, #C88D8D 35.43%, #C88D8D 55.87%, #83464D 85.76%);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.R-1280 .hall-of-fame__place-bronze_player-avatar_border {
    max-width: 65px
}

.R-800 .hall-of-fame__place-bronze_player-avatar_border {
    max-width: 60px;
    margin: 1% 8% 3% 5%;
    padding: 3px
}

.hall-of-fame__place-bronze_player-avatar_bg {
    background: linear-gradient(150.87deg, #83464D 10.26%, #C88D8D 35.43%, #C88D8D 55.87%, #83464D 85.76%);
    color: #612329;
    padding: 3px;
    position: absolute;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    width: 43%;
    height: 43%;
    border-radius: 64px;
    z-index: 2
}

.hall-of-fame__place-bronze_player-avatar_number {
    z-index: 1;
    border-radius: 64px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #E99F9F;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    background: linear-gradient(180deg, #BB8F94 0%, #94595F 100%)
}

.R-1280 .hall-of-fame__place-bronze_player-avatar_number {
    font-size: 16px
}

.hall-of-fame__place-bronze_player-avatar-number_border {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #BB8F94 0%, #94595F 100%);
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.hall-of-fame__place-bronze_player-avatar-number_border object {
    position: absolute;
    left: -13%;
    right: 0;
    bottom: -17px;
    width: 125%;
    height: 125%
}

.R-800 .hall-of-fame__place-bronze_player-avatar-number_border object {
    bottom: -15px
}

.hall-of-fame__place-bronze_player-avatar-number_border img {
    width: 63px;
    border-radius: 63px;
    height: 63px;
    object-fit: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px
}

.R-1280 .hall-of-fame__place-bronze_player-avatar-number_border img {
    height: 48px;
    width: 50px
}

.R-800 .hall-of-fame__place-bronze_player-avatar-number_border img {
    max-width: 50px;
    border: 50px;
    height: 45px
}

.hall-of-fame__place:last-child .hall-of-fame__player-menu_item {
    bottom: 0;
    top: auto
}

.hall-of-fame__place-simple {
    max-width: 372px;
    width: 100%;
    position: relative;
    color: #8D9EA7;
    border-radius: 8px
}

.hall-of-fame__player {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%);
    border-radius: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame__player object {
    position: absolute;
    left: -18%;
    right: 0;
    width: 136%;
    height: 128%;
    bottom: -23%
}

.hall-of-fame__player-avatar {
    width: 100%;
    max-width: 67px;
    position: relative;
    padding: 2px;
    border-radius: 64px;
    margin: 1% 8% 6% 5%;
    background: #3D3B3B
}

.R-800 .hall-of-fame__player-avatar {
    margin: 1% 8% 6% 6%;
    max-width: 58px
}

.hall-of-fame__player-avatar_bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%);
    border-radius: 64px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.hall-of-fame__player-avatar_bg .img_404 {
    max-width: 100% !important;
    height: 100% !important;
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.hall-of-fame__player-avatar_bg img {
    max-width: 63px;
    border-radius: 63px;
    width: 100%;
    height: 55px;
    object-fit: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px
}

.R-800 .hall-of-fame__player-avatar_bg img {
    max-width: 45px;
    height: 45px
}

.hall-of-fame__player-result_nick {
    overflow: hidden;
    max-width: clamp(5ch, 10vw, 28ch);
    white-space: nowrap
}

.R-800 .hall-of-fame__player-result_nick {
    max-width: clamp(18ch, 10vw, 28ch)
}

.hall-of-fame__player-result_money {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame__player-result svg {
    width: 28px;
    margin: 0 0 0 -6px
}

.hall-of-fame__player-avatar_number {
    z-index: 2;
    color: #D2D8DF;
    background: #3D3B3B;
    position: absolute;
    width: -webkit-max-content;
    min-width: 25px;
    padding: 1px 9px;
    font-style: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: normal;
    font-size: 18px;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 30px
}

.hall-of-fame__place-active {
    max-width: 492px;
    width: 106%;
    margin: 30px 0px -14px 0px !important;
    position: relative;
    color: #1E1E1E;
    border-radius: 0 0 8px 8px;
    background: #252525;
    padding: 36px 8px 8px 8px
}

.R-800 .hall-of-fame__place-active {
    max-width: 372px;
    width: 100%;
    margin: 30px 0px 0px 0px !important;
    position: relative;
    color: #1E1E1E;
    border-radius: 0 0 8px 8px;
    background: none;
    padding: 0
}

.hall-of-fame__place-active_player {
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%) !important;
    color: white !important;
    border-radius: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame__place-active_player object {
    position: absolute;
    left: -13%;
    right: 0;
    width: 125%;
    height: 119%
}

.hall-of-fame__place-active_player-avatar {
    width: 100%;
    max-width: 67px;
    position: relative;
    padding: 2px;
    border-radius: 64px;
    margin: 1% 8% 6% 5%;
    background: #555
}

.hall-of-fame__place-active_player-avatar_number {
    z-index: 2;
    position: absolute;
    width: -webkit-max-content;
    padding: 1px 20px;
    min-width: 25px;
    font-style: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: normal;
    font-size: 18px;
    bottom: -20%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 30px;
    color: #D2D8DF;
    background: #555
}

.hall-of-fame__place-active_player-avatar_bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%);
    border-radius: 64px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 4px
}

.hall-of-fame__place-active_player-avatar_bg .img_404 {
    max-width: 100% !important;
    height: 100% !important;
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.hall-of-fame__place-active_player-avatar_bg img {
    max-width: 60px;
    border-radius: 54px;
    width: 100%;
    height: 57px;
    object-fit: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame__place-active-result_nick {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0px 5px 0 -5px;
    overflow: hidden;
    max-width: clamp(5ch, 10vw, 28ch);
    white-space: nowrap
}

.R-800 .hall-of-fame__place-active-result_nick {
    max-width: clamp(18ch, 10vw, 28ch)
}

.hall-of-fame__place-active-result_money {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hall-of-fame__place-active-result_money svg {
    width: 28px;
    margin: 0 0 0 -10px
}

.hall-of-fame__player-active_green {
    position: absolute;
    width: 6%;
    height: 24%;
    border-radius: 8px 0 0 0;
    background: linear-gradient(135deg, #2A9658 51%, #11713A 9%, rgba(0, 36, 12, 0) 58%) !important;
    top: 0
}

.hall-of-fame__player-active_red {
    position: absolute;
    width: 6%;
    height: 24%;
    border-radius: 8px 0 0 0;
    background: linear-gradient(135deg, #962A2A 51%, #711111 9%, rgba(0, 36, 12, 0) 58%) !important;
    top: 0
}

.hall-of-fame__player-active_blue {
    position: absolute;
    width: 6%;
    height: 24%;
    border-radius: 8px 0 0 0;
    background: linear-gradient(135deg, #2A6F96 51%, #114371 9%, rgba(0, 36, 12, 0) 58%) !important;
    top: 0
}

.place-simple-active .place {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), linear-gradient(180deg, #343535 0%, #2D2D2D 50%, #2D2D2D 100%) !important;
    color: white !important
}

.place-simple-active .place-avatar {
    background: #555 !important
}

.place-simple-active .place-avatar_number {
    background: #555 !important
}

.hpopup #popup-info .popup-wrap {
    height: -webkit-fit-content !important;
    height: fit-content !important;
    width: 98% !important
}

#popup-info-player .popup-wrap {
    height: -webkit-fit-content !important;
    height: fit-content !important;
    width: 98% !important
}

#popup-info-player .popup-body p {
    padding: 5px 0;
    border-bottom: 1px solid #555
}

#popup-info-player .popup-body p span {
    float: right
}

#popup-info-player .popup-body button {
    margin: 16px 0 0 0
}

.hall-of-fame__player-menu_item button {
    display: none
}

.R-800 .hall-of-fame__player-menu_item button {
    display: block
}

.R-800 .hall-of-fame__player-menu_item {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 98%;
    left: 0;
    right: 0;
    height: -webkit-fit-content;
    height: fit-content
}

.R-800 .hall-of-fame__player-menu_item p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #3D3B3B;
    padding: 3px 0
}

.blue-star svg {
    fill: #2274B0
}

.green-star svg {
    fill: #2A9658
}

.red-star svg {
    fill: #A32323
}

.js-select-columns-places {
    display: none
}

.R-800 .js-select-columns-places {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 396px;
    margin: 0 auto 13px
}

.js-select-columns-places .js-select {
    width: 80%
}

.js-select-columns-places svg {
    fill: #EDC97F;
    width: 23px;
    height: 23px;
    margin: 0 5% 0 0
}