html, body, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
    outline: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}





























































@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/pt-sans-v12-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/pt-sans-v12-latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/pt-sans-v12-latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/pt-sans-v12-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/pt-sans-v12-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/pt-sans-v12-latin_cyrillic-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/pt-sans-v12-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/pt-sans-v12-latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/pt-sans-v12-latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/pt-sans-v12-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/pt-sans-v12-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/pt-sans-v12-latin_cyrillic-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

.hidden {
    display: none !important;
}

* {
    outline: none;
}

a {
    color: #979696;
    text-decoration: none;
}

a:hover {
    color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
}

a.without-underline:hover {
    border-bottom: none;
}

hr {
    background: url("../img/modal/splitter.png") no-repeat;
    background-size: 100% 100%;
    text-decoration: none;
    border: none;
    width: 100%;
    height: 15px;
}

body {
    color: #979696;
    background-color: #0D0D0D;
    width: auto;
    font-family: 'PT Sans';
    margin: 0;
}
body._lock {
    overflow: hidden !important;
}

.logo-link {
    position: absolute !important;
    width: 562px;
    height: 113px;
    top: 85px;
    left: calc(50% - 408px);
    cursor: pointer;
}

.main_wrapper {
    width: 100%;
    max-width: 1064px;
    min-width: 1064px;
    height: 100%;
    overflow: hidden;
}


.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
}

.header .visible-on-burger:not(.menu-top-wrapper) {
    display: none !important;
}

.burger {
    display: none;
    position: absolute;
    width: 34px;
    height: 26px;
    cursor: pointer;
    right: 15px;
    top: 8px;
}
.burger:before,
.burger span,
.burger:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 10%;
    border-radius: 2px;
    transition: all 0.3s ease 0s;
    background-color: whitesmoke;
}
.burger:before,
.burger:after {
    content: "";
}
.burger:before {
    top: 0;
}
.burger:after {
    bottom: 0;
}
.burger span {
    top: 50%;
    transform: scale(1) translate(0, -50%);
}
.burger._active span {
    transform: scale(0) translate(0, -50%);
}
.burger._active:before {
    top: 50%;
    transform: rotate(-405deg) translate(0, -50%);
}
.burger._active:after {
    bottom: 50%;
    transform: rotate(405deg) translate(0, 50%);
}

.menu-top-wrapper {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: stretch;
}
.menu-top-wrapper.visible-on-burger {
    display: none;
}

.menu-top-wrapper ul {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    margin: 0;
    padding: 0;
}
.menu-top-wrapper ul.left {
}
.menu-top-wrapper ul.right {
}

.menu-top-wrapper ul li.nav-item,
.menu-top-wrapper ul li.nav-item > a {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
}
.menu-top-wrapper ul li.nav-item > a {
    align-items: center;
}
.menu-top-wrapper ul li.nav-item {
    align-items: center;
    list-style: none;
    padding: 8px 10px;
    width: auto;
    height: auto;
    text-align: center;
    border-left: 2px solid #1E1E1E;
    font-size: 18px;
}
.menu-top-wrapper ul li.nav-item.flex-column {
    flex-direction: column;
}

.menu-top-wrapper ul li.nav-item:first-child,
.menu-top-wrapper ul li.nav-item.non-divider {
    border-left: none;
}

.menu-top-wrapper ul li.nav-item .nickname {
    margin-bottom: 2px;
    font-size: 15px;
}

.menu-top-wrapper ul li.nav-item .assets {
    display: inline-flex;
    flex-direction: row;
}
.menu-top-wrapper ul li.nav-item .assets .asset {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 10px;
    font-size: 14px;
}
.menu-top-wrapper ul li.nav-item .assets .asset:first-child {
    margin-left: 0;
}

.menu-top-wrapper ul li.nav-item .assets .asset .balance {
    color: #84551D;
}
.menu-top-wrapper ul li.nav-item .assets .asset .balance-wl {
    color: #999040;
}


.menu-top1 {
    background-color: #0D0D0D;
}
.menu-top1 .avatar {
    width: 26px;
    height: 26px;
    cursor: pointer;
    border: 2px solid #780000;
    border-radius: 3px;
}
.menu-top1 a.enter,
.menu-top1 a.exit {
    justify-content: center !important;
    background-color: #242328;
    border-radius: 5px;
}
.menu-top1 a.enter:hover,
.menu-top1 a.exit:hover {
    background-color: #393939;
}
.menu-top1 a.enter {
    align-items: center !important;
    width: 180px;
    height: 32px;
    font-size: 16px;
    color: #CD970D;
    font-weight: bold;
    box-sizing: border-box;
    letter-spacing: .02em;
}
.menu-top1 a.exit {
    align-items: center !important;
    width: 24px;
    height: 24px;
}
.menu-top1 a.payment,
.menu-top-wrapper a.rating {
    color: #CD970D;
    font-weight: 700;
    letter-spacing: .02em;
}
.menu-top-wrapper a.vk {
    color: #2664AD;
}
.menu-top-wrapper a:hover.vk {
    color: #3977C1;
}
.menu-top-wrapper a.instagram {
    color: #BF940F;
}
.menu-top-wrapper a:hover.instagram {
    color: #FFC000;
}
.menu-top-wrapper a.telegram {
    color: #0065AE;
}
.menu-top-wrapper a:hover.telegram {
    color: #0086E7;
}


.menu-top1 ul li.nav-item a:hover,
.menu-top2 ul li.nav-item a:hover {
    text-decoration: none;
    border: none;
}

.menu-top2 {
    background-color: #171519;
    border-top: 1px solid #1E1E1E;
    border-bottom: 1px solid #1E1E1E;
}

.icon-menu {
    background-image: url("../img/icon-menu.webp?1");
    background-repeat: no-repeat;
    background-size: 180px 24px;
    background-position: 0 0;
    width: 12px;
    height: 12px;
    margin-right: 10px;
}
.icon-menu.non-margin {
    margin-right: 0;
}
.icon-menu.min-margin {
    margin-right: 3px;
}
.icon-menu-gold { background-position-x: 0; }
.icon-menu-enter_exit { background-position-x: -12px; }
.icon-menu-balance { background-position-x: -24px; }
.icon-menu-rating { background-position-x: -36px; }
.icon-menu-partner { background-position-x: -48px; }
.icon-menu-win { background-position-x: -60px; }
.icon-menu-promo { background-position-x: -72px; }
.icon-menu-faq { background-position-x: -84px; }
.icon-menu-points { background-position-x: -96px; }
.icon-menu-vk { background-position-x: -108px; }
.icon-menu-instagram { background-position-x: -120px; }
.icon-menu-currency_rub { background-position-x: -132px; }
.icon-menu-guarantee { background-position-x: -144px; }
.icon-menu-telegram { background-position-x: -156px; }
.icon-menu-renaming { background-position-x: -168px; }

.menu-top-wrapper ul li.nav-item.active .icon-menu,
.menu-top-wrapper ul li.nav-item:not(.non-hover):hover .icon-menu {
    background-position-y: -12px;
}

.menu-top-wrapper ul li.nav-item.active,
.menu-top-wrapper ul li.nav-item:not(.non-hover):hover {
    background-color: #282828;
}



.menu-float {
    position: fixed;
    width: 83px;
    height: 100%;
    min-height: 300px;
    background: #171519;
    left: 0;
    overflow-y: auto;
    z-index: 101;
}

.menu-float ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.menu-float ul li.nav-item,
.menu-float ul li.nav-item > a {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.menu-float ul li.nav-item {
    list-style: none;
    padding: 8px 0;
    width: 95%;
    height: auto;
    text-align: center;
}
.menu-float ul li.nav-item:hover {
    cursor: pointer;
}

.menu-float ul li.nav-item:first-child,
.menu-float ul li.nav-item.non-divider {
    border-left: none;
}

.menu-float ul li.nav-item a {
    font-size: 16px;
    font-weight: 400;
}
.menu-float ul li.nav-item.active a,
.menu-float ul li.nav-item:hover a {
    color: #FFFFFF;
}

.menu-float ul li.nav-item.rating-nav-item * {
    color: #CD970D;
}
.menu-float ul li.nav-item.rating-nav-item .rating {
    font-size: 48px;
    font-weight: 700;
    margin-top: -49px;
}
.menu-float ul li.nav-item.rating-nav-item .rating.greater-100 {
    display: inline-block;
    transform: scale(0.6);
}


.icon-float-menu {
    display: inline-block;
    background-image: url("../img/icon-float-menu.webp?1");
    background-repeat: no-repeat;
    background-size: 576px 72px;
    background-position: 0 0;
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
}

.icon-float-menu-rating { background-position-x: -288px; }
.icon-float-menu-game-tank { background-position-x: -180px; }
.icon-float-menu-game-ship { background-position-x: -216px; }
.icon-float-menu-bet { background-position-x: -108px; }
.icon-float-menu-case { background-position-x: 0; }
.icon-float-menu-card { background-position-x: -36px; }
.icon-float-menu-cpp { background-position-x: -144px; }
.icon-float-menu-box { background-position-x: 0; }
.icon-float-menu-wheel { background-position-x: -72px; }
.icon-float-menu-special-offers { background-position-x: -252px; }
.icon-float-menu-runner { background-position-x: -360px; }
.icon-float-menu-ct { background-position-x: -396px; }
.icon-float-menu-cc { background-position-x: -432px; }
.icon-float-menu-other-games { background-position-x: -468px; }
.icon-float-menu-ny { background-position-x: -504px; }
.icon-float-menu-tower { background-position-x: -540px; }

.menu-float ul li.nav-item.active,
.menu-float ul li.nav-item:hover {
    background-color: #282828;
}
.menu-float ul li.nav-item.active .icon-float-menu,
.menu-float ul li.nav-item:hover .icon-float-menu {
    background-position-y: -36px;
}




.flip-clock-wrapper a:hover {
    border: none;
    text-decoration: none;
}


.group-block .block:not(:last-child) {
    margin-bottom: 0 !important;
}

.block {
    padding: 0;
    margin-bottom: 40px;
}

.block .block_header {
    width: 100%;
    height: 49px;
    background: #101010;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.block .block_header > h3 {
    color: #CACACA;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.block .block_inner {
    padding: 13px 5px 5px;
    background: #141414;
    box-sizing: border-box;
}
.block .block_inner.wide-padding {
    padding: 13px 25px 5px;
}
.block .block_inner.transparent {
    background: none;
    border: none;
    padding: 0;
}

.block .block_inner b {
    color: #DCDCDC;
}


.footer {
    border: 2px solid #282828;
    width: 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    position: relative;
    box-sizing: border-box;
}
.footer > .nav {
    background: #191515;
    padding: 15px;
}
.footer .nav a {
    padding-right: 5px;
    background-image: url("../img/divider_vert.png");
    background-position: right -5px;
    background-repeat: no-repeat;
    background-size: 1px 130%;
    font-weight: 500;
    font-size: 16px;
}
.footer .nav a:last-child {
    background: none;
}
.footer .content {
    background: #222222;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer > .content p {
    font-size: 14px;
    margin: 2px 0px;
}
.footer .content p a {
    color: #DCDCDC
}


.content_table table {
    width: 100%;
}

.content_table table td {
    text-align: center;
}

.content_table table p {
    width: 80%;
    margin: 0 auto;
}

.current_page {
    color: #ffffff;
    border-bottom: 2px solid #f49511;
    box-sizing: border-box;
}

.btn {
    text-decoration:none; text-align:center;
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#e3e3e3;
    background-color:#ff5100;
    background-image: -moz-linear-gradient(top, #ff5100 0%, #ab0000 100%);
    background-image: -webkit-linear-gradient(top, #ff5100 0%, #ab0000 100%);
    background-image: -o-linear-gradient(top, #ff5100 0%, #ab0000 100%);
    background-image: -ms-linear-gradient(top, #ff5100 0% ,#ab0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0000', endColorstr='#ab0000',GradientType=0 );
    background-image: linear-gradient(top, #ff5100 0% ,#ab0000 100%);
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform: uppercase;
}

.btn:hover {
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#ffffff;
    background-color:#ff9900;
    background-image: -moz-linear-gradient(top, #ff9900 0%, #ff0000 100%);
    background-image: -webkit-linear-gradient(top, #ff9900 0%, #ff0000 100%);
    background-image: -o-linear-gradient(top, #ff9900 0%, #ff0000 100%);
    background-image: -ms-linear-gradient(top, #ff9900 0% ,#ff0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 );
    background-image: linear-gradient(top, #ff9900 0% ,#ff0000 100%);
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    cursor: pointer;
}

.btn:active {
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#e3e3e3;
    background:#700000;
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

.btn[disabled],
.btn2[disabled],
.btn3[disabled] {
    text-decoration:none; text-align:center;
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#9e9e9e;
    background:#636363;
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
}

.btn[disabled]:hover {
    cursor: default;
}

.btn2 {
    text-decoration:none; text-align:center;
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#e3e3e3;
    background-color:#00e1ff;
    background-image: -moz-linear-gradient(top, #00e1ff 0%, #0073b5 100%);
    background-image: -webkit-linear-gradient(top, #00e1ff 0%, #0073b5 100%);
    background-image: -o-linear-gradient(top, #00e1ff 0%, #0073b5 100%);
    background-image: -ms-linear-gradient(top, #00e1ff 0% ,#0073b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073b5', endColorstr='#0073b5',GradientType=0 );
    background-image: linear-gradient(top, #00e1ff 0% ,#0073b5 100%);
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform: uppercase;
}

.btn2:hover {
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#ffffff;
    background-color:#00f7ff;
    background-image: -moz-linear-gradient(top, #00f7ff 0%, #0067b5 100%);
    background-image: -webkit-linear-gradient(top, #00f7ff 0%, #0067b5 100%);
    background-image: -o-linear-gradient(top, #00f7ff 0%, #0067b5 100%);
    background-image: -ms-linear-gradient(top, #00f7ff 0% ,#0067b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067b5', endColorstr='#0067b5',GradientType=0 );
    background-image: linear-gradient(top, #00f7ff 0% ,#0067b5 100%);
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    cursor: pointer;
}

.btn2:active {
    padding:8px 14px;
    border:solid 2px #222222;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    font:15px "Arial Black", Gadget, sans-serif;
    font-weight:bold;
    letter-spacing: .02em;
    color:#e3e3e3;
    background:#00a7d1;
    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;
    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;
    text-shadow: 0px 0px 5px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0);
}

.btn3 {    text-decoration:none; text-align:center;    padding:8px 14px;    border:solid 2px #222;    -webkit-border-radius:8px;    -moz-border-radius:8px;    border-radius: 8px;    font:15px "Arial Black", Gadget, sans-serif;    font-weight:bold; letter-spacing: .02em;    color:#dcdcdc;    background-color:#f39f2f;    background-image: -moz-linear-gradient(top, #f39f2f 0%, #a9300a 100%);    background-image: -webkit-linear-gradient(top, #f39f2f 0%, #a9300a 100%);    background-image: -o-linear-gradient(top, #f39f2f 0%, #a9300a 100%);    background-image: -ms-linear-gradient(top, #f39f2f 0% ,#a9300a 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39f2f', endColorstr='#f39f2f',GradientType=0 );    background-image: linear-gradient(top, #f39f2f 0% ,#a9300a 100%);    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    text-shadow: 0px 0px 5px #000000;    filter: dropshadow(color=#000000, offx=0, offy=0);    text-transform: uppercase;}
.btn3:hover {    padding:8px 14px;    border:solid 2px #222;    -webkit-border-radius:8px;    -moz-border-radius:8px;    border-radius: 8px;    font:15px "Arial Black", Gadget, sans-serif;    font-weight:bold; letter-spacing: .02em;    color:#dcdcdc;    background-color:#ac7122;    background-image: -moz-linear-gradient(top, #ac7122 0%, #762308 100%);    background-image: -webkit-linear-gradient(top, #ac7122 0%, #762308 100%);    background-image: -o-linear-gradient(top, #ac7122 0%, #762308 100%);    background-image: -ms-linear-gradient(top, #ac7122 0% ,#762308 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac7122', endColorstr='#ac7122',GradientType=0 );    background-image: linear-gradient(top, #ac7122 0% ,#762308 100%);    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    text-shadow: 0px 0px 5px #000000;    filter: dropshadow(color=#000000, offx=0, offy=0);    cursor: pointer;}
.btn3:active {    padding:8px 14px;    border:solid 2px #222;    -webkit-border-radius:8px;    -moz-border-radius:8px;    border-radius: 8px;    font:15px "Arial Black", Gadget, sans-serif;    font-weight:bold; letter-spacing: .02em;    color:#dcdcdc;    background:#d68c2a;    -webkit-box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    -moz-box-shadow: 0px 0px 5px #000000,  inset 0px 0px 5px #ffffff;    box-shadow:0px 0px 5px #000000, inset 0px 0px 5px #ffffff;    text-shadow: 0px 0px 5px #000000;    filter: dropshadow(color=#000000, offx=0, offy=0);}


.btn4 {
    text-decoration: none;
    color: #fff;
    background-image: linear-gradient(180deg,#f96306,#ac280e);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(180deg,#f9b822,#ef4a13);
    border-image-slice: 1;
    text-shadow: 0 -1px 0 rgba(177,54,6,.004);
    width: auto;
    height: 53px;
    display: inline-block;
    font-size: 21px;
    font-family: "Roboto Condensed",sans-serif;
    padding: 0 10px;
    box-shadow: 0 2px 0 0 #650f00, 1.7px 5.8px 10px 0 rgba(0,0,0,.5);
    transition: all .15s ease-out;
    box-sizing: border-box;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.btn4:hover {
    background-image: linear-gradient(180deg,#ff8a42,#e63f1f);
}
.btn4[disabled] {
    background-image: linear-gradient(180deg, #393939, #282828);
    border-image-source: linear-gradient(180deg, #555, #3c3c3c);
    box-shadow: none;
    cursor: default;
}

.btn5 {
    height: 53px;
    font-size: 21px;
    font-family: "Roboto Condensed",sans-serif;
    transition: all .15s ease-out;
    box-shadow: 0 2px 0 0 #652700, 1.7px 5.8px 10px 0 rgba(0,0,0,.5);
    color: #fff;
    text-decoration: none;
    display: inline-block;
    background-image: linear-gradient(180deg,#f89a06,#af510e);
    border-width: 1px;
    border-image-source: linear-gradient(180deg,#f9e922,#ef8013);
    border-image-slice: 1;
    text-shadow: 0 -1px 0 #652700;
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px;
    padding-top: -5px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 21px;
}
.btn5:hover {
    background-image: linear-gradient(180deg,#fdaf35,#c15e18);
}
.btn5[disabled] {
    background-image: linear-gradient(180deg, #393939, #282828);
    border-image-source: linear-gradient(180deg, #555, #3c3c3c);
    box-shadow: none;
    cursor: default;
}


.btn-copy {
    padding-bottom: 10px;
}


.btn6,
.btn7,
.btn8,
.btn9,
.btn10 {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 18px 41px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #F2F2F2;
    cursor: pointer;
    border: none;
    white-space: pre-wrap;
    letter-spacing: .02em;
}
a.btn6:hover,
a.btn7:hover,
a.btn8:hover,
a.btn9:hover,
a.btn10:hover {
    border: none;
}

.btn6 {
    background: #F26402;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.btn6:hover {
    background: linear-gradient(90.01deg, #FF5C00 0.01%, #FF9900 99.99%);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 0px -2px 5px rgba(0, 0, 0, 0.1);
}
.btn6:active {
    background: linear-gradient(90.01deg, #FF5C00 0.01%, #FF7A00 99.99%);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 1px 2px 5px rgba(0, 0, 0, 0.15);
}
.btn6:disabled {
    background: #FFAD66;
    box-shadow: none;
}

.btn7 {
    background: #006FD6;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.btn7:hover {
    background: #0085FF;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 0px -2px 5px rgba(0, 0, 0, 0.1);
}
.btn7:active {
    background: #0084FF;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 1px 2px 5px rgba(0, 0, 0, 0.15);
}
.btn7:disabled {
    background: #6BB8FF;
    box-shadow: none;
}

.btn8 {
    background: #3B3B3B;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.btn8:hover {
    background: #2F2F2F;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 0px -2px 5px rgba(0, 0, 0, 0.1);
}
.btn8:active {
    background: #3B3B3B;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 1px 2px 5px rgba(0, 0, 0, 0.15);
}
.btn8:disabled {
    background: #797979;
    box-shadow: none;
}

.btn9 {
    background: #FFFFFF;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    color: #151417;
}
.btn9:hover {
    background: #EDEDED;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.btn9:active {
    background: #EDEDED;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05), inset 1px 2px 5px rgba(0, 0, 0, 0.15);
}
.btn9:disabled {
    background: #E2E2E2;
    box-shadow: none;
}

.btn-case {
    display: inline-flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    border: 2px solid #FFD8C3;
    background: radial-gradient(90.22% 90.22% at 50% 0%, #FF9D00 0%, #FF7900 56.93%, #C42E00 100%);
    box-shadow: 0px 0px 8px 1px rgba(255, 98, 0, 0.45);
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.4px;
}
.btn-case.btn-case__small {
    padding: 4px 12px;
    font-size: 17px;
    letter-spacing: 0.34px;
}
.btn-case.btn-case__large {
    padding: 12px 32px;
    font-size: 24px;
    letter-spacing: 0.48px;
}
.btn-case:hover {
    border: 2px solid #FFE135;
    background: radial-gradient(90.22% 90.22% at 50% 0%, #FF9D00 0%, #F40 56.93%, #C40000 100%);
    box-shadow: 0px 0px 8px 1px rgba(255, 89, 0, 0.60);
    cursor: pointer;
}
.btn-case:active {
    border: 2px solid #760D0B;
    background: radial-gradient(90.22% 90.22% at 50% 0%, #FF9D00 0%, #E02505 56.93%, #9A0D0D 100%);
    box-shadow: 0px 0px 8px 1px #711512;
}
.btn-case:disabled {
    border: 2px solid #C2C2C2;
    background: radial-gradient(90.22% 90.22% at 50% 0%, #DDD 0%, #BEBEBE 56.93%, #A3A3A3 100%);
    box-shadow: none;
}


.partner-icon2 {
    background-image: url("../img/partner/icons2.png");
    background-repeat: no-repeat;
    background-size: 128px 32px;
    background-position: 0px center;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 15px;
}
.partner-icon2-1 { background-position: 0px center; }
.partner-icon2-2 { background-position: -32px center; }
.partner-icon2-3 { background-position: -64px center; }
.partner-icon2-4 { background-position: -96px center; }

.table {
    background: #1C1C1E;
    color: #CACACA;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.048px;
    text-align: center;
}

.table > thead > tr > td {
    font-size: 14px;
    font-weight: 700;
}

.table > tbody > tr > td {
    padding: 10px 16px;
    border-radius: 6px;
    border: 1px solid #1C1C1E;
    background: #25252A;
}

input {
    color: #828282;
    padding: 10px 16px;
    font-size: 16px;
    min-height: 48px;
    background: #171519;
    border: 1px solid #3A3A3A;
    box-sizing: border-box;
    border-radius: 5px;
    height: auto;
}
input:invalid,
input.error {
    border: 1px solid #FF0000;
    box-shadow: 0px 2px 10px 3px rgba(255, 0, 0, 0.5);
    color: #FF0000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

.form-promo {
    width: 313px;
    margin: 0 auto;
}

.form-promo input {
    width: 100px;
    text-align: center;
}



.vk_block {
    position: fixed;
    bottom: -116px;
    left: 0px;
    width: 220px;
    height: 152px;
    animation: vk_block_frames_down 0.8s;
    animation-direction: alternate;
    -webkit-animation: vk_block_frames_down 0.8s;
    -webkit-animation-direction: alternate;
}

.vk_block:hover {
    bottom: 0px;
    animation: vk_block_frames_up 0.8s;
    animation-direction: alternate;
    -webkit-animation: vk_block_frames_up 0.8s;
    -webkit-animation-direction: alternate;
}

@keyframes vk_block_frames_down {
    from { bottom: 0px; }
    to { bottom: -116px; }
}
@-webkit-keyframes vk_block_frames_down {
    from { bottom: 0px; }
    to { bottom: -116px; }
}

@keyframes vk_block_frames_up {
    from { bottom: -116px; }
    to { bottom: 0px; }
}
@-webkit-keyframes vk_block_frames_up {
    from { bottom: -116px; }
    to { bottom: 0px; }
}



.flip-clock-label {
    display: none;
}



.guarantee_block {
    width: 100%;
}

.guarantee_block .title {
    font-weight: bold;
    letter-spacing: .02em;
    color: #bd9300;
    font-size: 20px;
    margin-bottom: 10px;
    padding-left: 23px;
    background-image: url("../img/ok.png");
    background-size: 16px 16px;
    background-position: 0px 6px;
    background-repeat: no-repeat;
    line-height: normal;
}

.guarantee_block .desc {
    margin-left: 50px;
}

.guarantee_block .desc p {
    margin: 7px 0px;
    color: rgb(220, 220, 220);
}


.info-block {
    width: 100%;
    margin: 0 auto;
    color: #cccccc;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    padding: 20px 0;
    border: 1px solid #979696;
    box-sizing: border-box;
}



.smoke {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 2296px;
    height: 520px;
    overflow: hidden;
}
.smoke .smoke_item {
    position: absolute;
    left: 0;
    width: 574px;
    height: 520px;
    background-image: url("../img/smoke.png");
    background-position: 0 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}

.menu-float, .main-content {
    top: 48px;
}

.main-content {
    position: absolute;
    left: 83px;
    width: auto;
    min-width: calc(100% - 83px);
    height: auto;
    min-height: 100%;
    padding-top: 230px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    z-index: 100;
}
.main-content > * {
    position: relative;
}

.main-content_game_1 {
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 1690px auto, 2048px auto, auto auto;
    background-attachment: scroll, scroll, scroll;
}


.trambling {
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
}

@keyframes trambling-animation {
    0%, 50%, 100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    10%, 30% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
    }
    20%, 40% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}

.well {
    width: 96%;
    margin-left: 2%;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 15px 15px;
    background: #121212;
    border: 1px solid #3A3A3A;
    box-sizing: border-box;
    border-radius: 5px;
}
.well.adv {
    border: 1px solid #3A3A3A;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.well.well-99 {
    width: 99%;
    margin-left: 0.5%;
}
.well.well-100 {
    width: 100%;
    margin-left: 0;
}
.well.well-min-padding {
    padding: 5px 5px;
}
.well.well-without-padding {
    padding: 5px 0;
}
.well.well-br-20 {
    border-radius: 20px;
}
.well h1,
.well h2,
.well h3,
.well h4,
.well h5 {
    margin: 5px 0 10px;
}

.flex {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex > * {
    margin-right: 15px;
}
.flex > *:last-child {
    margin-right: 0;
}
.flex > *.edge-right {
    margin-left: auto;
}

.inline-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.inline-form.stretched {
    align-items: stretch;
}
.inline-form > * {
    margin-right: 15px;
}
.inline-form > *:last-child {
    margin-right: 0;
}

.hide-for-coins-limited-for-new-user {
    display: none;
}

.timer-event-wrapper {
    width: auto;
    max-width: 871px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 13px 16px;
    background: linear-gradient(90deg, #20160E 0%, #11110E 100%);
}
.timer-event-wrapper .icon-timer-event {
    width: 36px;
    min-width: 36px;
    height: 36px;
    background: url("../img/timer.png");
    margin-right: 23px;
}
.timer-event-wrapper .timer-event-title,
.timer-event-wrapper .timer-event-time {
    color: #FFC700;
}
.timer-event-wrapper .timer-event-title {
    max-width: 144px;
    margin-right: 5px;
    font-size: 24px;
}
.timer-event-wrapper .timer-event-time {
    width: 260px;
    margin-right: 10px;
    font-weight: 700;
    font-size: 48px;
    text-align: center;
}
.timer-event-wrapper .timer-event-desc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    max-width: 335px;
    height: 40px;
    padding-left: 15px;
    border-left: 1px solid #828282;
}
.timer-event-wrapper .timer-event-desc a {
    color: #FFC700;
    font-weight: 700;
}

.btn-toggle-pc-version,
.btn-toggle-mobile-version {
    display: none;
}

.notifications-wrapper {
    z-index: 1000002;
    position: fixed;
    top: 10px;
    right: 0;
    height: auto;
    max-height: calc(100% - 20px);
    width: auto;
    max-width: 400px;
    overflow-y: auto;
}
.notifications-container {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: end;
    gap: 20px;
    opacity: 0.8;
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1.5);
}
.notifications-container.closed {
    opacity: 0;
    transform: translateX(100%);
    pointer-events: none;
}
.notifications-container:hover {
    opacity: 1;
}
.notifications-container > .notification {
    position: relative;
    overflow: hidden;
    padding: 16px 24px;
    padding-right: 33px;
    border-radius: 16px;
    border: 1px solid #3B3B3B;
    background-color: #141414;
    transition: all 0.5s cubic-bezier(0.8, 0, 0.5, 1.5);
}
.notifications-container > .notification.warning {
    border: 1px solid #3B3B3B;
    background-color: #0C0C0C;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
}
.notifications-container > .notification.error {
    border: none;
    background-color: #370D14;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65);
}
.notifications-container > .notification > .content > .main-text,
.notifications-container > .notification > .content > .sub-text {
    margin: 0;
    padding: 0;
}
.notifications-container > .notification > .content > .main-text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.notifications-container > .notification > .content > .sub-text {
    margin-top: 7px;
    color: #CACACA;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.notifications-container > .notification.warning > .content > .main-text {
    color: #FF4662;
}
.notifications-container > .notification.warning > .content > .sub-text {
    color: #A29595;
}
.notifications-container > .notification.error > .content > .main-text {
    color: #E6324E;
}
.notifications-container > .notification.error > .content > .sub-text {
    color: #D7A2A2;
}
.notifications-container > .notification > .close,
.notifications-container > .notification > .progress {
    position: absolute;
}
.notifications-container > .notification > .close {
    top: 16px;
    right: 10px;
    color: #808080;
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.notifications-container > .notification.warning > .close {
    color: #D7A2A2;
}
.notifications-container > .notification.error > .close {
    color: #D7A2A2;
}
.notifications-container > .notification > .close::before {
    content: "\00D7";
}
.notifications-container > .notification.without-progress > .progress {
    display: none;
}
.notifications-container > .notification > .progress {
    width: 100%;
    height: 4px;
    background-color: #0e90d2;
    bottom: 0;
    left: 0;
}
.notifications-container > .notification.closed {
    opacity: 0;
    pointer-events: none;
}



@media screen and (max-width: 1164px) {
    body:not(.desktop) {
        min-width: 637px;
    }

    body:not(.desktop) .menu-float {
        width: 100%;
        height: 90px !important;
        top: calc(100% - 90px) !important;
    }
    body:not(.desktop) .menu-float ul {
        flex-direction: row;
        justify-content: space-around;
        align-items: stretch;
    }
    body:not(.desktop) .menu-float hr {
        display: none;
    }

    body:not(.desktop) .main-content {
        left: 0 !important;
        min-width: 100%;
        padding-top: 57px;
        padding-bottom: 90px;
    }
    body:not(.desktop) .main-content .smoke,
    body:not(.desktop) .main-content .logo-link {
        display: none;
    }

    body:not(.desktop) .alert-log {
        bottom: 90px !important;
    }

    body.desktop .btn-toggle-mobile-version,
    body:not(.desktop) .btn-toggle-pc-version {
        display: inline-block;
    }
    body.desktop .btn-toggle-pc-version,
    body:not(.desktop) .btn-toggle-mobile-version {
        display: none !important;
    }
}
@media screen and (max-width: 1078px) {
    body:not(.desktop) .menu-top-wrapper {
        flex-wrap: wrap;
    }

    body:not(.desktop) .main_wrapper {
        min-width: 640px;
    }
    body:not(.desktop).page-wheel .main_wrapper {
        min-width: 700px;
    }
}
@media screen and (max-width: 1000px) {
    body:not(.desktop) .live-tapes-wrapper {
        display: none;
    }

    body:not(.desktop) .main-content {
        padding-top: 6px;
    }

    body:not(.desktop) .header {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        background-color: #0D0D0D;
        transition: height 0.3s ease 0s;
    }
    body:not(.desktop) .header._active {
        background-color: rgba(0, 0, 0, 1);
        height: calc(100% - 90px);
        box-sizing: border-box;
        padding-top: 40px;
        align-items: stretch;
        overflow: auto;
        z-index: 1000000;
    }

    body:not(.desktop) .burger {
        display: block;
    }

    body:not(.desktop) .menu-top-wrapper:not(.visible-on-burger) {
        display: none;
    }
    body:not(.desktop) .menu-top2:not(.visible-on-burger) ul {
        background-color: #171519;
    }

    body:not(.desktop) .menu-top-wrapper.visible-on-burger {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    body:not(.desktop) .header._active .menu-top-wrapper:not(.visible-on-burger) {
        display: block;
        width: 100%;
        flex-direction: column;
        border: none;
        align-items: center;
    }
    body:not(.desktop) .header._active .menu-top-wrapper:not(.visible-on-burger) .icon-menu {
        transform: scale(1.2);
        margin-right: 15px;
    }
    body:not(.desktop).guest .header._active .menu-top-wrapper:not(.visible-on-burger) {
        width: 100%;
    }
    body:not(.desktop):not(.guest) .header._active .menu-top-wrapper.menu-top1:not(.visible-on-burger) {
        display: none;
    }

    body:not(.desktop) .header._active .visible-on-burger:not(.menu-top-wrapper) {
        display: flex !important;
    }

    body:not(.desktop) .header._active .menu-top-wrapper:not(.visible-on-burger) ul {
        display: flex;
        flex-direction: column;
    }

    body:not(.desktop) .header._active .menu-top-wrapper:not(.visible-on-burger) ul li.nav-item {
        border: none;
        justify-content: center;
        padding: 20px 10px;
        font-size: 30px;
    }
    body:not(.desktop) .header._active .menu-top-wrapper:not(.visible-on-burger) ul li.nav-item.hidden-on-burger {
        display: none;
    }

    body:not(.desktop) .main-content_game_1 {
        background-image: none !important;
    }
}
@media screen and (max-width: 715px) {
    body:not(.desktop) .footer > .nav {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    body:not(.desktop) .footer .nav a {
        display: inline-block;
        background: none;
        padding-right: 0;
        margin-bottom: 5px;
    }
    body:not(.desktop) .footer .nav a:last-child {
        margin-bottom: 0;
    }
    body:not(.desktop) .footer .content {
        flex-direction: column;
        justify-content: flex-start;
    }
    body:not(.desktop) .footer .content .text {
        margin-bottom: 15px;
    }
}