@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=cyrillic";

.double-history__col-body span.winner_color {
    color: #01c236 !important;
}
.double-history__col-body span.loser_color {
    color: #cc3333 !important;
}

html,
body {
    height: 100vh;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    background: #0f0f0f;
}

@media screen and (-webkit-min-device-pixel-ratio: 2),
    screen and (-o-min-device-pixel-ratio: 2/1),
    screen and (min-resolution: 2dppx) {
    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
}

@font-face {
    font-family: "icomoon";
    src: url(/assets/fonts/v2/icomoon.eot?jt731);
    src: url(/assets/fonts/v2/icomoon.eot?jt731#iefix)
            format("embedded-opentype"),
        url(/assets/fonts/v2/icomoon.ttf?jt731) format("truetype"),
        url(/assets/fonts/v2/icomoon.woff?jt731) format("woff"),
        url(/assets/fonts/v2/icomoon.svg?jt731#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

[class^="myicon-"],
[class*=" myicon-"] {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.myicon-minus:before {
    content: "\e900";
}

.myicon-plus:before {
    content: "\e901";
}

.myicon-coins-1:before {
    content: "\e902";
}

.myicon-coins:before {
    content: "\e932";
}

.myicon-collaboration:before {
    content: "\e904";
}

.myicon-star:before {
    content: "\e905";
}

.myicon-chat-1:before {
    content: "\e906";
}

.myicon-chat:before {
    content: "\e907";
}

.myicon-money:before {
    content: "\e908";
}

.myicon-hourglass:before {
    content: "\e909";
}

.myicon-rank:before {
    content: "\e90a";
}

.myicon-jackpot:before {
    content: "\e96d";
}

.myicon-ticket:before {
    content: "\e90c";
}

.myicon-play-button:before {
    content: "\e90d";
}

.myicon-wheel:before {
    content: "\e910";
}

.myicon-sword:before {
    content: "\e911";
}

.myicon-dice:before {
    content: "\e912";
}

.myicon-dice-1:before {
    content: "\e913";
}

.myicon-graph:before {
    content: "\e914";
}

.myicon-wallet:before {
    content: "\e916";
}

.myicon-withdraw:before {
    content: "\e917";
}

.myicon-team:before {
    content: "\e918";
}

.myicon-high-five:before {
    content: "\e919";
}

.myicon-clipboard:before {
    content: "\e91a";
}

.myicon-bonus:before {
    content: "\e91b";
}

.myicon-info:before {
    content: "\e91c";
}

.myicon-documents:before {
    content: "\e91d";
}

.myicon-vk:before {
    content: "\e91e";
}

.myicon-logout:before {
    content: "\e91f";
}

.myicon-web:before {
    content: "\e920";
}

.myicon-customer-review:before {
    content: "\e921";
}

.myicon-ticket-raffle:before {
    content: "\e934";
}

.myicon-raffle:before {
    content: "\e923";
}

.myicon-why:before {
    content: "\e924";
}

.myicon-security:before {
    content: "\e925";
}

.myicon-success:before {
    content: "\e926";
}

.myicon-pending:before {
    content: "\e927";
}

.myicon-error:before {
    content: "\e928";
}

.myicon-down-arrow:before {
    content: "\e929";
}

.myicon-user:before {
    content: "\e92a";
}

.myicon-plus-1:before {
    content: "\e92b";
}

.myicon-minus-1:before {
    content: "\e92c";
}

.myicon-telegram:before {
    content: "\e92d";
}

.myicon-console:before {
    content: "\e92f";
}

.myicon-menu:before {
    content: "\e92e";
}

.myicon-close:before {
    content: "\e930";
}

.myicon-out:before {
    content: "\e933";
}
.myicon-minus:before {
    content: "\e900";
}

.myicon-plus:before {
    content: "\e901";
}

.myicon-coins-1:before {
    content: "\e902";
}

.myicon-coins:before {
    content: "\e932";
}

.myicon-collaboration:before {
    content: "\e904";
}

.myicon-star:before {
    content: "\e905";
}

.myicon-chat-1:before {
    content: "\e906";
}

.myicon-chat:before {
    content: "\e907";
}

.myicon-money:before {
    content: "\e908";
}

.myicon-hourglass:before {
    content: "\e909";
}

.myicon-rank:before {
    content: "\e90a";
}

.myicon-jackpot:before {
    content: "\e90b";
}

.myicon-ticket:before {
    content: "\e90c";
}

.myicon-play-button:before {
    content: "\e90d";
}

.myicon-wheel:before {
    content: "\e910";
}

.myicon-sword:before {
    content: "\e911";
}

.myicon-dice:before {
    content: "\e912";
}

.myicon-dice-1:before {
    content: "\e913";
}

.myicon-graph:before {
    content: "\e914";
}

.myicon-wallet:before {
    content: "\e916";
}

.myicon-withdraw:before {
    content: "\e917";
}

.myicon-team:before {
    content: "\e918";
}

.myicon-high-five:before {
    content: "\e919";
}

.myicon-clipboard:before {
    content: "\e91a";
}

.myicon-bonus:before {
    content: "\e91b";
}

.myicon-info:before {
    content: "\e91c";
}

.myicon-documents:before {
    content: "\e91d";
}

.myicon-vk:before {
    content: "\e91e";
}

.myicon-logout:before {
    content: "\e91f";
}

.myicon-web:before {
    content: "\e920";
}

.myicon-customer-review:before {
    content: "\e921";
}

.myicon-ticket-raffle:before {
    content: "\e934";
}

.myicon-raffle:before {
    content: "\e923";
}

.myicon-why:before {
    content: "\e924";
}

.myicon-security:before {
    content: "\e925";
}

.myicon-success:before {
    content: "\e926";
}

.myicon-pending:before {
    content: "\e927";
}

.myicon-error:before {
    content: "\e928";
}

.myicon-down-arrow:before {
    content: "\e929";
}

.myicon-user:before {
    content: "\e92a";
}

.myicon-plus-1:before {
    content: "\e92b";
}

.myicon-minus-1:before {
    content: "\e92c";
}

.myicon-telegram:before {
    content: "\e92d";
}

.myicon-console:before {
    content: "\e92f";
}

.myicon-menu:before {
    content: "\e92e";
}

.myicon-close:before {
    content: "\e930";
}

.myicon-out:before {
    content: "\e933";
}

.myicon-info1:before {
    content: "\e935";
}

.myicon-bomb:before {
    content: "\e936";
}

.myicon-jack-preview:before {
    content: "\e937";
}

.myicon-ruble-currency-sign:before {
    content: "\e938";
}

.myicon-ruble:before {
    content: "\e939";
}

.myicon-question-mark:before {
    content: "\e93a";
}

.myicon-clock:before {
    content: "\e93b";
}

.myicon-switch:before {
    content: "\e93c";
}

.myicon-sort:before {
    content: "\e93d";
}

.myicon-web-1:before {
    content: "\e93e";
}

.myicon-dice-bg:before {
    content: "\e940";
}

.myicon-dice-pw:before {
    content: "\e941";
}

.myicon-envelope:before {
    content: "\e942";
}

.myicon-visible:before {
    content: "\e943";
}

.myicon-invisible:before {
    content: "\e944";
}

.myicon-fast-internet:before {
    content: "\e945";
}

.myicon-refresh:before {
    content: "\e946";
}

.myicon-exchange:before {
    content: "\e947";
}

.myicon-edit:before {
    content: "\e948";
}

.myicon-pen:before {
    content: "\e949";
}

.myicon-list:before {
    content: "\e94a";
}

.myicon-crown:before {
    content: "\e94b";
}

.myicon-right-arrow:before {
    content: "\e94c";
}

.myicon-alert:before {
    content: "\e94d";
}

.myicon-vk-icon:before {
    content: "\e94e";
}

.myicon-ssl:before {
    content: "\e94f";
}

.myicon-ssl-1:before {
    content: "\e950";
}

.myicon-crm:before {
    content: "\e951";
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: #cdcdcd;
}

.msg-wrap {
    margin-left: 34px;
    padding-top: 2px;
    line-height: 1.45;
}

.sub-heading {
    width: 100%;
    display: inline-block;
    position: relative;
    word-break: break-word;
    word-wrap: break-word;
}

.clear {
    clear: both;
}

.clear:after {
    content: "";
    display: block;
    height: 1px;
    clear: both;
}

.leftside::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.leftside::-webkit-resizer {
    width: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.leftside::-webkit-scrollbar {
    width: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.promo-input {
    margin-top: 10px;
}

.popup::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 5px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.popup::-webkit-resizer {
    width: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.popup::-webkit-scrollbar {
    width: 0;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.scroller::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    background-color: transparent;
}

.scroller::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #181818;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    background-color: #242323;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #cdcdcd;
}

::-webkit-input-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

::-moz-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

:-moz-placeholder {
    color: #818181;
    font-size: 16px;
    font-weight: 400;
}

body.active {
    overflow: hidden;
}

#vk_community_messages {
    z-index: 100 !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 9999;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-promo .ref {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: unset;
}

.popup-promo .ref .btn {
    margin: 0 auto;
    font-size: 10px;
    width: auto;
    padding: 10px 0;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #242323;
    border-radius: 10px;
    padding: 30px;
    width: 95%;
    max-width: 720px;
    color: #cdcdcd;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-height: 95%;
    overflow-y: auto;
}

.popup.htp-popup {
    padding: 0;
    overflow: auto;
}

.popup.narrow-popup {
    max-width: 320px;
}

.popup.htp-popup .heading {
    padding: 20px;
    background: #181818;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
}

.popup.htp-popup .close {
    color: #fff;
    top: 15px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.htp-popup-message {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: lightgray;
    line-height: 1.45;
}

.htp-nav {
    text-align: center;
    margin-top: 20px;
}

.htp-nav-item.active {
    background: #ffc200;
}

.htp-control {
    display: block;
    width: 100%;
    outline: #ffdead;
    margin-top: 15px;
    padding: 13px;
    border-radius: 5px;
    border: #ffdead;
    background: #ffc200;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.htp-control:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.htp-nav-item {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: transparent;
    border: 2px solid #ffc200;
    border-radius: 20px;
    margin-left: 5px;
}

.htp-nav-item:hover {
    cursor: pointer;
}

.htp-nav-item:first-of-type {
    margin-left: 0;
}

.htp-content {
    padding: 20px 15px;
}

.notifyme-show {
    z-index: 22;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.logout {
    padding-left: 7px;
}

.money a {
    color: #ffc200;
    font-size: 16px;
    padding-left: 7px;
}

.money a:first-of-type {
    padding-left: 10px;
}

.popup.active {
    opacity: 1;
    visibility: visible;
}

.popup .heading {
    font-size: 20px;
    font-weight: 700;
    color: #cdcdcd;
    line-height: 20px;
    margin-bottom: 30px;
}

.popup .important {
    background: #181818;
    color: #cdcdcd;
    padding: 13px 20px;
    font-size: 14px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.with-inputs .params {
    margin: 15px 0;
}

.with-inputs .params:last-of-type {
    margin-bottom: 5px;
}

.fixed-chat .close {
    color: #fff;
    top: 7px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 10px;
    cursor: pointer;
}

.popup h3 {
    font-size: 17px;
    margin-bottom: 10px;
    color: #cdcdcd;
    margin-top: 0;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
}

.popup .btn-second {
    margin: 15px auto 0;
}

.input-disabled {
    opacity: 0.5;
}

.params .param:first-child {
    margin-right: 10px;
}

.form-group {
    position: relative;
}

.input-sum .ruble-symbol {
    top: 4px;
}

.input-rubles {
    position: relative;
}

.ruble-symbol {
    position: absolute;
    font-size: 22px;
    top: 10px;
    right: 12px;
}

.ruble-symbol.myicon-coins {
    font-size: 20px;
    top: 12px;
}

.popup .input-sum {
    padding: 0 15px;
    background: #181818;
    line-height: 45px;
    border-radius: 4px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: solid 1px #424242;
}

.popup .input-sum:focus {
    border: solid 1px #ffc400be;
}

.money-block {
    position: relative;
}

.money-block__money-area {
    color: #fff;
    font-weight: 800;
    background: #181818;
    cursor: default;
    display: inline-block;
    width: 250px;
    font-size: 16px;
    border-radius: 6px;
    padding: 0 10px 0 45px;
    height: 40px;
    line-height: 41px;
}

.money-block__money-icon {
    position: absolute;
    left: 14px;
    top: 10px;
    color: #ffc200;
}

.money-block__actions {
    position: absolute;
    top: 0;
    right: 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;
    height: 100%;
}

.money-block__action {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 6px;
    background: #ffc200;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px;
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
}

.money-block__action:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.5);
}

.money-block__action_withdraw {
    margin-right: 8px;
}

.money-block__action span {
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}

.enroll_text {
    margin-top: 15px;
    font-size: 13px;
}

.enroll_text span {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.suggest-sum {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.suggest-sum__item {
    border-bottom: 1px dotted gray;
    margin-right: 10px;
    font-size: 0;
    display: inline-block;
    font-size: 12px;
}

.suggest-sum__item:hover {
    color: #ffc200;
    border-bottom: 1px dotted #ffc200;
}

.suggest-sum__item:last-child {
    margin-right: 0;
}

.enroll_text i.myicon-coins {
    color: #ffc200;
}

.fwr {
    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-bottom: 4px;
}

.fwr i {
    margin-right: 5px;
    font-size: 16px;
}

.fwr a {
    font-size: 10px;
}

.enroll_text i.myicon-ticket-raffle {
    color: #00de09;
    margin-bottom: 1px;
}

.to_enroll_wrapper {
    vertical-align: top;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 10px;
}

.fixed-chat .send-form .chat-input::-webkit-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::-moz-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input:-ms-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::-ms-input-placeholder {
    font-size: 14px;
}

.fixed-chat .send-form .chat-input::placeholder {
    font-size: 14px;
}

.popup .input-sum::-webkit-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::-moz-placeholder {
    font-size: 15px;
}

.popup .input-sum:-ms-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::-ms-input-placeholder {
    font-size: 15px;
}

.popup .input-sum::placeholder {
    font-size: 15px;
}

.popup .input-num {
    background: #181818;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 100%;
    border: solid 1px #424242;
}

.popup .sum-info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    color: #cdcdcd;
    padding: 4px 5px;
    font-weight: 400;
    font-size: 14px;
}

.popup .list-pay {
    text-align: center;
}

.popup .list-pay .item {
    margin: 0 5px;
    display: inline-block;
}

.popup .list-pay .item.active {
    opacity: 0.4;
}

.popup .list-pay h3 {
    font-size: 14px;
    font-weight: 400;
}

.picked-method {
    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-bottom: 7px;
}

.popup .list-pay .item img {
    width: 20px;
    margin-right: 3px;
}

.popup .list-pay .item.active {
    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;
}

.form-select {
    position: relative;
}

.form-select select {
    width: 100%;
    background-color: #181818;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    outline: none;
    color: #cdcdcd;
    font-size: 14px;
    height: 46px;
    border-radius: 6px;
    padding-left: 10px;
}

.form-select span {
    position: absolute;
    top: 16px;
    right: 10px;
}

.popup-with-title {
    margin-bottom: 7px;
}

.contcom {
    width: 100%;
    text-align: right;
}

.contcom .left {
    text-align: left;
    display: inline-block;
}

.contcom .right {
    text-align: right;
}

.htp-description .def_link {
    color: rgba(255, 255, 255, 0.9);
}

.coms1 {
    color: #cdcdcd;
    font-size: 12px;
    margin-top: 6px;
    padding-bottom: 5px;
    display: block;
    text-align: right;
}

.bold {
    font-weight: 700;
    text-transform: uppercase;
}

.btn-second {
    -webkit-appearance: none;
    width: 193px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    border: 0;
    outline: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #ffc200;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    height: 100%;
}

.with-inputs {
    margin-bottom: 25px;
}

.btn-second:not([disabled]):hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.btn-second:disabled,
.btn-second[disabled] {
    opacity: 0.5;
}

.check_rules {
    text-align: center;
    margin: 10px 0;
}

.check {
    margin-left: 30px;
}

[type$="checkbox"] {
    -webkit-appearance: none;
    background-color: #181818;
    border: 1px solid #cdcdcd;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
}

[type$="checkbox"]:checked:after {
    content: "\2714";
    font-size: 18px;
    position: absolute;
    top: -4px;
    left: 2px;
    color: #ffc200;
}

[class$="-list"],
[class*="-list "] {
    background: 0 0;
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup-fair .decimal-list {
    counter-reset: item;
}

.popup-fair .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
}

.popup-fair .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #181818;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.main .about {
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 25px;
    text-align: center;
}

.popup-fair .fair-title {
    background: #181818;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    padding: 13px;
    cursor: pointer;
}

.navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 !important;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    background: #242323;
}

.navbar .online-mobile {
    display: none;
}

.navbar-brand img {
    width: 130px;
    margin-top: 21px;
    margin-left: 20px;
    margin-right: 3px;
}

.navbar .navbar-brand {
    color: #cdcdcd;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    height: 78px;
    text-align: center;
    padding: 0;
    margin-left: 0;
}

.navbar .menu-icon {
    cursor: pointer;
    display: none;
    float: right;
    padding: 28px 20px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 12px;
    right: 0;
}

.navbar .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    -webkit-transition: background 0.2s ease-out;
    -o-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    width: 18px;
}

.navbar .menu-icon .navicon:before,
.navbar .menu-icon .navicon:after {
    background: #fff;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
}

.navbar .menu-icon .navicon:before {
    top: 5px;
}

.navbar .menu-icon .navicon:after {
    top: -5px;
}

.navbar .menu-btn {
    display: none;
}

.navbar .menu-btn:checked ~ .navbar-nav {
    display: inline-table;
    background: #21203a;
    width: 100%;
    top: 130px;
    left: 0;
    position: absolute;
    z-index: 99999;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}

.navbar .menu-btn:checked ~ .navbar-nav .nav-item {
    padding: 15px 0;
    display: block;
}

.navbar .menu-btn:checked ~ .navbar-nav .exit {
    padding: 15px 0;
    display: block !important;
}

.navbar .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.navbar .menu-btn:checked ~ .menu-icon .navicon:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar .menu-btn:checked ~ .menu-icon .navicon:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.navbar .btn-vk-mobile {
    display: none;
}

.navbar .navbar-nav {
    display: inline-block;
    padding: 30px 0;
    height: 60px;
}

.navbar .navbar-nav li {
    display: inline-block;
}

.navbar .navbar-nav .nav-item {
    padding: 0 25px;
}

.navbar .navbar-nav .nav-item.active > a {
    color: #cdcdcd;
    text-decoration: underline;
}

.navbar .navbar-nav .nav-item a {
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.navbar .navbar-nav .nav-item a:hover {
    text-decoration: underline;
}

.navbar .navbar-nav .exit {
    display: none !important;
}

.navbar .user {
    font-size: 18px;
    display: inline-block;
    margin-left: auto;
    right: 0;
    top: 0;
}

#online_img {
    width: 50px;
    margin-right: 10px;
}

.window-heading {
    background: #242323;
    padding: 15px 25px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.hamburger {
    padding: 15px 18px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    -o-transition-property: opacity, filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    background: #2b2b2b;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #000;
}

.hamburger-box {
    width: 35px;
    margin-top: 5px;
    height: 18px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 35px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -7px;
}

.hamburger-inner::after {
    bottom: -7px;
}

.profile-block__userbalance {
    margin-top: 8px;
    padding: 15px;
    line-height: 1.6;
}

.profile-block {
    background: rgb(21, 21, 21);
    border-radius: 7px;
    color: #cdcdcd;
    width: 100%;
}

.profile-block__logout {
    margin-top: 8px;
}

.profile__coin-balance-val {
    color: #ffc200;
    font-size: 16px;
    margin-left: auto;
}

.profile__balance {
    font-size: 13px;
    display: flex;
    align-items: center;
}

.profile__raffle-balance-val {
    color: rgb(20, 244, 3);
    font-size: 16px;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.profile-block__promocode {
    margin-top: 8px;
    padding: 15px;
}

.profile-block__ranks {
    padding: 15px;
}

.contact-us {
    display: flex;
    width: 100%;
}

.contact {
    flex: 1;
    border: 2px solid #ffc200;
    border-radius: 5px;
    padding: 15px 15px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.contact__image {
    font-size: 30px;
    padding-right: 15px;
    display: flex;
    align-items: center;
    height: 100%;
    border-right: 1px solid #333;
    color: #fff;
}

.contact__title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.contact__info {
    margin-left: 15px;
    line-height: 1.45;
}

.contact__link {
    font-size: 13px;
    margin-bottom: 2px;
}

.contact-time {
    color: #7d7d7d;
    font-size: 13px;
}

.contact__goto {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
}

.contact__goto a {
    background: #242323;
    padding: 10px 10px 7px 10px;
    border-radius: 4px;
    transition: 0.2s;
    color: #fff;
}

.fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.help-q {
    border: 1px solid #333;
    padding: 15px;
    color: #cdcdcd;
    border-radius: 4px;
    transition: 0.2s color;
    cursor: pointer;
    margin-top: 15px;
}

.help-a {
    border: 1px solid rgb(51, 51, 51);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 15px;
    color: #cdcdcd;
    font-size: 13px;
    line-height: 1.4;
}

.help-a__way {
    font-weight: 800;
    font-size: 14px;
    color: #fff;
    margin-bottom: 2px;
}

.help-a__text {
    margin-bottom: 10px;
}

.e-block__logout {
    margin-top: 8px;
}

.next-rank img.rank-icon {
    width: 60px;
}

.user-profile-overview-loop__left-resources__name {
    text-align: center;
    font-size: 18px;
    color: #fff;
    max-width: 300px;
    margin-top: 5px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user-profile-overview-loop__left-since {
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    margin-top: 3px;
    color: #838383;
}

.user-profile-overview-loop__logout {
    text-align: center;
    margin-top: 10px;
    display: none;
}

.form-promocode {
    align-items: center;
    width: 100%;
    display: flex;
    max-width: 500px;
    margin: auto;
}

.navbar .online {
    color: #efffe9;
    display: inline-block;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.navbar .online .on {
    color: #f9a825;
}

.navbar .online i {
    color: #cdcdcd;
    margin-right: 10px;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input.game-sidebar__input {
    background: #272d39;
    border-color: #666666 !important;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

button.game-sidebar__footer-button {
    border-color: #666666 !important;
}
button.game-sidebar__input-helper-action,
button.startGame {
    background-color: #393949 !important;
}
button.game-sidebar__footer-button:hover,
button.game-sidebar__input-helper-action:hover,
button.startGame:hover {
    background-color: #404455 !important;
}

.navbar .balance {
    color: #cdcdcd;
    font-weight: 600;
    line-height: 48px;
    margin: 0 25px;
    display: none;
}

.navbar .balance i {
    margin: 0 5px;
}

.navbar .balance .buttons {
    display: inline-block;
}

.navbar .balance .buttons .dep {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 2px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.navbar .balance .buttons .dep:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.navbar .balance .buttons .with:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.navbar .balance .buttons .with {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 2px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.navbar .profile {
    position: relative;
    text-align: left;
    padding: 9px 25px;
    float: right;
}

.navbar .coin-icon {
    width: 23px;
    position: relative;
    top: 3px;
}

.navbar .profile img.profile-ava {
    width: 45px;
    border-radius: 50%;
    position: absolute;
    border: 1px solid #f9a825;
}

.navbar .profile .info {
    margin-left: 55px;
    font-size: 1rem;
    padding: 2px 0;
}

.navbar .profile .info .username {
    color: #efffe9;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.navbar .profile .info .exit {
    font-size: 13px;
    color: #cdcdcd;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.navbar .profile .info .exit i {
    margin-right: 5px;
}

.navbar .profile .info .exit:hover {
    color: #cdcdcd;
    text-decoration: underline;
}

.navbar .profile .info .money {
    padding: 4px 0 0;
    color: #ffc200;
}

.money .myicon-coins {
    font-size: 20px;
}

.money #money {
    margin-left: 5px;
    font-size: 1.2rem;
    font-weight: 600;
}

.money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.navbar .btn-vk-mobile {
    border-radius: 50px;
    font-size: 19px;
    font-weight: 600;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    text-align: center;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    padding: 8px;
    margin: -15px auto;
}

.navbar .btn-vk-mobile:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.navbar .btn-vk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 160px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    background: #ffc200;
    text-align: center;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    line-height: 39px;
    margin: 7px 10px;
    cursor: pointer;
}

.navbar .btn-vk i {
    font-size: 25px;
    margin-right: 8px;
}

.navbar .btn-vk:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.content {
    top: 60px;
    position: relative;
    width: 100%;
}

.main-width.hide-menu {
    padding-left: 84px;
}

.main-width.hide {
    padding-right: 8px;
}

.main-width {
    position: relative;
    margin: 0 auto;
    padding: 0 274px;
}

.fixed-nav {
    width: 60px;
    position: fixed;
    z-index: 10;
    top: 80px;
    left: 15px;
    bottom: 20px;
    background: #242323;
    border-radius: 10px;
}

.fixed-nav .leftside {
    list-style: none;
    height: calc(100% - 1px);
    overflow: auto;
    scrollbar-width: none;
}

.fixed-nav .leftside .ico {
    display: block;
    height: 32px;
    margin-bottom: 5px;
}

.arrow-back {
    padding: 5px 0;
    text-align: center;
    border-bottom: 2px solid #f9a825;
    margin-bottom: 7px;
    cursor: pointer;
}

.arrow-back a span {
    color: #f9a825;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow-back.active a span {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fixed-nav .leftside li .menu-title {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 0;
    position: relative;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-align: center;
    color: #fff;
}

.fixed-nav .leftside .settings-side {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.fixed-nav .leftside .settings-side i {
    vertical-align: top;
    border-radius: 50%;
    display: inline-block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    color: #fff;
    opacity: 0.5;
    margin-right: 5px;
}

.fixed-nav .leftside .settings-side .side-name {
    display: inline-block;
    opacity: 0.5;
}

.fixed-nav .leftside .settings-side .side-description {
    line-height: 23px;
    display: inline-block;
}

.fixed-nav .leftside .settings-side .side-description .side-stats {
    position: relative;
    color: #cdcdcd;
}

.fixed-nav .leftside .settings-side .side-description .side-stats .checkbox {
    width: 0;
    height: 0;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox:not(checked) {
    position: absolute;
    opacity: 0;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox:not(checked)
    + label {
    position: relative;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox:not(checked)
    + label:before {
    cursor: pointer;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 17px;
    margin-left: 10px;
    border-radius: 13px;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
    background: #dcdde0;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox#settings-change-theme:not(checked)
    + label:after {
    background: #52ac62;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox#settings-change-sound:checked
    + label:before {
    background: #b1342e;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox:not(checked)
    + label:after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    margin-left: 10px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    background: #971d36;
}

.fixed-nav
    .leftside
    .settings-side
    .side-description
    .side-stats
    .checkbox:checked
    + label:after {
    left: 23px;
}

.htp-image {
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 10px;
}

.htp-subtitle {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.htp-description {
    color: rgba(255, 255, 255, 0.9);
    margin-top: 5px;
    line-height: 1.3;
}

.fixed-nav .leftside {
    padding-top: 5px;
    padding-bottom: 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;
}

.fixed-nav .leftside li {
    margin-top: 3px;
}

.fixed-nav .leftside li a {
    display: block;
    width: 45px;
    height: 45px;
    margin: auto;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
    position: relative;
    z-index: 1;
    opacity: 1;
    border-radius: 5px;
}

.fixed-nav .leftside li i {
    line-height: 45px;
    font-size: 22px;
}

.my-custom-theme {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

.my-custom-theme .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.fixed-nav .leftside li a,
.fixed-nav .leftside li a i,
.fixed-nav .leftside .new b {
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
}

.fixed-nav .leftside li a.active,
.fixed-nav .leftside li a:hover {
    background: #181818;
}

.fixed-nav .leftside li .name {
    padding: 2px 10px;
    line-height: 36px;
    position: absolute;
    display: none;
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
}

.fixed-nav.active .leftside li .name,
.fixed-nav.active .leftside li .new {
    display: inline-block;
}

.fixed-nav .leftside li .new {
    padding: 0 10px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    color: #fff;
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
}

.fixed-nav .leftside li .new i {
    font-size: 14px;
    width: unset;
    height: unset;
    margin-left: 5px;
}

.separator {
    width: 1px;
    height: 100%;
    background: #353535;
}

.fixed-nav.active {
    width: 72px;
}

.fixed-nav.active .name {
    display: none;
}

.fixed-nav.active .ico {
    margin: 10px 0;
}

.fixed-nav.active .balance {
    padding: 0 5px;
    bottom: 60px;
}

.fixed-nav.active .balance .value input {
    font-size: 14px;
}

.fixed-nav.active .balance .value i {
    display: none;
}

.fixed-nav.active .leftside {
    height: calc(100% - 1px);
}

.fixed-nav .balance {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 0 25px;
    height: 175px;
}

.fixed-nav .balance .balance-title {
    color: #fff;
    text-transform: uppercase;
    margin: 15px 0 10px;
    font-weight: 600;
    font-size: 14px;
}

.fixed-nav .balance .balance-title:before {
    content: "";
    height: 1px;
    background: #4f5b82;
    padding: 0 10px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}

.fixed-nav .balance .value {
    position: relative;
}

.vk-auth-left {
    display: none;
}

.fixed-nav .balance .value input {
    background: #293857;
    line-height: 45px;
    border-radius: 50px;
    text-align: center;
    color: #cdcdcd;
    font-size: 22px;
    width: 100%;
    border: double 2px transparent;
    background-image: -o-linear-gradient(#21203a, #242323),
        -o-linear-gradient(290deg, #058aff, #a60cff);
    background-image: linear-gradient(#21203a, #242323),
        linear-gradient(160deg, #058aff, #a60cff);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.fixed-nav .balance .value .fas {
    position: absolute;
    right: 41px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.fixed-nav .balance .value .far {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
    cursor: pointer;
}

.fixed-nav .balance .buttons {
    line-height: 60px;
}

.fixed-nav .balance .buttons .dep {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-nav .balance .buttons .dep:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-nav .balance .buttons .with:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-nav .balance .buttons .with {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    margin: 0 5px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-nav.active {
    width: 282px;
}

.fixed-nav .leftside .name,
.fixed-nav .leftside .new {
    display: none;
}

.fixed-nav.active .leftside .ico {
    margin: 10px 0;
}

.review {
    background: rgba(21, 21, 21, 1);
    padding: 23px;
    border-radius: 7px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 400;
}

#more-reviews {
    display: block;
    width: 150px;
    text-align: center;
    margin: auto;
}

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

.fixed-chat {
    position: fixed;
    right: 15px;
    top: 80px;
    bottom: 20px;
    width: 250px;
    background: #242323;
    text-align: center;
    z-index: 1000;
    border-radius: 10px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.fixed-chat .icon {
    position: absolute;
    font-size: 90px;
    z-index: -1;
    color: #2938575c;
    opacity: 0.3;
    right: -15px;
}

.fixed-chat .heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #efffe9;
    margin: 15px 0;
    border-bottom: 1px solid #353535;
    padding-bottom: 15px;
}

.fixed-chat .messages {
    height: calc(100% - 150px);
    width: 230px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    left: 3px;
}

.scroller {
    overflow: auto;
    padding: 0 7px 0 5px;
    max-height: 100%;
}

.fixed-chat .item {
    text-align: left;
    margin-bottom: 15px;
    color: #cdcdcd;
}

.fixed-chat .item .avatar {
    width: 25px;
    height: 24px;
    float: left;
}

.new-nemu img {
    position: absolute;
    width: 28px;
    left: 105px;
    top: 3px;
}

.new-nemu-reviews img {
    position: absolute;
    width: 28px;
    left: 121px;
    top: 3px;
}

.new-mode-raffle img {
    position: absolute;
    width: 28px;
    left: 102px;
    top: 3px;
}

.fixed-chat .item .avatar {
    position: relative;
}

.fixed-chat .item .avatar img.avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.fixed-chat .item .avatar img.rank {
    width: 15px;
    position: absolute;
    right: -3px;
    top: -3px;
}

.fixed-chat .item .name {
    float: left;
    color: #cdcdcd;
    font-size: 13px;
    padding: 0 5px;
    line-height: 20px;
    width: 130px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fixed-chat .item .date {
    float: right;
    margin: 4px 0 0;
    font-weight: 600;
    font-size: 10px;
}

.fixed-chat .item .date .delete {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0;
    cursor: pointer;
    text-align: center;
}

.fixed-chat .item .date .delete i {
    position: unset;
    font-size: 11px;
    opacity: unset;
    color: #cdcdcd;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-chat .item .date .delete:hover > i {
    color: #cdcdcd;
}

.fixed-chat .item .text {
    margin-top: 12px;
    position: relative;
    letter-spacing: 0.015em;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    padding: 10px 14px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.fixed-chat .item .text:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 5px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.4);
}

.ranks {
    background: rgba(21, 21, 21, 1);
    border-radius: 15px;
    margin-bottom: 20px;
    color: #cdcdcd;
}

.ranks .decimal-list {
    counter-reset: item;
}

.ranks .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    font-weight: 400;
    line-height: 1.5;
}

.ranks .ranks-table td div {
    color: #fff;
}

.ranks .ranks-table td div span {
    color: #ffc200;
}

.ranks .ranks-table td div img {
    width: 35px;
    margin-right: 8px;
}

.ranks .payHistory {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.ranks .ranks-table .rank-name 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;
}

.ranks .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.your-rank img.rank-icon {
    width: 50px;
    margin-left: 8px;
}

.your-rank {
    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;
}

.your-rank span {
    font-weight: 100;
    font-size: 18px;
}

.progress-next-rank {
    width: 100%;
}

.next-rank {
    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;
    max-width: 725px;
    margin: auto;
}

.subheading {
    margin: 15px 0;
}

.subheading h3 {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

.games-table__ranks td:nth-child(2),
.games-table__ranks th:nth-child(2),
.games-table__ranks td:nth-child(3),
.games-table__ranks th:nth-child(3),
.games-table__ranks td:nth-child(4),
.games-table__ranks th:nth-child(4),
.games-table__ranks td:nth-child(5),
.games-table__ranks th:nth-child(5) {
    text-align: right;
}

.bets-progress,
.deposit-progress {
    width: 100%;
    border-radius: 3px;
    padding: 3px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    z-index: 5;
    color: #fff;
}

.bets-progress span.progress-sum,
.deposit-progress span.progress-sum {
    font-weight: 700;
    color: #fff;
}

.next-rank img.rank-icon {
    width: 60px;
}

.bets-progress {
    background: #5f2c82;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(95, 44, 130, 0.2)),
        to(rgba(73, 160, 157, 0.2))
    );
    background: -o-linear-gradient(
        left,
        rgba(95, 44, 130, 0.2),
        rgba(73, 160, 157, 0.2)
    );
    background: linear-gradient(
        to right,
        rgba(95, 44, 130, 0.2),
        rgba(73, 160, 157, 0.2)
    );
}

.deposit-progress {
    background: #38ef7d;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(56, 239, 125, 0.2)),
        to(rgba(17, 153, 142, 0.2))
    );
    background: -o-linear-gradient(
        left,
        rgba(56, 239, 125, 0.2),
        rgba(17, 153, 142, 0.2)
    );
    background: linear-gradient(
        to right,
        rgba(56, 239, 125, 0.2),
        rgba(17, 153, 142, 0.2)
    );
    margin-top: 10px;
}

.bets-progress .fill,
.deposit-progress .fill {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    z-index: -1;
}

.ranks-description ul li {
    font-weight: 400;
    margin-top: 10px;
}

.bets-progress .fill {
    background: #5f2c82;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#5f2c82),
        to(#49a09d)
    );
    background: -o-linear-gradient(left, #5f2c82, #49a09d);
    background: linear-gradient(to right, #5f2c82, #49a09d);
}

.deposit-progress .fill {
    background: #38ef7d;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#38ef7d),
        to(#11998e)
    );
    background: -o-linear-gradient(left, #38ef7d, #11998e);
    background: linear-gradient(to right, #38ef7d, #11998e);
}

.chat-transaction__icon {
    font-size: 25px;
    margin: 0 14px 0 0;
}

.chat-transaction__icon .icon-balance {
    background: url(../images/icon-pigs.svg) 0 0 no-repeat;
    width: 59px;
    height: 51px;
    display: block;
    background-size: contain !important;
}

.chat-transaction__icon .icon-promo {
    background: url(../images/icon-promo.png) 0 0 no-repeat;
    width: 59px;
    height: 51px;
    display: block;
    background-size: contain !important;
}

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

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

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

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

.fixed-chat .item:last-child {
    margin-bottom: 0;
}

.fixed-chat .send-form .banchat {
    position: absolute;
    text-align: center;
    width: 100%;
    background: #181818;
    border-radius: 7px;
    color: #fff;
    height: 100%;
    z-index: 1;
    font-weight: 700;
    left: 0;
}

.fixed-chat .send-form .banchat .title {
    padding: 19px 0;
}

.fixed-chat .send-form .banchat .btn a {
    padding: 10px 15px;
    background: -o-linear-gradient(right, #be94f8, #7a6cf3);
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#be94f8),
        to(#7a6cf3)
    );
    background: linear-gradient(to left, #be94f8, #7a6cf3);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    display: inline-block;
    cursor: pointer;
}

.fixed-chat .send-form .banchat .btn a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fixed-chat .send-form {
    margin: 18px auto 0;
    height: 55px;
    position: relative;
    width: 215px;
}

.fixed-chat .send-form .chat-input {
    background: rgba(0, 0, 0, 0.4);
    outline: none;
    border: none;
    height: 55px;
    width: 100%;
    padding: 0 45px 0 15px;
    font-size: 12px;
    border-radius: 5px;
    color: #fff;
}

.fixed-chat .send-form .btn-send {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    cursor: pointer;
    color: #cdcdcd;
    font-size: 20px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-chat .send-form .btn-send:hover {
    color: #cdcdcd;
}

.fixed-chat .send-form .btn-emoji {
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    color: #cdcdcd;
    font-size: 20px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-chat .send-form .btn-promo {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    color: #cdcdcd;
    font-size: 20px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.fixed-chat .send-form .btn-emoji:hover,
.fixed-chat .send-form .btn-promo:hover,
.fixed-chat .send-form .btn-send:hover {
    color: #fff;
}

.slimScrollDiv {
    padding-right: 10px;
}

.slimScrollBar {
    cursor: pointer;
}

.menu-button {
    outline: none;
    border: none;
    background: #181818;
    border-radius: 6px;
    width: 39px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
    text-decoration: none;
    margin-left: 8px;
    color: #cdcdcd;
}

.menu-button:hover {
    color: #fff;
}

.menu-button i {
    vertical-align: middle;
    font-size: 22px;
}

.menu {
    margin-left: 15px;
}

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

.menu__list-item {
    margin-right: 3px;
}

.menu__list-item__link {
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 3px;
    color: #b4b4b4;
    font-weight: 400;
}

.menu__list-item__link.active,
.menu__list-item__link:hover {
    color: #fff;
    background-color: #181818;
}

.chat-toggle {
    margin-right: 12px;
    position: relative;
}

.chat-toggle:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 6px;
    background: #ffc200;
    -webkit-box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
    box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
}

.profile-link {
    margin-left: 12px;
}

.fixed-chat.hide {
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
}

footer {
    background: #1b2741;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1090;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding: 0 30px;
}

footer .footer-copyright {
    float: left;
}

footer .footer-creator {
    float: right;
}

footer .footer-copyright a {
    color: #cdcdcd;
}

footer .footer-creator a {
    color: #cdcdcd;
}

.p7 {
    padding: 0 7px;
}

.head-game {
    background-color: rgba(21, 21, 21, 1);
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    top: 0;
    position: relative;
}

.head-game .game-name {
    font-weight: 700;
    color: #cdcdcd;
    display: inline-block;
    margin-right: 15px;
}

.head-game ul {
    display: inline-block;
    font-weight: 700;
}

.fixed-nav .leftside li.leftside__bottom-part {
    margin-top: auto;
}

.mode i:first-child {
    color: #ffc200;
}

.mode.mode_white i {
    color: #fff;
}

.head-game ul li {
    display: inline-block;
}

.head-game ul li a {
    color: #cdcdcd;
    font-size: 14px;
    padding: 0 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.head-game ul li a:hover {
    text-decoration: underline;
    color: #cdcdcd;
}

.head-game .howto {
    position: absolute;
    color: #cdcdcd;
    right: 30px;
    top: 0;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 700;
}

.head-game .howto i {
    margin: 0 10px;
}

.head-game .howto:hover {
    text-decoration: unset;
    color: #cdcdcd;
}

.cont-a {
    padding: 20px 7px;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.cont-b .second-title {
    margin-top: 10px;
    padding-bottom: 7px;
}

.cont-b {
    padding: 25px 15px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.dep-code {
    text-align: center;
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.dep-code .title1,
.dep-code .title2,
.dep-code .code {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.dep-code .title1,
.dep-code .title2 {
    width: 220px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #efefef;
}

.dep-code .title1 {
    border-radius: 50px 0 0 50px;
    border-left: unset;
}

.dep-code .title2 {
    border-radius: 0 50px 50px 0;
    border-left: unset;
}

.dep-code .code {
    width: 250px;
    background: #f8f8fb;
    color: #cdcdcd;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid #efefef;
}

.jackpot .flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jackpot .bank_amount {
    color: #ffc200;
}

.jackpot .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    /* border: 3px solid #3e3e3e; */
    margin-right: 10px;
    position: relative;
}

.jackpot .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.game-info {
    font-weight: 400;
    line-height: 30px;
    padding: 16px 45px;
}

.game-info .game-id {
    display: inline-block;
    color: #cdcdcd;
    font-size: 15px;
    font-weight: 700;
    margin-right: 25px;
}

.bet-hint {
    text-align: left;
    margin-bottom: 3px;
    color: #cdcdcd;
    font-size: 12px;
}

.bet-hint span,
.bet-hint i {
    color: #ffc200;
    font-size: 14px;
}

.crash-game .second-title .players_sum,
.crash-game .second-title .myicon-coins {
    color: #ffc200;
}

.game-info .fair {
    background: #1bc51a;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

.game-info .fair:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(123, 243, 108, 0.75);
    box-shadow: 0 0 40px 0 rgba(108, 243, 112, 0.75);
}

.jackpot .second-title,
.raffle .second-title {
    text-align: center;
    font-size: 16px;
    color: #cdcdcd;
    letter-spacing: 1px;
    padding: 5px 0;
    text-transform: uppercase;
}

.jackpot .bank {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    padding: 15px 0;
}

.ico-jackpot {
    background: url(../images/ico-jackpot.png);
    width: 79px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 16px 0 0;
}

.games-dropdown__game.games-dropdown__game-room {
    text-transform: none;
    font-size: 12px;
}

.rooms-dropdown {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 90;
    width: 100px;
    background: #343434;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.user-profile-caregories__room-arrow {
    margin-left: 2px;
    font-size: 10px;
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
    display: inline-block;
}

.user-profile-caregories__room-arrow.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.jackpot .bank i {
    margin: 0 5px;
}

.game-info a {
    border-bottom: 1px dotted #cdcdcd;
}

.game-info a:hover {
    border-bottom: none;
}

.second-title {
    color: #cdcdcd;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0 0 15px;
}

.main-width main {
    display: inline-block;
    width: 100%;
    height: calc(100% - 50px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}

.mobile-menu {
    display: none;
    height: 70px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #1d2730;
    z-index: 100;
}

.mobile-menu__contents {
    position: relative;
    height: 100%;
    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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 5px;
    margin: auto;
    font-size: 11px;
    color: #cdcdcd;
}

.mobile-menu__link {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}

.mobile-menu__link-icon {
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
}

.mobile-menu__submenu {
    position: absolute;
    bottom: 55px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 100;
    background: #181818;
    padding: 0 8px;
}

.mobile-menu__submenu-item {
    width: 50%;
}

.mobile-menu__submenu-item__link {
    display: block;
    font-size: 12px;
}

.mobile-menu__submenu-item__link-wrapper {
    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-bottom: 1px solid #282828;
    padding: 10px 15px;
}

.mobile-menu__submenu-item__link-icon {
    font-size: 24px;
    margin-right: 10px;
    color: #ffc200;
    opacity: 0.8;
    position: relative;
}

.mobile-menu__submenu-item__link-icon.active {
    opacity: 1;
}

.mobile-menu__submenu-item:hover .lightable:after {
    display: block;
}

.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-icon {
    opacity: 1;
}

.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-name,
.mobile-menu__submenu-item:hover .mobile-menu__submenu-item__link-bank {
    color: #fff;
}

.mobile-menu__submenu-item.active .lightable:after {
    display: block;
}

.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-icon {
    opacity: 1;
}

.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-name,
.mobile-menu__submenu-item.active .mobile-menu__submenu-item__link-bank {
    color: #fff;
}

.mobile-menu__link.active,
.mobile-menu__link:hover {
    color: #fff;
}

.mobile-menu__link {
    position: relative;
}

.lightable:after {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -20;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 20px 8px rgba(255, 194, 0, 0.5);
    box-shadow: 0 0 20px 8px rgba(255, 194, 0, 0.5);
}

.mobile-menu__submenu-item__link-bank {
    font-weight: 700;
}

.mobile-menu__submenu-item__link-name {
    margin-bottom: 5px;
}

.mobile-menu__submenu-item__link-name_no-margin {
    margin-bottom: 0;
}

.mobile-menu__submenu__vertical-divider {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 90%;
    width: 1px;
    background: #282828;
}

.mobile-menu__submenu-item__games-no-balance
    .mobile-menu__submenu-item__link-wrapper {
    padding: 13px 15px;
}

.mobile-menu__submenu-item_last-in-row
    .mobile-menu__submenu-item__link-wrapper {
    border-right: none;
}

.mobile-menu__submenu-item_last-in-column
    .mobile-menu__submenu-item__link-wrapper {
    border-bottom: none;
}

.mobile-menu__submenu-item_first-in-row
    .mobile-menu__submenu-item__link-wrapper {
    padding-left: 7px;
}

.mobile-menu__submenu-item_usual-icons .mobile-menu__submenu-item__link-icon {
    color: #cdcdcd;
    opacity: 1;
    position: relative;
}

.mobile-menu__submenu-item_usual-icons.mobile-menu__submenu-item.active
    .mobile-menu__submenu-item__link-icon,
.mobile-menu__submenu-item_usual-icons.mobile-menu__submenu-item:hover
    .mobile-menu__submenu-item__link-icon {
    color: #fff;
}

.mobile-menu__submenu-item.mobile-menu__submenu-item_social {
    width: 100%;
    margin: 10px 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;
}

.mobile-menu__submenu_more .mobile-menu__submenu__vertical-divider {
    top: 34%;
    height: 58%;
}

.mobile-menu__submenu-item_social-link {
    margin: 0 7px;
    background: #242323;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.mobile-menu__submenu-item_social-link:hover {
    color: #fff;
}

.main-width main .top-bg {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: -o-linear-gradient(bottom, #32466c, transparent);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#32466c),
        to(transparent)
    );
    background: linear-gradient(to top, #32466c, transparent);
    border-bottom: solid 1px #324568;
    -webkit-box-shadow: 0 0 1em #0000;
    box-shadow: 0 0 1em #0000;
}

.games-table__room-picker {
    cursor: pointer;
    padding: 10px 0;
    white-space: nowrap;
}

.slider-bg {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 65px;
    margin: 20px 0;
    -webkit-box-shadow: 0 0 3em #00000021;
    box-shadow: 0 0 3em #00000021;
    position: relative;
    border-radius: 50px;
}

.slider-bg ul {
    display: inline-block;
    height: 65px;
    width: 9999px;
    margin-bottom: 0;
    border-radius: 50px;
}

.slider-bg ul li {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    margin: 0 3px;
}

.slider-bg ul li img {
    width: 100%;
    border-radius: 5px;
}

.slider-bg ul li span {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius: 0 0 5px 5px;
}

.jackpot .slider {
    display: inline-block;
    width: 100%;
    position: relative;
}

.jackpot .slider .arrow {
    display: inline-block;
    width: 30px;
    position: absolute;
    height: 30px;
    background: url(../images/arrow.png) no-repeat center center;
    z-index: 6;
    background-size: 100%;
    left: calc(50% - 25px);
    top: 5px;
}

.jackpot .bets {
    margin-bottom: 60px;
}

.jackpot .bets li {
    background: #242323;
    border-radius: 4px;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
    vertical-align: middle;
    height: 90px;
    cursor: default;
}

.jackpot .bets li color {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
}

.jackpot .bets li .user {
    font-size: 0;
}

.jackpot .bets li .user .ava {
    position: absolute;
}

.jackpot .bets li .user .ava img.avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.jackpot .bets li .user .info {
    margin-left: 70px;
    display: inline-block;
    padding: 20px 0;
}

.jackpot .bets li .user .info .nickname {
    font-size: 15px;
}

.room ul {
    display: inline-block;
}

.room ul li {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

.jackpot .room {
    color: #cdcdcd;
    border-bottom: 1px solid #242323;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.room ul li a:hover,
.room ul li a.active {
    border-bottom: 2px solid #ffc200;
}

.room ul li a {
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    font-size: 14px;
    font-weight: 400;
    color: #cdcdcd;
}

.jackpot .bets li .user .info .points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400;
}

.jackpot_room_bank {
    display: block;
    margin-top: 8px;
}

.jackpot_room_bank.active {
    color: #ffc200;
}

.jackpot .bets li .user .info .points span.bet-sum {
    font-weight: 600;
    font-size: 16px;
    color: #ffc200;
}

.jackpot .bets li .user .detail {
    float: right;
    text-align: right;
    opacity: 0.6;
    color: #cdcdcd;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.jackpot .bets li .user .detail .percent {
    font-size: 21px;
    line-height: 36px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.jackpot .bets li .user .detail .tickets {
    font-size: 14px;
}

.jackpot .bets li .user .detail .tickets i {
    margin-right: 5px;
}

.jackpot .bets li:hover .user .detail .percent {
    color: #1dde10;
    opacity: 1;
}

.jackpot .bets li:hover .user .detail {
    opacity: 1;
}

.rooms {
    text-align: center;
}

.rooms .rooms-title {
    font-size: 22px;
    color: #cdcdcd;
    font-weight: 700;
}

.rooms .rooms-desc {
    color: #cdcdcd;
    font-weight: 700;
    font-size: 15px;
}

.rooms .room-selector {
    font-size: 0;
    padding: 15px;
}

.rooms .room {
    display: inline-block;
    margin-left: 20px;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}

.rooms .room:first-child {
    margin-left: 0;
}

.rooms .room:not(.active):last-child {
    border-right: unset;
}

.rooms .room .room-name {
    font-size: 18px;
    font-weight: 700;
    color: #cdcdcd;
}

.rooms .room .room-bet {
    font-size: 20px;
    color: #cdcdcd;
}

.rooms .room .room-bank {
    font-size: 14px;
    color: #cdcdcd;
}

.rooms .room:hover {
    border-bottom: 2px solid #ffc200;
}

.rooms .room.active {
    border-bottom: 2px solid #ffc200;
}

.chances {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 15px;
    height: 105px;
    white-space: nowrap;
    overflow: hidden;
}

.raffle-users {
    width: 100%;
    text-align: left;
    font-size: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}

.chances img.avatar,
.raffle-users img.avatar {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    border: 1px solid #ffc200;
    margin: 10px 20px;
}

.chances img.rank,
.raffle-users img.rank {
    width: 25px;
    position: absolute;
    right: 14px;
    top: 8px;
}

.ava img.rank {
    width: 25px;
    position: absolute;
    right: -5px;
    top: -2px;
}

.chances li {
    display: inline-block;
    background: #242323;
    border-radius: 10px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    width: 95px;
    height: 105px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.raffle-users li {
    display: inline-block;
    background: #242323;
    border-radius: 10px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    width: 95px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.raffle-history h4 {
    text-align: center;
    margin: 25px 0 10px;
    font-size: 1.2rem;
    font-weight: 400;
}

.raffle-bank .myicon-coins {
    font-size: 18px;
}

#raffle-price {
    font-weight: 700;
    font-size: 18px;
}

.winner-block {
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.65;
    display: none;
}

.winner-name span {
    color: #fff;
    font-size: 16px;
}

.winner-prize span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.winner-prize span.myicon-coins {
    font-weight: 400;
    color: #ffc200;
}

.winner-tickets span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.winner-tickets span.myicon-ticket-raffle {
    color: #00de09;
    font-size: 18px;
    font-weight: 400;
}

.raffle-users span {
    display: block;
    text-align: center;
    height: 15px;
    font-size: 14px;
}

.raffle-users span.raffle-history-win {
    color: #ffc200;
}

.raffle-users span.raffle-history-date {
    font-size: 12px;
    margin: 7px 0;
    font-weight: 100;
}

.chances color {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.timer {
    position: relative;
    height: 80px;
    margin: 15px 0;
}

.timer .timer-title {
    text-align: center;
    padding: 5px;
    color: #cdcdcd;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.timer .timer-bar {
    width: 100%;
    background-color: #1b2741;
    border-radius: 3px;
    height: 2px;
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.timer .timer-bar-fill {
    height: 2px;
    display: block;
    background: -o-linear-gradient(right, #ffc200, #009688);
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#ffc200),
        to(#009688)
    );
    background: linear-gradient(to left, #ffc200, #009688);
    border-radius: 3px;
    width: 0;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

.timer .timer-bar .time {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: -19px;
}

.timer .timer-bar .time .elements {
    width: 120px;
    margin: 0 auto;
    background: #151515;
}

.timer .timer-bar .time .elements .minsec {
    font-size: 28px;
    color: #cdcdcd;
}

.timer .timer-bar .time .elements .ms {
    color: hsla(0, 0%, 100%, 0.6);
}

.jackpot .roulette {
    height: 150px;
    padding: 0 10px;
    position: relative;
}

.jackpot .roulette .list {
    height: 120px;
    /* padding: 21px 0; */
    overflow: hidden;
    position: relative;
}

.jackpot .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    /* border: 3px solid #3e3e3e; */
    margin-right: 10px;
    position: relative;
}

.jackpot .roulette p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.jackpot .roulette p color {
    height: 4px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.jackpot .roulette .overview {
    width: 99999px;
    margin-left: -161px;
}

.jackpot .roulette .pointer {
    height: 120px;
    width: 4px;
    background: #ffc200;
    position: absolute;
    left: 50%;
    z-index: 999999;
}

.jackpot .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.raffle .roulette {
    height: 150px;
    padding: 0 10px;
    position: relative;
}

.raffle .roulette .list {
    height: 120px;
    padding: 21px 0;
    overflow: hidden;
    position: relative;
}

.raffle .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid #242323;
    margin-right: 10px;
    position: relative;
}

.raffle .roulette p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.raffle .roulette p color {
    height: 4px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.raffle .roulette .overview {
    width: 99999px;
    margin-left: -161px;
}

.raffle .roulette .pointer {
    height: 120px;
    width: 4px;
    background: #ffc200;
    position: absolute;
    left: 50%;
    z-index: 999999;
}

.raffle .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.chouser {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}

.chouser .carousel {
    width: 700000px;
    height: 80px;
    font-size: 0;
}

.chouser .carousel p {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border-radius: 5px;
    overflow: hidden;
}

.chouser .carousel p img {
    float: left;
    width: 80px !important;
    height: 80px !important;
}

.chouser .carousel p color {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.chouser .picker {
    height: 80px;
    width: 4px;
    background: #3093e4;
    position: absolute;
    left: 50%;
    margin-top: -80px;
    z-index: 999999;
}

.winner {
    text-align: center;
    margin-bottom: 15px;
    background: -o-linear-gradient(bottom, #242323, transparent);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#242323),
        to(transparent)
    );
    background: linear-gradient(to top, #242323, transparent);
    padding: 13px;
    border-bottom: 3px solid #ffc200;
    color: #cdcdcd;
}

.winner ul li .winner-w .points b,
.winner ul li .winner-w .points i {
    color: #ffc200;
}

.jackpot .check-random {
    margin: 10px 0;
}

.winner a {
    padding: 10px 14px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.winner a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 1px 0 20px 0 rgba(255, 193, 7, 0.5);
}

.winner ul {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
}

.winner ul li {
    position: relative;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-align: center;
}

.winner ul li .chance-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .chance-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    height: 21px;
    display: block;
    font-weight: 400;
}

.winner ul li .chance-w .chance {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffc200;
}

.winner ul li .winner-w {
    text-align: left;
}

.winner ul li .winner-w .ava {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.winner ul li .winner-w .ava img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

.winner ul li .winner-w .nickname {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    max-width: 180px;
    padding: 22px 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 65px;
}

.winner ul li .winner-w .points {
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.winner ul li .ticket-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .ticket-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 21px;
    display: block;
}

.winner ul li .ticket-w .ticket {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #3aca5b;
}

.bet-input {
    position: relative;
    text-align: center;
    margin: 10px 0 15px;
}

.double-right .bet-input {
    margin-bottom: 30px;
}

.bet-input .value {
    display: inline-block;
    width: 100%;
    position: relative;
}

.double-button .bet-amount {
    font-weight: 400;
    font-size: 1.2rem;
}

.bet-input .value input,
.bet-input .autoout input {
    background: #242323;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px #ffc200;
    min-width: 120px;
}

.bet-input .value i {
    color: #cdcdcd;
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.bet-input .autoout {
    display: inline-block;
    width: 180px;
    position: relative;
}

.crash-game .flex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.crash-game .flex-wrap > * {
    margin-left: 10px;
}

.crash-game .flex-wrap > :first-child {
    margin-left: 0;
}

.bet-input .autoout i {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
    color: #cdcdcd;
}

.bet-input .upper {
    display: inline-block;
    line-height: 3;
    margin-top: 10px;
}

.bet-input .upper a {
    padding: 7px;
    background: #242323;
    border-radius: 2px;
    color: #cdcdcd;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 400;
}

.bet-input .upper a:hover {
    background: #ffc200;
    color: #fff;
}

.games-table__header-th_with-submenu {
    position: relative;
}

.bet-input .upper i {
    display: contents;
}

.jackpot .bet-input .flex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.jackpot .bet-input .makeBet {
    margin-left: 15px;
}

.bet-input .makeBet {
    padding: 15px 20px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.bet-input .makeBet:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.double-loop {
    font-weight: 700;
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    padding: 30px;
    border-radius: 15px;
    background: rgba(21, 21, 21, 1);
}

.user-profile-full-stats__error {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}

.user-profile-full-stats__error_no-games {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}

.double {
    width: 350px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

.hash {
    position: relative;
    margin: 15px auto;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.double.active .double-row {
    -webkit-transform: rotate(3500deg);
    -ms-transform: rotate(3500deg);
    transform: rotate(3500deg);
}

.double-win {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -14px;
    z-index: 2;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.double-win img {
    width: 100%;
    height: auto;
}

.double-row {
    position: absolute;
    top: 0;
    left: 1px;
    right: 0;
    bottom: -1px;
    z-index: 1;
    -webkit-transition: 13s;
    -o-transition: 13s;
    transition: 13s;
}

.double-row img {
    width: 100%;
    height: auto;
}

.double-rel {
    width: 155px;
    height: 155px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    z-index: 4;
    color: #fff;
    line-height: 155px;
    text-align: center;
    font-size: 60px;
}

.double-timer {
    background: url(../images/double-timer.svg) no-repeat center 15px;
    background-size: 30px;
    width: 168px;
    height: 168px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-top: -84px;
    margin-left: -84px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 38px;
    color: #fff;
}

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

.double-loop .flex-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-wrap .double {
    min-width: 350px;
    margin-right: 35px;
}

.double-time {
    font-size: 60px;
    font-weight: 700;
    color: #ffc200;
    margin: 73px 0 0;
}

.double-right {
    margin: 0 auto;
}

.double-last {
    overflow: hidden;
    margin: 16px 0;
    background: #242323;
    padding: 15px;
    white-space: nowrap;
    border-radius: 50px;
    position: relative;
    border-radius: 25px;
}

.double-last:after {
    content: "";
    background: -o-linear-gradient(left, transparent, #242323);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        to(#242323)
    );
    background: linear-gradient(to right, transparent, #242323);
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
}

.double-last form {
    display: inline-block;
}

.double-last-i.black {
    background: url(../images/black.png) no-repeat 0 0;
}

.double-last-i.red {
    background: url(../images/yellow.png) no-repeat 0 0;
}

.double-last-i.green {
    background: url(../images/green.png) no-repeat 0 0;
}

.double-last-i:nth-child(1) {
    margin: 0;
}

.double-last-i {
    width: 41px;
    height: 41px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.double-button {
    text-align: center;
}

.double-button a:after {
    width: 29px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.double-button a:first-child {
    margin-left: 0;
}

.double-button a:last-child {
    margin-right: 0;
}

.double-button a:hover:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.double-button a {
    width: 110px;
    height: 41px;
    line-height: 38px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    margin: 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.double-button-1 {
    border: 1px solid #ffc200;
    background: #ffc200;
}

.double-button-1:hover {
    -webkit-box-shadow: 0 0 10px rgba(255, 217, 0, 0.4),
        inset 0 0 6px rgba(255, 217, 0, 0.25);
    box-shadow: 0 0 10px rgba(255, 217, 0, 0.4),
        inset 0 0 6px rgba(255, 217, 0, 0.25);
}

.double-button-1:after {
    background: #c39107;
    content: "x2";
    -webkit-box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
    box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
}

.double-button-2 {
    border: 1px solid #249b42;
    background: #01c236;
}

.double-button-2:hover {
    -webkit-box-shadow: 0 0 10px rgba(36, 155, 66, 0.4),
        inset 0 0 6px rgba(36, 155, 66, 0.25);
    box-shadow: 0 0 10px rgba(36, 155, 66, 0.4),
        inset 0 0 6px rgba(36, 155, 66, 0.25);
}

.double-button-2:after {
    background: #249b42;
    content: "x14";
    -webkit-box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
    box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
}

.double-button-3 {
    border: 1px solid #313336;
    background: #494b4e;
}

.double-button-3:hover {
    -webkit-box-shadow: 0 0 10px rgba(49, 51, 54, 0.4),
        inset 0 0 6px rgba(49, 51, 54, 0.25);
    box-shadow: 0 0 10px rgba(49, 51, 54, 0.4),
        inset 0 0 6px rgba(49, 51, 54, 0.25);
}

.double-button-3:after {
    background: #313336;
    content: "x2";
    -webkit-box-shadow: 0 0 12px rgba(49, 51, 54, 0.6);
    box-shadow: 0 0 12px rgba(49, 51, 54, 0.6);
}

.user-profile {
    margin: 20px auto;
    max-width: 1200px;
    padding: 0 7px;
    padding-bottom: 0;
    width: 100%;
}

.user-profile-overview-loop {
    background: rgba(21, 21, 21, 1);
    padding: 25px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.user-profile-overview-loop__left-avatar {
    width: 200px;
    margin: auto;
    padding: 15px 0;
}

.user-profile-overview-loop__left-avatar img {
    max-width: 100%;
    border-radius: 29px;
    border: 6px solid #fab70f;
    padding: 5px;
}

.user-profile-overview-loop__left-resources {
    margin-left: 10px;
}

.relative-wrapper {
    position: relative;
}

.user-profile-overview-loop__left-vk {
    background: #242323;
    padding: 5px;
    opacity: 0.8;
    position: absolute;
    bottom: 9px;
    font-size: 11px;
    color: #e0e0e0;
    left: 24px;
    border-radius: 5px;
    width: 50px;
    height: 24px;
    text-align: center;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.site-onl {
    text-align: center;
    width: 100%;
    display: block;
    color: #cdcdcd;
    margin-top: 10px;
}

.site-onl .active-dot {
    margin-right: 6px;
    margin-bottom: 2px;
}

.mobile-menu__submenu-item_social-link .active-dot {
    margin-right: 3px;
    margin-bottom: 1px;
}

.active-dot {
    width: 7px;
    display: inline-block;
    height: 7px;
    border-radius: 50%;
    background: #ffc200;
    -webkit-box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
    box-shadow: 0 0 4px 2px rgba(255, 196, 0, 0.5);
}

.user-profile-overview-loop__left-vk:hover {
    background: #ffc200;
    color: #fff;
    opacity: 1;
}

.user-profile-overview-loop__left-vk span {
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
}

.user-profile-overview-loop__left-resources__name {
    font-size: 15px;
    color: #fff;
    max-width: 200px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.user-profile-overview-loop__left-resources__balance {
    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;
    font-size: 16px;
    font-weight: 700;
    color: #ffc200;
    margin-top: 7px;
}

.user-profile-overview-loop__left-resources__tickets {
    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;
    font-size: 16px;
    margin-top: 5px;
}

.user-profile-overview-loop__left-resources__tickets .myicon-ticket-raffle {
    color: #00de09;
}

.user-profile-overview-loop__left-resources__money {
    margin-left: 5px;
    font-weight: 700;
    color: #fff;
}

.user-profile-overview-loop__left-resources__tickets_value {
    margin-left: 5px;
    color: #fff;
    font-weight: 700;
}

.user-profile-overview-loop__left-action-button_pay {
    margin-top: 10px;
}

.user-profile-overview-loop__left-action-button_withdraw {
    margin-top: 5px;
}

.gray-color {
    color: #cdcdcd;
}

.user-profile-overview-loop__left-resources__tickets_what {
    font-size: 11px;
    margin-left: 6px;
    font-weight: 800;
    color: #a7a7a7;
}

.user-profile-overview-loop__left-since {
    font-size: 12px;
    white-space: nowrap;
}

.user-profile-overview-horizontal-line {
    width: 1px;
    height: 150px;
    display: inline-block;
    margin: 0 20px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.user-profile-overview-loop__right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.user-profile-overview-loop__right-stats {
    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: 400;
}

.stat-block {
    padding: 12px 5px;
    width: 150px;
    border-radius: 6px;
    border: 1px solid #ffc200;
    margin-left: 7px;
    margin-right: 7px;
    text-align: center;
}

.stat-block__title {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.stat-block__value {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
}

.stat-block__value_coins-with-icon {
    color: #ffc200;
}

.user-profile-overview-stats-divisor {
    width: 90%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 25px auto;
}

.user-profile-overview-rank-table {
    text-align: right;
    margin: 10px auto 0;
    padding-right: 7px;
    max-width: 725px;
}

.user-profile-overview-rank-table__link {
    font-size: 12px;
}

.double-history-result_small .double-history-result__number {
    line-height: 28px;
}

.user-profile-full-stats__content {
    position: relative;
}

.user-profile-full-stats {
    background: #242323;
    padding: 5px 25px 10px;
    min-height: 400px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}

.user-profile-full-stats.show-controls {
    padding-bottom: 75px;
}

.user-profile-full-stats__controls {
    padding: 0 23px;
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%;
    display: none;
}

.user-profile-full-stats__controls.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.user-profile-full-stats__btn.active {
    opacity: 1;
}

.user-profile-full-stats__btn {
    padding: 10px;
    outline: none;
    border: solid 1px #424242;
    background: transparent;
    color: #aaa;
    border-radius: 5px;
    opacity: 0.4;
    font-size: 13px;
}

.user-profile-full-stats__btn.active:hover {
    color: #fff;
    cursor: pointer;
}

.user-profile-full-stats__btn-next {
    margin-left: auto;
}

.user-profile-full-stats__btn__icon {
    display: inline-block;
    font-size: 11px;
    margin: 0 2px;
}

.user-profile-caregories {
    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;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.user-profile-caregories__category {
    position: relative;
    font-size: 13px;
    color: #a0a0a0;
    margin-right: 20px;
    padding: 20px 5px;
}

.user-profile-caregories__category_active {
    color: #fff;
    border-bottom: 1px solid #ffc200;
}

.user-profile-caregories__category:hover {
    color: #fff;
    cursor: pointer;
}

.user-profile-caregories__category:last-child {
    margin: 0;
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate.la-dark {
    color: #333;
}

.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate 0.75s linear infinite;
    animation: ball-clip-rotate 0.75s linear infinite;
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

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

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.info-block {
    color: #fff;
    margin: 10px 0 25px 0;
    padding: 15px 10px;
    background: #242323;
    font-size: 13px;
    border-radius: 5px;
    border-left: 5px #ffc200 solid;
    line-height: 1.5;
}

.loader {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 70px;
}

.games-table {
    border-collapse: collapse;
    width: 100%;
    display: none;
}

.games-table__jackpot th:nth-child(4),
.games-table__jackpot td:nth-child(4) {
    text-align: center;
}

.games-table__jackpot th:nth-child(5),
.games-table__jackpot td:nth-child(5),
.games-table__jackpot th:nth-child(6),
.games-table__jackpot td:nth-child(6) {
    text-align: right;
}

.games-table__double th:nth-child(2),
.games-table__double td:nth-child(2) {
    width: 40%;
}

.games-table__double th:nth-child(2),
.games-table__double td:nth-child(2),
.games-table__double th:nth-child(3),
.games-table__double td:nth-child(3) {
    text-align: center;
}

.games-table__double th:nth-child(4),
.games-table__double td:nth-child(4),
.games-table__double th:nth-child(5),
.games-table__double td:nth-child(5) {
    text-align: right;
}

.games-table__battle th:nth-child(3),
.games-table__battle td:nth-child(3) {
    width: 25%;
}

.games-table__battle th:nth-child(2),
.games-table__battle td:nth-child(2),
.games-table__battle th:nth-child(3),
.games-table__battle td:nth-child(3),
.games-table__battle th:nth-child(4),
.games-table__battle td:nth-child(4) {
    text-align: center;
}

.games-table__battle th:nth-child(5),
.games-table__battle td:nth-child(5),
.games-table__battle th:nth-child(6),
.games-table__battle td:nth-child(6) {
    text-align: right;
}

.games-table__crash th:nth-child(3),
.games-table__crash td:nth-child(3) {
    text-align: center;
}

.games-table__crash th:nth-child(4),
.games-table__crash td:nth-child(4),
.games-table__crash th:nth-child(5),
.games-table__crash td:nth-child(5) {
    text-align: right;
}

.games-table__dice th:nth-child(3),
.games-table__dice td:nth-child(3),
.games-table__dice th:nth-child(4),
.games-table__dice td:nth-child(4) {
    text-align: center;
}

.games-table__dice th:nth-child(5),
.games-table__dice td:nth-child(5),
.games-table__dice th:nth-child(6),
.games-table__dice td:nth-child(6) {
    text-align: right;
}

.games-table__raffle th:nth-child(2),
.games-table__raffle td:nth-child(2) {
    padding-left: 8%;
}

.games-table__raffle th:nth-child(3),
.games-table__raffle td:nth-child(3),
.games-table__raffle th:nth-child(4),
.games-table__raffle td:nth-child(4) {
    text-align: right;
}

.stats-table__pays .games-table__body-status {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.stats-table__pays th:nth-child(1),
.stats-table__pays td:nth-child(1) {
    width: 20%;
}

.stats-table__pays th:nth-child(2),
.stats-table__pays td:nth-child(2) {
    text-align: right;
    width: 30%;
    padding-right: 10%;
}

.stats-table__pays th:nth-child(3),
.stats-table__pays td:nth-child(3) {
    width: 30%;
    text-align: center;
}

.stats-table__pays th:nth-child(4),
.stats-table__pays td:nth-child(4) {
    width: 20%;
    text-align: center;
}

.stats-table__withdraws th:nth-child(1),
.stats-table__withdraws td:nth-child(1) {
    width: 20%;
}

.stats-table__withdraws th:nth-child(2),
.stats-table__withdraws td:nth-child(2) {
    text-align: right;
    width: 30%;
    padding-right: 10%;
}

.stats-table__withdraws th:nth-child(3),
.stats-table__withdraws td:nth-child(3) {
    text-align: center;
    width: 30%;
}

.stats-table__withdraws th:nth-child(4),
.stats-table__withdraws td:nth-child(4) {
    text-align: right;
    width: 30%;
    padding-right: 10%;
}

.stats-table__withdraws th:nth-child(5),
.stats-table__withdraws td:nth-child(5) {
    width: 15%;
}

.stats-table__withdraws th:nth-child(6),
.stats-table__withdraws td:nth-child(6) {
    width: 10%;
    text-align: left;
}

.stats-table__other th:nth-child(2),
.stats-table__other td:nth-child(2) {
    text-align: right;
    padding-right: 11%;
    width: 30%;
}

.games-table__dice_history {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.games-table thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.games-table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.games-table__header-th.games-table__header-th_no-overflow {
    overflow: visible;
}

.games-table__body-td {
    text-align: left;
    padding: 18px 0;
    color: #fff;
    font-size: 13px;
}

.games-table__body-tr:last-child {
    border-bottom: none;
}

.games-table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.games-table__money-win {
    font-weight: 700;
}

.flex-align {
    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;
}

.games-table__tickets span {
    color: #00de09;
    font-size: 18px;
    margin-right: 5px;
}

.games-table__money {
    font-weight: 400;
    color: #ffc200;
}

.games-table__money_lost {
    color: #a9a9a9;
}

.games-table__money_win {
    color: #ffc200;
}

.games-table__body-double-bet {
    padding: 5px 15px;
    color: #fff;
    font-weight: 500;
    border-radius: 20px;
}

.bet_yellow {
    background: #ffc200;
}

.bet_black {
    background: #333537;
}

.bet_green {
    background: #01c236;
}

.bet_violet {
    background: #640cab;
}

.double-history-result {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
}

.double-history-result_red:before {
    border: 1px solid #ffc200;
}

.double-history-result_yellow:before {
    border: 1px solid #ffc200;
}

.double-history-result_black:before {
    border: 1px solid #333537;
}

.double-history-result_green:before {
    border: 1px solid #01c236;
}

.double-history-result_red {
    background: #ffc200;
}

.double-history-result_yellow {
    background: #ffc200;
}

.double-history-result_black {
    background: #333537;
}

.double-history-result_green {
    background: #01c236;
}

.double-last-history_margined {
    margin-right: 15px;
}

.double-history-result__number {
    margin-top: 50%;
    display: block;
    font-weight: 800;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    height: 100%;
    line-height: 35px;
}

.double-history-result_small {
    width: 28px;
    height: 28px;
}

.double-history-result_small:before {
    width: 34px;
    height: 34px;
}

.double-history-result_medium {
    width: 34px;
    height: 34px;
}

.double-history-result_medium:before {
    width: 42px;
    height: 42px;
}

.games-table__body-td_low_padding {
    padding: 12px 0;
}

.games-table__body-td_no_padding {
    padding: 0;
}

.double-history-result:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.games-table__body-battle-bet {
    padding: 5px 15px;
    color: #fff;
    border-radius: 20px;
    font-weight: 500;
}

.games-table__body-battle-winner {
    display: block;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.games-table__body-td__fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    cursor: pointer;
}

.games-table__body-td__fair a {
    display: block;
}

.games-table__body-td__fair:hover span {
    color: #ffc200;
}

.status-success {
    color: #3ac430;
}

.status-error {
    color: #d11313;
}

.status-pending {
    color: #fe9705;
}

.games-table__body-status-image {
    margin-right: 8px;
    font-size: 16px;
}

.games-table__body-status {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
    padding-right: 20px;
}

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

.user-profile-caregories__dropdown-arrow {
    font-size: 12px;
    margin-left: 7px;
    display: inline-block;
    -webkit-transition: 0.1s all ease;
    -o-transition: 0.1s all ease;
    transition: 0.1s all ease;
}

.user-profile-caregories__dropdown-arrow.active {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.games-dropdown {
    display: none;
    position: absolute;
    z-index: 100;
    top: 57px;
    width: 150px;
    left: 0;
    background: #343434;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.games-dropdown__game {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 7px;
    color: lightgray;
    border-bottom: 1px solid #494949;
}

.games-dropdown__game:hover {
    background: #3a3a3a;
    color: #fff;
    cursor: pointer;
}

.games-dropdown__game_last-child {
    border-bottom: none;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.games-dropdown__game-icon {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
    color: #ffc200;
}

.games-table__body-wallet-image {
    width: 30px;
    vertical-align: middle;
}

.games-table__popup-caller {
    color: #fff;
}

.partnership {
    display: none;
}

.ref-summary {
    text-align: center;
    line-height: 1.75;
}

.ref-profit {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ref-profit__item {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.ref-profit__item:first-child {
    border: none;
}

.ref-profit__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.ref-profit__img span {
    font-size: 30px;
    color: #ffc200;
}

.ref-profit__numer {
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    margin-top: 6px;
}

.ref-profit__descr {
    font-size: 14px;
    margin-top: 3px;
}

.ref-levels {
    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;
    position: relative;
    max-width: 700px;
    margin: auto;
    margin-top: 25px;
}

.ref-levels__line {
    position: absolute;
    border-radius: 5px;
}

.ref-levels__lvl {
    text-align: center;
    z-index: 4;
}

.ref-levels__lvl:last-child {
    margin-right: -1px;
    max-width: 36px;
}

.ref-levels__lvl-title {
    background: #181818;
    height: 36px;
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
}

.ref-levels__line {
    position: absolute;
    width: 100%;
    height: 10px;
    background: #181818;
    top: 35px;
    z-index: 0;
    left: 0;
}

.your-code {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background: #181818;
    margin-top: 10px;
    border: 1px solid #2f2f2f;
    border-radius: 10px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.your-code__link {
    position: relative;
    margin-left: auto;
}

.partnership__code {
    border: 1px solid #ffc200;
    background: none;
    color: #fff;
    border-radius: 5px;
    padding: 13px 10px;
    width: 400px;
    font-size: 14px;
}

.partnership__copy {
    position: absolute;
    right: 2px;
    background: #373737;
    top: 1px;
    margin: 0;
    padding: 12px 20px;
    font-size: 18px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    opacity: 0.5;
    cursor: pointer;
}

.partnership__copy:hover {
    opacity: 1;
}

.ref-value {
    color: #ffc200;
}

.ref-levels__friends {
    font-size: 11px;
    color: #a3a3a3;
    margin-top: 7px;
}

.ref-levels__percent {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}

.ref-levels__line:before {
    content: "";
    position: absolute;
    width: 0;
    height: 10px;
    background: #ffc200;
    top: 0;
    border-radius: 5px;
    z-index: 0;
    left: 0;
}

.partner-lvl-1 .ref-levels__line:before {
    width: 0;
}

.partner-lvl-2 .ref-levels__line:before {
    width: 25%;
}

.partner-lvl-3 .ref-levels__line:before {
    width: 50%;
}

.partner-lvl-4 .ref-levels__line:before {
    width: 75%;
}

.partner-lvl-5 .ref-levels__line:before {
    width: 100%;
}

.partner-lvl-1 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-2 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-2 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-3 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-4 .ref-levels__lvl_lvl-4 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-1 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-2 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-3 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-4 .ref-levels__lvl-title,
.partner-lvl-5 .ref-levels__lvl_lvl-5 .ref-levels__lvl-title {
    background: #ffc200;
}

.dark-button {
    border: none;
    outline: none;
    background: #242323;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    border-radius: 3px;
}

.dark-button i {
    font-size: 16px;
    margin-right: 3px;
}

.dark-button:hover {
    background: #ffc200;
    cursor: pointer;
}

.small-button {
    padding: 5px 10px;
}

.rates-full {
    margin: 15px 0 0;
    text-align: center;
    position: relative;
}

.rates-loop:after {
    width: 334px;
    height: 70px;
    position: absolute;
    top: -13px;
    left: -11px;
    content: "";
}

.rates-top.green {
    background: #01c236;
}

.rates-top.yellow {
    background: #ffc200;
}

.rates-top.black {
    background: #494b4e;
}

.rates-loop:nth-child(3) {
    margin: 0;
}

.profile .rank {
    position: absolute;
    width: 25px;
    top: 6px;
    left: 52px;
}

.rates-loop {
    width: 240px;
    background: #242323;
    border-radius: 20px;
    position: relative;
    padding: 0 0 10px;
    margin: 0 7px;
    display: -ms-inline-grid;
    display: inline-grid;
    overflow: hidden;
}

.rates-top {
    height: 40px;
    line-height: 40px;
    margin: 0 0 7px;
}

.rates-top div {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 14px;
}

.rates-loop .rates-top span {
    color: #fff;
}

.rates-i:last-child {
    border: 0;
}

.rates-i {
    overflow: hidden;
    border-bottom: 1px solid #353535;
    padding: 5px;
}

.rates-ava {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 10px 0 0;
}

.rates-ava img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.rates-ava img.rank {
    width: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
}

.battle .ava {
    position: relative;
}

.battle .ava img.rank {
    width: 20px;
    position: absolute;
    top: -4px;
    right: -6px;
}

.rates-login {
    float: left;
    font-size: 12px;
    color: #ffb432;
    line-height: 40px;
    margin-left: 45px;
    text-align: left;
}

.rates-login b {
    display: block;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rates-loop:nth-child(1) .rates-rub {
    border: 1px solid #f5c135;
}

.rates-loop:nth-child(2) .rates-rub {
    border: 1px solid #249541;
}

.rates-loop:nth-child(3) .rates-rub {
    border: 1px solid #313336;
}

.rates-rub {
    float: right;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    margin: 6px 0 0;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

.double-history {
    text-align: center;
    background: #21203a;
    border-radius: 25px;
    padding: 15px;
}

.double-history li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.double-history li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.double-history li .game {
    color: #cdcdcd;
    font-size: 15px;
}

.double-history li .number {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    font-size: 28px;
    color: #fff;
}

.double-history li .check-random {
    padding: 0 20px;
}

.double-history li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.double-history li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.historyTable.active {
    display: block;
}

.historyTable {
    display: none;
    text-align: center;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 60px;
}

.historyTable li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    position: relative;
}

.historyTable li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.historyTable li .game {
    display: inline-block;
    color: #cdcdcd;
}

.historyTable li .show {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.historyTable li .show a {
    background: #058aff;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.historyTable li .show a:hover {
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    color: #fff;
}

.historyTable li .user .avatar {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

.historyTable li .user .avatar img {
    width: 80px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 40px 0 #1b2741;
    box-shadow: 0 0 40px 0 #1b2741;
}

.historyTable li .user .username {
    border-bottom: 1px dotted #353;
    padding-bottom: 5px;
}

.historyTable li .win {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}

.historyTable li .win span {
    width: 50%;
    display: inline-block;
}

.historyTable li .ticket {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .ticket span {
    width: 50%;
    display: inline-block;
    color: #3aca5b;
}

.historyTable li .chance {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .chance span {
    width: 50%;
    display: inline-block;
    color: #f6a25c;
}

.historyTable li .checkApi {
    margin-top: 20px;
}

.historyTable li .checkApi .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.historyTable li .check .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.main {
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    padding: 0 7px;
    color: #cdcdcd;
}

.main .games-list {
    displd: #ffc200;
    cursor: pointer;
}

.small-button {
    padding: 5px 10px;
}

.rates-full {
    margin: 15px 0 0;
    text-align: center;
    position: relative;
}

.rates-loop:after {
    width: 334px;
    height: 70px;
    position: absolute;
    top: -13px;
    left: -11px;
    content: "";
}

.rates-top.green {
    background: #01c236;
}

.rates-top.yellow {
    background: #ffc200;
}

.rates-top.black {
    background: #494b4e;
}

.rates-loop:nth-child(3) {
    margin: 0;
}

.profile .rank {
    position: absolute;
    width: 25px;
    top: 6px;
    left: 52px;
}

.rates-loop {
    width: 240px;
    background: #242323;
    border-radius: 20px;
    position: relative;
    padding: 0 0 10px;
    margin: 0 7px;
    display: -ms-inline-grid;
    display: inline-grid;
    overflow: hidden;
}

.rates-top {
    height: 40px;
    line-height: 40px;
    margin: 0 0 7px;
}

.rates-top div {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 14px;
}

.rates-loop .rates-top span {
    color: #fff;
}

.rates-i:last-child {
    border: 0;
}

.rates-i {
    overflow: hidden;
    border-bottom: 1px solid #353535;
    padding: 5px;
}

.rates-ava {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 10px 0 0;
}

.rates-ava img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.rates-ava img.rank {
    width: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
}

.battle .ava {
    position: relative;
}

.battle .ava img.rank {
    width: 20px;
    position: absolute;
    top: -4px;
    right: -6px;
}

.rates-login {
    float: left;
    font-size: 12px;
    color: #ffb432;
    line-height: 40px;
    margin-left: 45px;
    text-align: left;
}

.rates-login b {
    display: block;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rates-loop:nth-child(1) .rates-rub {
    border: 1px solid #f5c135;
}

.rates-loop:nth-child(2) .rates-rub {
    border: 1px solid #249541;
}

.rates-loop:nth-child(3) .rates-rub {
    border: 1px solid #313336;
}

.rates-rub {
    float: right;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    margin: 6px 0 0;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

.double-history {
    text-align: center;
    background: #21203a;
    border-radius: 25px;
    padding: 15px;
}

.double-history li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.double-history li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.double-history li .game {
    color: #cdcdcd;
    font-size: 15px;
}

.double-history li .number {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    font-size: 28px;
    color: #fff;
}

.double-history li .check-random {
    padding: 0 20px;
}

.double-history li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.double-history li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.historyTable.active {
    display: block;
}

.historyTable {
    display: none;
    text-align: center;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 60px;
}

.historyTable li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    position: relative;
}

.historyTable li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.historyTable li .game {
    display: inline-block;
    color: #cdcdcd;
}

.historyTable li .show {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.historyTable li .show a {
    background: #058aff;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.historyTable li .show a:hover {
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    color: #fff;
}

.historyTable li .user .avatar {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

.historyTable li .user .avatar img {
    width: 80px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 40px 0 #1b2741;
    box-shadow: 0 0 40px 0 #1b2741;
}

.historyTable li .user .username {
    border-bottom: 1px dotted #353;
    padding-bottom: 5px;
}

.historyTable li .win {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}

.historyTable li .win span {
    width: 50%;
    display: inline-block;
}

.historyTable li .ticket {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .ticket span {
    width: 50%;
    display: inline-block;
    color: #3aca5b;
}

.historyTable li .chance {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .chance span {
    width: 50%;
    display: inline-block;
    color: #f6a25c;
}

.historyTable li .checkApi {
    margin-top: 20px;
}

.historyTable li .checkApi .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.historyTable li .check .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.main {
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    padding: 0 7px;
    color: #cdcdcd;
}

.main .games-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-fext-align: center;
    position: relative;
}

.rates-loop:after {
    width: 334px;
    height: 70px;
    position: absolute;
    top: -13px;
    left: -11px;
    content: "";
}

.rates-top.green {
    background: #01c236;
}

.rates-top.yellow {
    background: #ffc200;
}

.rates-top.black {
    background: #494b4e;
}

.rates-loop:nth-child(3) {
    margin: 0;
}

.profile .rank {
    position: absolute;
    width: 25px;
    top: 6px;
    left: 52px;
}

.rates-loop {
    width: 240px;
    background: #242323;
    border-radius: 20px;
    position: relative;
    padding: 0 0 10px;
    margin: 0 7px;
    display: -ms-inline-grid;
    display: inline-grid;
    overflow: hidden;
}

.rates-top {
    height: 40px;
    line-height: 40px;
    margin: 0 0 7px;
}

.rates-top div {
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 14px;
}

.rates-loop .rates-top span {
    color: #fff;
}

.rates-i:last-child {
    border: 0;
}

.rates-i {
    overflow: hidden;
    border-bottom: 1px solid #353535;
    padding: 5px;
}

.rates-ava {
    width: 40px;
    height: 40px;
    position: absolute;
    margin: 0 10px 0 0;
}

.rates-ava img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.rates-ava img.rank {
    width: 20px;
    position: absolute;
    top: -2px;
    right: -5px;
}

.battle .ava {
    position: relative;
}

.battle .ava img.rank {
    width: 20px;
    position: absolute;
    top: -4px;
    right: -6px;
}

.rates-login {
    float: left;
    font-size: 12px;
    color: #ffb432;
    line-height: 40px;
    margin-left: 45px;
    text-align: left;
}

.rates-login b {
    display: block;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    width: 120px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.rates-loop:nth-child(1) .rates-rub {
    border: 1px solid #f5c135;
}

.rates-loop:nth-child(2) .rates-rub {
    border: 1px solid #249541;
}

.rates-loop:nth-child(3) .rates-rub {
    border: 1px solid #313336;
}

.rates-rub {
    float: right;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    margin: 6px 0 0;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

.double-history {
    text-align: center;
    background: #21203a;
    border-radius: 25px;
    padding: 15px;
}

.double-history li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.double-history li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.double-history li .game {
    color: #cdcdcd;
    font-size: 15px;
}

.double-history li .number {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    font-size: 28px;
    color: #fff;
}

.double-history li .check-random {
    padding: 0 20px;
}

.double-history li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.double-history li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.historyTable.active {
    display: block;
}

.historyTable {
    display: none;
    text-align: center;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 60px;
}

.historyTable li {
    width: 200px;
    display: inline-block;
    margin: 10px;
    background: rgba(255, 255, 255, 0.01);
    border-radius: 15px;
    padding: 15px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    position: relative;
}

.historyTable li:hover {
    background: rgba(255, 255, 255, 0.05);
}

.historyTable li .game {
    display: inline-block;
    color: #cdcdcd;
}

.historyTable li .show {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 15px;
}

.historyTable li .show a {
    background: #058aff;
    color: #fff;
    padding: 5px;
    border-radius: 100%;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.historyTable li .show a:hover {
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    color: #fff;
}

.historyTable li .user .avatar {
    margin: 15px auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

.historyTable li .user .avatar img {
    width: 80px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 40px 0 #1b2741;
    box-shadow: 0 0 40px 0 #1b2741;
}

.historyTable li .user .username {
    border-bottom: 1px dotted #353;
    padding-bottom: 5px;
}

.historyTable li .win {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}

.historyTable li .win span {
    width: 50%;
    display: inline-block;
}

.historyTable li .ticket {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .ticket span {
    width: 50%;
    display: inline-block;
    color: #3aca5b;
}

.historyTable li .chance {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
}

.historyTable li .chance span {
    width: 50%;
    display: inline-block;
    color: #f6a25c;
}

.historyTable li .checkApi {
    margin-top: 20px;
}

.historyTable li .checkApi .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.historyTable li .check .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.main {
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    overflow: hidden;
    padding: 0 7px;
    color: #cdcdcd;
}

.main .games-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.auth-btn {
    padding: 0 20px;
    border: none;
    background: #ffc200;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    line-height: 38px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.auth-btn {
    display: inline-block;
    margin-left: auto;
    right: 0;
    top: 0;
}

/* 
.game-card {
    max-width: 240px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #ffc200;
    padding: 20px;
    position: relative;
    padding-bottom: 40px;
    margin: 0 10px 50px;
} */

.game-card .game-image i {
    font-size: 100px;
    color: #ffc200;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.game-card .game-title h2 {
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.game-card .game-description p {
    font-size: 14px;
    font-weight: 400;
}

.game-card .game-play {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(23px);
    -ms-transform: translateX(-50%) translateY(23px);
    transform: translateX(-50%) translateY(23px);
    background: #242323;
    text-decoration: none;
    width: 80%;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 700;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.game-card .game-play a {
    display: block;
    padding: 15px 0;
    color: #fff;
}

.game-card .game-play:hover {
    background: #ffc200;
}

.coin {
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.coin .games {
    text-align: center;
    position: relative;
}

.coin .games li {
    display: inline-block;
    margin: 10px;
    background: #21203a;
    border-radius: 15px;
    padding: 15px;
    width: 250px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.coin .games li .game {
    position: relative;
}

.coin .games li .game .user {
    display: inline-block;
}

.coin .games li .game .user .avatar {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
}

.coin .games li .game .user .avatar img {
    width: 100%;
    border-radius: 10px;
}

.coin .games li .game .user .username {
    float: left;
    line-height: 60px;
    max-width: 150px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.coin .games li .game .bet {
    line-height: 60px;
    display: block;
    color: #cdcdcd;
}

.coin .games li .game .bet span {
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    padding: 10px 15px;
    color: #fff;
}

.coin .games li .game .button {
    line-height: 60px;
}

.coin .games li .game .button .joinGame {
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    padding: 10px 30px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.coin .games li .game .button .joinGame:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
        box-shadow: 0 0 0 0 rgba(123, 109, 243, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.coin .last {
    margin-bottom: 60px;
    text-align: center;
}

.coin .last li {
    background: #21203a;
    position: relative;
    display: inline-block;
    border-radius: 15px;
    overflow: hidden;
    width: 250px;
    margin: 10px;
}

.coin .last li .title {
    margin: 0 20px;
    padding: 15px 0;
    border-bottom: 2px solid #353535;
    text-align: left;
    font-size: 14px;
}

.coin .last li .gameBlock {
    display: block;
    padding: 15px 15px 0;
}

.coin .last li .check-random {
    margin-bottom: 10px;
    height: 35px;
}

.coin .last li .check-random .btn {
    padding: 10px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.coin .last li .check-random .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.coin .last li .gameBlock .vs {
    width: 40px;
    height: 40px;
    margin: 5px auto;
    display: block;
    background: #272a4f;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    border-radius: 100%;
    border: 1px solid #2c3058;
    font-weight: 700;
    color: #7b6df3;
}

.coin .last li .gameBlock .left {
    width: 100%;
    display: block;
    text-align: left;
    height: 40px;
}

.coin .last li .gameBlock .left .avatar {
    float: left;
    margin-right: 7px;
}

.coin .last li .gameBlock .left .avatar img {
    width: 40px;
    border-radius: 10px;
}

.coin .last li .gameBlock .left .username {
    line-height: 20px;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.coin .last li .gameBlock .left .tickets {
    font-size: 12px;
    position: absolute;
    left: 63px;
    color: #3aca5b;
}

.coin .last li .gameBlock .center {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
}

.coin .last li .gameBlock .center [id*="timer_"] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-block;
}

.coin .last li .gameBlock .center [id*="count_num_"] {
    position: absolute;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
    font-size: 47px;
    line-height: 92px;
    color: #fff;
}

.coin .last li .gameBlock .center .time {
    position: relative;
    width: 100px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: table-row;
}

[id*="coin-flip-cont_"] {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-block;
}

[id*="coin_"] {
    position: relative;
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

[id*="coin_"] .front,
[id*="coin_"] .back {
    position: absolute;
    width: 100px;
    height: 100px;
}

[id*="coin_"] .front img,
[id*="coin_"] .back img {
    width: 92px;
}

[id*="coin_"] .front {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
}

.winner_a {
    -webkit-box-shadow: 0 0 0 rgba(123, 109, 243, 0.4);
    box-shadow: 0 0 0 rgba(123, 109, 243, 0.4);
    -webkit-animation: pulse_winner 2s infinite;
    animation: pulse_winner 2s infinite;
}

[id*="coin_"] .back {
    -webkit-transform: translateZ(-1px) rotateY(180deg);
    transform: translateZ(-1px) rotateY(180deg);
    border-radius: 50%;
    background-color: #293857;
    overflow: hidden;
    border: 4px #293857 solid;
}

[id*="coin_"].animation1800 {
    -webkit-animation: rotate1800 4s linear forwards;
    animation: rotate1800 4s linear forwards;
}

[id*="coin_"].animation1980 {
    -webkit-animation: rotate1980 4s linear forwards;
    animation: rotate1980 4s linear forwards;
}

[id*="coin_"].animation2160 {
    -webkit-animation: rotate2160 4s linear forwards;
    animation: rotate2160 4s linear forwards;
}

@-webkit-keyframes rotate1800 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1800deg);
    }
}

@keyframes rotate1800 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1800deg);
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}

@-webkit-keyframes rotate1980 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1980deg);
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

@keyframes rotate1980 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(1980deg);
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

@-webkit-keyframes rotate2160 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(2160deg);
    }
}

@keyframes rotate2160 {
    from {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(0);
    }

    to {
        -webkit-transform: all 600ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transform: rotateY(2160deg);
    }
}

.coin .last li .gameBlock .right {
    text-align: right;
    height: 40px;
}

.coin .last li .gameBlock .right .avatar {
    float: right;
    margin-left: 7px;
}

.coin .last li .gameBlock .right .avatar img {
    width: 40px;
    border-radius: 10px;
}

.coin .last li .gameBlock .right .username {
    line-height: 20px;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.coin .last li .gameBlock .right .tickets {
    font-size: 12px;
    position: absolute;
    right: 62px;
    color: #3aca5b;
}

.coin .last li .bottom {
    display: block;
    background: #242323;
    padding: 10px;
}

.coin .last li .bank {
    text-align: center;
    color: #cdcdcd;
    float: right;
}

.coin .last li .bottom .win {
    display: block;
    text-align: center;
}

.coin .last li .bottom .win span {
    display: block;
    color: #3aca5b;
}

.fair-window {
    background: rgba(21, 21, 21, 1);
    border-radius: 15px;
    margin-bottom: 20px;
}

.faq {
    background: rgba(21, 21, 21, 1);
    border-radius: 15px;
    margin-bottom: 20px;
}

.faq .faq-title {
    background: #242323;
    color: #cdcdcd;
    font-weight: 400;
    border-radius: 4px;
    font-size: 15px;
    padding: 13px;
    cursor: pointer;
    margin-bottom: 10px;
}

.know-more {
    float: right;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 100;
    border-bottom: 1px solid #ffc200;
}

.def_link {
    border-bottom: 1px solid #ffc200;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.def_link:hover {
    border-bottom: 0;
}

.faq .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    color: #cdcdcd;
    font-weight: 400;
    line-height: 1.3;
}

.faq .decimal-list li:before {
    content: "\2014";
    width: 25px;
    height: 25px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 20px;
}

.rules {
    border-radius: 15px;
    margin-bottom: 60px;
    color: #cdcdcd;
    font-weight: 400;
    background: rgba(21, 21, 21, 1);
}

.rules .decimal-list {
    counter-reset: item;
}

.rules .decimal-list li {
    padding: 2px 0 21px 34px;
    position: relative;
    word-wrap: break-word;
    line-height: 1.3;
}

.rules .decimal-list li:before {
    content: counter(item);
    counter-increment: item;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #181818;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}

.rules .rules-title {
    background: #242323;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 400;
    padding: 13px;
    margin-bottom: 10px;
}

.ref {
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 60px;
    color: #cdcdcd;
}

.ref .info {
    text-align: center;
}

.ref .info .title {
    margin: 5px 0;
    color: #cdcdcd;
}

.ref .info .desc {
    font-weight: 100;
    font-size: 14px;
    font-style: italic;
}

.user-profile .code .code-title {
    display: inline-block;
    color: #cdcdcd;
}

.user-profile .code .value {
    position: relative;
    width: 270px;
    display: inline-block;
    margin-top: 15px;
}

.user-profile .code .value input {
    background: transparent;
    padding: 8px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    width: 100%;
    border: solid 1px #ffc200;
}

.user-profile .code .value input::-webkit-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::-moz-placeholder {
    font-size: 14px;
}

.user-profile .code .value input:-ms-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::-ms-input-placeholder {
    font-size: 14px;
}

.user-profile .code .value input::placeholder {
    font-size: 14px;
}

.user-profile .code .value i {
    position: absolute;
    right: 2px;
    background: #373737;
    top: 2px;
    margin: 0;
    padding: 9px 20px;
    font-size: 18px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    opacity: 0.7;
    cursor: pointer;
}

.user-profile .code .value i:hover {
    opacity: 1;
    color: #fff;
}

.ref .lvl {
    text-align: right;
    margin: 25px 0;
}

.ref .lvl .lvl-title {
    display: inline-block;
}

.ref .lvl .value {
    display: inline-block;
    width: 50%;
    position: relative;
    margin-left: 20px;
}

.ref .lvl .desc {
    margin: 15px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    color: #cdcdcd;
}

.ref .lvl .lvl-up {
    background: #fff;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    z-index: 2;
    border: 2px solid #cdcdcd;
    display: inline-block;
    color: #242323;
    position: absolute;
    top: -16px;
    left: 0;
}

.ref .lvl .value .lvl-bar {
    width: 100%;
    background-color: rgba(255, 194, 0, 0.3);
    border-radius: 3px;
    height: 10px;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.ref .lvl .value .lvl-bar .lvl-bar-fill {
    height: 10px;
    display: block;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 3px;
    width: 0;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}

.ref .moneyRef {
    position: relative;
    color: #cdcdcd;
}

.ref .moneyRef .to-get {
    display: block;
}

.ref .moneyRef .to-get i,
.ref .moneyRef .to-get span,
.ref .moneyRef .total i,
.ref .moneyRef .total span {
    color: #ffc200;
}

.ref .moneyRef .total {
    display: block;
}

.getMoney {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    display: block;
    width: 130px;
    margin: 10px auto;
}

.getMoney:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.ref .btn {
    margin: 20px auto;
    display: block;
    width: 150px;
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    text-align: center;
}

.ref .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.ref .button {
    text-align: center;
}

.ref .button a {
    padding: 10px 15px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 0 5px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    display: inline-block;
    cursor: pointer;
}

.ref .button a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.ref table {
    text-align: center;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
}

.ref table thead {
    font-size: 15px;
}

.ref table thead th {
    padding: 5px;
    border-bottom: 3px solid #dcdde0;
}

.ref table tbody tr td {
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.window-body {
    padding: 15px;
}

.bonus {
    background: rgba(21, 21, 21, 1);
    color: #cdcdcd;
    border-radius: 15px;
    margin-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.bonus .line .cooldown {
    position: absolute;
    background: rgba(41, 56, 87, 0.74);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
    line-height: 80px;
}

.bonus .line .cooldown .title {
    font-size: 18px;
    color: #fff;
}

.bonus .title {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.bonus .desc {
    text-align: center;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 400;
    margin: 5px 0 15px;
}

.bonus .line {
    background: #242323;
    border-radius: 7px;
    padding: 7px 10px;
    margin: 15px 0;
    position: relative;
}

.bonus .line .carousel {
    width: 700000px;
    height: 80px;
    font-size: 0;
    color: #fff;
}

.bonus .line .carousel li {
    position: relative;
    display: inline-block;
    margin: 0 4px;
    border-radius: 5px;
    overflow: hidden;
    width: 80px;
    height: 80px;
}

.bonus .line .carousel li .sum {
    display: block;
    height: 100%;
    font-weight: 800;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}

.bonus .line .carousel li .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bonus .line .carousel li .bottom {
    height: 20px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    font-size: 14px;
    text-align: center;
}

.bonus .line .picker {
    height: 80px;
    width: 4px;
    background: #3093e4;
    position: absolute;
    left: 50%;
    margin-top: -80px;
    z-index: 99;
}

.bonus .button {
    text-align: center;
    margin: 25px 0 15px;
}

.bonus .button a {
    padding: 15px 20px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.bonus .button a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.payHistory:last-child {
    margin-bottom: 60px;
}

.payHistory {
    background: rgba(21, 21, 21, 1);
    padding: 15px 0;
    border-radius: 15px;
    color: #cdcdcd;
    position: relative;
    overflow: hidden;
}

.payHistory .list {
    padding: 0 15px;
    width: 100%;
    table-layout: inherit;
}

.ranks-table.payHistory .list {
    padding: 0;
}

.payHistory .list tbody {
    width: 100%;
}

.payHistory .list th {
    text-align: center;
    padding: 5px;
    background: transparent;
    font-weight: 100;
    border-bottom: 1px solid #c2a8f2;
}

.payHistory .list tbody tr {
    background: rgba(21, 21, 21, 1);
}

.payHistory .list tbody tr:nth-child(2n) {
    background: rgba(21, 21, 21, 1);
}

.payHistory .list tbody td .ok {
    color: #8bc34a;
}

.payHistory .list tbody td .dec {
    color: #f44336;
}

.payHistory .list tbody td {
    text-align: center;
    padding: 10px;
    font-weight: 100;
}

.maintenance-mode {
    position: absolute;
    top: 50%;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    text-align: center;
}

.maintenance-mode h2 {
    color: #fff;
    font-weight: 400;
    font-size: 28px;
}

.maintenance-mode img {
    width: 300px;
}

.buttoninzc {
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    font-weight: 700;
    cursor: pointer;
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 34px;
    vertical-align: middle;
}

.buttoninzc:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.dice {
    margin: 20px auto;
    font-weight: 700;
    max-width: 800px;
    padding-bottom: 0;
    width: 100%;
    color: #cdcdcd;
}

.bet-input.dice-bet-input {
    margin: 0 0 13px;
}

.dice .dice-loop {
    text-align: center;
    background: rgba(21, 21, 21, 1);
    padding: 25px;
    border-radius: 15px;
}

.dice .dice-history td {
    position: relative;
}

.dice .dice-history img.rank {
    width: 25px;
    margin-right: 5px;
}

.dice .dice-loop .left {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 45%;
}

.dice .dice-loop .left span {
    display: inline-block;
    padding: 0 5px;
    font-size: 30px;
    color: #fff;
}

.dice .dice-loop .left .val {
    border-radius: 15px;
    background: #242323;
}

.dice .dice-loop .left .ico-balance {
    background: url(../images/ico-balance.svg) no-repeat center;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -15px 0 0;
    background-size: 100% auto;
}

.dice .dice-loop .left .title {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #cdcdcd;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.dice .dice-loop .left .val {
    padding: 10px;
    color: #fff;
}

.dice .dice-loop .left .bet .multipler {
    padding: 15px 0;
}

.dice .dice-loop .left .bet .multipler .action {
    padding: 7px;
    background: #242323;
    border-radius: 2px;
    color: #cdcdcd;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 400;
    outline: none;
    border: none;
}

.dice .dice-loop .left .bet .multipler .action:hover {
    background: #ffc200;
    color: #fff;
}

.dice .dice-loop .left .bet .value {
    display: inline-block;
    width: 100%;
    position: relative;
}

.dice .dice-loop .left .bet .value input {
    background: #242323;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px #ffc200;
}

.dice .dice-loop .left .bet .value i {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.dice-loop .val i {
    font-size: 22px;
}

.dice .dice-loop .right {
    display: inline-block;
    vertical-align: bottom;
    padding: 8px;
    width: 45%;
    position: relative;
}

.dice .dice-loop .right .factor .title,
.dice .dice-loop .right .chance .title {
    font-size: 14px;
    color: #cdcdcd;
    font-weight: 400;
    margin: unset;
}

.dice .dice-loop .right .stats .title {
    font-size: 16px;
    color: #cdcdcd;
    margin: unset;
}

.dice .dice-loop .right .stats .val {
    font-size: 22px;
}

.dice .dice-loop .right .stats .val span {
    color: #cdcdcd;
}

.dice .dice-loop .right .stats .val .ico-balance {
    background: url(../images/ico-balance.svg) no-repeat center;
    width: 15px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 3px;
    background-size: 100% auto;
}

.dice .dice-loop .right .factor,
.dice .dice-loop .right .chance {
    border-radius: 15px;
    background: #242323;
    width: 100%;
    padding: 17px;
    margin: 12px 0;
}

.dice .dice-loop .right .stats {
    border-radius: 15px;
    width: 100%;
    padding: 0;
}

.dice .dice-loop .right .stats .block {
    margin: 0 10px;
    display: inline-block;
}

.dice .dice-loop .right .val {
    padding: 0 5px;
    font-size: 35px;
    color: #fff;
}

.dice .dice-loop .wrap_range {
    width: 100%;
    position: relative;
}

.dice .dice-loop .index__home__indicator__inner__number {
    font-size: 15px;
    font-weight: 600;
    position: absolute;
    z-index: 10;
    bottom: 7px;
    left: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-transform-origin: 50% calc(106%);
    -ms-transform-origin: 50% calc(106%);
    transform-origin: 50% calc(106%);
    pointer-events: none;
    color: #596080;
}

.dice .dice-loop .index__home__indicator__inner__number__roll.is-negative {
    color: #242323;
}

.dice .dice-loop .index__home__indicator__inner__number__roll.is-positive {
    color: #ffc200;
}

.dice .dice-loop .index__home__indicator__inner__number__result,
.index__home__indicator__inner__number__roll {
    padding: 0.5em 0;
    border-radius: 3px;
}

.dice .dice-loop .index__home__indicator__inner__number__roll {
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    will-change: color, transform, animation;
    pointer-events: none;
    -webkit-transform-origin: 50% calc(90%);
    -ms-transform-origin: 50% calc(90%);
    transform-origin: 50% calc(90%);
}

.dice .dice-loop .index__home__indicator__inner__number__roll img {
    width: 60px;
}

.dice .dice-loop .index__home__indicator__inner__number__roll span {
    position: absolute;
    z-index: 1;
    top: -20px;
    background: #242323;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    -webkit-transform: translate(-50%, calc(-52%));
    -ms-transform: translate(-50%, calc(-52%));
    transform: translate(-50%, calc(-52%));
    font-weight: 800;
    border-radius: 5px;
}

.dice .dice-loop .index__home__indicator__inner__number__roll span:before {
    position: absolute;
    content: "";
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: -1;
    height: 0;
    z-index: -1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.dice .dice-loop .index__home__indicator__inner__number__roll.is-negative span {
    border-bottom: 3px solid #d11313;
}

.dice
    .dice-loop
    .index__home__indicator__inner__number__roll.is-negative
    span:before {
    border-top: 8px solid #d11313;
}

.dice .dice-loop .index__home__indicator__inner__number__roll.is-positive span {
    border-bottom: 3px solid #3ac430;
}

.dice
    .dice-loop
    .index__home__indicator__inner__number__roll.is-positive
    span:before {
    border-top: 8px solid #3ac430;
}

.dice .dice-loop .range {
    position: relative;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    height: 10px;
    -webkit-transform: translate(0, 45px);
    -ms-transform: translate(0, 45px);
    transform: translate(0, 45px);
    border-radius: 15px;
    z-index: 10;
}

.dice .dice-loop .range::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-moz-range-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-ms-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-webkit-slider-runnable-track {
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#242323),
        color-stop(0, #ffc200)
    );
    background: linear-gradient(
        to right,
        #242323 calc(var(--val) * 1%),
        #ffc200 0
    );
}

.dice .second-title {
    margin-top: 20px;
    padding-bottom: 7px;
}

.dice .dice-loop .range::-ms-fill-lower {
    background: #242323;
}

.dice .dice-loop .range::-ms-fill-upper {
    background: #ffc200;
}

.dice .dice-loop .wrap {
    margin-bottom: 30px;
    margin-top: 80px;
}

.games-table__dice_history td:first-child,
.games-table__dice_history th:first-child {
    width: 35%;
    padding-right: 10px;
}

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

.dice .dice-loop .wrap .btn {
    padding: 15px 20px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
    outline: none;
    border: none;
}

.dice .dice-loop .wrap .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.dice .dice-loop .hash {
    font-size: 13px;
    font-weight: 400;
}

.dice .dice-loop .hash span {
    word-wrap: break-word;
}

.dice .dice-history {
    background: rgba(21, 21, 21, 1);
    padding: 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.dice .dice-history table {
    width: 100%;
    table-layout: inherit;
}

.dice .dice-history table tbody .checking {
    padding: 5px 8px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.dice .dice-history table tbody .checking:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.games-table__dice_history {
    font-size: 13px;
    font-weight: 400;
}

.battle {
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 20px auto;
    padding-bottom: 0;
    width: 100%;
    border-radius: 15px;
    background: rgba(21, 21, 21, 1);
}

.battle .block {
    text-align: left;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    margin-bottom: 20px;
    background: #242323;
    border-radius: 15px;
    color: #cdcdcd;
}

.battle .fair-item {
    width: 50%;
    font-size: 3em;
    text-align: center;
}

.battle .fair-item-bottom {
    margin-top: 10px;
    width: 50%;
    text-align: center;
}

.battle .flex {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.battle .roulette {
    position: -webkit-sticky;
    position: sticky;
}

.battle .roulette svg {
    position: relative;
}

.battle .counter {
    height: 100%;
    font-size: 100px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: 700;
    background-color: #242323;
    border-radius: 200px;
}

.battle-last {
    overflow: hidden;
    margin: 16px 0;
    background: #242323;
    padding: 10px;
    white-space: nowrap;
    border-radius: 50px;
    position: relative;
    font-size: 0;
    border-radius: 25px;
}

.battle-last:after {
    content: "";
    background: -o-linear-gradient(left, transparent, #242323);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        to(#242323)
    );
    background: linear-gradient(to right, transparent, #242323);
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
}

.battle-last-i:nth-child(1) {
    margin: 0;
}

.battle .bet-input .value {
    width: 40%;
    margin-right: 10px;
}

.battle-last-i {
    width: 43px;
    height: 43px;
    line-height: 42px;
    text-align: center;
    color: #cdcdcd;
    font-size: 15px;
    margin: 0 0 0 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
    border-radius: 100%;
}

.battle-last-i.red {
    background-color: #ffc200;
}

.battle-last-i.blue {
    background-color: #640cab;
}

.battle .no-copy {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.battle .makeBet {
    padding: 15px;
    background: #21203a;
    border-radius: 10px;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    margin: 20px 0;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    -webkit-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.battle .makeBet.redBet:hover {
    -webkit-box-shadow: 0 0 20px rgba(255, 194, 0, 0.5);
    box-shadow: 0 0 20px rgba(255, 194, 0, 0.5);
}

.battle .makeBet.blueBet:hover {
    -webkit-box-shadow: 0 0 20px rgba(100, 12, 171, 0.5);
    box-shadow: 0 0 20px rgba(100, 12, 171, 0.5);
}

.battle .icon {
    margin-right: 10px;
}

.battle .lastgame {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 15px;
    -webkit-transition: -webkit-transform 100ms ease-out;
    transition: -webkit-transform 100ms ease-out;
    -o-transition: transform 100ms ease-out;
    transition: transform 100ms ease-out;
    transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
    cursor: pointer;
    outline: none;
    border-width: 0;
}

.battle .lastgame:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.battle .game {
    text-align: center;
    color: #cdcdcd;
}

.battle .bets {
    width: 350px;
    display: inline-block;
    vertical-align: top;
}

.battle .line {
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    margin-bottom: 10px;
}

.battle .sum {
    margin-left: auto;
    border-radius: 8px;
    width: 58px;
    height: 28px;
    text-align: center;
    border-radius: 20px;
    color: #cdcdcd;
    font-size: 14px;
    line-height: 26px;
}

#blue_list .sum {
    border: 1px solid #640cab;
}

#red_list .sum {
    border: 1px solid #ffc200;
}

.battle .list-item {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

.battle #red_list .ava {
    border: 1px solid #ffc200;
}

.battle #blue_list .ava {
    border: 1px solid #640cab;
}

.battle .ava {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    background-color: #e3e7ce;
}

.battle .list {
    padding: 0 20px;
}

.game-history {
    background: #242323;
    padding: 5px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.game-history .history {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.game-history .history:after {
    content: "";
    background: -o-linear-gradient(left, transparent, #242323);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        to(#242323)
    );
    background: linear-gradient(to right, transparent, #242323);
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    pointer-events: none;
}

.crash-game .second-title {
    margin-top: 5px;
    padding-bottom: 7px;
}

.footer {
    line-height: 1.75;
    color: #cdcdcd;
    padding: 0 10px 20px;
}

.footer-item {
    display: block;
}

.game-history .history .item {
    border: 2px solid;
    padding: 4px 10px;
    margin: 10px 5px;
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}

.crash-switch.hide {
    display: none;
}

.crash-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.crash-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

input:checked + .slider {
    background-color: #ffc200;
}

input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #ffc200;
    box-shadow: 0 0 1px #ffc200;
}

input:checked + .slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.crash-controls {
    position: absolute;
    top: 35px;
    left: 60px;
}

.crash-block {
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: rgba(21, 21, 21, 1);
    padding: 15px 15px 15px 7px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    height: 400px;
    background-position: 0 0px, 0 100%, 0 50%, 0 0;
    background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
    -webkit-animation-name: bgscroll;
    animation-name: bgscroll;
    -webkit-animation-duration: 200s;
    animation-duration: 200s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/***/

.game-container_wallet {
    background: rgb(21, 21, 21);
    border-radius: 7px;
    color: #cdcdcd;
}

.wallet-header {
    display: flex;
    justify-content: space-around;
    background: #242323;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #333;
    /* padding: 0px 20px; */
}

.wallet-header__item {
    display: block;
    padding: 15px 20px;
    flex: 1;
    text-align: center;
    position: relative;
    transition: 0.2s color;
}
.wallet-header__item:hover {
    cursor: pointer;
    color: #fff;
}
.wallet-header__item.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffc200;
}

.wallet-body {
    display: flex;
}
.wallet-sidebar {
    flex: 1;
    padding: 25px;
    border-right: 1px solid #292929;
}

.wallet-area {
    flex: 2;
    padding: 25px;
}

.wallet-options__item {
    display: flex;
    align-items: center;
    border: 1px solid #404040;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    outline: none;
    position: relative;
}
.wallet-options__item:hover,
.wallet-options__item.active {
    border-color: #ffc200;
    cursor: pointer;
}

.wallet-options__item.active .wallet-options__item-comission {
    background: #ffc200;
    color: #fff;
}
.wallet-options__item-image {
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    justify-content: center;
    margin-right: 10px;
    background: #242323;
}
.wallet-options__item-image img {
    max-width: 100%;
    height: 22px;
}
.wallet-options__item-name {
    font-size: 13px;
    color: #fff;
    text-align: left;
}
.wallet-options__item-comission {
    margin-left: auto;
    margin-right: 11px;
    font-size: 12px;
    color: #908f8f;
    background: #212121;
    padding: 2px 5px;
    border-radius: 3px;
    width: 25px;
    height: 18px;
    position: relative;
}
.wallet-options__item-comission__checked {
    display: none;
}
.wallet-options__item-comission__checked:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.wallet-options__item.active .wallet-options__item-comission__value-wrapper {
    display: none;
}
.wallet-options__item.active .wallet-options__item-comission__checked {
    display: block;
}
.wallet-sidebar__header {
    margin-bottom: 10px;
}
.payment-promo {
    display: none;
}

.small-placeholder::placeholder {
}
.wallet-area-select {
    margin-top: 10px;
    display: none;
}
.wallet-area__payway {
    display: flex;
    align-items: center;
}
.wallet-area__payway-image {
    width: 20px;
    margin-left: 10px;
    margin-right: 5px;
}
.wallet-area__payway-name {
    color: #fff;
}

.wallet-area__delimiter {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
}
.wallet-area__delimiter::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #292929;
    height: 1px;
    left: 0;
    top: 50%;
}
.wallet-area__delimiter_item {
    background: #151515;
    position: relative;
    z-index: 55;
    padding: 0 20px;
    font-size: 10px;
    color: #585858;
    font-weight: 800;
}
.wallet-area__payway-image {
    width: 20px;
    display: inline-block;
}
.wallet-area__payway-image img {
    max-width: 100%;
}
.sum-options {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px 5px -5px;
}
.sum-option-wrapper {
    width: 25%;
    padding: 5px;
}
.sum-option {
    background: transparent;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #404040;
    color: #b9b9b9;
    /* width: 25%; */
    width: 100%;
    border-radius: 4px;
    height: 42px;
    font-weight: 500;
    font-size: 16px;
}
.sum-option:hover {
    border-color: #ffc200;
    color: #fff;
    cursor: pointer;
    /* border-width: 2px; */
}
.sum-option.active {
    border-color: #ffc200;
    color: #fff;
}
.sum-option__currency {
    font-size: 12px;
}
.wallet-input-wrapper {
    position: relative;
}

.payment-field {
    flex: 1;
}
.payment-field label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    display: inline-block;
}
.payment-promocode-call {
    color: #adadad;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    border-bottom: 1px dashed;
}
.payment-promocode-call:hover {
    color: #fff;
    cursor: pointer;
}
.payment-result__row {
    display: flex;
    font-size: 12px;
    color: #adadad;
    margin-bottom: 5px;
}
.payment-fake-row {
    flex: 1;
    margin-right: 10px;
}
.payment-result__row_finish {
    font-weight: 800;
    font-size: 14px;
    margin-top: 7px;
}
.payment-result__row_finish .payment-result__row-label {
    text-transform: uppercase;
}
.payment-result__row-value {
    color: #fff;
    /* flex: 1; */
    /* text-align: right; */
    position: relative;
}
.payment-result__row-dots {
    flex: 1;
    /* border-bottom: 1px dotted #484848; */
    /* margin: 0 7px; */
    /* transform: translateY(-2px); */
}
.payment-raffle {
    margin-top: 25px;
    color: #adadad;
    display: flex;
    align-items: center;
}
.payment-raffle__title {
    font-size: 16px;
    margin-bottom: 5px;
    color: #cdcdcd;
}
.payment-raffle__description {
    font-size: 12px;
}
.payment-raffle__description b {
    color: #fff;
    font-weight: 400;
}
.payment-raffle__left {
    font-size: 60px;
    margin-right: 15px;
    color: #3ac430;
}
.confirm-wallet {
    background: #181818;
    font-size: 18px;
    line-height: 45px;
    padding: 0 25px;
    color: #fff;
    outline: none;
    border-radius: 4px;
    min-width: 215px;
    display: inline-block;
}
.confirm-buttons {
    display: flex;
    justify-content: center;
}
.confirm-wallet-button {
    display: block;
    background: none;
    -webkit-appearance: none;
    border: 1px solid #333;
    color: #cdcdcd;
    padding: 12px 15px;
    margin: 12px 5px 0 5px;
    border-radius: 4px;
    font-size: 13px;
    flex: 1;
    cursor: pointer;
}
.confirm-wallet-button:hover {
    color: #fff;
}

.confirm-wallet-go {
    background: #3ac430;
    color: #fff;
    border-color: #3ac430;
}
.confirm-wallet-go:hover {
    background: #33b12a;
    border-color: #33b12a;
}
.game-sidebar__play-button.game-sidebar__play-button_green {
    width: 100%;
    margin-top: 15px;
    background: #3ac430;
}
.game-sidebar__play-button.game-sidebar__play-button_green:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(58, 196, 48, 0.3);
    box-shadow: 0 0 15px 0 rgba(58, 196, 48, 0.3);
    cursor: pointer;
}

/* .payment-result__row-value:before{
    content: '';
    position: absolute;
    height: 1px;
    left: 7px;
    right: 10px;
    bottom: 2px;
    border-bottom: 1px dotted #585858;
} */
.payment-total__first-row {
    display: flex;
}
.payment-total__second-row {
    display: flex;
    margin-top: 10px;
}
.promo-column {
    flex: 1;
    margin-right: 10px;
}

.payment-result {
    flex: 1;
    margin-top: 5px;
}

.payment-total {
    border: 2px solid #3ac430;
    padding: 20px;
    background: #151515;
    border-radius: 5px;
}
.payment-sum {
    margin-right: 10px;
}
.game-sidebar__input.game-sidebar__input_dark {
    /* padding-left: 38px; */
}

.game-sidebar__input_dark.success {
    border-color: #3ac430;
}
.game-sidebar__input_dark.success:focus {
    border-color: #3ac430;
}

.wallet-input-currency {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #9c9c9c;
    font-size: 14px;
    padding-bottom: 1px;
    pointer-events: none;
}
.wallet-input-success {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #3ac430;
    display: none;
}
.wallet-input-success.active {
    display: block;
}
.wallet-input-success:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.withdraw-wallet-field {
    margin-top: 10px;
}

.withdraw-result__row {
    flex: 1;
}
.payment-field-label {
    position: relative;
}
.info-tip {
    color: #fff;
    font-size: 10px;
    background: #ffc200;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -26px;
    top: -4px;
    cursor: pointer;
    position: absolute;
}
.info-tip.hidden {
    display: none;
}
.info-tip:hover {
    background: #e7b100;
}
.bonus-tip {
    color: #fff;
    font-size: 10px;
    background: #ffc200;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.user-profile-full-stats.user-profile-full-stats_dark {
    background: rgb(21, 21, 21);
    width: 100%;
    padding: 0;
}

.user-profile-full-stats.user-profile-full-stats_dark .user-profile-caregories {
    background: #242323;
    height: 60px;
    align-items: center;
    border-bottom: none;
}
.user-profile-full-stats.user-profile-full-stats_dark
    .user-profile-caregories__category_active {
    color: #fff;
    background: #ffc200;
}
.user-profile-full-stats.user-profile-full-stats_dark
    .user-profile-caregories__category {
    padding: 8px 15px;
    margin-right: 10px;
    border-radius: 5px;
}

.user-profile-full-stats.user-profile-full-stats_dark
    .user-profile-full-stats__content {
    padding: 5px 25px 10px;
}

.crash-block .crash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}

.crash-block .crash .chart {
    position: relative;
    width: 100%;
    height: 100% !important;
}

.crash-block .crash .chart .flot-text {
    color: #cdcdcd !important;
}

.chart-info {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    font-weight: 700;
    font-size: 70px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 30px;
}

.chart-info.crashed {
    color: red;
}

.chart-info.rising {
    color: #f5b417;
}

.crash-game {
    max-width: 800px;
    margin: 20px auto;
    padding: 30px;
    border-radius: 15px;
    background: rgba(21, 21, 21, 1);
}

.crash-bets {
    margin-bottom: 60px;
}

.default-button {
    padding: 15px 20px;
    border: 1px solid #313131;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: rgb(15 15 15);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    display: block;
}

.suggest-news-button {
    margin: 20px auto 0;
    display: block;
    width: 165px;
    text-align: center;
}

.cta-block {
    background: rgba(21, 21, 21, 1);
    border-radius: 15px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 400;
    margin-top: 20px;
}

.cta-block h3 {
    font-size: 14px;
    color: #cdcdcd;
    font-weight: 400;
}

.default-button:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.crash-bets li {
    background: #242323;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
    vertical-align: middle;
    height: 90px;
    cursor: default;
    border-radius: 4px;
}

.crash-bets li color {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
}

.crash-bets li .user {
    font-size: 0;
}

.crash-bets li .user .ava {
    position: absolute;
}

.crash-bets li .user .ava img.avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.crash-bets li .user .ava img.rank {
    width: 25px;
    right: -6px;
    top: -2px;
    position: absolute;
}

.crash-bets li .user .info {
    float: left;
    max-width: 80%;
    margin-left: 70px;
    display: block;
    padding: 22px 0;
}

.crash-bets li .user .info .nickname {
    font-size: 15px;
}

.crash-bets li .user .info .points {
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.crash-bets li .user .info .points span.bet-sum {
    font-weight: 600;
    font-size: 15px;
    color: #ffc200;
    min-width: 70px;
}

.crash-bets li .user .detail {
    float: right;
    text-align: right;
    color: #99aed7;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.crash-bets li .user .detail .wait {
    font-size: 28px;
    line-height: 59px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    color: #ffc200;
}

.crash-bets li .user .detail .percent {
    font-size: 21px;
    line-height: 36px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
    color: #8bc34a;
}

.crash-bets li .user .detail .tickets {
    font-size: 14px;
    color: #cdcdcd;
}

.g-recaptcha {
    margin: 10px auto;
    width: 304px;
}

.fair {
    text-align: center;
}

.fair .label {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 10px;
    color: #fff;
}

.bonus .desc a {
    border-bottom: 2px solid #ffc200;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.bonus .desc a:hover {
    border-bottom: none;
}

.fair .input {
    padding: 0 15px;
    background: #242323;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px #ffc200;
}

.raffle {
    margin: 20px auto;
    font-weight: 700;
    max-width: 800px;
    padding-bottom: 0;
    width: 100%;
    color: #cdcdcd;
}

.raffle .raffle-loop {
    background: rgba(21, 21, 21, 1);
    padding: 15px 25px 32px;
    border-radius: 15px;
}

.raffle-nav-panel {
    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-bottom: 15px;
}

.raffle-how-to-play {
    margin-left: auto;
    font-weight: 400;
    font-size: 14px;
}

.raffle-user-tickets {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.raffle-user-tickets .myicon-ticket-raffle {
    font-size: 24px;
    color: #00de09;
}

#raffle-user-tickets-balance {
    font-weight: 800;
    font-size: 20px;
}

.progress-ring circle {
    -webkit-transition: 0.35s stroke-dashoffset;
    -o-transition: 0.35s stroke-dashoffset;
    transition: 0.35s stroke-dashoffset;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.raffle-countdown {
    position: relative;
    text-align: center;
}

.raffle-timer {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.raffle-timer .heading {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 400;
}

.raffle-timer-contents {
    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: #fff;
}

.raffle-timer__time-descr {
    font-size: 12px;
    display: block;
    margin-top: -10px;
}

.raffle-timer__hours,
.raffle-timer__minutes {
    font-weight: 200;
    font-size: 100px;
    display: inline-block;
}

.raffle-timer__seconds {
    font-weight: 200;
    font-size: 30px;
    margin-left: 15px;
    display: none;
}

.raffle-timer__seconds.active {
    display: inline-block;
}

.raffle-timer__seconds-word {
    margin-top: 0;
}

.raffle-timer__delimiter {
    font-size: 80px;
    font-weight: 100;
    -webkit-animation: raffle-delimiter-tick 2s infinite ease-in-out;
    animation: raffle-delimiter-tick 2s infinite ease-in-out;
}

.raffle-picker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 370px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.raffle-bank {
    position: absolute;
    top: 65px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 14px;
    font-weight: 400;
}

.raffle-hash {
    text-align: center;
    margin-top: 9px;
    font-size: 13px;
    font-weight: 400;
}

.raffle-bank span {
    color: #ffc200;
}

.raffle-picker-images {
    position: relative;
}

.raffle-picker-images img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 0;
    -webkit-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

@-webkit-keyframes raffle-delimiter-tick {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes raffle-delimiter-tick {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

.fair .btn {
    padding: 15px 20px;
    display: block;
    margin: 15px auto 0;
    width: 170px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.jackpot .no-auth.no-bet {
    padding: 15px 25px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.not-reached {
    opacity: 0.5;
}

.jackpot .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jackpot .no-auth.no-bet {
    margin-left: 15px;
}

.double-loop .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.double-loop .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.battle .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.battle .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.crash-game .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.crash-game .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.dice .no-auth.no-bet {
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.dice .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.fair .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.fair .col {
    width: calc(50% - 5px);
    max-width: 250px;
    display: inline-block;
}

.explode {
    -webkit-animation: explode 1s ease-out infinite;
    animation: explode 1s ease-out infinite;
}

chat-smiles-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    overflow-x: auto;
    height: 100%;
}

.chat-smiles {
    width: 263px;
    height: 325px;
    border: 1px solid #c2a8f2;
    border-radius: 2px;
    position: absolute;
    top: -316px;
    right: -13px;
    z-index: 99;
    background-color: #21203a;
    padding: 7px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.chat-smiles:after,
.chat-smiles:before {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 323px;
    right: 45px;
    width: 0;
}

.auth-modal {
    display: flex;
}

.modal-auth .modal-close {
    top: 13px;
}

.auth-modal_content,
.auth-modal_img {
    flex: 1;
}

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

.authorize-required-message {
    font-size: 13px;
    color: #cdcdcd;
    padding: 0 15px 20px 15px;
    text-align: center;
}

.auth-modal_content-inner {
    padding: 20px;
    flex-direction: column;
    display: flex;
    height: 100%;
}

.auth-modal_heading {
    color: #cdcdcd;
    border-bottom: 1px solid #3d3d3d;
    padding-bottom: 10px;
}

.auth-modal_warning {
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    color: #818181;
    line-height: 1.4;
    padding: 10px;
    border: 1px solid #3d3d3d;
    border-radius: 5px;
}

.auth-modal_footer {
    margin-top: auto;
    font-size: 11px;
    color: #757575;
    line-height: 1.2;
    border-top: 1px solid #3d3d3d;
    padding-top: 10px;
}

.gray-link {
    color: #cdcdcd;
}

.gray-link:hover {
    color: #fff;
}

.auth-modal_authorize-form {
    margin-top: 20px;
}

.auth-modal_vk-btn {
    background: #5181b8;
    padding: 12px 15px;
    border-radius: 5px;
    color: #fff;
    transition: 0.2s all ease;
    display: block;
}

.auth-modal_vk-btn:hover {
    background: #496d97;
}

.auth-modal_vk-link {
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.auth-modal_vk-icon {
    font-size: 22px;
    padding-right: 15px;
    border-right: 1px solid #94b0d1;
}
.popup-auth {
    padding: 0px !important;
    max-width: 680px !important;
}
.auth-modal_continue-with-vk {
    margin-left: 15px;
}

.chat-smiles:before {
    border-top-color: #c2a8f2;
    border-width: 12px;
    z-index: 999;
}

.chat-smiles:after {
    border-top-color: #21203a;
    border-width: 10px;
    margin-right: 2px;
    z-index: 1000;
}

.chat-smile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin: 5px;
    cursor: pointer;
}

@-webkit-keyframes explode {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes explode {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes blink {
    0% {
        color: #cdcdcd;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        color: rgba(7, 7, 7, 0);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        color: #cdcdcd;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes blink {
    0% {
        color: #cdcdcd;
    }

    50% {
        color: rgba(7, 7, 7, 0);
    }

    100% {
        color: #cdcdcd;
    }
}

@-webkit-keyframes pulse_winner {
    0% {
        -webkit-box-shadow: 0 0 0 0 #01c236;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px #01c236;
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse_winner {
    0% {
        -webkit-box-shadow: 0 0 0 0 #01c236;
        box-shadow: 0 0 0 0 #01c236;
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.btn-vk-navbar {
    padding: 15px 30px;
    background: -o-linear-gradient(290deg, #058aff, #a60cff);
    background: linear-gradient(160deg, #058aff, #a60cff);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
}

.btn-vk-navbar:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(108, 155, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(108, 161, 243, 0.75);
}

.btn-historyTable {
    padding: 10px;
    background: -o-linear-gradient(right, #be94f8, #7a6cf3);
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#be94f8),
        to(#7a6cf3)
    );
    background: linear-gradient(to left, #be94f8, #7a6cf3);
    border-radius: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    border: 0;
}

.btn-historyTable:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
    box-shadow: 0 0 40px 0 rgba(122, 108, 243, 0.75);
}

.fas-battle {
    display: unset !important;
}

.text-clip {
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    margin-right: 5px;
}

.head-game {
    width: calc(100% + 16px);
    margin-left: -8px;
}

.main-width {
    overflow: hidden;
}

/** START MEDIA **/

@media (max-width: 1370px) {
    .double-button a {
        margin-bottom: 15px;
    }

    .rates-loop {
        margin-bottom: 15px;
    }
}

@media (max-width: 1349px) {
    .makeBet-Jackpot-xs {
        margin-top: 10px;
        display: inline-block;
    }
}

@media (max-width: 1344px) {
    .bet-input-value-double {
        margin-bottom: 30px;
    }
}

@media (max-width: 1330px) {
    .makeBet-pvp-xs {
        margin-top: 10px;
        display: inline-block;
    }

    .stat-block {
        width: 135px;
    }
}

@media (max-width: 1280px) {
    .your-code__text {
        margin-right: 15px;
    }

    .battle .bets {
        width: 100%;
    }

    .rates-login b {
        width: 80px;
    }

    .ico-jackpot {
        display: none;
    }

    .double-button a {
        width: 110px;
    }

    .rates-loop {
        width: 200px;
    }

    .bonus .line {
        width: 590px;
        margin: 15px auto;
    }

    .bonus .line .carousel {
        margin-left: -44px;
    }

    .chouser {
        width: 610px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -51px;
    }

    .user-profile-overview-loop {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user-profile-overview-loop__left {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    .user-profile-overview-horizontal-line {
        display: none;
    }

    .user-profile-overview-loop__left .flex-row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .user-profile .code {
        text-align: center;
    }

    .next-rank {
        max-width: 725px;
        margin: auto;
    }
}

@media (max-width: 1180px) {
    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        width: 18%;
    }

    .ref-summary {
        line-height: 1.5;
    }

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

    .your-code__text {
        margin-right: 0;
        margin-bottom: 7px;
    }

    .your-code__link {
        margin-left: 0;
        width: 100%;
    }

    .partnership__code {
        width: 100%;
    }

    .navbar-xs {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .block__money-icon {
        top: 2px;
    }
    .double-history-result_small .double-history-result__number {
        line-height: 24px;
    }

    .menu {
        margin-left: 5px;
    }

    .menu__list-item__link {
        font-size: 13px;
        padding: 8px 7px;
        letter-spacing: 0.1px;
    }

    .menu__list-item {
        margin-right: 0;
    }

    .money-block__money-area {
        width: 180px;
    }

    .profile-link {
        margin-left: 5px;
    }

    .chat-toggle {
        margin-right: 5px;
    }

    .menu-button {
        margin-left: 5px;
    }

    .navbar-brand img {
        width: 125px;
        margin-top: 10px;
        margin-left: 7px;
    }

    .games-table__tickets span {
        font-size: 16px;
    }

    .games-dropdown {
        top: 46px;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 6%;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        padding-right: 4%;
    }

    .games-table__body-status {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .games-table__body-wallet-image {
        width: 25px;
    }

    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        text-align: center;
        padding-right: 3%;
        width: 9%;
    }

    .games-table__body-status-image {
        margin-right: 0;
    }

    .games-table__body-status-text {
        display: none;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        width: 25%;
    }

    .getMoney {
        font-size: 12px;
        width: 110px;
    }

    .games-table__body-td__fair {
        font-size: 14px;
    }

    .games-table__header-th {
        font-size: 10px;
    }

    .games-table__body-td {
        font-size: 12px;
    }

    .ref-profit__descr {
        font-size: 13px;
    }

    .ref-summary {
        font-size: 13px;
    }

    .partnership__code {
        width: 100%;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 9px;
        margin-left: 4px;
        display: inline-block;
        -webkit-transition: 0.1s all ease;
        -o-transition: 0.1s all ease;
        transition: 0.1s all ease;
    }

    .games-table__body-td__fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .user-profile-caregories__category {
        font-size: 12px;
        margin-right: 7px;
        padding: 15px 3px;
    }

    .user-profile-full-stats {
        padding: 5px 10px 10px;
    }

    .user-profile-full-stats.show-controls {
        padding-bottom: 70px;
    }

    .user-profile-overview-loop {
        padding: 25px 15px;
    }

    .user-profile {
        padding: 0 10px;
    }

    .user-profile-overview-loop__right-stats {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .stat-block {
        margin-bottom: 10px;
    }

    .user-profile-overview-stats-divisor {
        margin: 20px auto;
    }

    .double-history-result_small {
        width: 24px;
        height: 24px;
    }

    .double-history-result_small:before {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1024px) {
    .fixed-chat .send-form .banchat {
        left: 13px;
        width: calc(100% - 26px);
    }

    .rates-login b {
        width: 140px;
    }

    .user-profile-full-stats__btn {
        padding: 10px 15px;
    }

    .user-profile-full-stats__controls {
        padding: 0 10px;
    }

    .double-right .bet-input {
        margin-bottom: 15px;
    }

    .winner ul li .winner-w .nickname {
        color: #fff;
        font-size: 16px;
    }

    .winner ul li .winner-w .points b,
    .winner ul li .winner-w .points i {
        font-size: 16px;
    }

    .winner ul li .winner-w .points {
        padding-top: 0;
        font-weight: 800;
    }

    .jackpot .second-title {
        font-size: 14px;
    }

    .winner ul li .ticket-w {
        line-height: 30px;
    }

    .winner ul li .chance-w {
        line-height: 30px;
    }

    .winner ul li:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .winner ul li:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .winner ul li:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .winner ul li .winner-w .ava img {
        width: 50px;
        height: 50px;
    }

    .winner ul li .winner-w .nickname {
        font-size: 14px;
        padding: 5px 0;
    }

    .winner ul li .winner-w .points {
        font-size: 14px;
    }

    .winner ul li .chance-w .titles {
        font-size: 12px;
    }

    .winner ul li .ticket-w .titles {
        font-size: 12px;
    }

    .winner ul li .chance-w .chance {
        font-size: 16px;
    }

    .winner ul li .ticket-w .ticket {
        font-size: 16px;
    }

    .jackpot .check-random {
        margin: 15px 0;
    }

    .winner ul li .winner-w .ava {
        position: static;
        display: block;
    }

    .winner ul li .winner-w {
        text-align: center;
    }

    .winner ul li .winner-w .nickname {
        margin-left: 0;
    }

    .dice .dice-history {
        padding: 15px;
    }

    .fixed-chat.hide {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .double-win {
        top: -12px;
    }

    .double-timer {
        line-height: 35px;
        background-position: center 30px;
        background-size: 25px;
    }

    .mobile-menu {
        display: block;
    }

    .main {
        margin: 20px auto;
        padding: 0 15px;
    }

    .navbar .navbar-brand {
        height: 55px;
    }

    .money-block__action {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
    }

    .money-block__money-area {
        width: 200px;
    }

    #vk_community_messages {
        display: none;
    }

    .navbar {
        height: 55px;
    }

    .navbar-brand img {
        margin-left: 9px;
        width: 120px;
        margin-top: 19px;
    }

    .menu {
        display: none;
    }

    .profile-link,
    .chat-toggle {
        display: none;
    }

    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 8px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        max-width: 115px;
    }

    .ranks .ranks-table td div img {
        width: 25px;
        margin-right: 2px;
    }

    .bet-input.dice-bet-input {
        margin-bottom: 15px;
    }

    .raffle .raffle-loop {
        padding: 15px 15px 20px;
    }

    .crash-bets .text-clip {
        max-width: 190px;
    }

    .crash-bets li .user .info .points span.bet-sum {
        display: block;
    }

    .crash-bets li .user .info .points {
        margin-top: -10px;
        display: block;
    }

    .crash-bets li .user .info {
        max-width: 60%;
    }

    body.freeze {
        height: 100vh;
        overflow-y: hidden;
    }

    .vk-auth-left {
        display: block;
    }

    .text-clip {
        max-width: 70%;
    }

    .rates-loop:nth-child(3) {
        margin-top: 10px;
    }

    .head-game {
        top: 10px;
    }

    .payHistory {
        overflow-x: auto;
    }

    .payHistory::-webkit-scrollbar {
        height: 2px;
        width: 80%;
    }

    .cont-a {
        padding: 20px 0;
    }

    .cont-b {
        padding: 25px 0;
    }

    .popup {
        padding: 15px;
    }

    .popup .close {
        top: 18px;
    }

    .dice .dice-loop .range {
        -webkit-transform: translate(0, 40px);
        -ms-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    .dice .dice-loop .wrap {
        margin-top: 70px;
    }

    .dice .dice-loop {
        padding: 15px;
    }

    .dice .dice-loop .left {
        width: 100%;
        padding: 0;
    }

    .dice .dice-loop .right {
        width: 100%;
        padding: 0;
        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;
    }

    .dice .dice-loop .right .factor,
    .dice .dice-loop .right .chance {
        width: 49%;
        display: inline-block;
    }

    .fixed-chat .send-form {
        width: 100%;
        padding: 0 13px;
    }

    .fixed-chat .send-form .btn-send {
        right: 25px;
    }

    .crash-bets li {
        padding: 10px 5px;
        height: 79px;
    }

    .game .name {
        max-width: 145px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crash-game {
        padding: 15px;
    }

    .crash-game .flex-wrap {
        display: block;
    }

    .crash-game .bet-input .autoout {
        width: 100%;
        margin: 15px 0;
    }

    .bet-input .makeBet {
        margin: 0;
    }

    .jackpot .bet-input .makeBet {
        margin-left: 0;
    }

    .battle .game {
        margin-top: 15px;
    }

    .battle .list-item {
        font-size: 14px;
    }

    .battle .roulette {
        zoom: 0.7;
    }

    .battle {
        padding: 25px 15px;
    }

    .battle .bet-input .value {
        width: 100%;
    }

    .double-time {
        font-size: 42px;
    }

    .jackpot {
        padding: 20px 15px 30px;
    }

    .jackpot .input-wrap {
        margin-bottom: 15px;
    }

    .bet-input .upper a {
        padding: 10px;
    }

    .separator {
        min-width: 1px;
    }

    .ico-jackpot {
        display: none;
    }

    .navbar .menu-icon {
        display: inline-block;
    }

    .navbar .btn-vk-mobile {
        display: inline-block;
        margin-top: 3px;
    }

    .navbar .navbar-nav {
        display: none;
    }

    .navbar .user {
        margin-right: 8px;
    }

    .chat-toggle {
        min-width: 70px;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        line-height: 63px;
        font-size: 16px;
        color: #ffc200;
        margin: 5px 15px 0 0;
        z-index: 99999;
    }

    .navbar .balance span {
        margin-right: 5px;
    }

    .navbar .balance a {
        color: #ffc200;
        font-size: 25px;
    }

    .navbar .btn-vk {
        margin: 10px auto;
        line-height: 40px;
    }

    .content {
        height: 100%;
        top: 55px;
    }

    .main-width {
        padding: 0 8px 55px !important;
        display: block;
    }

    .fixed-nav {
        width: 100%;
        left: -100%;
        height: 100%;
        top: 0;
        z-index: 9999;
        top: 60px;
        height: calc(100% - 60px);
    }

    .fixed-nav.active {
        width: 100%;
        display: block;
        left: 0;
    }

    .fixed-nav.active .name {
        display: unset !important;
        font-size: 15px;
        width: 250px !important;
    }

    .fixed-nav.active .leftside li .new {
        display: unset !important;
    }

    .fixed-nav .balance {
        display: none;
    }

    .fixed-nav .leftside {
        height: 100% !important;
    }

    .fixed-chat {
        position: fixed;
        right: 0;
        top: 55px;
        height: calc(100% - 55px);
        border-top: 1px solid #353535;
        width: 100%;
        background: #242323;
        text-align: center;
        z-index: 1000;
        border-radius: 0;
    }

    .fixed-chat .item .name {
        font-size: 13px;
        width: 170px;
    }

    .fixed-chat .item .date {
        font-size: 15px;
        margin: 6px 0 0;
    }

    .fixed-chat .item .date .delete {
        width: 24px;
        height: 24px;
    }

    .fixed-chat .item .date .delete i {
        font-size: 24px;
    }

    .fixed-chat .messages {
        width: 100%;
        padding: 0 5px;
    }

    .head-game .howto span {
        display: none;
    }

    .dep-code .title1,
    .dep-code .title2,
    .dep-code .code {
        width: 100%;
        display: block;
        padding: 10px;
        height: unset;
        border-radius: unset;
    }

    .rooms .room:first-child {
        border-radius: unset !important;
    }

    .rooms .room:last-child {
        border-radius: unset !important;
    }

    .rooms .room .room-name {
        font-size: 15px;
    }

    .rooms .room-selector {
        padding: 15px 0;
    }

    .rooms .room {
        margin: 5px 10px;
        border-right: unset;
        border-left: unset;
    }

    .jackpot .bets {
        margin: 0;
    }

    .jackpot .bets li {
        height: auto;
        padding: 10px;
    }

    .jackpot .bets li .user .info {
        display: block;
    }

    .jackpot .bets li .user .detail {
        float: unset;
        position: relative;
        text-align: left;
    }

    .jackpot .bets li .user .detail .percent {
        width: 63px;
        display: inline-block;
        text-align: center;
    }

    .jackpot .bets li .user .detail .tickets {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 10px 0;
    }

    .bet-input .upper {
        margin-top: 7px;
        display: block;
    }

    .jackpot .bet-input .upper {
        display: inline-block;
    }

    .bet-input .upper a {
        margin: 0;
    }

    .bet-input .makeBet {
        display: inline-block;
    }

    .winner ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .double-button a {
        margin: 10px 4px !important;
    }

    .rates-loop {
        margin: 10px auto;
        width: 100%;
    }

    .double {
        width: 260px;
        height: 260px;
    }

    .flex-wrap .double {
        min-width: 260px;
    }

    .double-loop {
        padding: 30px 15px;
    }

    .double-rel {
    }

    .double-loop .flex-wrap {
        display: block;
    }

    .flex-wrap .double {
        margin: 0 auto 15px;
    }

    .double-right {
        padding-top: 15px;
    }

    .coms1 {
        width: 100%;
    }

    .ref .code .code-title {
        margin: 10px 0;
        display: block;
        text-align: center;
    }

    .ref .code .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .lvl .lvl-title {
        margin: 20px 0;
        display: block;
        text-align: center;
    }

    .ref .lvl .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .moneyRef .getMoney {
        display: block;
        position: unset;
        text-align: center;
        margin: 10px;
        width: 120px;
        margin: 10px 0;
    }

    table th {
        font-size: 1em;
    }

    table td {
        font-size: 0.8em;
    }

    .dice .dice-history table tbody .checking {
        padding: 5px 3px;
        font-size: 11px;
        font-weight: 400;
    }

    .chouser {
        width: 260px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -226px;
    }

    .bonus .line {
        width: 275px;
        margin: 15px auto;
    }

    .bonus .line .carousel {
        margin-left: -219px;
    }

    .dice .dice-loop .right .factor .title,
    .dice .dice-loop .right .chance .title,
    .dice .dice-loop .left .title {
        font-size: 12px;
    }

    .dice .dice-loop .val,
    .dice .dice-loop .val span {
        font-size: 20px !important;
    }

    .chart-info {
        font-size: 31px;
    }
}

@media (max-width: 500px) {
    .games-table__battle th:nth-child(3),
    .games-table__battle td:nth-child(3) {
        width: 15%;
    }

    .games-table__double th:nth-child(1),
    .games-table__double td:nth-child(1) {
        width: 22%;
    }

    .games-table__double th:nth-child(2),
    .games-table__double td:nth-child(2) {
        width: 33%;
        padding-right: 0;
    }

    .user-profile-full-stats__btn__icon {
        font-size: 13px;
        font-weight: 800;
        margin: 0;
    }

    .user-profile-full-stats__btn__text {
        display: none;
    }

    .games-table__header-th_with-submenu {
        width: 22%;
    }

    .user-profile-caregories__room-arrow {
        font-size: 7px;
        margin-left: 1px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        max-width: 135px;
    }

    .double-button .bet-amount {
        font-size: 15px;
    }

    .double-button a {
        width: 95px;
        margin: 10px 3px !important;
        padding: 0 20px 0 12px;
    }

    .games-dropdown__game {
        padding: 9px 7px;
    }

    .ref-summary {
        font-size: 12px;
    }

    .partnership__code {
        padding-right: 65px;
    }

    .user-profile-caregories__games-txt {
        display: none;
    }

    .getMoney {
        margin-bottom: 0;
    }

    .ref-profit__item:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ref-profit__item:last-child {
        border-bottom: none;
    }

    .ref-profit__item {
        border-left: none;
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

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

    .user-profile-overview-loop__left-resources__tickets {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-resources__balance {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 10px;
        text-align: center;
    }

    .user-profile-overview-loop__left-avatar {
        width: 110px;
    }

    .user-profile-overview-loop__left-resources__name {
        font-size: 14px;
    }

    .user-profile-overview-stats-divisor {
        margin: 10px auto 20px;
    }

    .user-profile-overview-loop__left {
        margin-bottom: 20px;
    }

    .stat-block {
        width: 131px;
        margin-left: 5px;
        margin-right: 5px;
    }

    #raffle-user-tickets-balance {
        font-size: 18px;
    }

    .raffle-user-tickets .myicon-ticket-raffle {
        font-size: 19px;
    }

    .winner-block {
        margin-top: 10px;
    }

    .raffle-bank {
        font-size: 16px;
    }

    #raffle-price {
        font-size: 20px;
    }

    .raffle-timer__time-descr {
        font-size: 14px;
    }

    .winner-tickets,
    .winner-prize,
    .winner-name {
        font-size: 16px;
    }

    .winner-prize span,
    #winner-tickets-value,
    .winner-name span {
        font-size: 18px;
    }

    .raffle-user-tickets {
        font-size: 14px;
    }

    .raffle-countdown {
        zoom: 0.75;
    }

    .crash-bets .text-clip {
        max-width: 130px;
    }

    .footer {
        -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;
    }

    .footer .copyright {
        margin-left: 0;
        margin-top: 7px;
    }

    .notifyme-notification.notifyme-bottom-right {
        bottom: 30px;
        right: 10px !important;
        margin-left: 10px;
    }

    .notifyme-notification.notifyme-top-right {
        right: 10px !important;
        margin-left: 10px;
    }

    .top table tbody tr td {
        max-width: 100px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top table thead {
        font-size: 12px;
    }

    .navbar .navbar-brand {
        text-align: center;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: absolute;
        top: 70px;
        background: #242323;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        line-height: 0;
        font-size: 16px;
        color: #ffc200;
        margin: 0;
        padding: 5px 0;
        z-index: 99;
    }

    .chat-toggle {
        min-width: 60px;
    }

    .hamburger {
        padding: 15px 11px;
    }

    .navbar .balance a {
        font-size: 20px;
    }

    .raffle-history h4 {
        font-size: 1rem;
    }

    .stats-table__other th:nth-child(1),
    .stats-table__other td:nth-child(1) {
        width: 20%;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        padding-right: 6%;
        width: 24%;
    }

    .stats-table__other th:nth-child(3),
    .stats-table__other td:nth-child(3) {
        width: 30%;
        padding-right: 3%;
    }

    .stats-table__other th:nth-child(4),
    .stats-table__other td:nth-child(4) {
        width: 25%;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 0;
        width: 5%;
        text-align: center;
    }

    .dice .dice-history img.rank {
        width: 20px;
        margin-right: 1px;
    }

    .stat-block__title {
        font-size: 11px;
    }

    .games-dropdown__game.games-dropdown__game-room {
        font-size: 11px;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        width: 19%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        padding-right: 3%;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: nowrap;
    }

    .stats-table__withdraws th:nth-child(3),
    .stats-table__withdraws td:nth-child(3) {
        width: 13%;
    }

    .user-profile-caregories {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 400px) {
    .rooms-dropdown {
        top: 36px;
    }

    .deposit-progress {
        margin-top: 5px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        width: 40%;
        max-width: 85px;
    }

    .ranks .window-body {
        padding: 15px 12px;
    }

    .small-button {
        padding: 7px 10px;
    }

    .subheading h3 {
        font-size: 15px;
    }

    .games-table__ranks .games-table__header-th {
        max-width: 45px;
    }

    .games-table__body-battle-winner {
        width: 28px;
        height: 28px;
    }

    .user-profile-caregories__category {
        margin-right: 3px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 7px;
        margin-left: 3px;
    }

    .user-profile-caregories__category_games {
        white-space: nowrap;
    }

    .buttoninzc {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .stats-table__pays th:nth-child(1),
    .stats-table__pays td:nth-child(1) {
        width: 24%;
    }

    .stats-table__pays th:nth-child(2),
    .stats-table__pays td:nth-child(2) {
        padding-right: 7%;
    }

    .games-table__body-battle-bet {
        padding: 5px 8px;
    }

    .games-table__double td:nth-child(2) {
        white-space: nowrap;
    }

    .games-table__body-double-bet {
        padding: 5px 7px;
    }

    .games-table__money {
        white-space: nowrap;
    }

    .games-table__jackpot td:last-child,
    .games-table__double td:last-child,
    .games-table__battle td:last-child,
    .games-table__crash td:last-child,
    .games-table__dice td:last-child {
        padding-right: 0;
    }

    .games-table__jackpot th:nth-child(4),
    .games-table__jackpot td:nth-child(4) {
        padding-right: 2%;
    }

    .games-table__header-th {
        font-size: 9px;
    }

    .games-table__body-td__dots {
        font-size: 8px;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        width: 10%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        width: 16%;
    }

    .games-table__header-th {
        max-width: 35px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .games-table__body-td {
        font-size: 11px;
    }

    .next-rank img.rank-icon {
        width: 50px;
    }

    .bets-progress,
    .deposit-progress {
        font-size: 12px;
    }

    .stat-block__value {
        font-size: 14px;
    }

    .stat-block {
        padding: 10px 5px;
    }

    .dark-button i {
        font-size: 14px;
    }

    .dark-button {
        font-size: 12px;
    }

    .games-table__body-td__fair {
        font-size: 13px;
    }

    .user-profile .code .value i {
        top: 1px;
        padding: 11px 20px;
    }

    .user-profile .code .value input {
        font-size: 14px;
        padding: 12px 10px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 10px;
    }

    .dark-button i {
        display: none !important;
    }

    .your-code__text {
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: normal;
    }

    .games-table__jackpot td,
    .games-table__double td,
    .games-table__battle td,
    .games-table__crash td,
    .games-table__dice td {
        padding-right: 2px;
    }

    .games-table__double th:nth-child(1),
    .games-table__double td:nth-child(1) {
        width: auto;
    }

    .games-table__double th:nth-child(2),
    .games-table__double td:nth-child(2) {
        width: auto;
    }

    .user-profile-caregories__room-arrow {
        font-size: 6px;
        margin-left: 0;
    }

    .stat-block {
        width: 121px;
    }

    .stat-block:first-child {
        margin-left: 0;
    }

    .stat-block:nth-child(2) {
        margin-right: 0;
    }

    .stat-block:last-child {
        width: 130px;
    }

    .small-button {
        padding: 5px 8px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 7px;
    }

    .dark-button {
        font-size: 11px;
    }

    .double-button a {
        width: 85px;
        margin: 10px 1px !important;
        padding: 0 20px 0 9px;
    }

    .double-button .bet-amount {
        font-size: 14px;
    }

    .mobile-menu__contents {
        padding: 0;
    }

    .navbar-brand img {
        width: 105px;
        margin-top: 20px;
        margin-left: 8px;
    }

    .money-block__money-area {
        font-size: 15px;
    }

    .money-block__action {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: 5px;
    }

    .money-block__money-area {
        width: 180px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        padding-right: 2px;
    }

    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 2px;
    }

    .ranks .ranks-table td div img {
        width: 18px;
        margin-right: 1px;
    }

    .rank-name {
        font-size: 10px;
    }

    .bet-input .upper a {
        padding: 7px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 6px;
        margin-left: 2px;
    }

    .user-profile-caregories__category {
        margin-right: 1px;
        font-size: 11px;
    }

    .user-profile .code .value {
        width: 250px;
    }

    .user-profile-overview-loop__left-avatar {
        width: 100px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 9px;
    }

    .raffle-countdown {
        zoom: 0.67;
    }

    .raffle-bank {
        font-size: 18px;
    }

    #raffle-price {
        font-size: 22px;
    }
}

@media (max-width: 340px) {
    .bets-progress,
    .deposit-progress {
        font-size: 10px;
    }
}

@-webkit-keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

@keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

.alert-red .alert-close,
.alert-pink .alert-close,
.alert-purple .alert-close,
.alert-indigo .alert-close,
.alert-blue .alert-close,
.alert-cyan .alert-close,
.alert-teal .alert-close,
.alert-green .alert-close,
.alert-orange .alert-close,
.alert-brown .alert-close,
.alert-bgray .alert-close {
    color: #fff;
}

.alert-red {
    background-color: #7382e5 !important;
    color: #fff !important;
    width: 100%;
}

.alert-pink {
    background-color: #f06292 !important;
    color: #fff !important;
}

.alert-purple {
    background-color: #ba68c8 !important;
    color: #fff !important;
}

.alert-indigo {
    background-color: #7986cb !important;
    color: #fff !important;
}

.alert-blue {
    background-color: #64b5f6 !important;
    color: #fff !important;
}

.alert-cyan {
    background-color: #4dd0e1 !important;
    color: #fff !important;
}

.alert-teal {
    background-color: #4db6ac !important;
    color: #fff !important;
}

.alert-green {
    background-color: #81c784 !important;
    color: #fff !important;
}

.alert-orange {
    background-color: #ffb74d !important;
    color: #fff !important;
}

.alert-brown {
    background-color: #a1887f !important;
    color: #fff !important;
}

.alert-bgray {
    background-color: #90a4ae !important;
    color: #fff !important;
}

.alert {
    background-color: #eee;
    color: #000;
    border-radius: 4px;
    padding: 20px;
    opacity: 1;
    font-size: 16px;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-radius: 25px;
    max-width: 800px;
    margin: 20px auto;
}

.alert-close {
    margin-left: 15px;
    color: #bbb;
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.alert-close:hover {
    color: #000;
}

.limiter {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    overflow: auto;
    background: rgba(0, 0, 0, 0.6);
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
}

.wrap-login100 {
    width: 670px;
    background: #21203a;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 9px 0 #88888838;
    box-shadow: 0 0 9px 0 #88888838;
}

.login100-form-title {
    width: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 15px;
}

.login100-form-title-1 {
    font-family: Poppins-Bold;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.login100-form-title::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(39, 44, 66, 0.86);
}

.login100-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 43px 88px 93px 190px;
}

.overlay_login {
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    max-width: 70%;
}

.termssss1 {
    color: #47457d !important;
}

.termssss {
    color: #0f0f1b !important;
}

.top.active {
    display: block;
}

.top {
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 60px;
    display: none;
    color: #fff;
    font-weight: 400;
}

.top table {
    text-align: center;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
}

.top table thead {
    font-size: 15px;
}

.top table thead th {
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.top table tbody tr:nth-child(1) {
    background-color: rgba(255, 215, 0, 0.8);
}

.top table tbody tr:nth-child(2) {
    background-color: rgba(192, 192, 192, 0.5);
}

.top table tbody tr:nth-child(3) {
    background-color: rgba(205, 127, 50, 0.3);
}

.top table tbody tr td {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

/** 123 **/

.game-sidebar__input-helper {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.game-sidebar__input-helper-action {
    background: #242323;
    margin: 0px 0px;
    text-align: center;
    line-height: 30px;
    flex: auto;
    font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-right: 1px solid #151515;
    color: #cdcdcd;
}

.game-sidebar__input-helper-action:hover {
    background: #292929;
    cursor: pointer;
}

.game-sidebar__input-helper-action:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.game-sidebar__input-helper-action:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}

.game-sidebar__input-helper-action:disabled {
    opacity: 0.8;
    pointer-events: none;
}

game-sidebar__input:disabled {
    opacity: 0.8;
}

.game-sidebar__input-relative-wrapper_full-width {
    position: relative;
}

.game-sidebar__input-relative-wrapper {
    position: relative;
}

.game-sidebar__input_coins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #fff;
    font-size: 20px;
}

.game-sidebar__footer {
    padding: 20px 0;
    text-align: center;
}

.game-sidebar__footer-button {
    padding: 0 0px;
    width: 40px;
    height: 34px;
    line-height: 4px;
    border-radius: 3px;
    color: #7b7b7beb;
    font-size: 15px;
    background: none;
    border: 1px solid #333;
    margin: 0 5px;
    transition: 0.2s all ease;
}

.game-sidebar__footer-button:hover {
    background: #242323;
    color: #fff;
    cursor: pointer;
}

.game-sidebar__footer-button_small {
    width: 80px;
    margin: 0 3px;
}

.game-sidebar__fair-trigger {
    font-size: 16px;
}

.game-sidebar__input-helper-action {
    background: #242323;
    margin: 0px 0px;
    text-align: center;
    line-height: 30px;
    flex: auto;
    font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-right: 1px solid #151515;
    color: #cdcdcd;
}

.game-sidebar__input-helper-action:hover {
    background: #292929;
    cursor: pointer;
}

.game-sidebar__input-helper-action:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.game-sidebar__input-helper-action:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}

.game-sidebar__input-helper-action:disabled {
    opacity: 0.8;
    pointer-events: none;
}

.game-area {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.game-area__profile {
    flex-direction: column;
}

.game-area-wrapper {
    position: relative;
}

.game-area_double {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    height: 100%;
}

.double {
    width: 350px;
    height: 350px;
    position: relative;
    margin: 0 auto;
}

/*.double:before {
    content: '';
    width: 230px;
    height: 230px;
    background: #2e2e2e;
    border: 3px solid #ffc100;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}*/

.double-mark {
    --container-width: 0px;
    left: calc(var(--container-width) + 1px);
    top: 0px;
    height: 100%;
    display: block;
    position: absolute;
    pointer-events: none;
}

.double-mark:after {
    position: absolute;
    content: "";
    width: 6px !important;
    height: 150px !important;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    background-color: #fff;
    border-radius: 20px;
    border: none;
    z-index: 3;
}

.hash {
    position: relative;
    margin: 15px auto;
    color: #cdcdcd;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.game-sidebar {
    min-width: 290px;
    background: rgba(21, 21, 21, 1);
    min-height: 500px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
}

.game-sidebar__short {
    min-height: 440px;
}

.game-sidebar__profile {
    background: none;
    min-height: auto;
    border-radius: 0;
}

.game-sidebar__heading {
    width: 100%;
    padding: 15px 25px;
    font-size: 14px;
    background: #242323;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #fff;
}

.game-sidebar__body {
    padding: 20px 15px;
    flex: auto;
}

.game-sidebar__input-wrapper {
    position: relative;
    margin-top: 25px;
}

.game-sidebar__input-wrapper_no-margin {
    margin-top: 0;
}

.game-sidebar__play-button-wrapper {
    margin-top: 25px;
}

.game-sidebar__input {
    width: 100%;
    display: block;
    border: solid 1px #424242;
    background: #242323;
    font-size: 16px;
    /* height: 45px; */
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    outline: none;
    border-radius: 4px;
}

.popup-input-block {
    display: flex;
}

.double-bet-buttons {
    display: flex;
}
.game-footer {
    background: #242323;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.game-sidebar__play-button_mobile {
    width: 50%;
    display: none;
}
.jackpot-fair-check {
    margin-top: 5px;
    display: block;
    color: #43cb39;
    white-space: nowrap;
    border-bottom: 1px dashed;
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    font-size: inherit;
    transition: 0.2s color;
}

.jackpot-fair-check:hover {
    border-bottom: 1px dashed transparent;
    color: #43c03a;
}

.double-field-wrapper {
    flex: auto;
    padding: 25px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.crash-field-wrapper {
    flex: auto;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mines-field-wrapper {
    flex: auto;
    padding: 25px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.game-footer_crash {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px;
}

.game-footer_double {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 15px;
}

.double-footer-wrapper {
    padding: 15px 0;
}

.double-history-line {
    display: flex;
}

.double-circle:last-of-type {
    margin-right: 0;
}

.double.active .double-row {
    -webkit-transform: rotate(3500deg);
    -ms-transform: rotate(3500deg);
    transform: rotate(3500deg);
}

.double-win {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -15px;
    z-index: 2;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.double-win img {
    width: 100%;
    height: auto;
}

.double-row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: 13s;
    -o-transition: 13s;
    transition: 13s;
    pointer-events: none;
}

.double-row img {
    width: 100%;
    height: auto;
}

.double-rel {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    z-index: 4;
    color: #fff;
    line-height: 200px;
    font-weight: 800;
    text-align: center;
    font-size: 70px;
}

.double-circle {
    flex: 1;
    min-width: 44px;
    min-height: 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
    padding: 3px;
}

.double-circle-inner {
    height: 100%;
    display: block;
    border-radius: 50%;
    border: none;
}

.double-circle-inner__number {
    font-weight: 800;
    font-size: medium;
    color: #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.double-circle_red {
    border: none;
}

.double-circle_red .double-circle-inner {
    background: #ffc200;
}

.double-circle_green {
    border: none;
}

.double-circle_green .double-circle-inner {
    background-color: #ffffff !important;
}

.double-circle_black {
    border: none;
}

.double-circle_black .double-circle-inner {
    background: #333537;
}

.double-timer {
    /* background:url(../images/double-timer.svg) no-repeat center 15px; */
    /* background-size:30px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 168px;
    height: 168px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    border-radius: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 38px;
    color: #fff;
}

.double-timer.hidden {
    display: none;
}

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

.double-loop .flex-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.double-bet-buttons {
    display: flex;
}

.game-sidebar__double-bet {
    flex: 1;
    background: transparent;
    padding: 10px 7px;
    border: none;
    outline: none;
    border-radius: 4px;
    color: #fff;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.double-x {
    font-size: 12px;
}

.game-sidebar__double-bet:hover {
    cursor: pointer;
}

.game-sidebar__double-bet:last-of-type {
    margin-right: 0;
}

.game-sidebar__double-bet_yellow {
    background: #ffc200;
}

.game-sidebar__double-bet_yellow:hover {
    /* background: #d8a400; */
    box-shadow: 0 0 10px 0 rgba(255, 193, 7, 0.3);
}

.game-sidebar__double-bet_green {
    background: #01d139;
}

.game-sidebar__double-bet_green:hover {
    /* background: #00b130; */
    box-shadow: 0 0 10px 0 rgba(1, 209, 57, 0.3);
}

.game-sidebar__double-bet_black {
    background: #333537;
}

.game-sidebar__double-bet_black:hover {
    /* background: #2d2f31; */
    box-shadow: 0 0 10px 0 rgba(74, 78, 82, 0.3);
}

.double-last-history_margined:last-of-type {
    margin-right: 4px;
}

.double-bet-sum {
    font-size: 14px;
}

.double-bet-coeff {
    font-size: 10px;
    color: #fff;
    margin-left: auto;
}

.flex-wrap .double {
    min-width: 350px;
    margin-right: 35px;
}

.double-time {
    font-size: 60px;
    font-weight: 700;
    color: #ffc200;
    margin-top: 25px;
    /* margin:33px 0 0; */
}

.double-right {
    margin: 0 auto;
}

.double-last {
    overflow: hidden;
    margin: 16px 0;
    background: #242323;
    padding: 15px;
    white-space: nowrap;
    border-radius: 50px;
    position: relative;
    border-radius: 25px;
}

.double-last:after {
    content: "";
    background: -o-linear-gradient(left, transparent, #242323);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        to(#242323)
    );
    background: linear-gradient(to right, transparent, #242323);
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
}

.double-last form {
    display: inline-block;
}

.double-last-i.black {
    background: url(../images/black.png) no-repeat 0 0;
}

.double-last-i.red {
    background: url(../images/yellow.png) no-repeat 0 0;
}

.double-last-i.green {
    background: url(../images/green.png) no-repeat 0 0;
}

.double-last-i:nth-child(1) {
    margin: 0;
}

.double-last-i {
    width: 41px;
    height: 41px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 0 0 0 7px;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.double-button {
    /* text-align:center; */
    display: flex;
    justify-content: center;
}

.double-button button:after {
    width: 29px;
    height: 29px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.double-button button:first-child {
    margin-left: 0;
}

.double-button button:last-child {
    margin-right: 0;
}

.double-button button:hover:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.double-button button {
    width: 110px;
    height: 41px;
    line-height: 38px;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    margin: 0 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.double-button-1 {
    border: 1px solid #ffc200;
    background: #ffc200;
}

.double-button-1:hover {
    -webkit-box-shadow: 0 0 10px rgba(255, 217, 0, 0.4),
        inset 0 0 6px rgba(255, 217, 0, 0.25);
    box-shadow: 0 0 10px rgba(255, 217, 0, 0.4),
        inset 0 0 6px rgba(255, 217, 0, 0.25);
}

.double-button-1:after {
    background: #c39107;
    content: "x2";
    -webkit-box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
    box-shadow: 0 0 12px rgba(255, 217, 0, 0.6);
}

.double-button-2 {
    border: 1px solid #249b42;
    background: #01c236;
}

.double-button-2:hover {
    -webkit-box-shadow: 0 0 10px rgba(36, 155, 66, 0.4),
        inset 0 0 6px rgba(36, 155, 66, 0.25);
    box-shadow: 0 0 10px rgba(36, 155, 66, 0.4),
        inset 0 0 6px rgba(36, 155, 66, 0.25);
}

.double-button-2:after {
    background: #249b42;
    content: "x14";
    -webkit-box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
    box-shadow: 0 0 12px rgba(36, 155, 66, 0.6);
}

.double-button-3 {
    border: 1px solid #313336;
    background: #494b4e;
}

.double-button-3:hover {
    -webkit-box-shadow: 0 0 10px rgba(49, 51, 54, 0.4),
        inset 0 0 6px rgba(49, 51, 54, 0.25);
    box-shadow: 0 0 10px rgba(49, 51, 54, 0.4),
        inset 0 0 6px rgba(49, 51, 54, 0.25);
}

.game-component {
    background: rgba(21, 21, 21, 1);
    min-height: 500px;
    width: 100%;
    border-radius: 7px;
    margin-left: 8px;
    min-width: 0;
}

.game-component__short {
    min-height: 440px;
}

.game-component__profile {
    background: none;
    min-height: auto;
    border-radius: 0;
}
/* table history */
.game-container_history {
    margin-top: 10px;
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 7px;
}

.game-container__table {
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-collapse: collapse;
    width: 100%;
    table-layout: inherit;
}

.game-container__table__thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.game-container__table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__body-td {
    text-align: left;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
}

.game-container__table__money {
    font-weight: 400;
    color: #ffc200;
}

.game-container__table__money_win {
    color: #ffc200;
}

.game-container__table__money_lost {
    color: #a9a9a9;
}

.game-container__table__player {
    max-width: 200px;
}

.game-container__table__player span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.game-container__table__player img {
    width: 25px;
    margin-right: 5px;
}

.game-container__table__body-td_fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    cursor: pointer;
    padding: 0;
    text-align: right;
}

.game-container__table__body-td_fair a {
    display: block;
}

.game-container__table__body-td_fair a:hover {
    color: #ffc200;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

/* ! table history */

.double-history__cols {
    display: flex;
}

.double-history__col {
    flex: 1;
    min-width: 0;
    margin-right: 10px;
}

.double-history__col:last-of-type {
    margin-right: 0;
}

.double-history__col-header-bet__username {
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.double-history__col-header-bet__row {
    max-width: calc(100% - 55px);
    display: flex;
    width: 100%;
    align-items: center;
}

.double-history__col-header-bet__amount {
    padding: 4px 8px;
    border: 1px solid;
    border-radius: 5px;
    margin-left: auto;
    font-size: 13px;
}

.colored-link {
    text-decoration: none;
    color: #ffc200;
    border-bottom: 1px dashed #ffc200;
    transition: 0.2s ease;
}

.fair-submit {
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    text-decoration: none;
    color: #ffc200;
    border-bottom: 1px dashed #ffc200;
    transition: 0.2s ease;
}

.fair-submit:hover {
    color: #e0ac00;
    cursor: pointer;
}

.text-heading {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.colored-link:hover {
    color: #e0ac00;
}

.text-paragraph {
    line-height: 20px;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
}

.text-paragraph b {
    font-weight: 800;
    color: #fff;
}

.text-bold {
    font-weight: 800;
    color: #fff;
}

.double-history__col-body {
    color: #fff;
    font-size: 14px;
    padding: 3px 10px 0 10px;
    background: #1d1d1d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.double-history__col-header-bet__user {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 0px 8px 0px;
}

.double-history__col-header-bet__personal {
    border-width: 2px;
    border-color: #ffc200;
}

.double-history__col-header-bet__user:last-of-type {
    border-bottom: none;
}

.double-history__col-header-bet__photo {
    width: 45px;
    min-width: 45px;
    height: 45px;
    position: relative;
    margin-right: 10px;
}

.double-history__col-header-bet__photo .avatar {
    max-width: 100%;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
    padding: 3px;
}

.double-no-bets {
    text-align: center;
    padding: 22px 0 23px 0;
}

.double-history__col-header-bet__photo .rank {
    position: absolute;
    width: 22px;
    right: -7px;
    top: -1px;
}

.double-history__col-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: flex;
    color: #fff;
    padding: 10px;
}

.mobile-online {
    font-size: 1.2rem;
    display: flex;
    justify-content: space-around;
    width: 30px;
    align-items: center;
    margin-left: 15px;
}

.double-history__col-bets {
    font-size: 16px;
    font-weight: 800;
}

.double-history__col_yellow .double-history__col-header {
    background: #ffc200;
}

.double-history__col_green .double-history__col-header {
    background: #01c236;
}

.double-history__col_black .double-history__col-header {
    background: #333537;
}

.double-history__col_yellow .double-history__col-header-bet__amount {
    border-color: #ffc200;
}

.double-history__col_green .double-history__col-header-bet__amount {
    border-color: #01c236;
}

.double-history__col_black .double-history__col-header-bet__amount {
    border-color: #4b4c4e;
}

/* table history */
.game-container_history {
    margin-top: 10px;
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 7px;
}

.game-container__table {
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-collapse: collapse;
    width: 100%;
    table-layout: inherit;
}

.game-container__table__thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.game-container__table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__body-td {
    text-align: left;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
}

.game-container__table__money {
    font-weight: 400;
    color: #ffc200;
}

.game-container__table__money_win {
    color: #ffc200;
}

.game-container__table__money_lost {
    color: #a9a9a9;
}

.game-container__table__player {
    max-width: 200px;
}

.game-container__table__player span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.game-container__table__player img {
    width: 25px;
    margin-right: 5px;
}

.game-container__table__body-td_fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    cursor: pointer;
    padding: 0;
    text-align: right;
}

.game-container__table__body-td_fair a {
    display: block;
}

.game-container__table__body-td_fair a:hover {
    color: #ffc200;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

/* ! table history */

.modal-window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    outline: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.2s all ease;

    overflow-x: hidden;
    overflow-y: auto;
}

.modal-window.active {
    visibility: visible;
    opacity: 1;
}

.modal-dialog {
    width: 100%;
    max-width: 320px;
    position: relative;
    z-index: 11;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: auto;

    display: flex;
    align-items: center;
    min-height: 100%;
    padding: 10px 5px;
}

.modal {
    border-radius: 10px;
    position: relative;
    background: #242323;
    overflow: hidden;
}

.htp-image-img {
    border-radius: 5px;
    max-width: 100%;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all ease;
}

.modal-backdrop.active {
    opacity: 0.7;
    visibility: visible;
}

.modal.narrow-modal {
    max-width: 320px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 9999;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}

.popup-promo .ref {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: unset;
}

.popup-promo .ref .btn {
    margin: 0 auto;
    font-size: 10px;
    width: auto;
    padding: 10px 0;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #242323;
    border-radius: 10px;
    padding: 30px;
    width: 95%;
    max-width: 720px;
    color: #cdcdcd;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-height: 95%;
    overflow-y: auto;
}

.popup.htp-popup {
    padding: 0;
    overflow: auto;
}

.ns-popup.htp-popup {
    padding: 0;
    overflow: auto;
}

.popup.narrow-popup {
    max-width: 320px;
}

.ns-popup.narrow-popup {
    max-width: 320px;
}

.modal .heading {
    padding: 20px;
    background: #181818;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    /* border-top-right-radius: 10px;
    border-top-left-radius: 10px; */
    color: #cdcdcd;
}

.modal-close {
    color: #fff;
    top: 15px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.popup.htp-popup .heading {
    padding: 20px;
    background: #181818;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
}

.popup.htp-popup .close {
    color: #fff;
    top: 15px;
    padding: 10px;
    font-size: 12px;
    position: absolute;
    right: 12px;
    cursor: pointer;
}

.htp-popup-message {
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: lightgray;
    line-height: 1.45;
}

.history-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 7px;
}

.history-card-wrapper {
    margin: 6px 0;
    padding: 0 5px;
    width: 33.333%;
}

.history-card {
    color: #cdcdcd;
    position: relative;
}

.history-card__top-side {
    display: flex;
    align-items: center;
    padding: 12px;
    background: #242323;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.history-card__top-side_image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #fff;
    margin-right: 10px;
}

.history-card__top-side_image-wrapper {
    position: relative;
}

.history-card__top-side_image-rank {
    width: 25px;
    position: absolute;
    right: 6px;
    top: -2px;
}

.history-card__bottom-side {
    background: #1d1d1d;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 12px 0;
    display: flex;
}

.history-card__username {
    font-size: 14px;
    color: #fff;
}

.history-param {
    flex: 1;
    text-align: center;
    font-weight: 500;
}

.history-param_ticket {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 11px;
}

.history-param_money {
    color: #ffc200;
}

.history-param_ticket {
    color: #43cb39;
}

.history-param_chance {
    color: #fff;
}

.jackpot-fair-check {
    margin-top: 5px;
    display: block;
    color: #43cb39;
    white-space: nowrap;
    border-bottom: 1px dashed;
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    font-size: inherit;
    transition: 0.2s color;
}

.jackpot-fair-check:hover {
    border-bottom: 1px dashed transparent;
    color: #43c03a;
}

.double-field-wrapper {
    flex: auto;
    padding: 25px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.crash-field-wrapper {
    flex: auto;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mines-field-wrapper {
    flex: auto;
    padding: 25px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.mines-field {
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.mines-cell {
    width: calc(20% - 6px);
    height: 100%;
    margin: 0px 3px 6px 3px;
    background: #ffc200;
    outline: 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    position: relative;
}

.mines-cell:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mines-cell:disabled {
    pointer-events: none;
    opacity: 1;
}

.mines-cell_last {
    margin-bottom: 0;
}

.mines-cell.revealing {
    background: #ffd344;
}

.mines-cell_revealed {
    background: #3a2e09;
    pointer-events: none;
}

.mines-cell_revealed.no-bg {
    background: #ffc200;
}

.mines-cell_revealed .mines-cell-content {
    animation: revealIconZoomInOut 0.6s;
}

.mines-cell-content {
    background-size: 0%;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(0);
    will-change: background-size;
}

.mines-cell_revealed-after .mines-cell-content {
    opacity: 0.65;
    background-size: 50%;
    animation: none;
    transition: all 0.4s ease-in;
}

.mines-cell_revealed.no-bg .mines-cell-content {
    opacity: 0.65;
    transition: background-size 0.4s ease-in;
    /* animation: revealIconZoomInOutSmall .4s ease; */
    animation: none;
    background-size: 50%;
}

.mines-cell_revealed.no-bg.mines-cell_bomb .mines-cell-content {
    background-size: 50%;
}

.mines-cell-reveal-animation:before {
    content: "";
    width: 0px;
    height: 0px;
    opacity: 0;
    background: none;
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.mines-cell_revealed .mines-cell-reveal-animation:before {
    animation: revealCircleSmall 0.4s 0.25s linear;
}

.mines-cell_revealed.no-animated-circles .mines-cell-reveal-animation:before {
    animation: none;
}

.mines-cell-reveal-animation:after {
    content: "";
    width: 0;
    height: 0;
    opacity: 0;
    background: none;
    border: 2px solid #fff;
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.mines-cell_revealed .mines-cell-reveal-animation:after {
    animation: revealCircleLarge 0.4s 0.25s linear;
}

.mines-cell_revealed.no-animated-circles .mines-cell-reveal-animation:after {
    animation: none;
}

.validation-wrapper {
    position: relative;
}

.validation-message {
    position: absolute;
    z-index: 5;
    top: -29px;
    left: -2px;
    color: #ff4b4b;
    background: #0c0c0c;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 4px;
    display: none;
    white-space: nowrap;
}

.validation-message:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 5px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #0c0c0c;
}

.validation-message_bottom {
    bottom: -29px;
    top: auto;
}

.validation-message_bottom:before {
    top: -4px;
    bottom: auto;
    transform: rotate(180deg);
}

@keyframes revealCircleLarge {
    60% {
        width: 5px;
        height: 5px;
        opacity: 0.3;
    }

    80% {
        opacity: 1;
    }

    100% {
        width: 60px;
        height: 60px;
        opacity: 0;
    }
}

@keyframes revealCircleSmall {
    0% {
        width: 0;
        height: 0;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        width: 25px;
        height: 25px;
        opacity: 0;
    }
}

@keyframes revealIconZoomInOutSmall {
    0% {
        background-size: 0;
    }

    to {
        background-size: 50%;
    }
}

@keyframes revealIconZoomInOut {
    0% {
        background-size: 0;
    }

    60% {
        background-size: 72%;
    }

    85% {
        background-size: 54%;
    }

    to {
        background-size: 60%;
    }
}

.mines-cell_revealed:disabled {
    background: #3a2e09;
}

.mines-cell-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mines-cell_bomb .mines-cell-content {
    background-image: url("../images/bomb.svg");
    background-size: 60%;
}

.mines-cell_diamond .mines-cell-content {
    background-image: url("../images/diamond.svg");
    background-size: 60%;
}

.mines-summary-img {
    width: 30px;
    height: auto;
    margin-bottom: 7px;
}

.mines-summary-field {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
}

.mines-summary {
    text-align: center;
    padding: 15px 15px;
    border-top: 1px solid #3a3a3a;
    border-bottom: 1px solid #3a3a3a;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    background: #242323;
}

.diamonds-count {
    border-right: 1px solid #3a3a3a;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.mines-count {
    border-left: 1px solid #3a3a3a;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.games-table__room-picker {
    cursor: pointer;
    padding: 10px 0;
    white-space: nowrap;
}

.slider-bg {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 65px;
    margin: 20px 0;
    -webkit-box-shadow: 0 0 3em #00000021;
    box-shadow: 0 0 3em #00000021;
    position: relative;
    border-radius: 50px;
}

.slider-bg ul {
    display: inline-block;
    height: 65px;
    width: 9999px;
    margin-bottom: 0;
    border-radius: 50px;
}

.slider-bg ul li {
    width: 65px;
    height: 65px;
    float: left;
    position: relative;
    margin: 0 3px;
}

.slider-bg ul li img {
    width: 100%;
    border-radius: 5px;
}

.slider-bg ul li span {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius: 0 0 5px 5px;
}

.jackpot .slider {
    display: inline-block;
    width: 100%;
    position: relative;
}

.jackpot .slider .arrow {
    display: inline-block;
    width: 30px;
    position: absolute;
    height: 30px;
    background: url(../images/arrow.png) no-repeat center center;
    z-index: 6;
    background-size: 100%;
    left: calc(50% - 25px);
    top: 5px;
}

.jackpot .bets {
    margin-bottom: 60px;
}

.jackpot .bets li {
    background: #242323;
    border-radius: 4px;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    -webkit-transition: 1s linear;
    -o-transition: 1s linear;
    transition: 1s linear;
    vertical-align: middle;
    height: 90px;
    cursor: default;
}

.jackpot .bets li color {
    position: absolute;
    width: 3px;
    height: 100%;
    left: 0;
    top: 0;
}

.jackpot .bets li .user {
    font-size: 0;
}

.jackpot .bets li .user .ava {
    position: absolute;
}

.jackpot .bets li .user .ava img.avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.jackpot .bets li .user .info {
    margin-left: 70px;
    display: inline-block;
    padding: 20px 0;
}

.jackpot .bets li .user .info .nickname {
    font-size: 15px;
}

.room ul {
    display: inline-block;
}

.room ul li {
    display: inline-block;
    margin-left: 10px;
    text-align: center;
}

.jackpot .room {
    color: #cdcdcd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #333;
}

.jackpot-tab:first-child {
    border-top-left-radius: 7px;
}

.jackpot-tab:last-child {
    border-top-right-radius: 7px;
}

.jackpot-tab {
    flex: 1;
    text-align: center;
    height: 45px;
    line-height: 45px;
    background: #242323;
}

.jacpot-tab__title {
    position: relative;
}

.jackpot-tab-bank {
    position: absolute;
    top: -8px;
    left: 110%;
    line-height: 1;
    padding: 2px 4px;
    background: #0e9980;
    color: #fff;
    font-weight: 800;
    border-radius: 3px;
    font-size: 11px;
}

.jackpot-tab.active {
    border-bottom: 2px solid #ffc200;
}

.jackpot-field-wrapper {
    padding: 0 15px;
}

.room ul li a:hover,
.room ul li a.active {
    border-bottom: 2px solid #ffc200;
}

.room ul li a {
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    font-size: 14px;
    font-weight: 400;
    color: #cdcdcd;
}

.jackpot .bets li .user .info .points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: 400;
}

.jackpot_room_bank {
    display: block;
    margin-top: 8px;
}

.jackpot_room_bank.active {
    color: #ffc200;
}

.jackpot .bets li .user .info .points span.bet-sum {
    font-weight: 600;
    font-size: 16px;
    color: #ffc200;
}

.jackpot .bets li .user .detail {
    float: right;
    text-align: right;
    opacity: 0.6;
    color: #cdcdcd;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.jackpot .bets li .user .detail .percent {
    font-size: 21px;
    line-height: 36px;
    -webkit-transition: 0.5s linear;
    -o-transition: 0.5s linear;
    transition: 0.5s linear;
}

.jackpot .bets li .user .detail .tickets {
    font-size: 14px;
}

.jackpot .bets li .user .detail .tickets i {
    margin-right: 5px;
}

.jackpot .bets li:hover .user .detail .percent {
    color: #1dde10;
    opacity: 1;
}

.jackpot .bets li:hover .user .detail {
    opacity: 1;
}

.rooms {
    text-align: center;
}

.rooms .rooms-title {
    font-size: 22px;
    color: #cdcdcd;
    font-weight: 700;
}

.rooms .rooms-desc {
    color: #cdcdcd;
    font-weight: 700;
    font-size: 15px;
}

.rooms .room-selector {
    font-size: 0;
    padding: 15px;
}

.rooms .room {
    display: inline-block;
    margin-left: 20px;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}

.rooms .room:first-child {
    margin-left: 0;
}

.rooms .room:not(.active):last-child {
    border-right: unset;
}

.rooms .room .room-name {
    font-size: 18px;
    font-weight: 700;
    color: #cdcdcd;
}

.rooms .room .room-bet {
    font-size: 20px;
    color: #cdcdcd;
}

.rooms .room .room-bank {
    font-size: 14px;
    color: #cdcdcd;
}

.rooms .room:hover {
    border-bottom: 2px solid #ffc200;
}

.rooms .room.active {
    border-bottom: 2px solid #ffc200;
}

.chances {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 12px;
    height: 120px;
    white-space: nowrap;
    overflow: hidden;
}

.raffle-users {
    width: 100%;
    text-align: left;
    font-size: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}

.chances img.avatar,
.raffle-users img.avatar {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
    margin: 8px 17px;
    padding: 3px;
}

.chances img.rank,
.raffle-users img.rank {
    width: 25px;
    position: absolute;
    right: 14px;
    top: 8px;
}

.ava img.rank {
    width: 25px;
    position: absolute;
    right: -5px;
    top: -2px;
}

.chances li {
    display: inline-block;
    background: #242323;
    border-radius: 5px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    /* max-width:120px; */
    width: 90px;
    height: 120px;
    /* -webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
box-shadow:0 0 5px rgba(0,0,0,0.35); */
}

.raffle-users li {
    display: inline-block;
    background: #242323;
    border-radius: 10px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    width: 95px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}

.raffle-history h4 {
    text-align: center;
    margin: 25px 0 10px;
    font-size: 1.2rem;
    font-weight: 400;
}

.raffle-bank .myicon-coins {
    font-size: 18px;
}

#raffle-price {
    font-weight: 700;
    font-size: 18px;
}

#winner-tickets-value {
    font-size: 18px;
}

.winner-block {
    font-weight: 400;
    margin-top: 15px;
    line-height: 1.65;
    display: none;
}

.winner-name span {
    color: #fff;
    font-size: 16px;
}

.winner-prize span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.winner-prize span.myicon-coins {
    font-weight: 400;
    color: #ffc200;
}

.winner-tickets span {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}

.winner-tickets span.myicon-ticket-raffle {
    color: #00de09;
    font-size: 18px;
    font-weight: 400;
}

/* .chances span {
display:block;
text-align:center;
font-size:14px;
font-weight: 800;
color:#cdcdcd;
height:30px;
} */

.raffle-users span {
    display: block;
    text-align: center;
    height: 15px;
    font-size: 14px;
}

.raffle-users span.raffle-history-win {
    color: #ffc200;
}

.raffle-users span.raffle-history-date {
    font-size: 12px;
    margin: 7px 0;
    font-weight: 100;
}

.chances color {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.timer {
    position: relative;
    height: 60px;
    margin: 20px 0 15px 0;
}

.timer .timer-title {
    text-align: center;
    padding: 5px 0 0 0;
    color: #cdcdcd;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.timer .timer-bar {
    width: 100%;
    background-color: #1b2741;
    border-radius: 3px;
    height: 2px;
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.timer .timer-bar-fill {
    height: 2px;
    display: block;
    background: -o-linear-gradient(right, #ffc200, #009688);
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#ffc200),
        to(#009688)
    );
    background: linear-gradient(to left, #ffc200, #009688);
    border-radius: 3px;
    width: 0;
    -webkit-transition: width 1s linear;
    -o-transition: width 1s linear;
    transition: width 1s linear;
}

.timer .timer-bar .time {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: -16px;
}

.timer .timer-bar .time .elements {
    width: 120px;
    margin: 0 auto;
    background: #242323;
    border-radius: 4px;
}

.timer .timer-bar .time .elements .minsec {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 1.4;
}

.timer .timer-bar .time .elements .ms {
    color: hsla(0, 0%, 100%, 0.6);
}

.jackpot .roulette {
    height: 94px;
    padding: 7px 10px;
    position: relative;
    background: #242323;
    border-radius: 7px;
    margin-bottom: 15px;
}

.jackpot .roulette .list {
    height: 100%;
    /* padding: 8px 0; */
    overflow: hidden;
    position: relative;
}

.jackpot .roulette p {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    overflow: hidden;
    /* border: 3px solid #3e3e3e; */
    margin-right: 10px;
    position: relative;
}

.jackpot .roulette p img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.jackpot .roulette p color {
    height: 4px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.jackpot .roulette .overview {
    width: 99999px;
    margin-left: -161px;
}

.jackpot .roulette .pointer {
    height: 94px;
    width: 3px;
    background: #ffc200;
    position: absolute;
    left: 50%;
    z-index: 50;
    top: 0px;
}

.jackpot .roulette .fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}

.fixed-width {
    width: 1882px;
    position: absolute;
    left: 50%;
    margin-left: -941px;
}
.bet-input .makeBet {
    margin: 0;
}

.chances-wrapper {
    position: relative;
}

.chances-field {
    color: #fff;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.chances-field__money {
    font-weight: 400;
    color: #ffc200;
    font-size: 14px;
    margin-top: 2px;
}

.jackpot .bet-input .makeBet {
    margin-left: 0;
}
.bet-input .makeBet {
    display: inline-block;
}

.chances {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 12px;
    height: 120px;
    white-space: nowrap;
    overflow: hidden;
}

.raffle-users {
    width: 100%;
    text-align: left;
    font-size: 0;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
}

.chances img.avatar,
.raffle-users img.avatar {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
    margin: 8px 17px;
    padding: 3px;
}

.chances img.rank,
.raffle-users img.rank {
    width: 25px;
    position: absolute;
    right: 14px;
    top: 8px;
}

.ava img.rank {
    width: 25px;
    position: absolute;
    right: -5px;
    top: -2px;
}

.chances li {
    display: inline-block;
    background: #242323;
    border-radius: 5px;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    /* max-width:120px; */
    width: 90px;
    height: 120px;
    /* -webkit-box-shadow:0 0 5px rgba(0,0,0,0.35);
box-shadow:0 0 5px rgba(0,0,0,0.35); */
}

.winner {
    text-align: center;
    margin-bottom: 15px;
    background: -o-linear-gradient(bottom, #242323, transparent);
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#242323),
        to(transparent)
    );
    background: linear-gradient(to top, #242323, transparent);
    padding: 13px;
    border-bottom: 3px solid #ffc200;
    color: #cdcdcd;
}

.winner ul li .winner-w .points b,
.winner ul li .winner-w .points i {
    color: #ffc200;
}

.jackpot .check-random {
    margin: 10px 0;
}

.winner a {
    padding: 10px 14px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.winner a:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 1px 0 20px 0 rgba(255, 193, 7, 0.5);
}

.winner ul {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr 5px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 5px;
}

.winner ul li {
    position: relative;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    text-align: center;
}

.winner ul li .chance-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .chance-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    height: 21px;
    display: block;
    font-weight: 400;
}

.winner ul li .chance-w .chance {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffc200;
}

.winner ul li .winner-w {
    text-align: left;
}

.winner ul li .winner-w .ava {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.winner ul li .winner-w .ava img {
    border-radius: 50%;
    width: 65px;
    height: 65px;
}

.winner ul li .winner-w .nickname {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    max-width: 180px;
    padding: 22px 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-left: 65px;
}

.winner ul li .winner-w .points {
    display: inline-block;
    font-size: 20px;
    padding: 15px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.winner ul li .ticket-w {
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
}

.winner ul li .ticket-w .titles {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    height: 21px;
    display: block;
}

.winner ul li .ticket-w .ticket {
    font-size: 17px;
    height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #3aca5b;
}

.bet-input {
    position: relative;
    text-align: center;
    margin: 10px 0 15px;
}

.double-right .bet-input {
    margin-bottom: 30px;
}

.bet-input .value {
    display: inline-block;
    width: 100%;
    position: relative;
}

.double-button .bet-amount {
    font-weight: 400;
    font-size: 1.2rem;
}

.bet-input .value input,
.bet-input .autoout input {
    background: #242323;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    border: solid 1px #ffc200;
    min-width: 120px;
}

.bet-input .value i {
    color: #cdcdcd;
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
}

.bet-input .autoout {
    display: inline-block;
    width: 180px;
    position: relative;
}

.crash-game .flex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.crash-game .flex-wrap > * {
    margin-left: 10px;
}

.crash-game .flex-wrap > :first-child {
    margin-left: 0;
}

.bet-input .autoout i {
    position: absolute;
    right: 15px;
    top: 0;
    margin: 12px 0;
    padding: 4px;
    font-size: 18px;
    color: #cdcdcd;
}

.bet-input .upper {
    display: inline-block;
    line-height: 3;
    margin-top: 10px;
}

.bet-input .upper a {
    padding: 7px;
    background: #242323;
    border-radius: 2px;
    color: #cdcdcd;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 400;
}

.bet-input .upper a:hover {
    background: #ffc200;
    color: #fff;
}

.games-table__header-th_with-submenu {
    position: relative;
}

.bet-input .upper i {
    display: contents;
}

.jackpot .bet-input .flex-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.jackpot .bet-input .makeBet {
    margin-left: 15px;
}

.bet-input .makeBet {
    padding: 15px 20px;
    border: none;
    text-decoration: none;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.modal-dialog.wide-modal .modal {
    width: 100%;
}

.bet-input .makeBet:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.double-loop {
    font-weight: 700;
    max-width: 860px;
    margin: 20px auto;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    padding: 30px;
    border-radius: 15px;
    background: rgba(21, 21, 21, 1);
}

.user-profile-full-stats__error {
    margin-top: 15px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    display: none;
}

.game-sidebar__play-button {
    padding: 15px 20px;
    transition: 0.1s linear;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    background: linear-gradient(45.87deg,#FFDB6F 6.6%,#FFBB29 102.94%);
    border-color: #c3c3c33d;
    font-family: "SofiaPro", sans-serif;
    text-overflow: ellipsis;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    color: #092e4fc2;
    border: solid 2px #c6c6c6a6;
}

.game-sidebar__play-button_full_width {
    width: 100%;
}

.game-sidebar__play-button:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    box-shadow: 0 0 15px 0 rgba(255, 193, 7, 0.3);
    cursor: pointer;
}

.crash-item {
    border: 2px solid;
    padding: 4px 9px;
    margin: 3px 4px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 800;
}

.crash-history {
    margin-top: 10px;
}

.crash-bet {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    border-radius: 7px;
    background: rgb(21, 21, 21);
}

.crash-bet__user-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.crash-bet__image-wrapper {
    position: relative;
    height: 50px;
}

.crash-bet__image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 4px;
    border: 1px solid #fff;
    margin-right: 10px;
}

.crash-bet__rank {
    width: 25px;
    position: absolute;
    right: 6px;
    top: -2px;
}

.crash-bet__username-wrapper {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 230px;
    color: #fff;
}

.crash-bet__values {
    display: flex;
    margin-left: auto;
    color: #fff;
    align-items: center;
    margin-right: 15px;
}

.crash-bet__value {
    white-space: nowrap;
    font-size: 13px;
}

.crash-bet__sum {
    padding: 8px 15px;
    margin-right: 7px;
    color: #fff;
    font-weight: 800;
}

.crash-bet__coeff {
    padding: 7px 15px;
    margin-right: 15px;
    width: 100px;
    text-align: center;
    background: #242323;
    border-radius: 4px;

    border: 2px solid #242323;
}

.crash-bet__coeff_won {
    background: #43cb39;
    border-color: #43cb39;
    font-weight: 800;
}

.crash-bet__win {
    padding: 7px 15px;
    margin-right: 0px;
    border: 2px solid #ffc200;
    color: #ffc200;
    border-radius: 4px;
    font-weight: 800;
    width: 100px;
    text-align: center;
}

.game-container_wallet {
    background: rgb(21, 21, 21);
    border-radius: 7px;
    color: #cdcdcd;
}

.wallet-header {
    display: flex;
    justify-content: space-around;
    background: #242323;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 1px solid #333;
    /* padding: 0px 20px; */
}

.wallet-header__item {
    display: block;
    padding: 15px 20px;
    flex: 1;
    text-align: center;
    position: relative;
    transition: 0.2s color;
}

.wallet-header__item:hover {
    cursor: pointer;
    color: #fff;
}

.wallet-header__item.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffc200;
}

.wallet-body {
    display: flex;
}

.wallet-sidebar {
    flex: 1;
    padding: 25px;
    border-right: 1px solid #292929;
}

.wallet-area {
    flex: 2;
    padding: 25px;
}

.wallet-options__item {
    display: flex;
    align-items: center;
    border: 1px solid #404040;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    outline: none;
    position: relative;
}

.wallet-options__item:hover,
.wallet-options__item.active {
    border-color: #ffc200;
    cursor: pointer;
}

.wallet-options__item.active .wallet-options__item-comission {
    background: #ffc200;
    color: #fff;
}

.wallet-options__item-image {
    display: flex;
    align-items: center;
    height: 40px;
    width: 40px;
    justify-content: center;
    margin-right: 10px;
    background: #242323;
}

.wallet-options__item-image img {
    max-width: 100%;
    height: 22px;
}

.wallet-options__item-name {
    font-size: 13px;
    color: #fff;
    text-align: left;
}

.wallet-options__item-comission {
    margin-left: auto;
    margin-right: 11px;
    font-size: 12px;
    color: #908f8f;
    background: #212121;
    padding: 2px 5px;
    border-radius: 3px;
    width: 25px;
    height: 18px;
    position: relative;
}

.wallet-options__item-comission__checked {
    display: none;
}

.wallet-options__item-comission__checked:after {
    content: "";
    position: absolute;
    left: 9px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.wallet-options__item.active .wallet-options__item-comission__value-wrapper {
    display: none;
}

.wallet-options__item.active .wallet-options__item-comission__checked {
    display: block;
}

.wallet-sidebar__header {
    margin-bottom: 10px;
}

.payment-promo {
    display: none;
}

.small-placeholder::placeholder {
}

.wallet-area-select {
    margin-top: 10px;
    display: none;
}

.wallet-area__payway {
    display: flex;
    align-items: center;
}

.wallet-area__payway-image {
    width: 20px;
    margin-left: 10px;
    margin-right: 5px;
}

.wallet-area__payway-name {
    color: #fff;
}

.wallet-area__delimiter {
    display: flex;
    justify-content: center;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
}

.wallet-area__delimiter::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #292929;
    height: 1px;
    left: 0;
    top: 50%;
}

.wallet-area__delimiter_item {
    background: #151515;
    position: relative;
    z-index: 55;
    padding: 0 20px;
    font-size: 10px;
    color: #585858;
    font-weight: 800;
}

.wallet-area__payway-image {
    width: 20px;
    display: inline-block;
}

.wallet-area__payway-image img {
    max-width: 100%;
}

.sum-options {
    display: flex;
    flex-wrap: wrap;
    margin: 10px -5px 5px -5px;
}

.sum-option-wrapper {
    width: 25%;
    padding: 5px;
}

.sum-option {
    background: transparent;
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #404040;
    color: #b9b9b9;
    /* width: 25%; */
    width: 100%;
    border-radius: 4px;
    height: 42px;
    font-weight: 500;
    font-size: 16px;
}

.sum-option:hover {
    border-color: #ffc200;
    color: #fff;
    cursor: pointer;
    /* border-width: 2px; */
}

.sum-option.active {
    border-color: #ffc200;
    color: #fff;
}

.sum-option__currency {
    font-size: 12px;
}

.wallet-input-wrapper {
    position: relative;
}

.payment-field {
    flex: 1;
}

.payment-field label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    display: inline-block;
}

.payment-promocode-call {
    color: #adadad;
    font-size: 12px;
    margin-top: 5px;
    display: inline-block;
    border-bottom: 1px dashed;
}

.payment-promocode-call:hover {
    color: #fff;
    cursor: pointer;
}

.payment-result__row {
    display: flex;
    font-size: 12px;
    color: #adadad;
    margin-bottom: 5px;
}

.payment-fake-row {
    flex: 1;
    margin-right: 10px;
}

.payment-result__row_finish {
    font-weight: 800;
    font-size: 14px;
    margin-top: 7px;
}

.payment-result__row_finish .payment-result__row-label {
    text-transform: uppercase;
}

.payment-result__row-value {
    color: #fff;
    /* flex: 1; */
    /* text-align: right; */
    position: relative;
}

.payment-result__row-dots {
    flex: 1;
    /* border-bottom: 1px dotted #484848; */
    /* margin: 0 7px; */
    /* transform: translateY(-2px); */
}

.payment-raffle {
    margin-top: 25px;
    color: #adadad;
    display: flex;
    align-items: center;
}

.payment-raffle__title {
    font-size: 16px;
    margin-bottom: 5px;
    color: #cdcdcd;
}

.payment-raffle__description {
    font-size: 12px;
}

.payment-raffle__description b {
    color: #fff;
    font-weight: 400;
}

.payment-raffle__left {
    font-size: 60px;
    margin-right: 15px;
    color: #3ac430;
}

.confirm-wallet {
    background: #181818;
    font-size: 18px;
    line-height: 45px;
    padding: 0 25px;
    color: #fff;
    outline: none;
    border-radius: 4px;
    min-width: 215px;
    display: inline-block;
}

.confirm-buttons {
    display: flex;
    justify-content: center;
}

.confirm-wallet-button {
    display: block;
    background: none;
    -webkit-appearance: none;
    border: 1px solid #333;
    color: #cdcdcd;
    padding: 12px 15px;
    margin: 12px 5px 0 5px;
    border-radius: 4px;
    font-size: 13px;
    flex: 1;
    cursor: pointer;
}

.confirm-wallet-button:hover {
    color: #fff;
}

.confirm-wallet-go {
    background: #3ac430;
    color: #fff;
    border-color: #3ac430;
}

.confirm-wallet-go:hover {
    background: #33b12a;
    border-color: #33b12a;
}

.game-sidebar__play-button.game-sidebar__play-button_green {
    width: 100%;
    margin-top: 15px;
    background: #3ac430;
}

.game-sidebar__play-button.game-sidebar__play-button_green:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 15px 0 rgba(58, 196, 48, 0.3);
    box-shadow: 0 0 15px 0 rgba(58, 196, 48, 0.3);
    cursor: pointer;
}

/* .payment-result__row-value:before{
    content: '';
    position: absolute;
    height: 1px;
    left: 7px;
    right: 10px;
    bottom: 2px;
    border-bottom: 1px dotted #585858;
} */
.payment-total__first-row {
    display: flex;
}

.payment-total__second-row {
    display: flex;
    margin-top: 10px;
}

.promo-column {
    flex: 1;
    margin-right: 10px;
}

.payment-result {
    flex: 1;
    margin-top: 5px;
}

.payment-total {
    border: 2px solid #3ac430;
    padding: 20px;
    background: #151515;
    border-radius: 5px;
}

.payment-sum {
    margin-right: 10px;
}

.game-sidebar__input.game-sidebar__input_dark {
    /* padding-left: 38px; */
}

.game-sidebar__input_dark.success {
    border-color: #3ac430;
}

.game-sidebar__input_dark.success:focus {
    border-color: #3ac430;
}

.wallet-input-currency {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #9c9c9c;
    font-size: 14px;
    padding-bottom: 1px;
    pointer-events: none;
}

.wallet-input-success {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: #3ac430;
    display: none;
}

.wallet-input-success.active {
    display: block;
}

.wallet-input-success:after {
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.withdraw-wallet-field {
    margin-top: 10px;
}

.withdraw-result__row {
    flex: 1;
}

.payment-field-label {
    position: relative;
}

.info-tip {
    color: #fff;
    font-size: 10px;
    background: #ffc200;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -26px;
    top: -4px;
    cursor: pointer;
    position: absolute;
}

.info-tip.hidden {
    display: none;
}

.info-tip:hover {
    background: #e7b100;
}

.bonus-tip {
    color: #fff;
    font-size: 10px;
    background: #ffc200;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.deposit-notification {
    width: 100%;
    color: #fff;
    background: #3ac430;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
}
.money-block__actions {
    position: absolute;
    top: 0;
    right: 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;
    height: 100%;
}
.money-block__money-icon {
    position: absolute;
    left: 14px;
    top: 11px;
    color: #ffc200;
}
.wallet-link {
    font-size: 13px;
    font-weight: 400;
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    outline: none;
    background: #ffc200;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.deposit-notification_highlight {
    font-size: 16px;
    font-weight: 800;
}

.crash-switch.hide {
    display: none;
}

.crash-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

.crash-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.game-sidebar__input-label {
    font-size: 13px;
    color: #cdcdcd;
    margin-bottom: 7px;
    display: block;
}

.main-width {
    padding-left: 90px;
    margin-right: 10px;
}

.dice .dice-loop .range {
    position: relative;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    height: 10px;
    -webkit-transform: translate(0, 45px);
    -ms-transform: translate(0, 45px);
    transform: translate(0, 45px);
    border-radius: 15px;
    z-index: 10;
}

.dice .dice-loop .range::-webkit-slider-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-moz-range-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-ms-thumb {
    position: relative;
    -webkit-appearance: none;
    background: #242323;
    width: 26px;
    height: 26px;
    margin-top: -8px;
    z-index: 400;
    outline: 0;
    border-radius: 100%;
    border: 2px solid #ffc200;
}

.dice .dice-loop .range::-webkit-slider-runnable-track {
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#242323),
        color-stop(0, #ffc200)
    );
    background: linear-gradient(
        to right,
        #242323 calc(var(--val) * 1%),
        #ffc200 0
    );
}

.dice .second-title {
    margin-top: 20px;
    padding-bottom: 7px;
}

.dice .dice-loop .range::-ms-fill-lower {
    background: #242323;
}

.dice .dice-loop .range::-ms-fill-upper {
    background: #ffc200;
}

.dice .dice-loop .wrap {
    margin-bottom: 30px;
    margin-top: 80px;
}

.games-table__dice_history td:first-child,
.games-table__dice_history th:first-child {
    width: 35%;
    padding-right: 10px;
}

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

.dice .dice-loop .wrap .btn {
    padding: 15px 20px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
    outline: none;
    border: none;
}

.dice .dice-loop .wrap .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

.dice .dice-loop .hash {
    font-size: 13px;
    font-weight: 400;
}

.dice .dice-loop .hash span {
    word-wrap: break-word;
}

.dice .dice-history {
    background: rgba(21, 21, 21, 1);
    padding: 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}

.dice .dice-history table {
    width: 100%;
    table-layout: inherit;
}

.dice .dice-history table tbody .checking {
    padding: 5px 8px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
}

.dice .dice-history table tbody .checking:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 20px 0 rgba(255, 193, 7, 0.5);
}

::-moz-selection {
    background: black;
}

::selection {
    background: #000;
}

.game-area_dice-input-side {
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
}

.game-area_dice-input-sfx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 1px solid transparent;
    font-size: 16px;
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
}

.game-area_dice-input-cp {
    opacity: 0;
}

.game-area_dice-options {
    display: flex;
    padding: 20px 10px;
    border-radius: 7px;
    border: 1px solid #333;
    width: 100%;
}

.game-area_dice-option {
    flex: 1;
    margin: 0 5px;
}

.game-area_dice {
    padding: 20px 15px;
    flex-direction: column;
}

.game-area_dice-input-switch {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 45px;
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    pointer-events: none;
    border-radius: 4px;
    transform: rotate(90deg);
    transition: 0.2s ease;
}

.game-area-slider {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 50px;
    position: relative;
}

.game-area-slider:before {
    position: absolute;
    content: "";
    height: 50px;
    width: 100%;
    background: #202020;
    left: 0;
    top: 15px;
    border-radius: 50px;
}

.inner-game-area-slider {
    position: relative;
}
.index__home__indicator__inner__number__roll.is-negative span {
    border-bottom: 4px solid #d11313;
}

.index__home__indicator__inner__number__roll.is-negative span:before {
    border-top: 8px solid #d11313;
}

.index__home__indicator__inner__number__roll.is-positive span {
    border-bottom: 4px solid #3ac430;
}

.index__home__indicator__inner__number__roll.is-positive span:before {
    border-top: 8px solid #3ac430;
}
.index__home__indicator__inner__number__roll {
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    will-change: color, transform, animation;
    pointer-events: none;
    -webkit-transform-origin: 50% calc(90%);
    -ms-transform-origin: 50% calc(90%);
    transform-origin: 50% calc(90%);
}

.index__home__indicator__inner__number__roll img {
    width: 60px;
}

.index__home__indicator__inner__number__roll span {
    position: absolute;
    z-index: 1;
    top: -20px;
    background: #242323;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    -webkit-transform: translate(-50%, calc(-52%));
    -ms-transform: translate(-50%, calc(-52%));
    transform: translate(-50%, calc(-52%));
    font-weight: 800;
    border-radius: 5px;
}
.dice .dice-loop .right .factor,
.dice .dice-loop .right .chance {
    border-radius: 15px;
    background: #242323;
    width: 100%;
    padding: 17px;
    margin: 12px 0;
}

.dice .dice-loop .right .stats {
    border-radius: 15px;
    width: 100%;
    padding: 0;
}

.dice .dice-loop .right .stats .block {
    margin: 0 10px;
    display: inline-block;
}

.dice .dice-loop .right .val {
    padding: 0 5px;
    font-size: 35px;
    color: #fff;
}

.dice .dice-loop .wrap_range {
    width: 100%;
    position: relative;
}

.index__home__indicator__inner__number {
    position: absolute;
    z-index: 10;
    top: 27px;
}

.index__home__indicator__inner__number__roll.is-negative {
    color: #242323;
}

.index__home__indicator__inner__number__roll.is-positive {
    color: #ffc200;
}

.index__home__indicator__inner__number__result,
.index__home__indicator__inner__number__roll {
    padding: 0.5em 0;
    border-radius: 3px;
}

.index__home__indicator__inner__number__roll span:before {
    position: absolute;
    content: "";
    bottom: -9px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: -1;
    height: 0;
    z-index: -1;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.game-area-slider .irs-line {
    left: 1px;
}
.game-sidebar__set-action {
    background: #242323;
    margin: 0px 0px;
    text-align: center;
    line-height: 30px;
    flex: auto;
    font-size: 12px;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-right: 1px solid #151515;
    color: #cdcdcd;
}

.game-sidebar__set-action:hover {
    background: #292929;
    cursor: pointer;
}

.game-sidebar__set-action:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.game-sidebar__set-action:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}

.game-sidebar__set-action:disabled {
    opacity: 0.8;
    pointer-events: none;
}

.game-area-slider.reversed .irs--round .irs-line {
    background-color: #ffc200;
}

.game-area-slider.reversed .irs--round .irs-bar {
    background-color: #3c3c3c;
}

.game-area_dice-input-switch.rotated {
    transform: rotate(270deg);
}

.dice-switch-wrapper:hover .game-area_dice-input-switch {
    color: #ffc200;
}

.game-area-slider.modal_game-outcome__game-container-dice {
    margin-bottom: 25px;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single {
    top: 60px;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single::before {
    top: -6px;
    bottom: auto;
    border-top-color: transparent;
    border-bottom-color: #fff;
}

.modal_game-outcome__game-container-dice .irs--round .irs-single {
    padding: 5px 4px;
}

.modal_game-outcome__game-container-dice .irs-with-grid .irs-grid {
    opacity: 0;
}

.modal_game-outcome__game-container-dice .irs-disabled {
    opacity: 1;
}

.game-area-possible-winning {
    margin: 30px 0 25px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-area-possible-winning__bg {
    color: #1d1d1d;
    font-size: 170px;
}

.irs-handle.state_hover {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.game-area-pw-bg-img {
    margin-top: 100px;
    width: 300px;
}

.game-area-possible-winning-wrapper {
    position: absolute;
    top: 30%;
    left: 49%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.game-area-possible-winning-val {
    font-size: 80px;
    font-weight: 700;
    color: #ffc200;
}

.game-area-possible-winning-text {
    color: #fff;
    font-size: 12px;
}

.games-table__dice_history {
    font-size: 13px;
    font-weight: 400;
}

.popup-input-no-focus:focus {
    border-color: transparent;
}

.jackpot .flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.jackpot .bank_amount {
    color: #ffc200;
}

.jackpot .second-title,
.raffle .second-title {
    text-align: center;
    font-size: 16px;
    color: #cdcdcd;
    letter-spacing: 1px;
    padding: 5px 0;
    text-transform: uppercase;
}

.chances-wrapper {
    position: relative;
}

.chances-field {
    color: #fff;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
    font-weight: 500;
}

.chances-field__money {
    font-weight: 400;
    color: #ffc200;
    font-size: 14px;
    margin-top: 2px;
}

.jackpot-preloader {
    height: 120px;
    width: 100%;
    text-align: center;
    color: #afafaf;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    animation: blinking 4s ease-in infinite;
    opacity: 0.95;
    position: absolute;
    top: 0;
    left: 0;
}

.jackpot-preloader__icon {
    font-size: 85px;
}

@keyframes blinking {
    50% {
        opacity: 0;
    }
}

.jackpot-preloader p {
    margin-top: 2px;
}

.jackpot .bank {
    text-align: center;
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    padding: 20px 0;
}

.jackpot .check-random {
    margin: 10px 0;
}

.jackpot-fair-check {
    margin-top: 5px;
    display: block;
    color: #43cb39;
    white-space: nowrap;
    border-bottom: 1px dashed;
    padding: 0;
    background: transparent;
    border-radius: 0;
    display: inline-block;
    line-height: normal;
    font-size: inherit;
    transition: 0.2s color;
}

.jackpot-fair-check:hover {
    border-bottom: 1px dashed transparent;
    color: #43c03a;
}

.jackpot-outcome__profile-history {
    text-align: center;
    color: #cdcdcd;
}

.jackpot-outcome__profile-history-ticket {
    color: #43cb39;
    font-size: 20px;
    margin-top: 5px;
    line-height: 1.6;
}

.jackpot-outcome__profile-history-ticket-array {
    color: #666666;
    font-size: 13px;
    margin-top: 5px;
    line-height: 1.6;
}

.jackpot-outcome__profile-history-ticket-interval.active {
    color: #43cb39;
}

.jackpot-outcome__profile-history-ticket-delimiter {
    font-size: 16px;
    font-weight: 300;
    color: #666666;
    margin: 7px;
}
.jackpot-outcome-container {
    padding: 20px;
    text-align: center;
}

.jackpot-outcome-title {
    font-size: 13px;
}

.jackpot-outcome-winner-ticket {
    margin-top: 15px;
    font-size: 25px;
    color: #43cb39;
}

.jackpot .no-auth.no-bet {
    padding: 15px 25px;
    background: -o-linear-gradient(290deg, #ffc200, #ffc200);
    background: linear-gradient(160deg, #ffc200, #ffc200);
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    cursor: pointer;
    height: 100%;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.not-reached {
    opacity: 0.5;
}

.jackpot .no-auth:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.jackpot .no-auth.no-bet {
    margin-left: 15px;
}

.jackpot .bet-input .makeBet {
    margin-left: 0;
}

.battle .game {
    margin-top: 15px;
}

.battle .list-item {
    font-size: 14px;
}

.battle .roulette {
    zoom: 0.7;
}

.battle {
    padding: 25px 15px;
}

.battle .bet-input .value {
    width: 100%;
}

.double-time {
    font-size: 40px;
}

.jackpot .input-wrap {
    margin-bottom: 15px;
}

.outcome-window {
    position: absolute;
    z-index: 50;
    background: rgba(36, 35, 35, 0.92);
    padding: 20px 40px;
    border-radius: 10px;
    border: 2px solid #44d13a;
    display: none;
}

.outcome-window_centered {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.outcome-window_top {
    top: 20px;
    left: 50%;
    margin-left: 10px;
    transform: translateX(-50%);
}

.crash-window-win .outcome-window__text {
    font-weight: 400;
}

.outcome-window_won {
    /* border: 2px solid #ffc200; */
}

.outcome-window__coeff {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
}

.outcome-window_won__coeff {
    color: #44d13a;
}

.outcome-window__text {
    color: #b4b4b4;
    margin-top: 3px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.outcome-window_won-wrapper {
    color: #44d13a;
    font-size: 15px;
    font-weight: 500;
}

.winner-label {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #ffc200;
    color: #fff;
    padding: 5px 20px;
    font-size: 13px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.outcome-window_winner {
    width: 100%;
    text-align: center;
    border-radius: 7px;
    border-width: 2px;
    border-color: #ffc200;
    padding: 30px 40px 9px 40px;
}

.outcome-window_winner-wrapper {
    color: #ffc200;
    font-size: 15px;
    font-weight: 500;
}

.outcome-window_winner-tickets {
    position: absolute;
    top: 8px;
    right: 10px;
    color: #868686;
    font-size: 12px;
    color: #43cb39;
}

.outcome-window_winner-name {
    font-size: 20px;
    margin-bottom: 3px;
    color: #fff;
}

.outcome-window_winner-field {
    color: #b4b4b4;
    margin-top: 3px;
    font-size: 13px;
}

@media (max-width: 1370px) {
    .double-button button {
        margin-bottom: 15px;
    }

    .rates-loop {
        margin-bottom: 15px;
    }
}

@media (max-width: 1349px) {
    .makeBet-Jackpot-xs {
        margin-top: 10px;
        display: inline-block;
    }
}

@media (max-width: 1344px) {
    .bet-input-value-double {
        margin-bottom: 30px;
    }
}

@media (max-width: 1330px) {
    .makeBet-pvp-xs {
        margin-top: 10px;
        display: inline-block;
    }

    .stat-block {
        width: 135px;
    }
}

@media (max-width: 1280px) {
    .battle .bets {
        width: 100%;
    }

    .rates-login b {
        width: 80px;
    }

    .ico-jackpot {
        display: none;
    }

    .double-button button {
        width: 110px;
    }

    .rates-loop {
        width: 200px;
    }

    .bonus .line {
        /* width:590px; */
    }

    .bonus .line .carousel {
        /* margin-left:-44px; */
    }

    .chouser {
        width: 610px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -51px;
    }

    .user-profile-overview-loop {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .user-profile-overview-loop__left {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
    }

    .user-profile-overview-horizontal-line {
        display: none;
    }

    .user-profile-overview-loop__left .flex-row {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .user-profile .code {
        text-align: center;
    }

    .next-rank {
        max-width: 725px;
        margin: auto;
    }
}

@media (max-width: 1180px) {
    .footer-security {
        max-width: 230px;
    }

    .footer-terms,
    .footer-socials {
        flex-wrap: wrap;
    }

    .profile-block__logout {
        display: none;
    }

    .user-profile-overview-loop__logout {
        display: block;
    }

    .game-area.game-area__page-profile {
        flex-direction: column;
    }

    .game-sidebar__profile {
        order: 1;
        margin-top: 0;
    }

    .game-component__profile {
        margin-left: 0;
        margin-top: 10px;
        order: 2;
    }

    .game-sidebar__footer-button_small {
        width: 70px;
    }

    .double-no-bets {
        padding: 20px 0 21px 0;
    }

    .double-history__col-header-bet__row {
        max-width: calc(100% - 47px);
    }

    .double-history__col-header-bet__photo {
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin-right: 7px;
    }

    .double-history__col-body {
        font-size: 13px;
    }

    .double-history__col-header-bet__amount {
        padding: 4px 7px;
        font-size: 12px;
    }

    .double-win {
        width: 15px;
        height: 15px;
        top: -12px;
        /* margin-left: -5px; */
    }

    .double {
        width: 280px;
        height: 280px;
    }

    .double:before {
        width: 185px;
        height: 185px;
    }

    .double-time {
        font-size: 50px;
    }

    .double-timer {
        line-height: 30px;
        background-position: center 30px;
        background-size: 25px;
        font-size: 12px;
    }

    .double-rel {
    }

    .wallet-sidebar {
        padding: 20px;
    }

    .wallet-area {
        padding: 20px;
    }

    .game-sidebar {
        min-width: 260px;
    }

    .history-card-wrapper {
        width: 50%;
    }

    .mines-field-wrapper {
        padding: 25px 10px;
    }

    .mines-summary-field {
        display: none;
    }

    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        width: 18%;
    }

    .ref-summary {
        line-height: 1.5;
    }

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

    .partnership__code {
        width: 100%;
    }

    .navbar-xs {
        font-size: 12px;
    }
}

@media (max-width: 1100px) {
    .game-card_crash-bg {
        background-position: right top;
    }

    .game-card_double-bg {
        background-position: center top;
    }

    .game-card_small {
        flex: 13;
    }
}

@media (max-width: 991px) {
    .footer {
        flex-wrap: wrap;
    }

    .footer-security {
        max-width: 100%;
        margin-left: 0;
        text-align: left;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #3d3d3d;
    }

    .using-ssl {
        justify-content: flex-start;
    }

    .game-card {
        flex: 0;
        flex-basis: 100%;
        margin-right: 0;
    }

    .game-card_mines-bg {
        background: url("/assets/images/Mines_m.png") no-repeat;
        background-size: cover;
    }

    .game-card_double-bg {
        background: url("/assets/images/Double_m.png") no-repeat;
        background-size: cover;
    }

    .game-card_crash-bg {
        background: url("/assets/images/Crash_m.png") no-repeat;
        background-size: cover;
    }

    .game-card_dice-bg {
        background: url("/assets/images/Dice_m.png") no-repeat;
        background-size: cover;
    }

    .game-card_jackpot-bg {
        background: url("/assets/images/Jackpot_m.png") no-repeat;
        background-size: cover;
    }

    .game-card_raffle-bg {
        background: url("/assets/images/Raffle_m.png") no-repeat;
        background-size: cover;
    }

    .game-card {
        height: auto;
    }

    .game-card__description {
        display: none;
    }

    .game-card_small .game-card__contents,
    .game-card_medium .game-card__contents,
    .game-card_big .game-card__contents {
        top: auto;
        bottom: 40px;
    }

    .game-cards {
        max-width: 700px;
        margin: auto;
    }

    .game-card_bg {
        height: 0;
        position: static;
        padding-top: 71%;
    }

    .user-profile-full-stats__controls {
        padding: 0 10px;
    }

    .game-sidebar__footer-button_small {
        width: 85px;
    }

    .crash-bet__user-wrapper {
        padding-right: 0;
    }

    .crash-bet__sum {
        padding-left: 5px;
    }

    .crash-bet__username {
        display: none;
    }

    .crash-bet__values {
        flex: 1;
        margin-left: 0;
    }

    .crash-bet__coeff {
        margin-left: auto;
    }

    .contact-us {
        flex-direction: column;
    }

    .contact {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .contact:last-of-type {
        margin-bottom: 0;
    }

    .money-block__money-icon {
        top: 2px;
        left: 10px;
    }

    .money-block__money-area {
        padding: 0px 10px 0 36px;
    }

    .double-history__cols {
        flex-direction: column;
    }

    .double-history__col {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .double-history__col:last-of-type {
        margin-bottom: 0;
    }

    .double-field-wrapper {
        padding: 25px 15px;
    }

    .game-sidebar__input-helper.game-sidebar__input-helper_bottom-mobile {
        top: 70px;
    }

    .validation-message_bottom-mobile {
        bottom: -29px;
        top: auto;
    }

    .validation-message_bottom-mobile:before {
        top: -4px;
        bottom: auto;
        transform: rotate(180deg);
    }

    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }

    .game-sidebar__input-helper {
        position: absolute;
        width: 100%;
        top: -26px;
        border-radius: 4px;
        border: 1px solid #ffc200;
        transition: 0.1s;
        visibility: hidden;
        opacity: 0;
    }

    .game-sidebar__input-helper-action {
        border-color: #3e3e3e;
    }

    .game-sidebar__set-action {
        border-color: #3e3e3e;
    }

    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-caregories {
        justify-content: center;
    }

    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-caregories__category {
        font-size: 12px;
    }

    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-full-stats__content {
        padding: 5px 10px 10px;
    }

    .wallet-area-select {
        display: block;
    }

    .wallet-sidebar {
        display: none;
    }

    .game-sidebar__footer {
        padding: 15px 0;
    }

    .game-sidebar__body {
        padding: 15px;
    }

    .game-sidebar {
        min-height: auto;
    }

    .game-sidebar__play-button_mobile {
        display: block;
        padding: 15px 10px;
    }

    .game-sidebar__input-relative-wrapper {
        width: 50%;
        margin-right: 5px;
    }

    .mobile-button-combined-wrapper {
        display: flex;
    }

    .game-sidebar__input-wrapper {
        margin-top: 15px;
    }

    .game-sidebar__input-wrapper_no-margin {
        margin-top: 0;
    }

    .game-sidebar__play-button-wrapper {
        /* display: none; */
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 20px;
        display: block;
    }

    .game-sidebar__input-helper {
    }

    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }

    .game-component {
        min-height: auto;
    }

    .mines-coeffs-slider-control {
        padding: 8px;
    }

    .game-footer_mines {
        padding: 6px 30px;
    }

    .mines-field-wrapper {
        flex: none;
        padding: 15px 10px;
    }

    .game-sidebar__input-helper-action {
        line-height: 35px;
    }

    .game-sidebar__set-action {
        line-height: 35px;
    }

    .game-component {
        order: 1;
        margin-left: 0;
    }

    .game-sidebar {
        order: 2;
        width: 100%;
        margin-top: 10px;
    }

    .game-sidebar__profile {
        order: 1;
        margin-top: 0;
    }

    .game-component__profile {
        order: 2;
    }

    .hide-991 {
        display: none;
    }

    .game-container__table__header-th {
        font-size: 10px;
    }

    .game-container__table__body-td {
        font-size: 12px;
    }

    .game-container__table__body-td_fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .game-area {
        flex-wrap: wrap;
    }

    .double-history-result_small .double-history-result__number {
        line-height: 24px;
    }

    .menu {
        margin-left: 5px;
    }

    .wallet-link {
        padding: 0 12px;
        font-size: 12px;
    }

    .menu__list-item__link {
        font-size: 13px;
        padding: 8px 7px;
        letter-spacing: 0.1px;
    }

    .menu__list-item {
        margin-right: 0;
    }

    .money-block__money-area {
        width: 210px;
    }

    .profile-link {
        margin-left: 5px;
    }

    .chat-toggle {
        margin-right: 5px;
    }

    .menu-button {
        margin-left: 5px;
    }

    .navbar-brand img {
        width: 125px;
        margin-top: 10px;
        margin-left: 7px;
    }

    .games-table__tickets span {
        font-size: 16px;
    }

    .games-dropdown {
        top: 46px;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 6%;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        padding-right: 4%;
    }

    .games-table__body-status {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .games-table__body-wallet-image {
        width: 20px;
    }

    .stats-table__withdraws th:nth-child(5),
    .stats-table__withdraws td:nth-child(5) {
        text-align: center;
        padding-right: 3%;
        width: 9%;
    }

    .games-table__body-status-image {
        margin-right: 0;
    }

    .games-table__body-status-text {
        display: none;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        width: 25%;
    }

    .getMoney {
        font-size: 12px;
        width: 110px;
    }

    .games-table__body-td__fair {
        font-size: 14px;
    }

    .games-table__header-th {
        font-size: 10px;
    }

    .games-table__body-td {
        font-size: 12px;
    }

    .ref-profit__descr {
        font-size: 13px;
    }

    .ref-summary {
        font-size: 13px;
    }

    .partnership__code {
        width: 100%;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 9px;
        margin-left: 4px;
        display: inline-block;
        -webkit-transition: 0.1s all ease;
        -o-transition: 0.1s all ease;
        transition: 0.1s all ease;
    }

    .games-table__body-td__fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .user-profile-caregories__category {
        font-size: 12px;
        margin-right: 7px;
        padding: 15px 3px;
    }

    .user-profile-full-stats {
        padding: 5px 10px 10px;
    }

    .user-profile-full-stats.show-controls {
        padding-bottom: 70px;
    }

    .user-profile-overview-loop {
        padding: 25px 15px;
    }

    .user-profile {
        padding: 0px;
    }

    .user-profile-overview-loop__right-stats {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .stat-block {
        margin-bottom: 10px;
    }

    .user-profile-overview-stats-divisor {
        margin: 20px auto;
    }

    .double-history-result_small {
        width: 24px;
        height: 24px;
    }

    .double-history-result_small:before {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 781px) {
    .fixed-chat.hide {
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
    }
}

@media (max-width: 1024px) {
    .fixed-chat.hide-mobile {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }

    .modal-dialog.modal-auth {
        max-width: 320px;
    }

    .modal-dialog.modal-auth .modal {
        max-width: 310px;
    }

    .auth-modal_img {
        display: none;
    }

    .auth-modal_footer {
        margin-top: 30px;
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 15px;
    }

    .double-timer {
        font-size: 12px;
    }

    .scroller-wrap {
        width: auto;
        margin: 0 13px;
    }

    .game-container {
        margin: 10px auto;
    }

    .fixed-chat .send-form .banchat {
        left: 13px;
        width: calc(100% - 26px);
    }

    .rates-login b {
        width: 140px;
    }

    .user-profile-full-stats__btn {
        padding: 10px 15px;
    }

    .double-right .bet-input {
        margin-bottom: 15px;
    }

    .winner ul li .winner-w .nickname {
        color: #fff;
        font-size: 16px;
    }

    .winner ul li .winner-w .points b,
    .winner ul li .winner-w .points i {
        font-size: 16px;
    }

    .winner ul li .winner-w .points {
        padding-top: 0;
        font-weight: 800;
    }

    .jackpot .second-title {
        font-size: 14px;
    }

    .winner ul li .ticket-w {
        line-height: 30px;
    }

    .winner ul li .chance-w {
        line-height: 30px;
    }

    .winner ul li:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .winner ul li:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .winner ul li:last-child {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .winner ul li .winner-w .ava img {
        width: 50px;
        height: 50px;
    }

    .winner ul li .winner-w .nickname {
        font-size: 14px;
        padding: 5px 0;
    }

    .winner ul li .winner-w .points {
        font-size: 14px;
    }

    .winner ul li .chance-w .titles {
        font-size: 12px;
    }

    .winner ul li .ticket-w .titles {
        font-size: 12px;
    }

    .winner ul li .chance-w .chance {
        font-size: 16px;
    }

    .winner ul li .ticket-w .ticket {
        font-size: 16px;
    }

    .jackpot .check-random {
        margin: 15px 0;
    }

    .winner ul li .winner-w .ava {
        position: static;
        display: block;
    }

    .winner ul li .winner-w {
        text-align: center;
    }

    .winner ul li .winner-w .nickname {
        margin-left: 0;
    }

    .dice .dice-history {
        padding: 15px;
    }

    /* .fixed-chat.hide {
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
} */

    .double-win {
        top: -12px;
    }

    .double-timer {
        line-height: 30px;
        background-position: center 30px;
        background-size: 25px;
    }

    .mobile-menu {
        display: block;
    }

    .main {
        margin: 20px auto;
        padding: 0 15px;
    }

    .navbar .navbar-brand {
        height: 55px;
    }

    .money-block__action {
        width: 28px;
        height: 28px;
        line-height: 28px;
        margin-right: 8px;
    }

    .money-block__money-area {
        width: 200px;
    }

    #vk_community_messages {
        display: none;
    }

    .navbar {
        height: 55px;
    }

    .navbar-brand img {
        margin-left: 9px;
        width: 120px;
        margin-top: 19px;
    }

    .menu {
        display: none;
    }

    .profile-link,
    .chat-toggle {
        display: none;
    }

    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 8px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        max-width: 115px;
    }

    .ranks-table td div img {
        width: 25px;
        margin-right: 2px;
    }

    .bet-input.dice-bet-input {
        margin-bottom: 15px;
    }

    .raffle .raffle-loop {
        padding: 15px 15px 20px;
    }

    body.freeze {
        height: 100vh;
        overflow-y: hidden;
    }

    .vk-auth-left {
        display: block;
    }

    .text-clip {
        max-width: 70%;
    }

    .rates-loop:nth-child(3) {
        margin-top: 10px;
    }

    .head-game {
        top: 10px;
    }

    .payHistory {
        overflow-x: auto;
    }

    .payHistory::-webkit-scrollbar {
        height: 2px;
        width: 80%;
    }

    .cont-a {
        padding: 10px 0;
    }

    .cont-b {
        padding: 25px 0;
    }

    .popup {
        padding: 15px;
    }

    .popup .close {
        top: 18px;
    }

    .dice .dice-loop .range {
        -webkit-transform: translate(0, 40px);
        -ms-transform: translate(0, 40px);
        transform: translate(0, 40px);
    }

    .dice .dice-loop .wrap {
        margin-top: 70px;
    }

    .dice .dice-loop {
        padding: 15px;
    }

    .dice .dice-loop .left {
        width: 100%;
        padding: 0;
    }

    .dice .dice-loop .right {
        width: 100%;
        padding: 0;
        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;
    }

    .dice .dice-loop .right .factor,
    .dice .dice-loop .right .chance {
        width: 49%;
        display: inline-block;
    }

    .fixed-chat .send-form {
        width: 100%;
        padding: 0 13px;
    }

    .fixed-chat .send-form .btn-send {
        right: 25px;
    }

    .game .name {
        max-width: 145px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crash-game {
        padding: 15px;
    }

    .crash-game .flex-wrap {
        display: block;
    }

    .crash-game .bet-input .autoout {
        width: 100%;
        margin: 15px 0;
    }

    .bet-input .makeBet {
        margin: 0;
    }

    .jackpot .bet-input .makeBet {
        margin-left: 0;
    }

    .battle .game {
        margin-top: 15px;
    }

    .battle .list-item {
        font-size: 14px;
    }

    .battle .roulette {
        zoom: 0.7;
    }

    .battle {
        padding: 25px 15px;
    }

    .battle .bet-input .value {
        width: 100%;
    }

    .double-time {
        font-size: 40px;
    }

    .jackpot {
    }

    .jackpot .input-wrap {
        margin-bottom: 15px;
    }

    .bet-input .upper a {
        padding: 10px;
    }

    .separator {
        min-width: 1px;
    }

    .ico-jackpot {
        display: none;
    }

    .navbar .menu-icon {
        display: inline-block;
    }

    .navbar .btn-vk-mobile {
        display: inline-block;
        margin-top: 3px;
    }

    .navbar .navbar-nav {
        display: none;
    }

    .navbar .user {
        margin-right: 8px;
    }

    .chat-toggle {
        min-width: 70px;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        text-align: center;
        line-height: 63px;
        font-size: 16px;
        color: #ffc200;
        margin: 5px 15px 0 0;
        z-index: 99999;
    }

    .navbar .balance span {
        margin-right: 5px;
    }

    .navbar .balance a {
        color: #ffc200;
        font-size: 25px;
    }

    .navbar .btn-vk {
        margin: 10px auto;
        line-height: 40px;
    }

    .content {
        /* height:100%; */
        top: 55px;
    }

    .main-width {
        padding: 0 8px 55px !important;
        display: block;
    }

    .fixed-nav {
        width: 100%;
        left: -100%;
        height: 100%;
        top: 0;
        z-index: 9999;
        top: 60px;
        height: calc(100% - 60px);
    }

    .fixed-nav.active {
        width: 100%;
        display: block;
        left: 0;
    }

    .fixed-nav.active .name {
        display: unset !important;
        font-size: 15px;
        width: 250px !important;
    }

    .fixed-nav.active .leftside li .new {
        display: unset !important;
    }

    .fixed-nav .balance {
        display: none;
    }

    .fixed-nav .leftside {
        height: 100% !important;
    }

    .fixed-chat {
        position: fixed;
        right: 0;
        top: 55px;
        height: calc(100% - 55px);
        border-top: 1px solid #353535;
        width: 100%;
        background: #242323;
        text-align: center;
        z-index: 1000;
        border-radius: 0;
    }

    .fixed-chat .item .name {
        font-size: 13px;
        width: 170px;
    }

    .fixed-chat .item .date {
    }

    .fairness__mines-outcome-table td {
        font-size: 14px;
    }

    .fairness__mines-outcome-table thead td {
        font-size: 13px;
    }

    .fixed-chat .item .date .delete {
        width: 17px;
        height: 17px;
    }

    .fixed-chat .item .date .delete i {
        font-size: 17px;
    }

    .fixed-chat .messages {
        width: 100%;
        padding: 0 5px;
    }

    .head-game .howto span {
        display: none;
    }

    .dep-code .title1,
    .dep-code .title2,
    .dep-code .code {
        width: 100%;
        display: block;
        padding: 10px;
        height: unset;
        border-radius: unset;
    }

    .rooms .room:first-child {
        border-radius: unset !important;
    }

    .rooms .room:last-child {
        border-radius: unset !important;
    }

    .rooms .room .room-name {
        font-size: 15px;
    }

    .rooms .room-selector {
        padding: 15px 0;
    }

    .rooms .room {
        margin: 5px 10px;
        border-right: unset;
        border-left: unset;
    }

    .jackpot .bets {
        margin: 0;
    }

    .jackpot .bets li {
        height: auto;
        padding: 10px;
    }

    .jackpot .bets li .user .info {
        display: block;
    }

    .jackpot .bets li .user .detail {
        float: unset;
        position: relative;
        text-align: left;
    }

    .jackpot .bets li .user .detail .percent {
        width: 63px;
        display: inline-block;
        text-align: center;
    }

    .jackpot .bets li .user .detail .tickets {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 10px 0;
    }

    .bet-input .upper {
        margin-top: 7px;
        display: block;
    }

    .jackpot .bet-input .upper {
        display: inline-block;
    }

    .bet-input .upper a {
        margin: 0;
    }

    .bet-input .makeBet {
        display: inline-block;
    }

    .winner ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
    }

    .double-button button {
        margin: 10px 7px !important;
    }

    .rates-loop {
        margin: 10px auto;
        width: 100%;
    }

    .double:before {
        width: 175px;
        height: 175px;
    }

    .double {
        width: 260px;
        height: 260px;
    }

    .flex-wrap .double {
        min-width: 260px;
    }

    .double-loop {
        padding: 30px 15px;
    }

    .double-rel {
    }

    .double-loop .flex-wrap {
        display: block;
    }

    .flex-wrap .double {
        margin: 0 auto 15px;
    }

    .double-right {
        padding-top: 15px;
    }

    .coms1 {
        width: 100%;
    }

    .ref .code .code-title {
        margin: 10px 0;
        display: block;
        text-align: center;
    }

    .ref .code .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .lvl .lvl-title {
        margin: 20px 0;
        display: block;
        text-align: center;
    }

    .ref .lvl .value {
        width: 100%;
        margin-left: unset;
    }

    .ref .moneyRef .getMoney {
        display: block;
        position: unset;
        text-align: center;
        margin: 10px;
        width: 120px;
        margin: 10px 0;
    }

    table th {
        font-size: 1em;
    }

    table td {
        font-size: 0.8em;
    }

    .dice .dice-history table tbody .checking {
        padding: 5px 3px;
        font-size: 11px;
        font-weight: 400;
    }

    .chouser {
        width: 260px;
        margin: 0 auto;
    }

    .chouser .carousel {
        margin-left: -226px;
    }

    .bonus .line {
        /* width: 100%;
    margin: 15px auto; */
    }

    .bonus .line .carousel {
        /* margin-left:-219px; */
    }

    .dice .dice-loop .right .factor .title,
    .dice .dice-loop .right .chance .title,
    .dice .dice-loop .left .title {
        font-size: 12px;
    }

    .dice .dice-loop .val,
    .dice .dice-loop .val span {
        font-size: 20px !important;
    }

    .chart-info {
        font-size: 31px;
    }
}

@media (max-width: 500px) {
    .jackpot-outcome__profile-history-ticket {
        font-size: 18px;
    }

    .jackpot-outcome__profile-history-ticket-array {
        font-size: 12px;
    }

    .modal_game-outcome__fair-form {
        padding: 20px 15px;
    }

    .modal_game-outcome__stats-cards {
        padding: 20px 15px;
    }

    .modal_game-outcome__stats-value {
        font-size: 14px;
    }

    .modal_game-outcome__stats-card {
        margin: 0 3px;
    }

    .modal_game-outcome__game-container {
        padding: 15px;
    }

    .profile-block__ranks {
        padding: 15px 5px;
    }

    .your-code {
        padding: 15px;
    }

    .double-outcome-container .double {
        width: 220px;
        height: 220px;
    }

    .double-outcome-container {
        padding: 22px;
    }

    .dice-outcome-container {
        padding: 10px 15px 15px 15px;
    }

    .mines-outcome-container {
        padding: 20px;
    }

    .mines-outcome-container .mines-field {
        width: 100%;
    }

    .outcome-window_crash {
        top: 15px;
        padding: 15px 30px;
        margin-left: 12px;
        border-radius: 8px;
    }

    .outcome-window_crash .outcome-window__coeff {
        font-size: 22px;
    }

    .outcome-window_crash .outcome-window__text {
        font-size: 10px;
    }

    .outcome-window_crash .outcome-window_won-wrapper {
        font-size: 11px;
    }

    .crash-block {
        height: 250px;
    }

    .crash-field-wrapper {
        padding: 5px 5px;
    }

    .crash-bet__sum {
        margin-right: 0;
    }

    .crash-bet__value {
        font-size: 12px;
    }

    .crash-bet__sum {
        padding-right: 10px;
        padding-left: 2px;
    }

    .crash-bet__win {
        width: 80px;
        padding: 7px 2px;
    }

    .crash-bet__coeff {
        padding: 7px 2px;
        width: 75px;
        margin-right: 10px;
    }

    .crash-bet__rank {
        width: 20px;
        top: -1px;
    }

    .crash-bet__user-wrapper {
        padding-left: 10px;
    }

    .crash-bet__image-wrapper {
        height: 40px;
        top: 0px;
    }

    .crash-bet__image {
        width: 40px;
        height: 40px;
    }

    .contact__image {
        display: none;
    }

    .contact__info {
        margin-left: 0;
    }

    .contact__goto {
        right: 7px;
    }

    .footer-terms {
        flex-direction: column;
    }

    .bonus-carousel-wrapper {
        margin: 15px -3px;
    }

    .double-circle-inner__number {
        font-size: 12px;
    }

    .double-circle {
        min-width: 36px;
        min-height: 36px;
        width: 36px;
        height: 36px;
        margin-right: 5px;
        padding: 3px;
    }

    .double-footer-wrapper {
        padding: 15px 0;
    }

    .game-footer_double {
        padding: 0 10px;
    }

    .double-rel {
    }

    .double-last-history_margined {
        margin-right: 10px;
    }

    .double-history-result_medium {
        width: 28px;
        height: 28px;
    }

    .double-history-result_medium:before {
        width: 33px;
        height: 33px;
    }

    .double-history-result_medium .double-history-result__number {
        font-size: 12px;
        line-height: 28px;
    }

    .double-timer {
        line-height: 27px;
        font-size: 12px;
    }

    .double-time {
        font-size: 36px;
        margin-top: 17px;
    }

    .double:before {
        width: 150px;
        height: 150px;
    }

    .double {
        width: 230px;
        height: 230px;
    }

    .games-table__dice_history th:nth-child(3),
    .games-table__dice_history td:nth-child(3) {
        display: none;
    }

    .game-sidebar-hide-desktop {
        display: block;
    }

    .game-area-slider {
        padding: 0 15px;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .game-area-possible-winning {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .game-area-pw-bg-img {
        margin-top: 85px;
        width: 250px;
    }

    .game-area-possible-winning-val {
        font-size: 70px;
    }

    .game-area_dice {
        padding: 15px;
    }

    .game-area_dice-options {
        display: none;
    }

    /* .irs-grid-pol.small{
        display: none;
    } */
    .wallet-header__item {
        font-size: 13px;
    }

    .payment-raffle__left {
        font-size: 55px;
    }

    .wallet-header {
        padding: 0;
    }

    .payment-total__second-row {
        flex-direction: column;
    }

    .promo-column {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .game-sidebar__play-button.game-sidebar__play-button_green {
        margin-top: 10px;
    }

    .payment-promocode-call {
        margin-top: 0;
    }

    .payment-total {
        padding: 15px;
    }

    .wallet-input-currency {
        right: 12px;
        font-size: 12px;
    }

    .payment-field label {
        margin-bottom: 10px;
    }

    .sm-hidden {
        display: none;
    }

    .sum-option__currency {
        font-size: 11px;
    }

    .wallet-area {
        padding: 15px;
    }

    .sum-option {
        font-size: 13px;
    }

    .history-card-wrapper {
        width: 100%;
    }

    .fair .col:last-child {
        width: 100%;
        flex: auto;
        margin-top: 10px;
    }

    .fair .col:nth-child(2) {
        margin-right: 0;
    }

    .mines-field-wrapper {
        padding: 10px 10px;
    }

    .mines-field {
        width: 280px;
    }

    .mines_step {
        font-size: 9px;
    }

    .coeff-number-wrapper {
        font-size: 13px;
        padding: 8px 10px;
    }

    .game-container__table__player {
        max-width: 110px;
    }

    .hide-500 {
        display: none;
    }

    .game-container__table__player img {
        width: 20px;
        margin-right: 1px;
    }

    .user-profile-full-stats__btn__icon {
        font-size: 13px;
        font-weight: 800;
        margin: 0;
    }

    .fair-slider-control .user-profile-full-stats__btn__icon {
        display: inline-block;
        font-size: 11px;
        margin: 0 2px;
    }

    .user-profile-full-stats__btn__text {
        display: none;
    }

    .games-table__header-th_with-submenu {
        width: 22%;
    }

    .user-profile-caregories__room-arrow {
        font-size: 7px;
        margin-left: 1px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        max-width: 135px;
    }

    .double-button .bet-amount {
        font-size: 15px;
    }

    .double-button button {
        width: 95px;
        margin: 10px 4px !important;
        padding: 0 20px 0 12px;
    }

    .games-dropdown__game {
        padding: 9px 7px;
    }

    .ref-summary {
        font-size: 12px;
    }

    .partnership__code {
        padding-right: 65px;
    }

    .user-profile-caregories__games-txt {
        display: none;
    }

    .getMoney {
        margin-bottom: 0;
    }

    .ref-profit__item:first-child {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ref-profit__item:last-child {
        border-bottom: none;
    }

    .ref-profit__item {
        border-left: none;
        padding-bottom: 15px;
        margin-bottom: 15px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .ref-profit {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }

    .user-profile-overview-loop__left-resources__tickets {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-resources__balance {
        font-size: 16px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 11px;
        text-align: center;
    }

    .user-profile-overview-loop__left-avatar {
        width: 150px;
    }

    .user-profile-overview-loop__left-resources__name {
        font-size: 16px;
    }

    .user-profile-overview-stats-divisor {
        margin: 10px auto 20px;
    }

    .user-profile-overview-loop__left {
        margin-bottom: 20px;
    }

    .stat-block {
        width: 131px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .raffle-user-tickets .myicon-ticket-raffle {
        font-size: 19px;
    }

    .winner-block {
        margin-top: 10px;
    }

    .raffle-bank {
        font-size: 16px;
    }

    #raffle-price {
        font-size: 20px;
    }

    #winner-tickets-value {
        font-size: 20px;
    }

    .raffle-timer__time-descr {
        font-size: 14px;
    }

    .winner-tickets,
    .winner-prize,
    .winner-name {
        font-size: 16px;
    }

    .raffle-user-tickets {
        font-size: 14px;
    }

    .raffle-countdown {
        zoom: 0.75;
    }

    .footer .copyright {
        margin-left: 0;
        color: #fff;
    }

    .notifyme-notification.notifyme-bottom-right {
        bottom: 30px;
        right: 10px !important;
        margin-left: 10px;
    }

    .notifyme-notification.notifyme-top-right {
        right: 10px !important;
        margin-left: 10px;
    }

    .top table tbody tr td {
        max-width: 100px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top table thead {
        font-size: 12px;
    }

    .navbar .navbar-brand {
        text-align: center;
    }

    .navbar .balance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: absolute;
        top: 70px;
        background: #242323;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        line-height: 0;
        font-size: 16px;
        color: #ffc200;
        margin: 0;
        padding: 5px 0;
        z-index: 99;
    }

    .chat-toggle {
        min-width: 60px;
    }

    .hamburger {
        padding: 15px 11px;
    }

    .navbar .balance a {
        font-size: 20px;
    }

    .raffle-history h4 {
        font-size: 1rem;
    }

    .stats-table__other th:nth-child(1),
    .stats-table__other td:nth-child(1) {
        width: 20%;
    }

    .stats-table__other th:nth-child(2),
    .stats-table__other td:nth-child(2) {
        padding-right: 6%;
        width: 24%;
    }

    .stats-table__other th:nth-child(3),
    .stats-table__other td:nth-child(3) {
        width: 30%;
        padding-right: 3%;
    }

    .stats-table__other th:nth-child(4),
    .stats-table__other td:nth-child(4) {
        width: 25%;
    }

    .stats-table__withdraws th:nth-child(6),
    .stats-table__withdraws td:nth-child(6) {
        padding-right: 0;
        width: 5%;
        text-align: center;
    }

    .dice .dice-history img.rank {
        width: 20px;
        margin-right: 1px;
    }

    .stat-block__title {
        font-size: 11px;
    }

    .games-dropdown__game.games-dropdown__game-room {
        font-size: 11px;
    }

    .stats-table__withdraws th:nth-child(4),
    .stats-table__withdraws td:nth-child(4) {
        width: 19%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        padding-right: 3%;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: nowrap;
    }

    .stats-table__withdraws th:nth-child(3),
    .stats-table__withdraws td:nth-child(3) {
        width: 13%;
    }

    .user-profile-caregories {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 400px) {
    .game-card__title {
        font-size: 35px;
    }

    .game-card_small .game-card__contents,
    .game-card_medium .game-card__contents,
    .game-card_big .game-card__contents {
        bottom: 25px;
    }

    .modal_game-outcome__stats-value {
        font-size: 12px;
    }

    .promocode-activate-btn {
        padding: 15px;
    }

    .captcha-bonus {
        padding: 10px 0;
    }

    .modal-dialog.wide-modal {
        max-width: 320px;
    }

    .jacpot-tab__title {
        font-size: 13px;
    }

    .jackpot-tab-bank {
        padding: 2px 3px;
        font-size: 9px;
    }

    .game-container__table__header-th {
        font-size: 9px;
    }

    .game-container__table__body-td {
        font-size: 11px;
    }

    .game-container__table__body-td_fair {
        font-size: 13px;
    }

    .rooms-dropdown {
        top: 36px;
    }

    .deposit-progress {
        margin-top: 5px;
    }

    .games-table__dice_history td:first-child,
    .games-table__dice_history th:first-child {
        width: 40%;
        max-width: 85px;
    }

    .ranks .window-body {
        padding: 15px 12px;
    }

    .small-button {
        padding: 7px 10px;
    }

    .subheading h3 {
        font-size: 15px;
    }

    .games-table__ranks .games-table__header-th {
        max-width: 45px;
    }

    .games-table__body-battle-winner {
        width: 28px;
        height: 28px;
    }

    .user-profile-caregories__category {
        margin-right: 3px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 7px;
        margin-left: 3px;
    }

    .user-profile-caregories__category_games {
        white-space: nowrap;
    }

    .buttoninzc {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }

    .stats-table__pays th:nth-child(1),
    .stats-table__pays td:nth-child(1) {
        width: 24%;
    }

    .stats-table__pays th:nth-child(2),
    .stats-table__pays td:nth-child(2) {
        padding-right: 7%;
    }

    .games-table__body-battle-bet {
        padding: 5px 8px;
    }

    .games-table__double td:nth-child(2) {
        white-space: nowrap;
    }

    .games-table__body-double-bet {
        padding: 5px 7px;
    }

    .games-table__money {
        white-space: nowrap;
    }

    .games-table__jackpot td:last-child,
    .games-table__double td:last-child,
    .games-table__battle td:last-child,
    .games-table__crash td:last-child,
    .games-table__dice td:last-child {
        padding-right: 0;
    }

    .games-table__jackpot th:nth-child(4),
    .games-table__jackpot td:nth-child(4) {
        padding-right: 2%;
    }

    .games-table__header-th {
        font-size: 9px;
    }

    .games-table__body-td__dots {
        font-size: 8px;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        width: 10%;
    }

    .stats-table__withdraws th:nth-child(2),
    .stats-table__withdraws td:nth-child(2) {
        width: 16%;
    }

    .games-table__header-th {
        max-width: 35px;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .games-table__body-td {
        font-size: 11px;
    }

    .next-rank img.rank-icon {
        width: 50px;
    }

    .bets-progress,
    .deposit-progress {
        font-size: 12px;
    }

    .stat-block__value {
        font-size: 14px;
    }

    .stat-block {
        padding: 10px 5px;
    }

    .dark-button i {
        font-size: 14px;
    }

    .dark-button {
        font-size: 12px;
    }

    .games-table__body-td__fair {
        font-size: 13px;
    }

    .user-profile .code .value button {
        top: 1px;
        padding: 11px 20px;
    }

    .user-profile .code .value input {
        font-size: 14px;
        padding: 12px 10px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 10px;
    }

    .dark-button i {
        display: none !important;
    }

    .your-code__text {
        font-size: 12px;
    }
}

@media (max-width: 359px) {
    .mines-field {
        width: 280px;
    }

    .mines-outcome-container {
        padding: 15px;
    }

    .crash-outcome-container {
        padding: 15px;
    }

    .mines-outcome-container .mines-field {
        width: 100%;
    }

    .hide-359 {
        display: none;
    }

    .stats-table__withdraws th:nth-child(1),
    .stats-table__withdraws td:nth-child(1) {
        white-space: normal;
    }

    .games-table__jackpot td,
    .games-table__double td,
    .games-table__battle td,
    .games-table__crash td,
    .games-table__dice td {
        padding-right: 2px;
    }

    .user-profile-caregories__room-arrow {
        font-size: 6px;
        margin-left: 0;
    }

    .stat-block {
        width: 121px;
    }

    .stat-block:first-child {
        margin-left: 0;
    }

    .stat-block:nth-child(2) {
        margin-right: 0;
    }

    .stat-block:last-child {
        width: 130px;
    }

    .small-button {
        padding: 5px 8px;
    }

    .user-profile-overview-loop__left-action-button_pay {
        margin-top: 7px;
    }

    .dark-button {
        font-size: 11px;
    }

    .double-button button {
        width: 85px;
        margin: 10px 3px !important;
        padding: 0 20px 0 9px;
    }

    .double-button .bet-amount {
        font-size: 14px;
    }

    .mobile-menu__contents {
        padding: 0;
    }

    .navbar-brand img {
        width: 100px;
        margin-top: 20px;
        margin-left: 8px;
    }

    .money-block__money-area {
        font-size: 15px;
    }

    .money-block__action {
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-right: 5px;
    }

    .money-block__money-area {
        width: 190px;
    }

    .games-table__ranks td:nth-child(1),
    .games-table__ranks th:nth-child(1) {
        padding-right: 2px;
    }

    .games-table__ranks td:nth-child(2),
    .games-table__ranks th:nth-child(2),
    .games-table__ranks td:nth-child(3),
    .games-table__ranks th:nth-child(3),
    .games-table__ranks td:nth-child(4),
    .games-table__ranks th:nth-child(4),
    .games-table__ranks td:nth-child(5),
    .games-table__ranks th:nth-child(5) {
        padding-right: 2px;
    }

    .ranks-table td div img {
        width: 18px;
        margin-right: 1px;
    }

    .rank-name {
        font-size: 10px;
    }

    .bet-input .upper a {
        padding: 7px;
    }

    .user-profile-caregories__dropdown-arrow {
        font-size: 6px;
        margin-left: 2px;
    }

    .user-profile-caregories__category {
        margin-right: 1px;
        font-size: 11px;
    }

    .user-profile .code .value {
        width: 250px;
    }

    .user-profile-overview-loop__left-avatar {
        width: 130px;
    }

    .user-profile-overview-loop__left-since {
        font-size: 11px;
    }

    .raffle-countdown {
        zoom: 0.67;
    }

    .raffle-bank {
        font-size: 18px;
    }
}

@media (max-width: 340px) {
    .bets-progress,
    .deposit-progress {
        font-size: 10px;
    }
}

@-webkit-keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

@keyframes bgscroll {
    from {
        background-position: 0 0px, 0 100%, 0 50%, 0 0;
    }

    to {
        background-position: 7680px 0, 5760px 100%, 3840px 50%, 1920px 0;
    }
}

.alert-red .alert-close,
.alert-pink .alert-close,
.alert-purple .alert-close,
.alert-indigo .alert-close,
.alert-blue .alert-close,
.alert-cyan .alert-close,
.alert-teal .alert-close,
.alert-green .alert-close,
.alert-orange .alert-close,
.alert-brown .alert-close,
.alert-bgray .alert-close {
    color: #fff;
}

.alert-red {
    background-color: #7382e5 !important;
    color: #fff !important;
    width: 100%;
}

.alert-pink {
    background-color: #f06292 !important;
    color: #fff !important;
}

.alert-purple {
    background-color: #ba68c8 !important;
    color: #fff !important;
}

.alert-indigo {
    background-color: #7986cb !important;
    color: #fff !important;
}

.alert-blue {
    background-color: #64b5f6 !important;
    color: #fff !important;
}

.alert-cyan {
    background-color: #4dd0e1 !important;
    color: #fff !important;
}

.alert-teal {
    background-color: #4db6ac !important;
    color: #fff !important;
}

.alert-green {
    background-color: #81c784 !important;
    color: #fff !important;
}

.alert-orange {
    background-color: #ffb74d !important;
    color: #fff !important;
}

.alert-brown {
    background-color: #a1887f !important;
    color: #fff !important;
}

.alert-bgray {
    background-color: #90a4ae !important;
    color: #fff !important;
}

.alert {
    background-color: #eee;
    color: #000;
    border-radius: 4px;
    padding: 20px;
    opacity: 1;
    font-size: 16px;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-radius: 25px;
    max-width: 800px;
    margin: 20px auto;
}
.game-container {
    position: relative;
    margin: 21px auto;
    max-width: 950px;
}

.game-area {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.game-area__profile {
    flex-direction: column;
}

.game-sidebar {
    min-width: 290px;
    background: rgba(21, 21, 21, 1);
    min-height: 500px;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
}

.game-sidebar__short {
    min-height: 440px;
}

.game-sidebar__profile {
    background: none;
    min-height: auto;
    border-radius: 0;
}

.game-sidebar__heading {
    width: 100%;
    padding: 15px 25px;
    font-size: 14px;
    background: #242323;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    color: #fff;
}

.game-sidebar__body {
    padding: 20px 15px;
    flex: auto;
}

.game-sidebar__input-wrapper {
    position: relative;
    margin-top: 25px;
}

.game-sidebar__input-wrapper_no-margin {
    margin-top: 0;
}

.game-sidebar__play-button-wrapper {
    margin-top: 25px;
}

.game-sidebar__input {
    width: 100%;
    display: block;
    border: solid 1px #424242;
    background: #242323;
    font-size: 16px;
    /* height: 45px; */
    line-height: 45px;
    padding: 0 12px;
    color: #fff;
    outline: none;
    border-radius: 4px;
}
.game-container_mines {
    max-width: 950px;
}
/* table history */
.game-container_history {
    margin-top: 10px;
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 7px;
}

.game-container__table {
    font-size: 13px;
    font-weight: 400;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-collapse: collapse;
    width: 100%;
    table-layout: inherit;
}

.game-container__table__thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__header-th {
    padding: 12px 0;
    color: lightgray;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.game-container__table__body-tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.game-container__table__body-td {
    text-align: left;
    padding: 12px 0;
    color: #fff;
    font-size: 13px;
}

.game-container__table__money {
    font-weight: 400;
    color: #ffc200;
}

.game-container__table__money_win {
    color: #ffc200;
}

.game-container__table__money_lost {
    color: #a9a9a9;
}

.game-container__table__player {
    max-width: 200px;
}

.game-container__table__player span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.game-container__table__player img {
    width: 25px;
    margin-right: 5px;
}

.game-container__table__body-td_fair {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    transition: 0.2s all ease;
    cursor: pointer;
    padding: 0;
    text-align: right;
}

.game-container__table__body-td_fair a {
    display: block;
}

.game-container__table__body-td_fair a:hover {
    color: #ffc200;
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

/* ! table history */
.game-container__table__header-th {
    font-size: 10px;
}

.game-container__table__body-td {
    font-size: 12px;
}

.game-container__table__body-td_fair {
    font-size: 14px;
    padding-left: 5px;
}
.alert-close {
    margin-left: 15px;
    color: #bbb;
    float: right;
    font-size: 22px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.alert-close:hover {
    color: #000;
}

.limiter {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    z-index: 9999;
    overflow: auto;
    background: rgba(0, 0, 0, 0.6);
}

.container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
}

.wrap-login100 {
    width: 670px;
    background: #21203a;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 0 9px 0 #88888838;
    box-shadow: 0 0 9px 0 #88888838;
}

.login100-form-title {
    width: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 15px;
}

.login100-form-title-1 {
    font-family: Poppins-Bold;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

.login100-form-title::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(39, 44, 66, 0.86);
}

.login100-form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 43px 88px 93px 190px;
}

.overlay_login {
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    max-width: 70%;
}

.termssss1 {
    color: #47457d !important;
}

.termssss {
    color: #0f0f1b !important;
}

.top.active {
    display: block;
}

.top {
    background: rgba(21, 21, 21, 1);
    padding: 15px;
    border-radius: 15px;
    display: none;
    color: #fff;
    font-weight: 400;
}

.top table {
    text-align: center;
    width: 100%;
    border-collapse: inherit;
    border-spacing: 0;
}

.top table thead {
    font-size: 15px;
}

.top table thead th {
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.top table tbody tr:nth-child(1) {
    background-color: rgba(255, 215, 0, 0.8);
}

.top table tbody tr:nth-child(2) {
    background-color: rgba(192, 192, 192, 0.5);
}

.top table tbody tr:nth-child(3) {
    background-color: rgba(205, 127, 50, 0.3);
}

.top table tbody tr td {
    color: #fff;
    padding: 5px;
    border-bottom: 1px solid #dcdde0;
}

.game-cards {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}

.game-card {
    position: relative;
    margin: 0 10px 10px 0;
    overflow: hidden;
    border-radius: 7px;
}

.game-card:hover .game-card_bg {
    transform: scale(1.07);
    filter: brightness(100%);
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.game-card_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: brightness(0.85);
    transition: 0.4s all ease;
}

.game-card_mines-bg {
    background: url("/assets/images/Mines1.png") no-repeat;
    background-size: cover;
}

.game-card_double-bg {
    background: url("/assets/images/Double1.png") no-repeat;
    background-size: cover;
}

.game-card_crash-bg {
    background: url("/assets/images/Crash1.png") no-repeat;
    background-size: cover;
}

.game-card_dice-bg {
    background: url("/assets/images/Dice1.png") no-repeat;
    background-size: cover;
}

.game-card_jackpot-bg {
    background: url("/assets/images/Jackpot1.png") no-repeat;
    background-size: cover;
}

.game-card_raffle-bg {
    background: url("/assets/images/Raffle1.png") no-repeat;
    background-size: cover;
}

.game-card_double,
.game-card_dice,
.game-card_raffle {
    margin-right: 0;
}

.game-card:hover {
    cursor: pointer;
}

.game-card:hover .game-card__title-arrowed span {
    transform: translateX(10px);
}

.game-card_small {
    flex: 11;
    height: 390px;
}

.game-card_medium {
    flex: 1;
    height: 390px;
}

.game-card_big {
    flex: 20;
    height: 390px;
}

.game-card__contents {
    position: absolute;
}

.game-card_small .game-card__contents {
    left: 20px;
    right: 20px;
    top: 130px;
}

.game-card_medium .game-card__contents {
    left: 20px;
    max-width: 250px;
    top: 120px;
}

.game-card_big .game-card__contents {
    top: 60px;
    left: 20px;
    max-width: 250px;
}

.game-card__title {
    border-radius: 7px;
    background: #ffc200;
    color: #000;
    font-size: 42px;
    font-weight: 800;
    padding: 10px 5px 10px 15px;
    display: inline-block;
}

.game-card__title-arrowed {
    display: flex;
    align-items: center;
}

.game-card__title-arrowed span {
    font-size: 32px;
    font-weight: 800;
    padding: 0 20px 0 10px;
    transition: 0.4s all ease;
}

.game-card__description {
    font-size: 14px;
    color: #fff;
    line-height: 1.45;
    margin-top: 15px;
}

footer {
    background: #1b2741;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1090;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding: 0 30px;
}

footer .footer-copyright {
    float: left;
}

footer .footer-creator {
    float: right;
}

footer .footer-copyright a {
    color: #cdcdcd;
}

footer .footer-creator a {
    color: #cdcdcd;
}

.p7 {
    padding: 0 7px;
}

.head-game {
    background-color: rgba(21, 21, 21, 1);
    height: 49px;
    line-height: 49px;
    padding: 0 30px;
    top: 0;
    position: relative;
}

.head-game .game-name {
    font-weight: 700;
    color: #cdcdcd;
    display: inline-block;
    margin-right: 15px;
}

.head-game ul {
    display: inline-block;
    font-weight: 700;
}

.fixed-nav .leftside li.leftside__bottom-part {
    margin-top: auto;
}

.mode i:first-child {
    color: #ffc200;
}

.mode.mode_white i {
    color: #fff;
}

.head-game ul li {
    display: inline-block;
}

.head-game ul li a {
    color: #cdcdcd;
    font-size: 14px;
    padding: 0 15px;
    font-weight: 700;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.head-game ul li a:hover {
    text-decoration: underline;
    color: #cdcdcd;
}

.head-game .howto {
    position: absolute;
    color: #cdcdcd;
    right: 30px;
    top: 0;
    cursor: pointer;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    font-weight: 700;
}

.head-game .howto i {
    margin: 0 10px;
}

.head-game .howto:hover {
    text-decoration: unset;
    color: #cdcdcd;
}

.cont-a {
    padding: 20px 7px;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.cont-b .second-title {
    margin-top: 10px;
    padding-bottom: 7px;
}

.cont-b {
    padding: 25px 15px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.dep-code {
    text-align: center;
    padding: 25px 45px;
    font-weight: 700;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 0;
    width: 100%;
}

.footer {
    line-height: 1.75;
    color: #cdcdcd;
    font-size: 12px;
    margin-top: 20px;
    display: flex;
}

.footer-security {
    margin-left: auto;
    max-width: 350px;
    text-align: right;
}

.using-ssl {
    color: #3ac430;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 7px;
}

.using-ssl span {
    font-size: 22px;
    margin-right: 5px;
}

.footer-terms {
    display: flex;
}

.footer-term {
    margin-right: 8px;
}

.footer-term:last-of-type {
    margin-right: 0;
}

.footer-socials {
    display: flex;
}

.footer-social {
    margin-right: 15px;
}

.footer-social:last-of-type {
    margin-right: 0;
}

.footer-link {
    display: flex;
    align-items: center;
}

.footer-link__icon {
    color: #ffc200;
    margin-right: 5px;
    font-size: 14px;
}

.rng-test {
    font-size: 11px;
    line-height: 1.4;
    color: #888888;
}

.footer-item {
    display: block;
    color: #fff;
}

.footer-link {
    color: #818181;
    font-size: 13px;
}

.footer-link:hover {
    color: #c4c4c4;
}

@media (max-width: 991px) {
    .footer {
        flex-wrap: wrap;
    }
    .footer-security {
        max-width: 100%;
        margin-left: 0;
        text-align: left;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #3d3d3d;
    }
    .using-ssl {
        justify-content: flex-start;
    }
    .game-card {
        flex: 0;
        flex-basis: 100%;
        margin-right: 0;
    }
    .game-card_mines-bg {
        background: url("/assets/images/Mines_m.png") no-repeat;
        background-size: cover;
    }
    .game-card_double-bg {
        background: url("/assets/images/Double_m.png") no-repeat;
        background-size: cover;
    }
    .game-card_crash-bg {
        background: url("/assets/images/Crash_m.png") no-repeat;
        background-size: cover;
    }
    .game-card_dice-bg {
        background: url("/assets/images/Dice_m.png") no-repeat;
        background-size: cover;
    }
    .game-card_jackpot-bg {
        background: url("/assets/images/Jackpot_m.png") no-repeat;
        background-size: cover;
    }
    .game-card_raffle-bg {
        background: url("/assets/images/Raffle_m.png") no-repeat;
        background-size: cover;
    }
    .game-card {
        height: auto;
    }
    .game-card__description {
        display: none;
    }
    .game-card_small .game-card__contents,
    .game-card_medium .game-card__contents,
    .game-card_big .game-card__contents {
        top: auto;
        bottom: 40px;
    }
    .game-cards {
        max-width: 500px;
        margin: auto;
    }
    .game-card_bg {
        height: 0;
        position: static;
        padding-top: 71%;
    }
    .user-profile-full-stats__controls {
        padding: 0 10px;
    }
    .game-sidebar__footer-button_small {
        width: 85px;
    }
    .crash-bet__user-wrapper {
        padding-right: 0;
    }
    .crash-bet__sum {
        padding-left: 5px;
    }
    .crash-bet__username {
        display: none;
    }
    .crash-bet__values {
        flex: 1;
        margin-left: 0;
    }
    .crash-bet__coeff {
        margin-left: auto;
    }

    .contact-us {
        flex-direction: column;
    }
    .contact {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .contact:last-of-type {
        margin-bottom: 0;
    }
    .money-block__money-icon {
        left: 10px;
    }
    .money-block__money-area {
        padding: 0px 10px 0 36px;
    }

    .double-history__cols {
        flex-direction: column;
    }
    .double-history__col {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .double-history__col:last-of-type {
        margin-bottom: 0;
    }

    .double-field-wrapper {
        padding: 25px 15px;
    }
    .game-sidebar__input-helper.game-sidebar__input-helper_bottom-mobile {
        top: 70px;
    }
    .validation-message_bottom-mobile {
        bottom: -29px;
        top: auto;
    }
    .validation-message_bottom-mobile:before {
        top: -4px;
        bottom: auto;
        transform: rotate(180deg);
    }
    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }
    .game-sidebar__input-helper {
        position: absolute;
        width: 100%;
        top: -26px;
        border-radius: 4px;
        border: 1px solid #ffc200;
        transition: 0.1s;
        visibility: hidden;
        opacity: 0;
    }
    .game-sidebar__input-helper-action {
        border-color: #3e3e3e;
    }
    .game-sidebar__set-action {
        border-color: #3e3e3e;
    }
    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-caregories {
        justify-content: center;
    }
    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-caregories__category {
        font-size: 12px;
    }
    .user-profile-full-stats.user-profile-full-stats_dark
        .user-profile-full-stats__content {
        padding: 5px 10px 10px;
    }
    .wallet-area-select {
        display: block;
    }
    .wallet-sidebar {
        display: none;
    }
    .game-sidebar__footer {
        padding: 15px 0;
    }
    .game-sidebar__body {
        padding: 15px;
    }
    .game-sidebar {
        min-height: auto;
    }
    .game-sidebar__play-button_mobile {
        display: block;
        padding: 15px 10px;
    }
    .game-sidebar__input-relative-wrapper {
        width: 50%;
        margin-right: 5px;
    }

    .mobile-button-combined-wrapper {
        display: flex;
    }
    .game-sidebar__input-wrapper {
        margin-top: 15px;
    }
    .game-sidebar__input-wrapper_no-margin {
        margin-top: 0;
    }
    .game-sidebar__play-button-wrapper {
        /* display: none; */
    }

    .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
        margin-top: 20px;
        display: block;
    }
    .game-sidebar__input-helper {
    }
    .game-sidebar__input-helper.active {
        visibility: visible;
        opacity: 1;
    }

    .game-component {
        min-height: auto;
    }
    .mines-coeffs-slider-control {
        padding: 8px;
    }
    .game-footer_mines {
        padding: 6px 30px;
    }
    .mines-field-wrapper {
        flex: none;
        padding: 15px 10px;
    }
    .game-sidebar__input-helper-action {
        line-height: 35px;
    }
    .game-sidebar__set-action {
        line-height: 35px;
    }
    .game-component {
        order: 1;
        margin-left: 0;
    }
    .game-sidebar {
        order: 2;
        width: 100%;
        margin-top: 10px;
    }

    .game-sidebar__profile {
        order: 1;
        margin-top: 0;
    }
    .game-component__profile {
        order: 2;
    }

    .hide-991 {
        display: none;
    }
    .game-container__table__header-th {
        font-size: 10px;
    }
    .game-container__table__body-td {
        font-size: 12px;
    }
    .game-container__table__body-td_fair {
        font-size: 14px;
        padding-left: 5px;
    }

    .game-area {
        flex-wrap: wrap;
    }
    .double-history-result_small .double-history-result__number {
        line-height: 24px;
    }

    .menu {
        margin-left: 5px;
    }
    .wallet-link {
        padding: 0 12px;
        font-size: 12px;
    }
    .menu__list-item__link {
        font-size: 13px;
        padding: 8px 7px;
        letter-spacing: 0.1px;
    }

    .menu__list-item {
        margin-right: 0;
    }

    .money-block__money-area {
        width: 210px;
    }

    .profile-link {
        margin-left: 5px;
    }

    .chat-toggle {
        margin-right: 5px;
    }

    .menu-button {
        margin-left: 5px;
    }

    @media (max-width: 991px) {
        .footer {
            flex-wrap: wrap;
        }

        .footer-security {
            max-width: 100%;
            margin-left: 0;
            text-align: left;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #3d3d3d;
        }

        .using-ssl {
            justify-content: flex-start;
        }

        .game-card {
            flex: 0;
            flex-basis: 100%;
            margin-right: 0;
        }

        .game-card_mines-bg {
            background: url("/assets/images/Mines_m.png") no-repeat;
            background-size: cover;
        }

        .game-card_double-bg {
            background: url("/assets/images/Double_m.png") no-repeat;
            background-size: cover;
        }

        .game-card_crash-bg {
            background: url("/assets/images/Crash_m.png") no-repeat;
            background-size: cover;
        }

        .game-card_dice-bg {
            background: url("/assets/images/Dice_m.png") no-repeat;
            background-size: cover;
        }

        .game-card_jackpot-bg {
            background: url("/assets/images/Jackpot_m.png") no-repeat;
            background-size: cover;
        }

        .game-card_raffle-bg {
            background: url("/assets/images/Raffle_m.png") no-repeat;
            background-size: cover;
        }

        .game-card {
            height: auto;
        }

        .game-card__description {
            display: none;
        }

        .game-card_small .game-card__contents,
        .game-card_medium .game-card__contents,
        .game-card_big .game-card__contents {
            top: auto;
            bottom: 40px;
        }

        .game-cards {
            max-width: 500px;
            margin: auto;
        }

        .game-card_bg {
            height: 0;
            position: static;
            padding-top: 71%;
        }

        .user-profile-full-stats__controls {
            padding: 0 10px;
        }

        .game-sidebar__footer-button_small {
            width: 85px;
        }

        .crash-bet__user-wrapper {
            padding-right: 0;
        }

        .crash-bet__sum {
            padding-left: 5px;
        }

        .crash-bet__username {
            display: none;
        }

        .crash-bet__values {
            flex: 1;
            margin-left: 0;
        }

        .crash-bet__coeff {
            margin-left: auto;
        }

        .contact-us {
            flex-direction: column;
        }

        .contact {
            margin-right: 0;
            margin-bottom: 10px;
        }

        .contact:last-of-type {
            margin-bottom: 0;
        }

        .money-block__money-icon {
            left: 10px;
            top: 11px;
        }

        .money-block__money-area {
            padding: 0px 10px 0 36px;
        }

        .double-history__cols {
            flex-direction: column;
        }

        .double-history__col {
            margin-right: 0;
            margin-bottom: 15px;
        }

        .double-history__col:last-of-type {
            margin-bottom: 0;
        }

        .double-field-wrapper {
            padding: 25px 15px;
        }

        .game-sidebar__input-helper.game-sidebar__input-helper_bottom-mobile {
            top: 70px;
        }

        .validation-message_bottom-mobile {
            bottom: -29px;
            top: auto;
        }

        .validation-message_bottom-mobile:before {
            top: -4px;
            bottom: auto;
            transform: rotate(180deg);
        }

        .game-sidebar__input-helper.active {
            visibility: visible;
            opacity: 1;
        }

        .game-sidebar__input-helper {
            position: absolute;
            width: 100%;
            top: -26px;
            border-radius: 4px;
            border: 1px solid #ffc200;
            transition: 0.1s;
            visibility: hidden;
            opacity: 0;
        }

        .game-sidebar__input-helper-action {
            border-color: #3e3e3e;
        }

        .game-sidebar__set-action {
            border-color: #3e3e3e;
        }

        .user-profile-full-stats.user-profile-full-stats_dark
            .user-profile-caregories {
            justify-content: center;
        }

        .user-profile-full-stats.user-profile-full-stats_dark
            .user-profile-caregories__category {
            font-size: 12px;
        }

        .user-profile-full-stats.user-profile-full-stats_dark
            .user-profile-full-stats__content {
            padding: 5px 10px 10px;
        }

        .wallet-area-select {
            display: block;
        }

        .wallet-sidebar {
            display: none;
        }

        .game-sidebar__footer {
            padding: 15px 0;
        }

        .game-sidebar__body {
            padding: 15px;
        }

        .game-sidebar {
            min-height: auto;
        }

        .game-sidebar__play-button_mobile {
            display: block;
            padding: 15px 10px;
        }

        .game-sidebar__input-relative-wrapper {
            width: 50%;
            margin-right: 5px;
        }

        .mobile-button-combined-wrapper {
            display: flex;
        }

        .game-sidebar__input-wrapper {
            margin-top: 15px;
        }

        .game-sidebar__input-wrapper_no-margin {
            margin-top: 0;
        }

        .game-sidebar__play-button-wrapper {
            /* display: none; */
        }

        .game-sidebar__play-button-wrapper.game-sidebar__play-button-wrapper_no-hide {
            margin-top: 20px;
            display: block;
        }

        .game-sidebar__input-helper {
        }

        .game-sidebar__input-helper.active {
            visibility: visible;
            opacity: 1;
        }

        .game-component {
            min-height: auto;
        }

        .mines-coeffs-slider-control {
            padding: 8px;
        }

        .game-footer_mines {
            padding: 6px 30px;
        }

        .mines-field-wrapper {
            flex: none;
            padding: 15px 10px;
        }

        .game-sidebar__input-helper-action {
            line-height: 35px;
        }

        .game-sidebar__set-action {
            line-height: 35px;
        }

        .game-component {
            order: 1;
            margin-left: 0;
        }

        .game-sidebar {
            order: 2;
            width: 100%;
            margin-top: 10px;
        }

        .game-sidebar__profile {
            order: 1;
            margin-top: 0;
        }

        .game-component__profile {
            order: 2;
        }

        .hide-991 {
            display: none;
        }

        .game-container__table__header-th {
            font-size: 10px;
        }

        .game-container__table__body-td {
            font-size: 12px;
        }

        .game-container__table__body-td_fair {
            font-size: 14px;
            padding-left: 5px;
        }

        .game-area {
            flex-wrap: wrap;
        }

        .double-history-result_small .double-history-result__number {
            line-height: 24px;
        }

        .menu {
            margin-left: 5px;
        }

        .wallet-link {
            padding: 0 12px;
            font-size: 12px;
        }

        .menu__list-item__link {
            font-size: 13px;
            padding: 8px 7px;
            letter-spacing: 0.1px;
        }

        .menu__list-item {
            margin-right: 0;
        }

        .money-block__money-area {
            width: 210px;
        }

        .profile-link {
            margin-left: 5px;
        }

        .chat-toggle {
            margin-right: 5px;
        }

        .menu-button {
            margin-left: 5px;
        }

        .navbar-brand img {
            width: 125px;
            margin-top: 10px;
            margin-left: 7px;
        }

        .games-table__tickets span {
            font-size: 16px;
        }

        .games-dropdown {
            top: 46px;
        }

        .stats-table__withdraws th:nth-child(6),
        .stats-table__withdraws td:nth-child(6) {
            padding-right: 6%;
        }

        .stats-table__withdraws th:nth-child(4),
        .stats-table__withdraws td:nth-child(4) {
            padding-right: 4%;
        }

        .games-table__body-status {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .games-table__body-wallet-image {
            width: 20px;
        }

        .stats-table__withdraws th:nth-child(5),
        .stats-table__withdraws td:nth-child(5) {
            text-align: center;
            padding-right: 3%;
            width: 9%;
        }

        .games-table__body-status-image {
            margin-right: 0;
        }

        .games-table__body-status-text {
            display: none;
        }

        .stats-table__other th:nth-child(2),
        .stats-table__other td:nth-child(2) {
            width: 25%;
        }

        .getMoney {
            font-size: 12px;
            width: 110px;
        }

        .games-table__body-td__fair {
            font-size: 14px;
        }

        .games-table__header-th {
            font-size: 10px;
        }

        .games-table__body-td {
            font-size: 12px;
        }

        .ref-profit__descr {
            font-size: 13px;
        }

        .ref-summary {
            font-size: 13px;
        }

        .partnership__code {
            width: 100%;
        }

        .user-profile-caregories__dropdown-arrow {
            font-size: 9px;
            margin-left: 4px;
            display: inline-block;
            -webkit-transition: 0.1s all ease;
            -o-transition: 0.1s all ease;
            transition: 0.1s all ease;
        }

        .games-table__body-td__fair {
            font-size: 14px;
            padding-left: 5px;
        }

        .user-profile-caregories__category {
            font-size: 12px;
            margin-right: 7px;
            padding: 15px 3px;
        }

        .user-profile-full-stats {
            padding: 5px 10px 10px;
        }

        .user-profile-full-stats.show-controls {
            padding-bottom: 70px;
        }

        .user-profile-overview-loop {
            padding: 25px 15px;
        }

        .user-profile {
            padding: 0px;
        }

        .user-profile-overview-loop__right-stats {
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .stat-block {
            margin-bottom: 10px;
        }

        .user-profile-overview-stats-divisor {
            margin: 20px auto;
        }

        .double-history-result_small {
            width: 24px;
            height: 24px;
        }

        .double-history-result_small:before {
            width: 30px;
            height: 30px;
        }

        .info-block {
            color: #fff;
            margin: 10px 0 25px 0;
            padding: 15px 10px;
            background: #242323;
            font-size: 13px;
            border-radius: 5px;
            border-left: 5px #ffc200 solid;
            line-height: 1.5;
        }

        .profile-block__userbalance {
            margin-top: 8px;
            padding: 15px;
            line-height: 1.6;
        }

        .profile-block {
            background: rgb(21, 21, 21);
            border-radius: 7px;
            color: #cdcdcd;
            width: 100%;
        }

        .profile__coin-balance-val {
            color: #ffc200;
            font-size: 16px;
            margin-left: auto;
        }

        .profile__balance {
            font-size: 13px;
            display: flex;
            align-items: center;
        }

        .profile__raffle-balance-val {
            color: rgb(20, 244, 3);
            font-size: 16px;
            margin-left: auto;
            display: flex;
            align-items: center;
        }

        .profile-block__promocode {
            margin-top: 8px;
            padding: 15px;
        }

        .profile-block__ranks {
            padding: 15px;
        }

        .next-rank img.rank-icon {
            width: 60px;
        }
    }
}