@font-face {
    font-family: 'Bahnschrift';
    src: url('../fonts/Bahnschrift.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Alibaba';
    src: url('../fonts/alibaba/AlibabaSans-Regular.otf') format('opentype');
    font-weight: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Alibaba';
    src: url('../fonts/alibaba/AlibabaSans-Bold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'Alibaba';
    src: url('../fonts/alibaba/AlibabaSans-Light.otf') format('opentype');
    font-weight: 200;
}

@font-face {
    font-family: 'Signika';
    src: url('../fonts/signika/Signika-Regular.woff2') format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: 'Signika';
    src: url('../fonts/signika/Signika-Bold.woff2') format('woff2');
    font-weight: bold;
}

@font-face {
    font-family: 'Signika';
    src: url('../fonts/signika/Signika-Medium.woff2') format('woff2');
    font-weight: 500;
}

body {
    background: #210147;
    color: white;
}
body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
}

html {
    height: -webkit-fill-available;
    scroll-behavior: smooth;
}

main {
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: hidden;
}
.ui-loader.ui-corner-all {
    display: none;
}
a[data-href] {
    cursor: pointer;
}
.dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition:         all 0.2s  ease;
    -moz-transition:    all 0.2s  ease;
    -webkit-transition: all 0.2s  ease;
    -o-transition:      all 0.2s  ease;
    -ms-transition:     all 0.2s  ease;
}
.dropdown .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
}
.dropdown {

}

.btn-toggle {
    padding: .25rem .5rem;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
    background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: var(--bs-tertiary-bg);
}

.scrollarea {
    overflow-y: auto;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: #0000001a;
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026
}

.b-example-vr {
    flex-shrink: 0;
    width: 1px;
    height: 100vh
}

.bi {
    vertical-align: -.125em;
    fill: currentColor
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8
}

.bd-mode-toggle {
    z-index: 1500
}

.bd-mode-toggle .bi {
    width: 1em;
    height: 1em
}

.bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important
}

.bg-body-tertiary {
    background: #4D2280 !important;
}
.main-left-sidebar {
    width: 6.5vw;
    z-index: 1091;
}
.main-left-logo-link img {
    width: 70%;
}
.main-left-logo-link.py-4 {
    padding-top: 1.3vw !important;
    padding-bottom: 1.3vw !important;
}
.cashback-left-link {
    background-color: transparent !important;
    cursor: pointer;

}
.auth .cashback-left-link {
    padding: 0 !important;
}
.cashback-left-link img {
    width: 91%;
    margin: 0 auto;
}

.main-left-sidebar .nav.nav-pills a {
    background-color: transparent;
}
.main-left-sidebar .nav {
    margin-top: 1.5vw !important;
}
.flag-selector-link img {
    width: 40%;
    margin-left: 0.85vw;
    cursor: pointer;
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-arrow-icon {
    background: url("../img/down_arrow.svg") no-repeat top center;
    background-size: 200% auto;
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 0.3rem;
    background-position: 0 50%;
}
.dropdown-arrow-icon:hover {
    background-position: 100% 50%;
}
.flag-dropdown-menu {
    min-width: 5vw !important;
    width: 5vw !important;
    text-align: center !important;
    left: 0.8vw !important;
    background-color: #350074 !important;
    height: auto !important;
}
.flag-dropdown-menu a img {
    width: 59%;
}
.left-buttons-list {
    text-align: center;
}
.main-left-sidebar .notify-icon {
    background: url("../img/left_bar/NotifyIcons.svg") no-repeat top center;
    background-size: 300% auto;
    width: 2.1vw;
    height: 2.3vw;
    background-position: 0 50%;
    display: inline-block;
    transition: transform 0.3s;
    cursor: pointer;
}
.main-left-sidebar .notify-icon:hover {
    background-position: 102% 50%;
    transform: scale(1.1);
}
.main-left-sidebar .sound-icon {
    background: url("../img/left_bar/SoundOnIcons.svg?v=1") no-repeat top center;
    background-size: 300% auto;
    width: 2.1vw;
    height: 2.1vw;
    background-position: 0 50%;
    display: inline-block;
    transition: transform 0.3s;
    cursor: pointer;
}
.main-left-sidebar .sound-icon.off {
    background-image: url("../img/left_bar/SoundOffIcons.svg?v=5");
}
.main-left-sidebar .sound-icon::after {
    background: url("../img/left_bar/SoundOffIcons.svg?v=5") no-repeat top center;
    position: absolute;
    left: -10000px;
}
.main-left-sidebar .sound-icon:hover {
    background-position: 102% 50%;
    transform: scale(1.1);
}
.main-left-sidebar .telegram-icon {
    background: url("../img/left_bar/TelegramIcons.svg") no-repeat top center;
    background-size: 300% auto;
    width: 2.1vw;
    height: 2.1vw;
    background-position: 0 50%;
    display: inline-block;
    transition: transform 0.3s;
    cursor: pointer;
}
.main-left-sidebar .telegram-icon:hover {
    background-position: 102% 50%;
    transform: scale(1.1);
}

.tooltip-inner {
    background: white;
    color: #4a049f;
    font-size: 0.9vw;
    font-family: 'Alibaba';
    font-weight: 400;
    padding-left: 0.7vw;
    padding-right: 0.7vw;
    border-color: white;
    border: 1px solid;
}
.tooltip-arrow {
    color: white;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: white;
}

.main-body {
    width: 100%;
    margin: 0 auto;
}
.main-body::-webkit-scrollbar {
    width: 4px;
}

.main-body::-webkit-scrollbar-track {
    width: 6px;
    background-color: #06F7FF;
}

.main-body::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #6900EA;
}

.main-body > .navbar {
    margin-top: 3.2vw;
    padding-top: 0;
    margin-left: 22%;
    /*border-bottom: 2px solid #06F7FF;*/
    /*border-image: linear-gradient(to right, #06F7FF 0%, #DC00A5 137.06%);*/
    border-image: linear-gradient(to right, #06F7FF 0%, #DC00A5 137.06%) 1;
    border-radius: 5px; 
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    /*padding: 5px;*/
    padding-bottom: 0;
}
body.auth .main-body > .navbar {
    margin-top: 1.4vw;
}
@media (max-width: 1199px) {
    .main-body > .navbar {
        margin-left: 5%;
    }
}

.btn-register {
    font-size: 1vw;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) , #017BFA;
    border: 1px solid transparent;
    /* Shadow and reflected light */
    box-shadow: 4px 38px 62px rgba(0, 0, 0, 0.5), inset -3px -4px 7px rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
}

    .main-nav-form .btn-register {
        padding: 0vw 0.7vw !important;
        line-height: 1vw;
        height: 2vw !important;
        margin-right: 0 !important;
    }

.btn-register:hover {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) , #017BFA;
    mix-blend-mode: plus-lighter;
    box-shadow: 4px 38px 62px rgba(0, 0, 0, 0.5), inset -3px -4px 7px rgba(255, 255, 255, 0.15);
    border-radius: 6px;
}

.btn-login {
    font-size: 1vw;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    border: 1px solid transparent;
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) , #00A600;
    box-shadow: 4px 38px 62px rgba(0, 0, 0, 0.5), inset -3px -4px 7px rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
.lang_KZ .bless .btn-login {
    font-size: 0.8vw;
}

@media (min-width: 541px) and (max-width: 767px) {
    .lang_KZ .bless .btn-login {
        font-size: 16px;
    }
}

.main-nav-form .btn-login {
    padding: 0vw 1.9vw !important;
    line-height: 1vw;
    height: 2vw !important;
}

.btn-login:hover {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(74, 255, 45, 0.75) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) , #00a400;
    mix-blend-mode: plus-lighter;
    box-shadow: 4px 38px 62px rgba(0, 0, 0, 0.5), inset -3px -4px 7px rgba(255, 255, 255, 0.15);
    border-radius: 6px;
}
@media (max-width: 1199px) {
    .main-nav-form .btn-register {
        padding: 0.5em 0.7vw !important;
        height: 2.5vw !important;
    }
    .main-nav-form .btn-login {
        padding: 0.5em 1.9vw !important;
        height: 2.5vw !important;
    }
}
@media (max-width: 767px) {
    .btn-login, .btn-register {
        font-size: 12px;
        margin-left: 1vw !important;
        margin-right: 1vw !important;
    }
    .main-nav-form .btn-register {
        padding: 0.5em 0.7vw !important;
        line-height: 1vw;
        height: 3vw !important;
        margin-right: 0 !important;
        font-size: 0.8rem !important;
    }
    .main-nav-form .btn-login {
        padding: 0.5em 0.7vw !important;
        line-height: 1vw;
        height: 3vw !important;
        margin-right: 0 !important;
        font-size: 0.8rem !important;
    }
    #banner-video-slide .owl-dot {
        width: 31px !important;
    }
}
@media (max-width: 1199px) {
    .btn-login, .btn-register {
        font-size: 12px;
    }
}
.navbar a {
    color: #9E71FF;
    font-weight: bold;
    font-size: 1.1vw;
    padding-bottom: 0;
}
.navbar a:visited {
    color: #9E71FF;
}
@media (max-width: 767px) {
    .navbar a {
        font-size: 12px;
    }
}
@media (max-width: 1199px) {
    .navbar a {
        font-size: 12px;
    }
}
.navbar a.active, .navbar a:hover, .nav-link.active, .navbar .active a {
    color: #C4A8FF !important;
}
.navbar li::after, .navbar li::after {
    content: " ";
    background: #6900EA !important;
    width: 0;
    display: block;
    height: 5px;
    position: absolute;
    bottom: -0.6vw;
    transition: width 0.3s ease;
}
body.auth .navbar li::after, body.auth .navbar li::after {
    bottom: -1.6vw;
}
@media (max-width: 1199px)
{
    .foot-nav.navbar li::after, .foot-nav.navbar li::after {
        display: none;
    }
}
@media (max-width: 991px)
{
    .navbar li::after, .navbar li::after {
        bottom: -11px;
    }
}
.navbar li.active::after, .navbar li:hover::after {
    width: 100%;
    transition: width 0.3s ease;
}
.main-body > .navbar {
    position: relative;
}
.main-body > .navbar li {
    position: relative;
}
/*6900EA*/
.first-nav-link {
    margin-left: 0 !important;
}
.first-nav-link a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.main-nav-form {
    margin-right: 30px;
    margin-bottom: 1vw;
}

.banner-comment-block {
    background: #4D2280;
    padding-right: 2.6vw !important
}
#content {
    margin: 0 30px;
    position: relative;
}
#main-banner-block {
    width: 100%;
    --bs-gutter-x: 0;
    margin-top: 1.55vw;
    overflow: hidden;
    background: none;
    background-size: 100% auto;
}
.vid1 {
    background: url("../img/banner_splash.jpg?v=7") no-repeat top center;
    background-size: 100% auto;
}
.vid2 {
    background: url("../img/banner_splash2.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.vid3 {
    background: url("../img/banner_splash3.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}

.mobile-body.lang_RU .vid1 {
    background: url("../img/banners/video/mobile/ru/banner_splash1.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_RU .vid2 {
    background: url("../img/banners/video/mobile/ru/banner_splash2.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_RU .vid3 {
    background: url("../img/banners/video/mobile/ru/banner_splash3.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_RU .vid4 {
    background: url("../img/banners/video/mobile/ru/banner_splash4.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_RU .vid5 {
    background: url("../img/banners/video/mobile/ru/banner_splash5.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}

.mobile-body.lang_KZ .vid1 {
    background: url("../img/banners/video/mobile/kz/banner_splash.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_KZ .vid2 {
    background: url("../img/banners/video/mobile/kz/banner_splash2.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_KZ .vid3 {
    background: url("../img/banners/video/mobile/kz/banner_splash3.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_KZ .vid4 {
    background: url("../img/banners/video/mobile/kz/banner_splash4.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_KZ .vid5 {
    background: url("../img/banners/video/mobile/kz/banner_splash5.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}

.mobile-body.lang_EN .vid1 {
    background: url("../img/banners/video/mobile/en/banner_splash.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_EN .vid2 {
    background: url("../img/banners/video/mobile/en/banner_splash2.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_EN .vid3 {
    background: url("../img/banners/video/mobile/en/banner_splash3.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_EN .vid4 {
    background: url("../img/banners/video/mobile/en/banner_splash4.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}
.mobile-body.lang_EN .vid5 {
    background: url("../img/banners/video/mobile/en/banner_splash5.jpg?v=2") no-repeat top center;
    background-size: 100% auto;
}

.stats-block {
    background: #350074;
}
.banner-block {
    background: #350074;
    background-size: 100%;
    aspect-ratio: 1222/400;
}
@media (min-width: 1200px) {
    .banner-block {
        width: 70%;
    }
}

.logo-content {
    text-align: right;
    padding-top: 0;
    padding-left: 0 !important;
}
.banner-text {
    font-family: 'Alibaba';
    font-size: 1vw;
    margin-top: 3vw;
    line-height: 1.3em;
}
@media (max-width: 767px) {
    .banner-text {
        font-size: 11px;
        margin-top: 1.7vw;
    }
}
@media (max-width: 1199px) {
    .banner-text {
        font-size: 12px;
    }
}

.banner-comment-block {
    width: 30%;
    padding-bottom: 0 !important;
}
.banner-comment-block h2 {
    font-family: 'Bahnschrift';
    font-size: 3vw;
}
.banner-comment-block p {
    font-family: 'Alibaba';
    font-weight: bold;
    text-align: right;
    margin-top: 10%;
    font-size: 0.9vw;
}
@media (max-width: 1399px) {
    .banner-comment-block p {
        margin-top: 1vw;
    }
}
.banner-comment-block img {
    width: 100%;
}
.stat-title {
    color: #9E71FF;
    margin-bottom:0;
    font-family: 'Alibaba';
    font-weight: bold;
    font-size: 1vw;
}
@media (max-width: 767px) {
    .stat-title {
        font-size: 1.5vw;
    }
}
.stat-number {
    color: white;
    margin-bottom:0;
    font-family: 'Signika';
    font-weight: bold;
    font-size: 2.8vw;
    display: inline-block;
    line-height: 1em;
}
@media (max-width: 767px) {
    .stat-number {
        font-size: 3.8vw;
    }
}
.stat-icon {
    display: inline-block;
    position: relative;
    top: -11px;
    margin-right: 15px;
}
.user-icon {
    background: url(../img/user_icon.svg) no-repeat top left;
    padding-left: 12%;
    background-size: 19% auto;
    padding-bottom: 3%;
    background-position: 0vw 0.2vw;
}
.rub-icon {
    background: url("../img/usd.svg") no-repeat top left;
    padding-left: 9%;
    background-size: 7% auto;
    padding-bottom: 3%;
    background-position: 0 21%;
}
.payout-block {
    padding-left: 5.5vw !important;
}
.left-stat-col {
    padding-left: 4.4vw !important;
}
.right-stat-col {
    padding-right: 3.35vw !important;
    padding-top: 3vw !important;
}
.btn-register.big {
    font-size: 1.7vw;
    line-height: 3vw;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    float: right;
    padding-top: 0.2vw;
    padding-bottom: 0.3vw;
    cursor: pointer;
    transition: box-shadow 1s;
    padding-left: 0.6vw;
    padding-right: 0.6vw;
    margin-right: 0;
}

.chat .btn-register.big {
    font-size: 1.4vw;
}

.line-selector-block {
    margin-top: 1.6vw;
    --bs-gutter-x: 0;
}
.selector-block {
    background: #350074;
}
@media (min-width: 768px) {
    .express-selector-block {
        width: 49%;
        margin-right: 1%;
    }

    .classic-selector-block {
        width: 49%;
        margin-left: 1%;
    }
}
@media (max-width: 767px) {
    .classic-selector-block {
        margin-top: 1.6vw;
    }
}
.express-selector-block .selector-title-row {
    background: linear-gradient(90deg, #0FB900 0%, #320073 100%);
    border-radius: 15px 15px 0px 0px;
}
.classic-selector-block .selector-title-row {
    background: linear-gradient(90deg, #0080FF 0%, #270056 98.46%);
    border-radius: 15px 15px 0px 0px;
}
.selector-title-row {
    padding: 1.5vw 1.5vw;
}
@media (max-width: 1399px) {
    .selector-title-row {
        padding: 1.5vw 1.5vw;
    }
}
@media (max-width: 1000px) {
    .selector-title-row {
        padding: 1.5vw 1.5vw;
    }
}
.chat .selector-title-row {
    padding: 1.5vw 1.3vw;
}
.selector-title {
    display: inline-block;
}
.selector-title.express {
    background: url("../img/selector/express_title.svg") no-repeat top center;
    background-size: 100% auto;
    width: 15vw;
    aspect-ratio: 291/50;
}
.selector-title.classic {
    background: url("../img/selector/classic_title.svg") no-repeat top center;
    background-size: 100% auto;
    width: 12vw;
    aspect-ratio: 232/51;
}
.selector-online {
    display: inline-block;
    font-size: 1.1vw;
    position: relative;
    top: -0.7vw;
    line-height: 1.3em;
    padding-bottom: 2px;
    margin-left: -1.4vw;
}

@media (max-width: 1199px) {
    .selector-online {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .selector-online {
        font-size: 1.8vw;
    }
}
.selector-online.express {
    /*background: url("../img/selector/express_count.svg") no-repeat top left;*/
    padding-left: 2.3vw;
    background-size: 1.5vw;
}
.selector-online.express:before {
    content: "";
    position: absolute;
    width: 2vw;
    height: 1.85vw;
    top: -0.15vw;
    left: -0.2vw;
    z-index: 1;
    background: url(../img/selector/express_count.svg) no-repeat center center;
    transform: rotate(30deg);
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@media (max-width: 767px) {
    .selector-online.express {
        padding-left: 3vw;
        background-size: 1.5vw;
        line-height: 3vw;
        top: -1vw;
    }
    .selector-online.express:before {
        content: "";
        position: absolute;
        width: 4vw;
        height: 3.85vw;
        top: -2px;
        left: -9px;
        z-index: 1;
        background: url(../img/selector/express_count.svg) no-repeat center center;
        transform: rotate(30deg);
        -webkit-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite;
        background-size: 3vw;
    }
}
.selector-online.classic {
    /*background: url("../img/selector/classic_count.svg") no-repeat top left;*/
    padding-left: 2.3vw;
    margin-left: 0.7vw;
    background-size: 1.5vw;
    top: -0.8vw;
}
@media (min-width: 991px) {

    .chat .classic-selector-block .selector-online.classic {
        margin-left: 0;
    }
}
.selector-online.classic:before {
    content: "";
    position: absolute;
    width: 2vw;
    height: 2vw;
    top: -0.15vw;
    left: -0.2vw;
    z-index: 1;
    background: url(../img/selector/classic_count.svg) no-repeat center center;
    transform: rotate(30deg);
    -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@media (max-width: 1199px) {
    .selector-online.classic:before {
        width: 21px;
        height: 19px;
        background-size: 100% auto;
    }
    .selector-online.express:before {
        width: 21px;
        height: 19px;
        background-size: 100% auto;
    }
}
@media (max-width: 767px) {
    .selector-online.classic {
        padding-left: 3.7vw;
        top: -1.1vw;
    }
    .selector-online.classic:before {
        content: "";
        position: absolute;
        width: 4vw;
        height: 3.85vw;
        left: -12px;
        z-index: 1;
        background: url(../img/selector/classic_count.svg) no-repeat center center;
        transform: rotate(30deg);
        -webkit-animation: spin 5s linear infinite;
        animation: spin 5s linear infinite;
        background-size: 3vw;
        top: -0.7vw;
        margin-left: 1.4vw;
    }

}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.selector-online b {
    font-size: 1.3vw;
}
@media (max-width: 767px) {
    .selector-online b {
        font-size: 2.2vw;
    }
}
.selector-play {
    display: inline-block;
    float:right;
    width: 9vw;
    text-align: center;
}
.selector-play > a {
    display: block;
    font-size: 1.3rem;
    line-height: 1.3;
}
@media (max-width: 1199px) {
    .selector-play > a {
        font-size: 12px !important;
    }
}
@media (max-width: 767px) {
    .selector-play {
        width: 15vw;
    }
    .selector-play > a {
        width: 100%;
        font-size: 2vw !important;
    }
}

.selector-play > a {
    padding: 0.2vw 2.5vw;
    font-size: 1.1vw;
    text-decoration: none;
}
.selector-amount {
    display: inline-block;
    background: url("../img/selector/cap_icon.png?v=3") no-repeat top left;
    padding-left: 2.8vw;
    background-size: 2.4vw;
    line-height: 2.4vw;
}
.selector-time {
    display: inline-block;
    background: url("../img/selector/clocks_icon.svg") no-repeat top left;
    padding-left: 3vw;
    margin-left: 1vw;
    padding-bottom: 0.1vw;
    background-size: 2.6vw;
    line-height: 2.4vw;
    background-position: 0;
}
.selector-win {
    display: inline-block;
    background: url("../img/usd.svg") no-repeat top left;
    background-size: 1.2vw auto;
    padding-left: 1.5vw;
    background-position: 0;
    margin-left: 0.8vw;
    line-height: 2.4vw;
}
.selector-data-row {
    font-size: 1.15vw;
    margin-top: 9px;
}

@media (max-width: 1199px) {
    .selector-data-row {
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .selector-data-row {
        font-size: 2.3vw;
    }
    .selector-amount {
        background-size: 3.4vw;
        padding-left: 4.5vw;
        background-position: 0 0.3vw;
        line-height: 4vw;
    }
    .selector-time {
        background-size: 3.4vw;
        padding-left: 4.5vw;
        background-position: 0 0.3vw;
        line-height: 4vw;
    }
    .selector-win {
        background-size: 2.4vw;
        padding-left: 3vw;
        background-position: 0 -0.2vw;
        line-height: 4vw;
    }
    .selector-title.express {
        width: 22vw;
    }
    .selector-title.classic {
        width: 19vw;
    }
}
.selector-body {
    --bs-gutter-x: 0;
    margin: 2vw auto 2vw auto;
    text-align: center;
    padding: 0 1.5vw;
    position: relative;;
}
.express-selector-body {

}
.selector-body .owl-dots {
    display: none;
}
@media (max-width: 767px) {
    .selector-body {
        --bs-gutter-x: 0;
        margin: 2vw auto 2vw auto;
    }
}
.selector-item {
    cursor: pointer;
}
.selector-item img {
    width: 12vw;
}
.wins-table-nav a {
    color: white;
    text-decoration: none;
    font-size: 1.65vw;
    padding: 1.2vw 0 0 0;
    margin: 0 2.55vw 0 20px;
    position: relative;
    line-height: 3.65vw;
}
@media (max-width: 767px) {
    .wins-table-nav a {
        font-size: 2vw;
    }
}
.wins-table-nav {
    border-bottom: 2px solid #46009A;
    margin: 30px 0 0 0;
    padding-bottom: 0;
    position: relative;
}
.wins-table-nav a::after, .wins-table-nav a::after {
    content: " ";
    background: #6900EA !important;
    width: 0;
    display: block;
    height: 5px;
    position: absolute;
    bottom: -4%;
    left: 0;
    transition: width 0.3s ease;
}
.wins-table-nav a.active::after, .wins-table-nav a:hover::after {
    width: 100%;
    transition: width 0.3s ease;
}
.wins-table-container table td,
.wins-table-container table th {
    background: none !important;
    color: white;
}

.wins-table-container table {
    border-collapse: separate;
    border-spacing:0 25px;
}

.wins-table-container table tbody tr {
    /*background: #350074 !important;*/
}
.wins-table-container table tbody tr td {
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
    font-size: 1.2vw;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
@media (max-width: 1199px) {
    .wins-table-container table tbody tr td {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .wins-table-container table tbody tr td {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .wins-table-container table tbody tr td {
        font-size: 11px;
    }
}
@media (max-width: 1199px) {

    .foot-nav .navbar-nav {
        flex-direction: row;
        flex: 1 0;
        flex-wrap: wrap;
        padding-left: 30px;
    }
}
.wins-table-container table thead tr th {
    font-size: 1.3vw;
    font-weight: normal;
    font-size: 1.3vw;
    font-weight: normal;
    padding-bottom: 0.5vw;
    border-spacing: 0;
    line-height: 0;
    padding-top: 0vw;
}
@media (max-width: 1199px) {
    .wins-table-container table thead tr th {
        font-size: 14px;
    }
}
.wins-table-container table tbody tr.express td.rounded-start::before {
    content: " ";
    background: #23D40E !important;
    width: 1.1vw;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
}
.wins-table-container table tbody tr.classic td.rounded-start::before {
    /*content: " ";*/
    /*background: #69D3FF !important;*/
    /*width: 1.1vw;*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0;*/
    /*height: 100%;*/
}
.foot-nav a {
    position: relative;
    font-size: 0.93vw;
    padding-bottom: 1vw;
}
.foot-nav li {
    position: relative;
    padding: 0.3vw 0;
}
@media (max-width: 1199px) {
    .foot-nav a {
        font-size: 12px;
        padding-left: 0 !important;
    }
    .foot-nav li {
        position: relative;
        width: 30%;
        margin: 0 !important;
    }
}
@media (max-width: 767px) {
    .foot-nav a {
        font-size: 11px;
    }
}

.foot-nav {
    /*border-image: linear-gradient(to right, #06F7FF 0%, #DC00A5 137.06%) 1;*/
    border-image: linear-gradient(to right, #46009A 0%, #46009A 137.06%) 1;
    border-radius: 5px; 
    border-width: 0;
    border-top-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    /*padding: 5px;*/
    padding-bottom: 0;
    margin-left: -30px;
    margin-right: -30px;
}
.foot-nav ul {
    border-image: linear-gradient(to right, #8267CB 0%, #06F7FF 137.06%) 1;
    border-radius: 5px;
    border-width: 0;
    border-top-width: 2px;
    border-bottom-width:0;
    border-style: solid;
    padding-top: 5px;
}

@media (max-width: 1400px) {
    .foot-nav.navbar li::after, .foot-nav.navbar li::after {
        top: -16% !important;
        bottom: auto;
    }
}

.foot-nav.navbar li::after, .foot-nav.navbar li::after { top: -14%; bottom: auto; }


.foot-nav .first-nav-link {
    margin-left: 30px !important;
}
@media (max-width: 1199px) {
    .foot-nav .first-nav-link {
        margin-left: 0 !important;
    }
}

.footer {
    padding-top: 3.1vw;
    padding-bottom: 3.6vw;
    --bs-gutter-x: 0;
    font-size: 0.9rem;
}
@media (max-width: 767px) {
    .footer {
        font-size: 12px !important;
    }
}
@media (max-width: 1199px) {
    .footer {
        font-size: 12px;
    }
}
.footer .col-md-6 {
    padding-left: 5vw;
}
.age {
    background: url("../img/age.svg") no-repeat top left;
    padding-top: 0;
    padding-right: 10%;
    background-size: 2.6vw;
}
.bot-logo {
    background: url("../img/big_logo.png") no-repeat top left;
    background-size: 2.6vw;
}
.tg-body #banner-video-slide .owl-stage-outer::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 5px;
    left: -4px;
    top: 0;
    background: #210147;
    z-index: 1000;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    .age {
        background: url("../img/age.svg") no-repeat top left;
        padding-top: 0;
        padding-right: 10%;
        background-size: 3.6vw;
    }
    .bot-logo {
        background: url("../img/big_logo.png") no-repeat top left;
        background-size: 3.6vw;
    }
    #banner-video-slide .owl-stage-outer::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 5px;
        left: -4px;
        top: 0;
        background: #210147;
        z-index: 1000;
    }
}


.modal-comment {
    font-size: 16px;
    color: white;
    margin: 15px 0;
    display: none;
}

.modal-comment.show {
    display: block;
}

.modal-header .btn-close {
    color: #9E71FF;
    background: url("../img/close.svg") no-repeat top center;
}
.modal-header .btn-close:hover {
    color: #C4A8FF;
}
.modal-title {
    margin-right: 10px;
    color: #9E71FF;
    font-size: 22px;
}

.form-check-input:checked {
    background-color: #9E71FF;
    border-color: #C4A8FF;
}

.modal-content {
    background-color: #3D0085;
    color: white;
}

.modal-content a {
    color: #9E71FF;
    text-decoration: none;
}
.modal-header, .modal-footer {
    border-color: #4E00AA;
}

.social {
    color: white;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}
.social.vk {
    background: url("../img/social/vk.svg") rgb(93 138 237) no-repeat top left !important;
}
.social.google {
    background: url("../img/social/google.svg")  rgb(239 239 239) no-repeat top left !important;
    color: rgb(88, 76, 76);
    background-position: 5px 0 !important;
    margin-left: auto;
}
.social.xtwitter {
    background: url("../img/social/xcom.png")  rgb(0 0 0) no-repeat top left !important;
    color: white;
    background-position: 5px 2px !important;
    margin-left: auto;
    background-size: auto 91% !important;
}
.social.fb {
    background: url("../img/social/fb.png") #0866ff no-repeat top left !important;
    color: white;
    background-position: 5px 2px !important;
    margin-right: auto;
    background-size: auto 91% !important;
}
.social.yandex {
    background: url("../img/social/yandex.svg") rgb(211 27 60) no-repeat top left !important;
    background-position: 10px !important;
}
.social.steam {
    background: url("../img/social/steam.svg") rgb(33, 33, 33) no-repeat top left !important;
    background-position: 10px !important;
    margin-left: auto;
}
.social.telegram {
    background: url("../img/social/telegram.svg") rgb(53 160 219) no-repeat top left !important;
    background-position: 10px !important;
}
.social.email {
    background: url("../img/social/email.svg") #B695FF no-repeat top left !important;
    color: white;
    background-position: 11px !important;
    background-size: 27px auto !important;
    margin-left: auto;
}

.stat-table-player-name {
    width: 30%;
}
.stat-table-player-amount {
    width: 5%;
}
.stat-table-player-bet {
    width: 20%;
    text-align: center;
}
.stat-table-player-line {
    width: 20%;
    text-align: center;
}
.stat-table-player-win {
    width: 30%;
}
.best-line {
    text-align: center;
}
@media (max-width: 767px) {
    .stat-table-player-name {
        width: 40%;
    }
    .stat-table-player-amount {
        width: 5%;
    }
    .stat-table-player-bet {
        width: 20%;
        text-align: center;
    }
    .stat-table-player-win {
        width: 40%;
    }
}

.bet-amount-stat {
    text-align: right;
}
.bet-line-stat-val {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.top-bot-pot {
    padding-top: 2vw !important;
    padding-bottom: 1.9vw !important;
}
.right-stat-col {
    padding-top: 3vw !important;
}
.navbar-collapse.collapse.show,
.navbar-collapse.collapsing {
    text-align: center;
}
.navbar-toggler {
    background: #4d2280;
    color: white;
    margin-top: -3vw;
    margin-bottom: 2vw;
}
.modal-dialog {
    max-width: 600px;
}
@media (max-width: 767px) {
    .modal-dialog {
        max-width: 600px;
    }
    .age {
        padding-left: 9vw !important;
        background-size: 7vw !important;
        min-height: 75px;
        background-position: 0 0 !important;
    }
    .bot-logo {
        padding-left: 9vw !important;
        background-size: 34px !important;
        background-position: 0 1.5vw;
    }
}
.btn {
    outline: none !important;
}
.btn:focus, button:focus, .btn:active {
    box-shadow: none !important;
}
.main-body {
    overflow-x: hidden !important;
    /*overflow-y: scroll !important;*/
}
.last-foot-link {
    margin-right: 0 !important;
}
.last-foot-link a {
    padding-right: 0 !important;
}
#RegisterForm input[type=text], #RegisterForm input[type="email"], #RegisterForm input[type=password],
#LoginForm input[type=text], #LoginForm input[type="email"], #LoginForm input[type=password] {
    background: #32006E;
    border: 0;
    height: 50px;
    color: white;
    font-size: 24px;
}
#RegisterForm input:focus, #RegisterForm input:active,
#LoginForm input:focus, #LoginForm input:active {
    box-shadow: none !important;
    outline: none;
}
#RegisterForm label,
#LoginForm label {
    font-size: 18px;
}
.email-login-block {
    display: none;
}
.email-login-block.show {
    display: flex;

    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}
.login-type-block.show {
    margin-top: 5px;
    display: flex;
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}
.login-type-block .col-6.left {
    padding-left: 0;
}
.login-type-block .col-6.right {
    padding-right: 0;
}
.login-type-block {
    display: none;
}
#RegisterForm .btn-register,
#LoginForm .btn-login {
    width: 30%;
    font-size: 20px;
    margin-top: 5px;
}
.form-error {
    color: red;
    font-size: 16px;
    display: block;
}
.register-ok-block h2 {
    margin-top: -55px;
}
.register-ok-block {
    display: none;
}
.register-ok-block.show {
    display: flex;

    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: flex;
        opacity: 0;
    }

    100% {
        display: flex;
        opacity: 1;
    }
}

.profile-wallet {
    background: #350074;
    width: 17.5vw;
    margin-right: 5%;
    text-align: center;
}
.profile-wallet.wide {
    width: 22vw;
}
.profile-wallet-btn {
    background: #4D2280;
    width: 40%;
    font-weight: bold;
    font-size: 1vw;
    cursor: pointer;
    height: 100%;
}
.profile-wallet-val {
    background: url("../img/usd.svg") no-repeat top left;
    padding-left: 9%;
    background-size: 17px auto;
    background-position: 0px 55%;
    font-family: "Signika";
    font-size: 1.5vw;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .profile-wallet-val {
        background-size: 12px auto;
    }
}
@media (max-width: 767px) {
    .profile-wallet-val {
        background-size: 12px auto;
    }
}
.profile-pic {
    width: 4vw;
    cursor: pointer;
    position: relative;
    aspect-ratio: 1/1;
}
.custom-pic {
    position: absolute;
    width: 100%;
    top: -0.4vw;
}
.vhide {
    visibility: hidden;
}
.cashback-left-link.full {
    background: url("../img/left_bar/cashback_full.svg") no-repeat center center;
    background-size: 93% auto;
    position: relative;
    aspect-ratio: 104/40;
    width: 100% !important;
    display: block !important;
    line-height: 48px;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    .cashback-left-link.full {
        line-height: 48px;
    }
}
.cashback-val {
    position: relative;
    font-size: 0.8vw;
    font-family: "Signika";
    font-weight: bold;
    color: white;
    margin: 0 0;
    text-align: center;
    padding-left: 13%;
    margin-top: -0.4vw;
}
#offcanvasExample {
    left: 6.5vw;
    background: #3D0085 !important;
    border-right: 7px solid #2BFF11;
    width: 375px;
}
.offcanvas-backdrop.fade.show {
    left: 6.5vw;
}

#offcanvasExampleLabel {
    color: #BC9DFF;
    font-style: italic;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    border-bottom: 2px solid #4E00AA;
    margin: 0 auto;
    margin-top: 52px;
    width: 80%;
    padding-bottom: 10px;
}
.cashback-main-val {
    margin: 0 auto;
    font-size: 44px;
    font-weight: bold;
    text-align: center;
    color: white;
    font-family: 'Signika';
}
.cashback-comment {
    margin: 0 auto;
    text-align: center;
    color: white;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 13px;
}
.cashback-card {
    width: 95%;
    margin: 0 auto;
    position: relative;
}
.lang_KZ .cashback-card .btn-register,
.lang_RU .cashback-card .btn-register
{
    font-size: 14px;
    width: 49%;
}
.cashback-description {
    width: 95%;
    color: white;
    text-align: center;
    font-size: 18px;
    padding-top: 17px;
    padding-bottom: 12px;
    border-top: 2px solid #4E00AA;
    border-bottom: 2px solid #4E00AA;
    margin: 0 auto;
    margin-top: 23px;
}
.cashback-description b {
    font-size: 18px;
}
.cashback-description p {
    line-height: 14px;
    font-size: 14px;
    margin-top: 20px;
}
.profile-dropdown {
    right: 0px !important;
    left: auto !important;
    top: 105% !important;
    background: #3D0085 !important;
    -webkit-box-shadow: 2px 19px 26px 8px rgb(0 0 0 / 62%);
    -moz-box-shadow: 2px 19px 26px 8px rgb(0 0 0 / 62%);
    box-shadow: 2px 19px 26px 8px rgb(0 0 0 / 62%);
    width: 300px;
}
.profile-dropdown li::after {
    display: none;
}
.profile-dropdown li a:hover {
    background-color: transparent;
}
.profile-dropdown a {
    color: white;
}
.profile-link {
    margin-bottom: 10px;
    padding: 0 35px !important;
}
.main-nav-form .btn-login.profile-link {
    margin-bottom: 10px;
    padding: 0 20px !important;
    height: 37px !important;
    font-size: 15px !important;
}
.main-nav-form .btn-register.profile-exit {
    margin-bottom: 10px;
    padding: 0 20px !important;
    height: 37px !important;
    font-size: 15px !important;
}
@media (max-width: 767px) {
    .main-nav-form .btn-login.profile-link {
        margin-bottom: 10px;
        padding: 0 20px !important;
        height: 37px !important;
        font-size: 15px !important;
    }
}
.profile-exit {
    margin: 0 auto !important;
    margin-bottom: 10px !important;
}
.profile-exit-item, .profile-item {
    text-align: center;
}
.priv-0 {
    background: url("../img/priv/0.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
    margin: 0 auto;
    width: 60%;
}

.profile-name {
    color: white;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

#exitModal .btn {
    width: 191px !important;
    height: 48px !important;
    font-size: 21px !important;
}

.big-banner {
    /*background: url("../img/big_banner.png") no-repeat top center;*/
    background-size: 100% auto;
    aspect-ratio: 1726/395;
}
.big-banner h2 {
    font-family: 'Bahnschrift';
    color: white;
    padding: 4% 6% 0 0;
    font-size: 3.5vw;
}
.top-breadcrumbs {
    margin-top: 1.3vw;
    color: #C4A8FF;
}
.top-breadcrumbs a {
    color: #9E71FF;
    text-decoration: none;
}
.page-title {
    color: white;
    font-size: 28px;
}
.page-subtitle {
    color: white;
    font-size: 14px;
}
.profile-links-block a {
    color: #9E71FF;
    text-decoration: none;
    padding: 0 1rem;
    font-size: 14px;
    font-weight: bold;
}
@media (max-width: 991px) {
    .profile-links-block a {
        font-size: 12px;
    }
}
.profile-links-block a.active, .profile-links-block a:hover {
    color: #C4A8FF;
}
.profile-body {
    background: #350074;
    padding: 2.6vw 3vw;
    margin-bottom: 30px;
    position: relative;
    margin-top: 0.8vw;
}
.main-profile-pic {
    background: url("../img/profile_pic.svg") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 1;
    position: relative;
}

.two-auth-profile-col {
    background: url("../img/tg_back.png") no-repeat top center;
    aspect-ratio: 803/181;
    background-size: 100% auto;
    padding-top: 1.3vw;
    padding-left: 2vw;
}
.two-auth-profile-col h3 {
    font-size: 1.2vw;
}
.two-auth-profile-col p {
    font-size: 0.9vw;
    margin-bottom: 1vw;
}
@media (max-width: 1199px) {
    .two-auth-profile-col p {
        margin-bottom: 0.1vw;
    }
}
@media (max-width: 991px) {
    .two-auth-profile-col .btn {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 992px) {
    .two-auth-profile-col .btn {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }
}
@media (max-width: 768px) {
    .two-auth-profile-col p {
        margin-bottom: 1vw;
        font-size: 11px;
    }
    .two-auth-profile-col h3 {
        font-size: 15px;
    }
}
.manual-profile-exit-col {
    position: absolute;
    top: 2.6vw;
    right: 2.6vw;
    text-align: right;
}
.manual-profile-exit {
    color: #9E71FF;
    font-weight: bold;
    background: url("../img/exit_icon.svg") no-repeat top right;
    font-size: 1.4vw;
    background-position: 100% 60%;
    padding-right: 13%;
    cursor: pointer;
    background-size: 1.3vw;
}
.manual-profile-exit:hover {
    color: #C4A8FF;
}
.main-profile-name-current {
    font-weight: bold;
    font-size: 1.2vw;
}
.main-profile-id {
    font-size: 1vw;
    font-family: "Signika";
}
.main-profile-id-val {
    padding: 1% 4%;
    background: #4D2280;
}
.main-profile-copy {
    cursor: pointer;
    background: url("../img/copy_icon.svg") no-repeat center center;
    aspect-ratio: 33/36;
    background-size: 68% auto;
}
.main-profile-name-editor {
    position: relative;
    padding: 0 1rem;
}
@media (min-width: 768px) {
    .profile-name-col {
        width:37%;
    }
}
@media (max-width: 768px) {
    .main-profile-name-current {
        font-size: 12px;
    }
    .main-profile-id {
        font-size: 12px;
    }
    .two-auth-profile-col {
        margin: 10px 0;
    }
}
.main-profile-edit-btn {
    background: url("../img/edit_icon.svg") no-repeat center center;
    aspect-ratio: 34/36;
    cursor: pointer;
    background-size: 80% auto;
    background-position: 0 100%;
    width: 66%;
    margin: 0 auto;
}
.priv-title-col {
    border-bottom: 2px solid #7335BC;
    padding-bottom: 9px;

}
.priv-title-col h2 {
    font-size: 27px;
}
.priv-big-0 .priv-pic {
    background: url("../img/priv/0.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-big-1 .priv-pic {
    background: url("../img/priv/1.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-big-2 .priv-pic {
    background: url("../img/priv/2.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-big-3 .priv-pic {
    background: url("../img/priv/3.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-big-4 .priv-pic {
    background: url("../img/priv/4.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-pic {
    width: 50%;
    margin: 0 auto;
}
.priv-item {
    text-align: center;
}
.carousel-item {
    display: block;
}
.classic-carousel-item > a > img {
    margin-top: -2px;
}

.priv-head {
    color: #9E71FF;
    font-weight: bold;
    font-size: 20px;
}
.priv-level {
    font-size: 16px;
    line-height: 10px;
    font-family: 'Alibaba';
}
.priv-descr {
    width: 60%;
    font-size: 13px;
    margin: 0 auto;
    line-height: 0.9rem;
    margin-top: 1rem;
}
.priv-descr b {
    color: #C4A8FF;
    line-height: 1.4vw;
}
@media (max-width: 991px) {
    .priv-head {
        font-size: 14px;
    }
    .priv-level {
        font-size: 14px;
        line-height: 12px;
    }
    .priv-descr {
        font-size: 12px;
        line-height: 10px;
        margin-top: 10px;
    }
    .priv-descr b {
        line-height: 14px;
    }
}
@media (max-width: 767px) {
    .priv-head {
        font-size: 14px;
    }
    .priv-level {
        font-size: 14px;
        line-height: 16px;
    }
    .priv-descr {
        font-size: 15px;
        line-height: 14px;
        margin-top: 10px;
    }
    @media (orientation: landscape) {
        line-height: 14px;
    }
    .priv-descr b {
        line-height: 14px;
    }
    .priv-pic {
        width: 65%;
    }
    .prof-carousel .priv-descr {
        font-size: 11px;
    }
}
.priv-carouseler {
    margin-top: 1rem;
}
.carousel-arrow.left {
    background: url("../img/left_arrow.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 1;
}
.carousel-arrow.left.dis {
    background-image: url("../img/left_arrow_dis.png");
}
.carousel-arrow.right {
    background: url("../img/right_arrow.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 1;
}
.carousel-arrow.right.dis {
    background-image: url("../img/right_arrow_dis.png");
}
.carousel-arrow-body {
    display: flex;
    justify-content: left;
    align-items: center;
}
.carousel-arrow-body.right {
    justify-content: right;
}
.carousel-arrow {
    width: 3vw;
    cursor: pointer;
}
@media (max-width: 991px) {
    .carousel-arrow {
        width: 4vw;
    }
}
.exclude {
    font-size: 20px;
    margin-top: 25px;
}
.exclude .btn {
    padding: 3px 23px;
    margin-bottom: 20px;
}
#offcanvasExample .offcanvas-header {
    padding-bottom: 0;
}

.authed-bar .nav-link {
    padding-top: 2.2vw;
}

body.auth .navbar li::after, body.auth .navbar li::after {
    bottom: -0.7vw;
}

body.auth .main-left-sidebar .nav {
    margin-top: 1.7vw !important;
}

@media (max-width: 991px) {
    .authed-bar .navbar-nav {
        margin-bottom: 0 !important;
    }
}
.pics-current {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 241/78;
}
.classic-carousel-item .pics-current {
    top: 1px
}
.pics-current > img {
    display: inline-block !important;
    width: 32% !important;
    margin: 0 8%;
}
.toast-body {
    font-family: 'Alibaba';
}

#full-over {
    position: fixed;
    top: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    background: #210147;
    display: none;
}
#full-over-container {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 30%;
}
#full-over-logo {
    background: url("../img/big_logo.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 835/876;
    width: 150px;
    margin: 0 auto;
    position: relative;
}
#full-over-content {
    margin-top: 30px;
}
#full-over-content h3 {
    margin-bottom: 0;
}
#full-over-btn {
    background: url("../img/fullover_update.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 184/41;
    width: 160px;
    margin: 0 auto;
    cursor:pointer;
}
.lang_RU #full-over-btn {
    background-image: url("../img/update_ru.png");
}
.lang_KZ #full-over-btn {
    background-image: url("../img/update_kz.png");
}
#full-over-btn.continue {
    background: url("../img/fullover_continue.png") no-repeat top center;
    background-size: 100% auto;
}
.lang_KZ #full-over-btn.continue {
    background-image: url("../img/continue_kz.png");
}
.lang_RU #full-over-btn.continue {
    background-image: url("../img/continue_ru.png");
}

#full-over-spin {
    background: url(../img/mini_loader.png) no-repeat top center;
    aspect-ratio: 1;
    background-size: 100% auto;
    width: 25%;
    position: absolute;
    bottom: 24%;
    right: -11%;
    -webkit-animation: lspin 1.5s linear infinite;
    animation: lspin 1.5s linear infinite;
    display: none;
}
#full-over-spin.a {
    display: block;
}
@-webkit-keyframes lspin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes lspin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.win-table-h {
    text-align: center;
    margin: 0;
    font-size: 1.5vw;
    margin-top: 1.5vw;
    line-height: 2.5vw;
}
.express-t td {
    padding-top: 0.5vw !important;
    padding-bottom: 0.5vw !important;
}
.classic-t td {
    padding-top: 0.5vw !important;
    padding-bottom: 0.5vw !important;
}
.smallx {
    background: url("../img/smallx/x2_1.png") no-repeat top center !important;
    background-size: 100% auto !important;
    aspect-ratio: 270/314;
    width: 60px;
    margin: 0 auto;
}

.smallx.sum2_1 {
    background-image: url("../img/smallx/x2_1.png") !important;
}
.smallx.sum2_2 {
    background-image: url("../img/smallx/x4_2.png") !important;
}
.smallx.sum2_5 {
    background-image: url("../img/smallx/x10_3.png") !important;
}
.smallx.sum2_10 {
    background-image: url("../img/smallx/x20_4.png") !important;
}

.smallx.sum3_1 {
    background-image: url("../img/smallx/x3_1.png") !important;
}
.smallx.sum3_2 {
    background-image: url("../img/smallx/x6_2.png") !important;
}
.smallx.sum3_5 {
    background-image: url("../img/smallx/x15_3.png") !important;
}
.smallx.sum3_10 {
    background-image: url("../img/smallx/x30_4.png") !important;
}

.smallx.sum4_1 {
    background-image: url("../img/smallx/x4_1.png") !important;
}
.smallx.sum4_2 {
    background-image: url("../img/smallx/x8_2.png") !important;
}
.smallx.sum4_5 {
    background-image: url("../img/smallx/x20_3.png") !important;
}
.smallx.sum4_10 {
    background-image: url("../img/smallx/x40_4.png") !important;
}

.smallx.sum6_1 {
    background-image: url("../img/smallx/x6_1.png") !important;
}
.smallx.sum6_2 {
    background-image: url("../img/smallx/x12_2.png") !important;
}
.smallx.sum6_5 {
    background-image: url("../img/smallx/x30_3.png") !important;
}
.smallx.sum6_10 {
    background-image: url("../img/smallx/x60_4.png") !important;
}

.smallx.sum8_1 {
    background-image: url("../img/smallx/x8_1.png") !important;
}
.smallx.sum8_2 {
    background-image: url("../img/smallx/x16_2.png") !important;
}
.smallx.sum8_5 {
    background-image: url("../img/smallx/x40_3.png") !important;
}
.smallx.sum8_10 {
    background-image: url("../img/smallx/x80_4.png") !important;
}

.smallx.sum9_1 {
    background-image: url("../img/smallx/x9_1.png") !important;
}
.smallx.sum9_2 {
    background-image: url("../img/smallx/x18_2.png") !important;
}
.smallx.sum9_5 {
    background-image: url("../img/smallx/x45_3.png") !important;
}
.smallx.sum9_10 {
    background-image: url("../img/smallx/x90_4.png") !important;
}

.smallx.sum10_1 {
    background-image: url("../img/smallx/x10_1.png") !important;
}
.smallx.sum10_2 {
    background-image: url("../img/smallx/x20_2.png") !important;
}
.smallx.sum10_5 {
    background-image: url("../img/smallx/x50_3.png") !important;
}
.smallx.sum10_10 {
    background-image: url("../img/smallx/x100_4.png") !important;
}

.smallx.sum12_1 {
    background-image: url("../img/smallx/x12_1.png") !important;
}
.smallx.sum12_2 {
    background-image: url("../img/smallx/x24_2.png") !important;
}
.smallx.sum12_5 {
    background-image: url("../img/smallx/x60_3.png") !important;
}
.smallx.sum12_10 {
    background-image: url("../img/smallx/x120_4.png") !important;
}

.smallx.sum15_1 {
    background-image: url("../img/smallx/x15_1.png") !important;
}
.smallx.sum15_2 {
    background-image: url("../img/smallx/x30_2.png") !important;
}
.smallx.sum15_5 {
    background-image: url("../img/smallx/x75_3.png") !important;
}
.smallx.sum15_10 {
    background-image: url("../img/smallx/x150_4.png") !important;
}
.express-t img {
    margin-right: 0.5vw;
}
.classic-t img {
    margin-right: 0.5vw;
}
.classic-t tbody td, .express-t tbody td, .classic-t tbody tr, .express-t tbody tr {
    /*height: 6vw;*/
    /*min-height: 6vw;*/
}
.smallx-classic {
    padding: 1vw 0;
    position: relative;
    margin-top: -1vw;
}
.smallx-classic.x1 {

}
.smallx-classic.x2 {
    color: #A364E3;
}
.smallx-classic.x5 {
    color: #FF99CC;
}
.smallx-classic.x10 {
    color: #FFFF00;
}

.smallx-classic.x1::after {
    content: "";
    background: url("../img/classic/x1.png") no-repeat top center;
    background-size: 100% auto;
    width: 16px;
    height: 33px;
    display: inline-block;
    margin-left: 1px;
}
.smallx-classic.x2::after {
    color: #A364E3;
    content: "";
    background: url("../img/classic/x2.png") no-repeat top center;
    background-size: 100% auto;
    width: 27px;
    height: 33px;
    display: inline-block;
    margin-left: 1px;
}
.smallx-classic.x5::after {
    color: #FF99CC;
    content: "";
    background: url("../img/classic/x5.png") no-repeat top center;
    background-size: 100% auto;
    width: 39px;
    height: 33px;
    display: inline-block;
    margin-left: 1px;
}
.smallx-classic.x10::after {
    color: #FFFF00;
    content: "";
    background: url("../img/classic/x10.png") no-repeat top center;
    background-size: 100% auto;
    width: 50px;
    height: 33px;
    display: inline-block;
    margin-left: 1px;
}
.progress-line-item {
    background: #b8b8b8;
    border: 5px solid #d9d9d9;
    width: 98%;
    height: 17px;
    padding: 0 6.5% !important;
    margin: 0 auto;
    position: relative;
}
.progress-line-item.left-item {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.soon {
    background: url(../img/soon.png?v=125) no-repeat top center;
    aspect-ratio: 82 / 43;
    width: 5.5vw;
    background-size: 100% auto;
    position: absolute;
    top: -0.5vw;
    margin: 0 auto;
    left: 0.9vw;
}
.lang_KZ .soon {
    background-image:  url(../img/soon_kz.png?v=125);
    left: -0.15vw;
}
.lang_RU .soon {
    background-image:  url(../img/soon_ru.png?v=125);
    left: 0.4vw;
}
.unauth .soon {
    top: -2.2vw;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    .soon {
        top: -0.6vw;
        left: 0;
    }
    .unauth .soon {
        top: -2.2vw;
    }
    .lang_EN .soon {
        left: 1vw;
    }
}
.progress-line-item > div {
    position: relative;
}
.progress-line-item .round {
    width: 25px;
    height: 25px;
    position: relative;
    top: -8px;
    background: #b8b8b8;
    border-radius: 15px;
    margin: 0 auto;
    border: 5px solid #d9d9d9;
}
.progress-line-item .round.a {
    background: #AD00D0;
}
.progress-line-item .fill {
    position: absolute;
    left: 0;
    height: 7px;
    width: 1%;
    top: 0;
    border-radius: 8px;
    background: #AD00D0;
    transition: width 0.3s ease;
}
.progress-line-item .fill.p0 {
    width: 17.5%;
}
.progress-line-item .fill.p1 {
    width: 39.3%;
}
.progress-line-item .fill.p2 {
    width: 60.9%;
}
.progress-line-item .fill.p3 {
    width: 82.6%;
}
.progress-line-item .fill.p4 {
    width: 100%;
}
.progress-line-item.cut-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 5px solid transparent;
}
.progress-line-item.cut-right::after {
    content: '';
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 7px;
    height: 17px;
    background: #b8b8b8;
    border: 5px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
}
.progress-line-item[data-current='4'].cut-right::after {
    background: #AD00D0;
}
.progress-line-item.cut-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 5px solid transparent;
}
.progress-line-item.cut-left::before {
    content: '';
    display: block;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 7px;
    height: 17px;
    background: #AD00D0;
    border: 5px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
}
.notify-body {
    position: relative;
}
.notify-count {
    background: #FF6E6E;
    font-weight: bold;
    text-align: center;
    border-radius: 1vw;
    width: 2vw;
    height: 2vw;
    position: absolute;
    top: 0;
    right: 1vw;
    color: white;
    font-size: 1.2vw;
    line-height: 1.9vw;
    display: none;
    cursor: pointer;
    transition: transform 0.3s;
}
.notify-count-mobile {
    background: #FF6E6E;
    font-weight: bold;
    text-align: center;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 18px;
    color: white;
    font-size: 17px;
    line-height: 27px;
    display: none;
    cursor: pointer;
    transition: transform 0.3s;
}
.notify-body:hover .notify-count {
    transform: scale(1.1);
}
.notifications-read-all {
    text-align: center;
    width: 10vw;
    margin: 0 auto;
    margin-right: 0;
    line-height: 2vw;
    margin-left: auto !important;
}
.notifications-read-all.dis {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%), #737373 !important;
}

.notifications-read-all.dis:hover,
.notifications-read-all:hover.dis {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%), #737373 !important;
    mix-blend-mode: unset;
}
.notify-top-row {
    padding-bottom: 1vw;
    border-bottom: 2px solid #7335BC;
    display: none;
}
.notifications-list {
    padding-top: 2vw;
}
.loader-spin, .preloader-spin {
    background: url(data:image/gif;base64,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) no-repeat top center;
    aspect-ratio: 1;
    background-size: 100% auto;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    -webkit-animation: lspin 1.5s linear infinite;
    animation: lspin 1.5s linear infinite;
}
.preloader-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%) translateX(-50%);
    -webkit-animation: lspin 1.5s linear infinite;
    animation: lspin 1.5s linear infinite;
    z-index: 1091;
    margin-left: -20px;
}
.close-offcanvas .btn-close {
    color: #9E71FF;
    background: url(../img/close.svg) no-repeat top center;
}

#preloader {
    position: fixed;
    top: 0;
    left: 3vw;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.5);
    z-index: 1090;
}
#preloader.force {
    background: #210147;
    display: block;
}

.notifications-header {
    text-align: center;
    color: white;
}
.notification-item {
    background: #4E00AA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    position: relative;
}
.notification-item.wood {
    background: url("../img/notifications/wood.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-item.bronze {
    background: url("../img/notifications/bronze.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-item.silver {
    background: url("../img/notifications/silver.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-item.gold {
    background: url("../img/notifications/gold.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-item.palladium {
    background: url("../img/notifications/palladium.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-item.rub {
    background: url("../img/notifications/dol.png") no-repeat top right;
    background-color: #4E00AA;
    background-size: auto 100%;
}
.notification-title {
    font-weight: bold;
    font-size: 1.1vw;
}
.notification-date {
    font-size: 0.7vw;
    line-height: 1.5vw;
}
.notification-text {
    font-size:0.9vw;
    line-height: 1vw;
}
.notification-a {
    content: "";
    position: absolute;
    top: -7px;
    right: -6px;
    background: url("../img/express/save_icon.svg") no-repeat top center;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    display: none;
}
.notification-item.a {
    cursor: pointer;
}
.notification-item.a .notification-a {
    display: block;
}
.text-body-block {
    margin-top: 2vw;
}
.text-container {
    font-family: 'Alibaba';
}
.text-container p {
    text-align: justify;
}

.question {
    background: url("../img/question.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 35/57;
    width: 2vw;
}
.question-text {
    font-weight: bold;
}
.help-top-row {
    border-bottom: 2px solid #7335BC;
    padding-bottom: 2.5vw;
}
.help-blocks {
    background: #210147;
    text-align: center;
    margin: 1.5vw 0;
    padding: 2vw 0;
}
.help-block {
    padding: 2vw 0;
}
.help-icon {
    width: 18%;
    margin: 0 auto;
    aspect-ratio: 105/85;
}
.help-icon.support {
    background: url("../img/support.png") no-repeat top center;
    background-size: 100% auto;
}
.help-icon.email {
    background: url("../img/email.png") no-repeat top center;
    background-size: 100% auto;
}
.help-icon.h24 {
    background: url("../img/h24.png") no-repeat top center;
    background-size: 100% auto;
}
.help-block.bordered {
    border-left: 2px solid #46009A;
    border-right: 2px solid #46009A;
}
.help-title {
    font-weight: bold;
    /*line-height: 55px;*/
    font-size: 23px;
    padding: 5px 0;
}
.salad {
    color: #00CDD4;
    font-weight: bold;
    cursor: pointer;
}
span.green {
    color: #00E248;
    font-weight: bold;
}
.help-text {
    font-size: 19px;
}
span.small {
    font-size: 15px;
}
.help-faq-header {
    font-size: 1.7vw;
    padding-bottom: 0.5vw;
    border-bottom: 2px solid #7335BC;
}
.help-faq-header h2 {
    font-size: 32px;
}
.help-faq-column .accordion {
    background: none;
}
.help-faq-column .accordion-item {
    background: none;
    color: white;
    border-color: #46009A;
    border-width: 2px;
}
.help-faq-column .accordion-header {
    background: none;
    color: white;
    line-height: 2vw;
    font-weight: bold;
}
.help-faq-column .accordion-button {
    background: none;
    color: white;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 20px;
}
.help-faq-column .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.help-faq-column .accordion-body {
    font-size: 15px;
    padding-left: 0;
    padding-right: 0;
}
.main-priv-table {
    margin-top: -1vw;
}
.main-priv-table table tr,
.main-priv-table table td,
.main-priv-table table th {
    background: none !important;
    color: white;
}
.priv1 {
    width: 20%;
    vertical-align: top;
    padding-top:3vw !important;
    font-size: 14px;
    position: relative;
}
.main-priv-table table th {
    font-weight: normal;
    padding-bottom: 1vw;
}
.main-priv-table .priv-pic {
    width: 78%;
}
.priv2, .priv3, .priv4, .priv5, .priv6 {
    width: 16%;
}
.main-priv-table .priv-level {
    font-size: 16px;
    line-height: 24px;
}
.main-priv-table .priv-head {
    font-size: 19px;
    line-height: 15px;
}
.main-priv-table .priv-head.special {
    /*position: absolute;*/
    bottom: 1.5vw;
    left: 2vw;
    margin-top: 3vw;
    margin-bottom: 1.5vw;
}

@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    .main-priv-table .priv-head.special {
        margin-top: 2.8vw;
    }
}

/*@media only screen and (-moz-min-device-pixel-ratio: 1),*/
/*only screen and (-o-min-device-pixel-ratio: 5/5),*/
/*only screen and (-webkit-min-device-pixel-ratio: 1),*/
/*only screen and (min-device-pixel-ratio: 1) {*/
    .chat .main-priv-table .priv-head.special {
        line-height: 30px;
        margin: 0 !important;
    }
/*}*/

.main-priv-table tbody {
    background: #210147;
    border-radius: 10px;
}

.main-priv-table tbody td {
    text-align: center;
    padding: 1vw 0;
    border-bottom: 2px solid #46009A;
}
.main-priv-table tbody td.first {
    text-align: left;
    padding-left: 2vw;
}

.main-priv-table .btn-login.cur {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) , #9e71ff;
}
.main-priv-table .btn-login {
    width: 80%;
    margin: 0 auto;
    line-height: 2vw;
}
.check {
    background: url("../img/check.png") no-repeat top center;
    aspect-ratio: 103/80;
    background-size: 100% auto;
    width: 20px;
    margin: 0 auto;
}
.cb {
    color: #B695FF !important;
    font-weight: bold;
}
.main-priv-table .priv-descr {
    font-size: 12px;
    width: 68%;
}
.main-priv-table .btn-login {
    margin-top: 1vw;
    margin-bottom: 0.5vw;
}
.bless {
    border-bottom: none !important;
}
.overload {
    max-height: 100vh;
    overflow-y: auto;
}

.overload::-webkit-scrollbar {
    width: 4px;
}

.overload::-webkit-scrollbar-track {
    width: 6px;
    background-color: #06F7FF;
}

.overload::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #6900EA;
}
.text-body-block.widen {
    padding-right: 0;
}
.text-body-block.widen .overload {
    padding-right: 3vw;
}
.review-item {
    background: #350074;
    min-height: 191px;
    position: relative;
}
.chat .review-item {
    padding-left: 1rem !important;
    padding-right: 0.75rem !important;
}
.review-date {
    font-size:0.92em;
    color: white;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}
.review-bi {
    fill: #FFFF00;
    color: #FFFF00 !important;
    font-size: 1.2vw;
    margin-left: 9px;
}
.chat .review-item .review-bi {
    margin-left: 4px;
}
.review-bi::before {
    content: url("../img/star.png");
}
.review-bi.bi-star-fill::before {
    content: url("../img/stara.png");
}

#paginator-review .page-item > * {
    background: #3F008B;
    color: white;
    border-color: #7335BC;
    border-radius: 0.25em;
    font-weight: bold;
}

#paginator-bh .page-item > * {
    background: #3F008B;
    color: white;
    border-color: #7335BC;
    border-radius: 0.25em;
    font-weight: bold;
}
#paginator-bh .page-item.active > * {
    background: #7335BC;
}

#paginator-review .page-item.active > * {
    background: #7335BC;
}
.notifications-pagination .page-item.active > * {
    background: #7335BC;
}

.notifications-pagination .page-item > * {
    background: #3F008B;
    color: white;
    border-color: #7335BC;
    border-radius: 0.25em;
    font-weight: bold;
}

.notifications-pagination .page-item {
    cursor: pointer;
}
.notifications-pagination .page-item > * {
    background: #3F008B;
    color: white;
    border-color: #7335BC;
    border-radius: 0.25em;
    font-weight: bold;
}
.notifications-pagination .page-item.active {
    cursor: default;
}
.notifications-pagination .page-item.active > * {
    background: #7335BC;
}

.notifications-pagination .page-item.active > * {
    background: #7335BC;
}

.reviews-container {
    padding-bottom: 2rem;
}
.review-form-body {
    background: #4D2280;
}
.ub-logo {
    background: url("../img/review_logo.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 356/374;
    width: 88%;
}
.review-total-stats .review-bi::before {
    width: 11px;
    height: 11px;
    transform: scale(0.5);
}
.review-total-stats .review-bi {
    margin-left: 2px;
    line-height: 1vw;
}
.review-total-stats table {
    height: 50%;
    margin-top: 7%;
}
.review-total-stats table td {
    vertical-align: middle;
    padding: 0;
}
.review-line {
    background: #350074;
    width: 120px;
    margin-left: 8px;
    height: 4px;
    border-radius: 2px;
}
@media (min-width: 1200px) and (max-width: 1300px) {
    .review-line {
        width: 110px;
    }
}
.review-line .f {
    background: #14E8FA;
    width: 0%;
    height: 4px;
    border-radius: 2px;
}
.average {
    font-size: 3vw;
    font-weight: bold;
    line-height: 2vw;
}
.review-count {
    line-height: 1vw;
    font-size: 13px;
}
.review-users {
    line-height: 1vw;
    margin-top: 1vw;
    font-size: 13px;
}
.review-users b {
    color: #C4A8FF;
}
.bigreview-stats {
    padding-top: 0;
}
.bigreview-stats i {
    position: relative;
    top: 1vw;
}
.bigreview-stats i::before {
    content: url("../img/big_star.png") !important;
    transform: scale(0.5);
    width: 45px;
    height: 45px;
    display: inline-block;
}
.left-review-side {
    border-right: 3px solid #350074;
}
.review-right-side {
    padding-left: 3vw;
}
.review-form-title {
    font-size: 20px;
    font-weight: bold;
}
.review-form-comment {
    font-size: 12px;
    line-height: 30px;
}
#review-message {
    background: #350074;
    border: 0;
    border-radius: 0.5em;
    width: 100%;
    height: 83px;
    margin: 0.5vw 0;
    resize: none;
    color: white;
    outline: none !important;
}
.review-right-side .btn-register {
    width: 50%;
    text-align: center;
    line-height: 2vw;
}
.review-stars-target i {
    margin-left: 2px;
    cursor: pointer;
}
.last-row-priv {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.last-row-priv .btn-login {
    margin-top: 0;
}

.priv-in-modal {
    margin: 0 auto;
    width: 200px !important;
}
.priv-in-modal.priv0 {
    background: url("../img/priv/0.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-in-modal.priv1 {
    background: url("../img/priv/1.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-in-modal.priv2 {
    background: url("../img/priv/2.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-in-modal.priv3 {
    background: url("../img/priv/3.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-in-modal.priv4 {
    background: url("../img/priv/4.png?v=5") no-repeat top center;
    aspect-ratio: 179/209;
    background-size: 100% auto;
}
.priv-details-modal table {
    margin: 0 auto;
}
.priv-details-modal table td {
    padding-top:7px;
    padding-bottom: 7px;
}
.priv-details-modal table td.modal-t {
    text-align: left;
}
#privModalLabel, .cmodal-label {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
#privModal .modal-footer {
    justify-content: center;
}
.modal-priv-login {
    margin: 5px auto;
    width: 162px;
    text-align: center;
    font-size: 16px;
    height: 32px;
    line-height: 29px;
    font-weight: bold;
    color: white !important;
}
.modal-check .check {
    width: 30px;
    margin-right: 10px;
}
.priv-modal-dialog {
    max-width: 448px;
}
.priv-in-modal-container {
    border-bottom: 2px solid #4E00AA;
}
.priv-modal-dialog .modal-header {
    border-width: 2px;
}
.priv-details-modal {
    padding-top: 10px;
}
.modal-dialog .modal-footer {
    border-width: 2px;
}
.modal-dialog .modal-content {
    padding: 0 20px;
}
.modal-dialog .btn-close {
    position: absolute;
    right: 20px;
    top: 30px;
}

.name-modal input[type=text], .name-modal input[type="email"], .name-modal input[type=password] {
    background: #32006E;
    border: 0;
    height: 56px;
    color: white;
    font-size: 24px;
}
.name-modal {
    text-align: left;
}
.bets-history-table td,
.bets-history-table th {
    background: none;
    color: white;
    text-align: center;
    vertical-align: middle;
}
.bh-date-number {
    text-align: left !important;
    padding-left: 20px !important;
}
.bh-date-result {
    text-align: right !important;
    padding-right: 20px !important;
}
.bets-history-table th {
    color: white;
    font-weight: normal !important;
}
.bets-history-table tbody {
    background: #210147;
}

.bets-history-table tbody tr:first-child td:first-child {
    border-top-left-radius: 10px;
}
.bets-history-table tbody tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.bets-history-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}
.bets-history-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.bets-history-table tbody tr:not(:last-child) td {
    border-bottom: 2px solid #46009A;
}
.bh-date-result {
    font-weight: bold;
}
.bh-date-result.fail {
    color: #FF6E6E;
}
.bh-date-bet .smallx {
    display: inline-block;
    margin: 0;
    width: 35px;
    margin-bottom: -14px;
}
#bhSearch {
    background: #4D2280;
    border-radius: 5px;
    outline: none;
    border: 0;
    width: 250px;
    height: 50px;
    box-shadow: none;
    color: white;
    background-image: url("../img/search.svg");
    background-repeat: no-repeat;
    background-position: 94%;
    background-size: auto 60%;
}
#bhSearch::placeholder {
    color: #8A46DA;
}
.bets-history-search-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #7335BC;
}
.notification-express-menu {
    background: #3D0085;
    color: white;
    left: 7vw !important;
    width: 310px;
    padding: 0 20px;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.notification-express-menu::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid #3D0085; /* Грани треугольника */
}

.side-notifications-header {
    color: #9E71FF;
    text-align: center;
    font-size: 20px;
    border-bottom: 2px solid #4E00AA;
    padding: 15px 0 !important;
    margin-bottom: 0;
}
.side-notification-item {
    border-bottom: 2px solid #4E00AA;
    padding: 15px 0 !important;
    font-size: 14px;
}

.side-notification-item.wood {
    background: url("../img/notifications/wood.png") no-repeat top right;
    background-size: auto 100%;
}
.side-notification-item.bronze {
    background: url("../img/notifications/bronze.png") no-repeat top right;
    background-size: auto 100%;
}
.side-notification-item.silver {
    background: url("../img/notifications/silver.png") no-repeat top right;
    background-size: auto 100%;
}
.side-notification-item.gold {
    background: url("../img/notifications/gold.png") no-repeat top right;
    background-size: auto 100%;
}
.side-notification-item.palladium {
    background: url("../img/notifications/palladium.png") no-repeat top right;
    background-size: auto 100%;
}
.side-notification-item.rub {
    background: url("../img/notifications/dol.png?v=2") no-repeat top right;
    background-size: auto 100%;
}

.side-notifications-body .notification-title {
    font-size: 16px;
}

.side-notifications-body .btn-login {
    margin: 20px auto 20px auto;
    width: 70%;
    text-align: center;
    font-size: 16px;
    height: 32px;
    line-height: 29px;
}
.classic-line-play-button {
    text-decoration: none;
}
.express-line-demo-button {
    text-decoration: none;
}
.sort-dropdown {
    float: right;
    background: #4D2280;
    font-size: 20px;
    line-height: 45px;
    color: white !important;
    padding: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    width: 230px;
}
.sort-dropdown span {
    width: 187px;
}
.sort-dropdown > *,
.sort-dropdown > *:hover {
    color: white !important;
}
.label-sort {
    float: right;
    margin-right: 15px;
    font-family: 'Alibaba';
    line-height: 52px;
    font-size: 19px;
}
.sort-ul {
    width: 230px;
    background: #3F008B;
}
.sort-ul li {
    padding-left: 10px;
    border-bottom: 1px solid #4E00AA;
    font-family: 'Alibaba';
}
.sort-ul li:hover {
    background: #6706DD;
}
.auth-body {
    background: url("../img/back_logo.svg") no-repeat center center;
    background-size: auto 90%;
    max-width: 100%;
}
#registerModal .modal-body,
#loginModal .modal-body {
    background: url("../img/back_logo.svg") no-repeat center center;
    background-size: auto 90%;
}
.auth-icon {
    background: url("../img/auth_logo.svg") no-repeat center center;
    background-size: 100% auto;
    aspect-ratio: 120 / 131;
    width: 85px;
    margin: 0 auto;
    margin-top: 3%;
}
.auth-comment {
    text-align: center;
    margin: 18px auto;
}
#banner-video-slide {
    aspect-ratio: 2588 / 592;
}

#banner-video-slide .owl-item,
#banner-video-slide .carousel-item  {
    aspect-ratio: 1920 / 451;    overflow: hidden !important
}

#banner-video-slide .owl-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 7px;
}
#banner-video-slide .owl-dot {
    width: 69px;
    border-radius: 5px;
    margin: 0 3px;
    height: 5px;
    background: rgb(108 108 108 / 40%);
}
#banner-video-slide .owl-dot.active {
    background: rgb(255 255 255 / 40%);
}
.vid-big-banner {
    width: 102%;
    height: 100%;
    max-width: 102%;
    aspect-ratio: 1920 / 430;
    margin-left: -1%;
    object-fit: fill;
}
@media (max-width: 540px) {
    .vid-big-banner {
        max-width: 110%;
        width: 101%;
    }
}
#b4 {
    background: url("../img/banner_splash4.jpg") no-repeat top center;
    background-size: 100% auto;
}
#b5 {
    background: url("../img/banner_splash5.jpg") no-repeat top center;
    background-size: 100% auto;
}
.mobile #b4 {
    background: url("../img/banners/video/mobile/en/banner_splash4.jpg") no-repeat top center;
    background-size: 100% auto;
}
.mobile #b5 {
    background: url("../img/banners/video/mobile/en/banner_splash5.jpg") no-repeat top center;
    background-size: 100% auto;
}
.bets-history-main-container {
    padding-top: 1vw;
}
#reviews-body > .col-lg-4 {
    padding-right: 25px;
}
@media (min-width: 1199px) {
    #reviews-body > .col-lg-4:nth-child(3n) {
        padding-right: 0;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    #reviews-body > .col-lg-4:nth-child(3n) {
        padding-right: 25px;
    }
    #reviews-body > .col-lg-4:nth-child(2n) {
        padding-right: 0;
    }
    @media (min-width: 991px) {
        #reviews-body > .col-lg-4:nth-child(2n) {
            padding-right: 25px;
        }
    }
    .review-right-side {
        padding-left: 0;
    }
    .ub-logo {
        width: 66%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .review-right-side .btn-register {
        line-height: 25px;
    }
    .bigreview-stats i {
        position: relative;
        top: 19px;
    }
    .review-item .review-bi {
        fill: #FFFF00;
        color: #FFFF00 !important;
        font-size: 1.2vw;
        margin-left: 0px;
        transform: scale(0.8);
        display: inline-block;
    }
    .ms-auto {
        transform: scale(0.9);
        position: relative;
        top: -10px;
        right: -14px;
    }
}
@media (min-width: 541px) and (max-width: 1199px) {
    /*@media only screen and (-moz-min-device-pixel-ratio: 1.25),*/
    /*only screen and (-o-min-device-pixel-ratio: 5/4),*/
    /*only screen and (-webkit-min-device-pixel-ratio: 1.25),*/
    /*only screen and (min-device-pixel-ratio: 1.25) {*/
        .review-right-side {
            padding-left: 0;
        }
        .review-right-side .btn-register {
             line-height: 25px;
         }
        .bigreview-stats i {
            position: relative;
            top: 19px;
        }
        .review-item .review-bi {
            fill: #FFFF00;
            color: #FFFF00 !important;
            font-size: 1.2vw;
            margin-left: -1px;
            transform: scale(0.8);
            display: inline-block;
        }
        .ms-auto {
            transform: scale(0.9);
            position: relative;
            top: -10px;
            right: -14px;
            min-width: 35%;
        }
    /*}*/
}
.review-page-title {
    margin-bottom: 25px;
}
.review-item .ms-auto {
    position: absolute;
    top: 15px;
    right: 0;
    transform: scale(0.8);
}
.chat .review-item .ms-auto {
    top: 10px;
}
.priv-in-modal-container {
    background: url("../img/back_logo.svg") no-repeat top center;
    background-size: auto 95%;
}

#xwinModal .modal-content {
    background: #3D0085 url("../img/xwin/x2bg.png") no-repeat top center;
    background-size: 100% auto;
    overflow: hidden;
}
#xwinModal .modal-content.x2 {
    background-image: url("../img/xwin/x2bg.jpg");
}
#xwinModal .modal-content.x5 {
    background-image: url("../img/xwin/x5bg.jpg");
}
#xwinModal .modal-content.x10 {
    background-image: url("../img/xwin/x10bg.jpg");
}

#xwinModal .modal-dialog {
    max-width: 500px;
}
#xwinModal .modal-title {
    aspect-ratio: 1 / 1;
    width: 45%;
}
#xwinModal .modal-header {
    border-width: 2px;
}
#xwinModal .x2 .modal-header {
    border-color: #6F11DB;
}
#xwinModal .x5 .modal-header {
    border-color: #9241A9;
}
#xwinModal .x10 .modal-header {
    border-color: #A95F41;
}
#xwinModal .xwin-hit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/xwin/hit.png?v=433") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 258/286;
    width: 20%;
}
.lang_KZ #xwinModal .xwin-hit,
.lang_RU #xwinModal .xwin-hit {
    background-image: url("../img/xwin/hit_kz.png?v=434")
}
#xwinModal .x5 .xwin-hit {
    display: block;
}
#xwinModal .current-bet-sum-val {
    width: 68%;
    background: none;
}
.sub-xwin-container {
    display: inline-block;
    width: 55%;
    border: 3px solid #B695FF;
    border-radius: 20px;
    background: #2D0062;
    margin-top: 6px;
    position: relative;
}
#xwinModal .bet-sum-current {
    padding-left: 21px;
    background-size: 14px auto;
    background-position: 4px 12px;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
}
.xwin-sum-title {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
}
.x2 .xwin-sum-title {
    color: #B695FF;
}
.x5 .xwin-sum-title {
    color: #FF99CC;
}
.x10 .xwin-sum-title {
    color: #FBF44A;
}
.xwin-comment {
    text-align: center;
    margin-top: 10px;
    font-size: 19px;
    line-height: 25px;
}
.xwin-price-title {
    font-size: 21px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
.x2 .xwin-price-title {
    color: #B695FF;
}
.x5 .xwin-price-title {
    color: #FF99CC;
}
.x10 .xwin-price-title {
    color: #FBF44A;
}
.xwin-price-body > div {
    display: inline-block;
    height: 50px;
    float: left;
}
.xwin-price-body {
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-bottom: -10px;
    margin-top: 5px;
}
.xwin-price-old {
    text-decoration: line-through;
    color: #77649F;
    line-height: 43px;
    font-size: 28px;
    font-weight: bold;
}
.xwin-price-label {
    background: url("../img/xwin/p10.png?v=123") no-repeat top center;
    aspect-ratio: 155/94;
    background-size: 100% auto;
    margin: 0 10px;
}
.xwin-price-label.p10 {
    background-image: url("../img/xwin/p10.png?v=123");
}
.xwin-price-label.p15 {
    background-image: url("../img/xwin/p15.png?v=123");
}
.xwin-price-label.p20 {
    background-image: url("../img/xwin/p20.png?v=123");
}
.xwin-price-actual {
    background: url(../img/usd.svg) no-repeat top left;
    padding-left: 21px;
    background-size: 14px auto;
    background-position: 4px 12px;
    display: inline-block;
    font-size: 20px;
    line-height: 40px;
}
.xwin-price-actual {
    font-size: 38px;
    background-size: 24px auto;
    background-position: 0 6px;
    padding-left: 30px;
}
.activate-xwin {
    min-width: 101px;
    line-height: 33px;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.bet-sum-progress {
    position: absolute;
    bottom: 0;
    background: #5300B6;
    height: 3px;
    border-radius: 5px;
    width: 98%;
    left: 1%;
}
.bet-sum-progress > div {
    background: #9E71FF;
    background: linear-gradient(90deg,rgba(158, 113, 255, 1) 0%, rgba(6, 247, 255, 1) 100%);
    height: 100%;
    border-radius: 5px;
    transition: width 0.3s ease;
}
.sub-xwin-container .bet-sum-progress {
    background: #703FD9;
    width: 83%;
    left: 8%;
}
.xwin-promo-main-block {
    padding: 0;
    overflow: hidden;
}
.xwin-big-banner {
    background: url("../img/xwin/big_banner_0.png") no-repeat top center;
    background-image: url("../img/xwin/big_banner_0.png");
    background-size: 100% auto;
    aspect-ratio: 1725/402;
    padding: 2.6vw 3vw;
    position: relative;
}
.xwin-banner-title {
    width: 50%;
    font-size: 2.5vw;
}
.xwin-banner-btn {
    width: 280px;
    text-align: center;
    font-size: 23px;
    line-height: 42px;
    position: absolute;
    bottom: 2.6vw ;
}
.xwin-page-body {
    padding: 2.6vw 3vw;
}
.xwin-page-body .help-faq-header h2 {
    font-family: 'Alibaba';
}
.xwin-nav {
    border: 0 !important;
    padding-top: 0;
}
.xwin-nav ul {
    border: 0;
}
.xwin-nav ul a {
    font-size: 13px;
}
.xwin-nav li {
    padding: 0;
}
.xwin-nav.navbar li::after, .xwin-nav.navbar li::after {
    top: -16%;
}
.xwin-primary-item {
    -webkit-box-shadow: 4px 12px 18px 0px rgba(0, 0, 0, 0.68);
    -moz-box-shadow: 4px 12px 18px 0px rgba(0, 0, 0, 0.68);
    box-shadow: 4px 12px 18px 0px rgba(0, 0, 0, 0.68);
    transition: transform 0.3s ease;
}

.xwin-primary-item .modal-dialog {
    overflow: hidden;
}
.xwin-primary-item .modal-content {
    background: #3D0085 url("../img/xwin/x2bg.jpg") no-repeat top center;
    background-size: 100% auto;
    overflow: hidden;
}
.xwin-primary-item .modal-content.x2 {
    background-image: url("../img/xwin/x2bg.jpg");
}
.xwin-primary-item .modal-content.x5 {
    background-image: url("../img/xwin/x5bg.jpg");
}
.xwin-primary-item .modal-content.x10 {
    background-image: url("../img/xwin/x10bg.jpg");
}

.xwin-primary-item .modal-dialog {
    max-width: 650px;
}
.xwin-primary-item .modal-title {
    aspect-ratio: 1 / 1;
    width: 45%;
}
.xwin-primary-item .modal-header {
    border-width: 2px;
}
.xwin-primary-item .x2 .modal-header {
    border-color: #6F11DB;
}
.xwin-primary-item .x5 .modal-header {
    border-color: #9241A9;
}
.xwin-primary-item .x10 .modal-header {
    border-color: #A95F41;
}
.xwin-primary-item .xwin-hit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/xwin/hit.png?v=442") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 258/286;
    width: 20%;
}
.lang_KZ .xwin-primary-item .xwin-hit,
.lang_RU .xwin-primary-item .xwin-hit {
    background-image: url("../img/xwin/hit_kz.png?v=434")
}

.xwin-primary-item .x5 .xwin-hit {
    display: block;
}
.xwin-primary-item .current-bet-sum-val {
    width: 68%;
    background: none;
}
.xwin-primary-item .bet-sum-current {
    /*padding-left: 21px;*/
    /*background-size: 14px auto;*/
    /*background-position: 4px 12px;*/
    /*display: inline-block;*/
    /*font-size: 1.5vw;*/
    /*line-height: 2.6vw;*/
    padding-left: 1.2vw;
    background-size: 0.9vw auto;
    background-position: 0.1vw 0.76vw;
    display: inline-block;
    font-size: 1.5vw;
    line-height: 2.6vw;
}
.xwin-primary-item .activate-xwin {
    width: 11vw;
    height: 2.3vw;
    font-size: 1.2vw;
    line-height: 1.3vw;
    padding-right: 0.1vw !important;
    padding-left: 0.1vw !important;
    padding-top: 0.1vw;
    padding-bottom: 0.1vw;
}
.xwin-primary-item .xwin-modal-body {
    border-top: 2px solid #6F11DB;
    border-bottom: 2px solid #6F11DB;
    padding-bottom: 10px;
}

.xwin-primary-item .x5 .xwin-modal-body {
    border-top: 2px solid #9241A9;
    border-bottom: 2px solid #6F11DB;
}
.xwin-primary-item .x10 .xwin-modal-body {
    border-top: 2px solid #A95F41;
    border-bottom: 2px solid #6F11DB;
}
.xwin-primary-item.x2 {
    margin-top: 80px;
}
.xwin-primary-item.x10 {
    margin-top: 80px;
}
.xwin-primary-item.x5 {
    z-index: 50;
    transform: scale(1.05);
    margin-bottom: 80px;
}
.xwin-primary-item .modal-footer {
    padding: 10px 0;
}
.xwin-primary-block {
    padding-top: 30px;
    position: relative;
}
.xwin-primary-item:hover {
    transform: scale(1.05);
}
.xwin-primary-item.x5:hover {
    transform: scale(1.1);
}
.xwin-faq .col-sm-6 {
    width: 48%;
}
.xwin-faq-header {
    margin-top: 30px;
}
.xwin-faq .accordion-body {
    font-family: 'Alibaba';
}
.current-xwin-line-val {
    background: #2B015C;
    width: 55%;
    margin: 0 auto;
    color: white;
    aspect-ratio: 345 / 52;
    text-align: center;
    position: relative;
    margin-top: -42px;
}
.xwin-line-switcher {
    width: 33.33%;
    margin: 0 auto;
}
.xwin-line-current {
    display: inline-block;
    font-size: 1.2vw;
    line-height: 3.1vw;
    color: #9E71FF;
    font-family: 'Alibaba';
    font-weight: bold;
}
.xwin-line-switch {
    cursor: pointer;
    display: inline-block;
    width: 2.3vw;
    margin-top: 7px;
}
.xwin-line-switch.left {
    background: url("../img/left_arrow.png") no-repeat top center;
    background-image: url("../img/left_arrow.png");
    background-size: 100% auto;
    aspect-ratio: 1;
    float:left;
    margin-left: 2%;
}
.xwin-line-switch.left.dis {
    background: url("../img/left_arrow_dis.png") no-repeat top center;
    background-image: url("../img/left_arrow_dis.png");
    background-size: 100% auto;
}
.xwin-line-switch.right {
    background: url("../img/right_arrow.png") no-repeat top center;
    background-image: url("../img/right_arrow.png");
    background-size: 100% auto;
    aspect-ratio: 1;
    float:right;
    margin-right: 2%;
}
.xwin-line-switch.right.dis {
    background: url("../img/right_arrow_dis.png") no-repeat top center;
    background-image: url("../img/right_arrow_dis.png");
    background-size: 100% auto;
}

.xwin-sum-switch {
    cursor: pointer;
    display: inline-block;
    width: 2.9vw;
    margin-top: 7px;
}
.xwin-sum-switch.left {
    background: url("../img/left_arrow.png") no-repeat top center;
    background-image: url("../img/left_arrow.png");
    background-size: 100% auto;
    aspect-ratio: 1;
    float:left;
    margin-left: 2%;
}
.xwin-sum-switch.left.dis {
    background: url("../img/left_arrow_dis.png") no-repeat top center;
    background-image: url("../img/left_arrow_dis.png");
    background-size: 100% auto;
}
.xwin-sum-switch.right {
    background: url("../img/right_arrow.png") no-repeat top center;
    background-image: url("../img/right_arrow.png");
    background-size: 100% auto;
    aspect-ratio: 1;
    float:right;
    margin-right: 2%;
}
.xwin-sum-switch.right.dis {
    background: url("../img/right_arrow_dis.png") no-repeat top center;
    background-image: url("../img/right_arrow_dis.png");
    background-size: 100% auto;
}
.xwin-primary-item .xwin-comment {
    font-size: 1.2vw;
    line-height: 1.3vw;
}
.xwin-primary-item .xwin-price-title {
    font-size: 1.5vw;
}
.xwin-primary-item .xwin-price-body > div {
    display: inline-block;
    height: 3.3vw;
    float: left;
}
.xwin-primary-item .xwin-price-actual {
    font-size: 2.1vw;
    background-size: 1.4vw auto;
    background-position: 0 0.3vw;
    padding-left: 1.7vw;
    line-height: 2.7vw;
    font-family: 'Alibaba';
}
.xwin-primary-item .xwin-price-old {
    text-decoration: line-through;
    color: #77649F;
    line-height: 2.7vw;
    font-size: 1.5vw;
}
.xwin-primary-item .xwin-line-switch {
    margin-top: 0.4vw;
}
@media (max-width: 1199px) {
    .xwin-nav li {
        width: auto;
        margin-right: .25rem !important;
        margin-left: .25rem !important;
    }
    .xwin-nav li.first-nav-link {
        margin-left: 0 !important;
    }
}
.main-nav-form.fixed {
    display: none !important;
    position: fixed;
    right: 0;
    top: 0;
    z-index:300;
    background: #210147;
    padding: 15px 15px 15px 15px;
    border-radius: 8px;
}
.chat .main-nav-form.fixed {
    right: 393px;
}
.chat .main-nav-form.fixed .profile-pic {
    width: 1px;
    aspect-ratio: 1 / 63;
    visibility: hidden;
}
.chat .main-nav-form.based .profile-pic {
    width: 1px;
    height:4vw;
    visibility: hidden;
}

.safari .main-nav-form.fixed {
    padding-right: 0;
}
.main-nav-form.fixed.shown {
    display: flex !important;
}
#navigator,#navigator-out {
    position: absolute;
    left: -10000px;
}

.xwin-icon {
    background: url("../img/smallx/x2_1.png") no-repeat top center !important;
    background-image: none !important;
    background-size: 100% auto !important;
    aspect-ratio: 270/314;
    width: 30%;
    margin: 0 auto;
    position: absolute;
    top: 10%;
    transform: translateX(-50%);
    left: 50%;
}

.xwin-icon.darts12.x1 {
    background-image: url("../img/smallx/x2_1.png") !important;
}
.xwin-icon.darts12.x2 {
    background-image: url("../img/smallx/x4_2.png") !important;
}
.xwin-icon.darts12.x5 {
    background-image: url("../img/smallx/x10_3.png") !important;
}
.xwin-icon.darts12.x10 {
    background-image: url("../img/smallx/x20_4.png") !important;
}

.xwin-icon.archery13.x1 {
    background-image: url("../img/smallx/x3_1.png") !important;
}
.xwin-icon.archery13.x2 {
    background-image: url("../img/smallx/x6_2.png") !important;
}
.xwin-icon.archery13.x5 {
    background-image: url("../img/smallx/x15_3.png") !important;
}
.xwin-icon.archery13.x10 {
    background-image: url("../img/smallx/x30_4.png") !important;
}

.xwin-icon.darts24.x1 {
    background-image: url("../img/smallx/x4_1.png") !important;
}
.xwin-icon.darts24.x2 {
    background-image: url("../img/smallx/x8_2.png") !important;
}
.xwin-icon.darts24.x5 {
    background-image: url("../img/smallx/x20_3.png") !important;
}
.xwin-icon.darts24.x10 {
    background-image: url("../img/smallx/x40_4.png") !important;
}

.xwin-icon.archery26.x1 {
    background-image: url("../img/smallx/x6_1.png") !important;
}
.xwin-icon.archery26.x2 {
    background-image: url("../img/smallx/x12_2.png") !important;
}
.xwin-icon.archery26.x5 {
    background-image: url("../img/smallx/x30_3.png") !important;
}
.xwin-icon.archery26.x10 {
    background-image: url("../img/smallx/x60_4.png") !important;
}

.xwin-icon.basketball36.x1 {
    background-image: url("../img/smallx/x6_1.png") !important;
}
.xwin-icon.basketball36.x2 {
    background-image: url("../img/smallx/x12_2.png") !important;
}
.xwin-icon.basketball36.x5 {
    background-image: url("../img/smallx/x30_3.png") !important;
}
.xwin-icon.basketball36.x10 {
    background-image: url("../img/smallx/x60_4.png") !important;
}

.xwin-icon.basketball48.x1 {
    background-image: url("../img/smallx/x8_1.png") !important;
}
.xwin-icon.basketball48.x2 {
    background-image: url("../img/smallx/x16_2.png") !important;
}
.xwin-icon.basketball48.x5 {
    background-image: url("../img/smallx/x40_3.png") !important;
}
.xwin-icon.basketball48.x10 {
    background-image: url("../img/smallx/x80_4.png") !important;
}

.xwin-icon.box39.x1 {
    background-image: url("../img/smallx/x9_1.png") !important;
}
.xwin-icon.box39.x2 {
    background-image: url("../img/smallx/x18_2.png") !important;
}
.xwin-icon.box39.x5 {
    background-image: url("../img/smallx/x45_3.png") !important;
}
.xwin-icon.box39.x10 {
    background-image: url("../img/smallx/x90_4.png") !important;
}

.xwin-icon.football510.x1 {
    background-image: url("../img/smallx/x10_1.png") !important;
}
.xwin-icon.football510.x2 {
    background-image: url("../img/smallx/x20_2.png") !important;
}
.xwin-icon.football510.x5 {
    background-image: url("../img/smallx/x50_3.png") !important;
}
.xwin-icon.football510.x10 {
    background-image: url("../img/smallx/x100_4.png") !important;
}

.xwin-icon.box412.x1 {
    background-image: url("../img/smallx/x12_1.png") !important;
}
.xwin-icon.box412.x2 {
    background-image: url("../img/smallx/x24_2.png") !important;
}
.xwin-icon.box412.x5 {
    background-image: url("../img/smallx/x60_3.png") !important;
}
.xwin-icon.box412.x10 {
    background-image: url("../img/smallx/x120_4.png") !important;
}

.xwin-icon.tennis515.x1 {
    background-image: url("../img/smallx/x15_1.png") !important;
}
.xwin-icon.tennis515.x2 {
    background-image: url("../img/smallx/x30_2.png") !important;
}
.xwin-icon.tennis515.x5 {
    background-image: url("../img/smallx/x75_3.png") !important;
}
.xwin-icon.tennis515.x10 {
    background-image: url("../img/smallx/x150_4.png") !important;
}
.express-line-coeff-val {
    position: relative;
}
.profile-wallet-btn a {
    color: white !important;
    text-decoration: none !important;
}
.xwin-faq .accordion-button {
    font-family: 'Alibaba';
}

.bh-row td {
    width: 20%;
}
.lvl-up {
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #4D01F1;
    box-shadow: inset -3px -4px 7px rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    text-align: center;
    width: 38%;
    position: absolute;
    bottom: 18px;
    right: 15px;
    display: none;
}
.tgfa-body {
    text-align: center;
}
#tg2FAlink {
    font-weight: bold;
}
.tg2FAlinkcontainer {
    font-size: 16px;
}
.link-duration {

}
.link-timer {
    font-weight: bold;
    font-family: 'Alibaba';
    font-size: 60px;
}
@media (min-width: 541px) and (max-width: 967px) {
    .mobile-body .link-timer {
        font-size: 40px;
    }
}
#confirm2FA {
    display: none;
}
#confirmRestrict {
    display: none;
}
#tg2facode {
    background: #32006E;
    border: 0;
    height: 55px;
    width: 60%;
    margin: 10px auto 0 auto;
    font-size: 25px;
    color: white;
}
#restrictcode {
    background: #32006E;
    border: 0;
    height: 55px;
    width: 60%;
    margin: 10px auto 0 auto;
    font-size: 25px;
    color: white;
}
#tg2facode::placeholder {
    color: rgba(255,255,255,0.8);
}
#restrictcode::placeholder {
    color: rgba(255,255,255,0.8);
}
.tg2FAlinkcontainer.big  {
    padding: 30px 0;
}
.tg2FAlinkcontainer.big span {
    font-size: 24px;
}
#switchCheckChecked {
    width: 4em;
    height: 2em;
}
#switchCheckChecked:checked {
    background-color: #350074;
    border-color: #350074;
}

.t2l {
    line-height: 2.5em;
    padding-left: 5px;
}
.rules-pic {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 12px;
}
.rules-pic.ic {
    width: 44%;
    margin: 0 auto;
}
.rules-text {
    font-size: 15px;
    font-family: 'Alibaba';
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
.lang_KZ .rules-text {
    font-size: 14px;
}
.rules-text.first {
    padding-top: 20px;
}
.rules-carousel-container .owl-dots {
    text-align: center;
}
.rules-carousel-container .owl-dot {
    width: 36px;
    border-radius: 5px;
    margin: 0 3px;
    height: 5px;
    background: #7335BC !important;
}
@media (max-width: 540px) {
    .rules-carousel-container .owl-dot {
        width: 30px;
        height: 4px;
    }
}
.rules-carousel-container .owl-dot.active {
    background: #ECDCFF !important;
}

.rules-carousel-container {
    max-height: 382px !important;
    overflow: hidden !important;
}
.rules-item {
    min-height: 358px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.classic [data-media-provider] {
    height:103% !important;
}
.vid-big-banner.main {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin-left: 0;
    aspect-ratio: 1920 / 628;
}
#banner-video-slide-main  {    padding-top: 28px;
    margin-bottom: -30px;}

#banner-video-slide-main {
    padding-top: 36px;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    #banner-video-slide-main  {
        padding-top: 28px;
        margin-bottom: -30px;
    }
}
#banner-video-slide-main .owl-stage-outer {padding: 0}
#banner-video-slide-main .vid1 {
    background: url("../img/banner_splash_main1.jpg?v=3") no-repeat top center;
    background-size: 100% auto;
}
#banner-video-slide-main .vid2 {
    background: url("../img/banner_splash_main2.jpg?v=3") no-repeat top center;
    background-size: 100% auto;
}
#banner-video-slide-main .vid3 {
    background: url("../img/banner_splash_main3.jpg?v=3") no-repeat top center;
    background-size: 100% auto;
}
.alarm-icon {
    background: url("../img/alarm.svg") no-repeat left center;
    background-size: 20px;
    text-align: left;
    padding-left: 30px;
    display: inline-block;
}

.best-table tbody tr,
.wins-table-container table.best-table tbody tr
{
    /*background: linear-gradient(90deg, #37B437 0%, #350074 100%) !important;*/
}
.wins-table-container table.classic-t tbody tr
{
    /*background: linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;*/
}
@media (min-width: 541px) and (max-width: 1199px) {
    @media only screen and (-moz-min-device-pixel-ratio: 1.25),
    only screen and (-o-min-device-pixel-ratio: 5/4),
    only screen and (-webkit-min-device-pixel-ratio: 1.25),
    only screen and (min-device-pixel-ratio: 1.25) {
        #lockedModal.modal.fade.show {
            padding-bottom: 50px;
        }
    }
}
.main-last-exp {
        background-image: linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
        background-repeat: no-repeat !important;
        background-size: auto 100% !important;
        background-position: right !important;
}
.main-last-classic {
    background-image: linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-darts {
    background-image: url("../img/best/darts.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-tennis {
    background-image: url("../img/best/tennis.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-football {
    background-image: url("../img/best/football.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-basketball {
    background-image: url("../img/best/basketball.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-box {
    background-image: url("../img/best/box.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-archery {
    background-image: url("../img/best/archery.png"), linear-gradient(90deg, #37B437 0%, #350074 100%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}

.best-darts.classic {
    background-image: url("../img/best/darts.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-tennis.classic {
    background-image: url("../img/best/tennis.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-football.classic {
    background-image: url("../img/best/football.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-basketball.classic {
    background-image: url("../img/best/basketball.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-box.classic {
    background-image: url("../img/best/box.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}
.best-archery.classic {
    background-image: url("../img/best/archery.png"), linear-gradient(90deg, #374EB4 0%, #350074 68.88%) !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: right !important;
}

.classic-t .smallx-classic {
     padding: 0;
    position: relative;
    /* margin-top: -1vw; */
    margin: 14px 0;
}

.widget-visible iframe {
    bottom: 60px !important;
}

.text3d-wrap-1 {
    margin: 0;
    padding: 0;
    /*background-color: #337AB7;*/
    width: 100%;
    /*height: 260px;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    perspective: 3000px;
    text-decoration: none !important;
    position: absolute;
    top: 26%;
}
.text3d-1 {
    align-self: center;
    /*margin-top: -18px;*/
    transition: all 0.3s ease;
    /*transform: rotateX(40deg) rotateZ(5deg);*/
    font-family: "Work Sans", sans-serif;
    font-weight: 900;
    font-size: 2.8vw;
    letter-spacing: 3px;
    color: #82C7FF;
    text-decoration: none !important;
    text-shadow:
            #5ea9ff 0.006em 0.006em 0.007em,
    #006df3 1px 1px 1px, #006df3 1px 2px 1px,
            #006df3 1px 3px 1px, #006DF3 1px 4px 1px,
            #006DF3 1px 5px 1px, #006DF3 1px 6px 1px,
            /*#006DF3 1px 7px 1px, #006DF3 1px 8px 1px, */
            /*#006DF3 1px 9px 1px, #006DF3 1px 10px 1px, */
            /*#006DF3 1px 11px 1px, #006DF3 1px 12px 1px, */
            rgba(16, 16, 16, 0.4) 1px 10px 4px,
            rgba(16, 16, 16, 0.2) 1px 12px 6px;
            /*rgba(16, 16, 16, 0.2) 1px 26px 35px, */
            /*rgba(16, 16, 16, 0.4) 1px 30px 65px;*/
}
@media (max-width: 767px) {
    .text3d-1 {
        font-size: 5.8vw;
        text-shadow: #5ea9ff 0.006em 0.006em 0.007em,
        #006df3 1px 1px 1px, #006df3 1px 2px 1px,
        rgba(16, 16, 16, 0.4) 1px 4px 4px,
        rgba(16, 16, 16, 0.2) 1px 6px 6px;
        letter-spacing: 0;
    }
}
.text3d-wrap-2 {
    margin: 0;
    padding: 0;
    /*background-color: #337AB7;*/
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    perspective: 3000px;
    text-decoration: none !important;
    position: absolute;
    top: 50%;
}
.text3d-2 {
    align-self: center;
    /*margin-top: -18px;*/
    transition: all 0.3s ease;
    /*transform: rotateX(40deg) rotateZ(5deg);*/
    font-family: "Work Sans", sans-serif;
    font-weight: 1000;
    font-size: 2.8vw;
    letter-spacing: 3px;
    color: #82C7FF;
    text-decoration: none !important;
    text-shadow:
            #5ea9ff 0.006em 0.006em 0.007em,
            #006df3 1px 1px 1px, #006df3 1px 2px 1px,
            #006df3 1px 3px 1px, #006DF3 1px 4px 1px,
            #006DF3 1px 5px 1px, #006DF3 1px 6px 1px,
                /*#006DF3 1px 7px 1px, #006DF3 1px 8px 1px, */
                /*#006DF3 1px 9px 1px, #006DF3 1px 10px 1px, */
                /*#006DF3 1px 11px 1px, #006DF3 1px 12px 1px, */
            rgba(16, 16, 16, 0.4) 1px 10px 4px,
            rgba(16, 16, 16, 0.2) 1px 12px 6px;
    /*rgba(16, 16, 16, 0.2) 1px 26px 35px, */
    /*rgba(16, 16, 16, 0.4) 1px 30px 65px;*/
}
@media (max-width: 767px) {
    .text3d-2 {
        font-size: 5.8vw;
        text-shadow: #5ea9ff 0.006em 0.006em 0.007em,
        #006df3 1px 1px 1px, #006df3 1px 2px 1px,
        rgba(16, 16, 16, 0.4) 1px 4px 4px,
        rgba(16, 16, 16, 0.2) 1px 6px 6px;
        letter-spacing: 0;
    }
}
.classic-carousel-item a {
    text-decoration: none;
}
@media (max-width: 767px) {
    .selector-block .selector-play a {
        width: auto;
        margin-right: 0 !important;
    }
}
.bests-cur {
    display: inline-block;
    height: 21px;
    aspect-ratio: 15/20;
    background-position: right center !important;
    padding-right: 1.3vw;
}

.bests-cur.kzt {
    background: url("../img/pay/kzt.svg") no-repeat top center;
    background-size: auto 100%;
}
.bests-cur.usdt {
    background: url("../img/pay/usdt.svg") no-repeat top center;
    background-size: auto 100%;
}
.bests-cur.btc {
    background: url("../img/pay/btc.svg") no-repeat top center;
    background-size: auto 100%;
    aspect-ratio: 15/27;
}
.bests-cur.eth {
    background: url("../img/pay/eth.svg") no-repeat top center;
    background-size: auto 100%;
    aspect-ratio: 18/28;
}
.best-table .rounded-end {
    line-height: 18px;
}
.classic-t .rounded-end {
    line-height: 18px;
}

@media (max-width: 540px) {
    .best-table .rounded-end {
        line-height: 14px;
        padding-right: 15px !important;
    }
    .classic-t .rounded-end {
        line-height: 14px;
        padding-right: 15px !important;
    }
    .bests-cur {
        padding-right: 4vw !important;
        height: 17px;
        background-position: 100% -1px !important;
    }
    .bests-cur.eth {

        height: 20px !important;
    }
}
@media (min-width: 541px) and (max-width: 990px) {
    .bests-cur {
        padding-right: 2.4vw;
        height: 19px;
    }
}
.promocode-container {
    background: #210147;
    border-radius: 15px;
    padding: 10px 10px;
    margin-top: 5%;
    margin-bottom: 5%;
}
.promocode {
    background: none;
    outline: none;
    box-shadow: none;
    color: white;
    border: 0;
    color: white;
    font-family: 'Alibaba';
    line-height: 16px;
    font-size: 16px;
    width: 57%;
}
.promocode::placeholder {
    color: rgba(255,255,255,0.8);
    font-size: 12px;
}
.promocode-container .btn-login {
    margin: 0;
    text-align: center;
    display: inline-block;
    width: 40%;
}
@media (min-width: 1200px) {
    .lang_KZ .promocode-container .btn-login,
    .lang_RU .promocode-container .btn-login {
        font-size: 0.8vw;
    }
}

.promo-th {
    padding-top: 2% !important;
    vertical-align: top;
}
@media (max-width: 540px) {
    .promocode {
        width: 55%;
    }
    .promocode-container .btn-login {
        line-height: 32px;
        font-size: 16px;
    }
    .promocode-container {
        margin-top: 5%;
    }
}
@media (min-width: 541px) and (max-width: 767px) {
    .promocode {
        width: 54%;
    }
    .promocode-container .btn-login {
        line-height: 32px;
        font-size: 16px;
    }
    .promocode-container {
        margin-top: 10%;
        width: 60%;
        margin: 5% auto 0 auto;
    }
}
@media (max-width: 767px) {
    .hide-low {
        display: none;
    }
}
.pay_banner_RU, .pay_banner_KZ, .pay_banner_EN {
    aspect-ratio: 1920/440;
}
.pay_banner_EN {
    background: url("../img/pay/banner_EN_pc.jpg") no-repeat top center;
    background-size: 100% auto;
}
.pay_banner_RU {
    background: url("../img/pay/banner_RU_pc.jpg") no-repeat top center;
    background-size: 100% auto;
}
.pay_banner_KZ {
    background: url("../img/pay/banner_KZ_pc.jpg") no-repeat top center;
    background-size: 100% auto;
}
@media (max-width: 990px) {
    .pay_banner_RU, .pay_banner_KZ, .pay_banner_EN {
        aspect-ratio: 1920/628;
    }
    .pay_banner_EN {
        background: url("../img/pay/banner_EN.jpg") no-repeat top center;
        background-size: 100% auto;
    }
    .pay_banner_RU {
        background: url("../img/pay/banner_RU.jpg") no-repeat top center;
        background-size: 100% auto;
    }
    .pay_banner_KZ {
        background: url("../img/pay/banner_KZ.jpg") no-repeat top center;
        background-size: 100% auto;
    }
}
.chat-sidebar {
    width: 0;
    transition: width 0.3s ease;
    position: relative;
    border-left: 7px solid #0080FF;
    margin-right: -7px;
    background: #3D0085 !important;
}
.chat-sidebar.a {
    position: absolute;
    z-index: 900;
    height: 100%;
    right: 0;
}
.chat-sidebar-toggle {
    content: "";
    background: url("../img/chat/chat_button.png") no-repeat bottom center;
    background-size: auto 200%;
    aspect-ratio: 70 / 139;
    position: absolute;
    width: 25px;
    cursor: pointer;
    top: 50%;
    left: -31px;
    z-index: 1000;
}
@media (max-width: 1199px) {
    .chat-sidebar-toggle {
        display: none;
    }
}
.show .chat-sidebar-toggle {
    background-position: top center;
}
.chat-sidebar.show {
    width: 375px;
}
.chat-content {
    padding: 20px 0px 0 0px;
    max-height: 100%;
}
.chat-pic {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.chat-pic .custom-pic {
    width: 94%;
}
.chat .main-body > .navbar {
    margin-left: 2.5vw;
}
.chat .text3d-1, .chat .text3d-2 {
    font-size: 2vw;
}
.chat .main-line-string {
    font-size: 14px;
}
.chat .selector-title.express {
    width: 10vw;
}
.chat .selector-title.classic {
     width: 8vw;
 }
.chat .express-selector-block .selector-online,
.chat .express-selector-block .selector-online b,
.chat .classic-selector-block .selector-online,
.chat .classic-selector-block .selector-online b
{
    font-size: 1vw;
}

.lang_KZ.chat .express-selector-block .selector-online,
.lang_KZ.chat .express-selector-block .selector-online b,
.lang_KZ.chat .classic-selector-block .selector-online,
.lang_KZ.chat .classic-selector-block .selector-online b
{
    font-size: 0.9vw;
}

.chat .express-selector-block .selector-online,
.chat .classic-selector-block .selector-online {
    padding-left: 1.3vw;
    top: -0.4vw;
}

.chat .selector-online.classic:before,
.chat .selector-online.express:before {
    width: 1.3vw;
    height: 1.3vw;
    background-size: 100% auto;
}
.chat .selector-data-row {
    font-size: 1vw;
}
.chat .selector-amount, .chat .selector-time, .chat .selector-win {
    padding-left: 1.8vw;
    background-size: 1.6vw;
    line-height: 1.6vw;
}
.chat .selector-win {
    background-size: 1.6vw 100%;
    margin-left: 0.5vw;
}
.chat .selector-time {
    margin-left: 0.5vw;
}
.chat .foot-nav a {
    font-size:0.8vw;
}
.chat .wins-table-container table tbody tr td {
    font-size: 0.9vw;
}

.chat-user {
    width: 50%;
    display: inline-block;
}
.chat-info {
    width: 47%;
    display: inline-block;
    text-align: right;
    float: right;
    font-weight: bold;
    line-height: 25px;
}
.chat-info-label {
    background: url("../img/express/info_icon.svg") no-repeat center right;
    background-size: auto 100%;
    padding-right: 36px;
    font-size: 19px;
    cursor: pointer;
}
.chat-info-people {
    background: url("../img/user_icon.svg") no-repeat center right;
    background-size: auto 100%;
    padding-right: 36px;
    font-size: 19px;
    margin-top: 9px;
}
.chat-top {
    border-bottom: 3px solid #7037B4;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 25px;
}
.chat-user .main-profile-name-current {
    float: left;
    width: 30%;
    line-height: 1.3vw;
}
@media (max-width: 540px) {
    .chat-user .main-profile-name-current {
        line-height: 20px;
    }
}


.chat-control {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 30px 10px 20px;
    background: #3D0085;
    border-top: 3px solid #7037B4;
    display: none;
}
.chat-sidebar.show .chat-control {
    display: block;
}
.chat-text-body {
    background: #280552;
    border: 0;
    border-radius: 0.5em;
    width: 100%;
    height: 83px;
    margin: 0.5vw 0;
    color: white;
}
#chat-message {
    background: transparent;
    border: 0;
    width: 80%;
    height: 100%;
    resize: none;
    color: white;
    outline: none !important;
    padding: 9px;
}
#chat-message::-webkit-scrollbar {
    width: 4px;
}

#chat-message::-webkit-scrollbar-track {
    width: 6px;
    background-color: #06F7FF;
}

#chat-message::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #6900EA;
}
.chat-buttons-container {
    float:right;
    border-left: 2px solid #7037B4;
    width: 60px;
    height: 63px;
    margin-top: 10px;
    position: relative;
    padding-right: 7px;
}
.chat-send {
    background: url("../img/chat/send.svg") no-repeat top center;
    background-size: 100% auto;
    opacity: 0.8;
    aspect-ratio: 26/25;
    cursor: pointer;
    width: 21px;
    margin: 0 auto;
}
.chat-stickers {
    background: url("../img/chat/stickers.svg") no-repeat top center;
    opacity: 0.8;
    background-size: 100% auto;
    aspect-ratio: 26/27;
    cursor: pointer;
    width: 21px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 17px;
}
.chat-send:hover {
    opacity: 1;
}
.chat-stickers:hover {
    opacity: 1;
}
.main-body {
    transition: margin-left 0.3s ease;
    margin-left: 0;
}
@media (max-width: 1199px) {
    .chat-control {
        bottom: 49px;
    }
    .chat-sidebar.show {
        width: 100%;
    }
    .chat .main-body {
        margin-left: -100%;
    }
    .chat-body {
        padding-bottom: 220px !important;
    }
}
@media (min-width: 541px) and (max-width: 1199px) {
    .chat-user .profile-pic {
        height: 55px;
        width: 55px;
    }
}
@media (max-width: 540px) {
    .chat-user .profile-pic {
        height: 14vw;
        width: 14vw;
    }
}
.chat-message {
    background: #350074;
    border-radius: 5px;
    margin: 15px 20px 15px 20px;
    padding: 10px;
    display: flex;
}
.chat-message-pic {
    width: 50px;
    display:inline-block;
    margin-top: -5px;
    margin-right: 10px;
}
.chat-message-body {
    display: inline-block;
    min-width: 243px;
    width: 81%;
    word-wrap: break-word;
    position: relative;
    padding-bottom: 15px;
}
.chat-message-name {
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}
.chat-body {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 190px;
}
.chat-body::-webkit-scrollbar {
    width: 4px;
}

.chat-body::-webkit-scrollbar-track {
    width: 6px;
    background-color: #06F7FF;
}

.chat-body::-webkit-scrollbar-thumb {
    width: 6px;
    background-color: #6900EA;
}
.stickers-block {
    position: absolute;
    bottom: 31px;
    width: 280px;
    height: 308px;
    padding-top: 12px;
    background: #350074;
    border: 3px solid #7037B3;
    border-radius: 10px;
    left: -250px;
    text-align: center;
    display: none;
    overflow: hidden;
    z-index: 1000;
}
.stickers-block.a {
    display: block;
}
.chat-sticker {
    width: 22%;
    display: inline-block;
    cursor: pointer;
}
.stickers-block-lock {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 1px;
}
.block-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.block-content .lvl-up {
    bottom: -50px;
    right: 50%;
    display: none;
    transform: translateX(50%);
}
.chat-message-text .img-fluid {
    width: 165px;
}
.chat .two-auth-profile-col {
    padding-top: 0.3vw;
    padding-left: 1vw;
}
.chat .two-auth-profile-col p {
    margin-bottom: 0;
}

.chat .pay-type-row {
    font-size: 1vw;
}
.chat .currency-rate {
    font-size: 0.7vw;
}
.chat-title {
    font-weight: bold;
    height: 60px;
    font-size: 18px;
    line-height: 27px;
}
.stickers-shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 900;
}
.stickers-shadow.a {
    display: block;
}
.menu-shadow {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 900;
}
.menu-shadow.a {
    display: block;
}
.col-mchat.a {
    background: #7e1bf3;
    padding-bottom: 10px;
}
.chat .top-banner-comment h2 {
    font-size: 32px;
}
.chat .classic .top-banner-comment {
    padding: 2% 1.5% 0 0;
}
.chat .bet-cell-title {
    font-size: 1.5vw;
}

.chat .top-banner-comment {
    padding: 2% 0 0 1.5% ;
}

.chat .banner-comment-block {
    padding-top: 1vw !important;
}
.chat .banner-comment-block p{
    margin-top: 0;
}
.mobile .vid-big-banner {
    aspect-ratio: 1918/628;
}
.mobile #banner-video-slide .owl-item, .mobile #banner-video-slide .carousel-item {
    aspect-ratio: 1918 / 628;
}

.mobile #banner-video-slide {
    aspect-ratio: 1918 / 628;
}
#banner-video-slide .owl-dots {
    display: none !important;
}
.chat.desktop-body #preloader .preloader-spin {
    left: 41%;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.25),
only screen and (-o-min-device-pixel-ratio: 5/4),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25) {
    .chat #preloader {
        left: 0;
    }
    @media (min-width: 1350px) and (max-width: 1500px) {
        .payment-systems {
            margin-bottom: 4px !important;
        }
    }

}
.chat #preloader.force .preloader-spin {
    left: 51%;
}

.sub-big-banner {
    background-size: 100% auto;
    aspect-ratio: 1729/380;
    padding: 2.6vw 3vw;
    position: relative;
}
.lang_RU .sub-big-banner {
    background: url("../img/subscription/banner_RU.jpg?v=2") no-repeat top center;
    background-image: url("../img/subscription/banner_RU.jpg?v=2");
    background-size: 100% auto;
}
.lang_KZ .sub-big-banner {
    background: url("../img/subscription/banner_KZ.jpg?v=2") no-repeat top center;
    background-image: url("../img/subscription/banner_KZ.jpg?v=2");
    background-size: 100% auto;
}
.lang_EN .sub-big-banner {
    background: url("../img/subscription/banner_EN.jpg?v=2") no-repeat top center;
    background-image: url("../img/subscription/banner_EN.jpg?v=2");
    background-size: 100% auto;
}
@media (max-width: 540px) {
    .lang_RU .sub-big-banner {
        background: url("../img/subscription/m_banner_RU.jpg?v=2") no-repeat top center;
        background-image: url("../img/subscription/m_banner_RU.jpg?v=2");
        background-size: 100% auto;
        aspect-ratio: 1200/480;
    }

    .lang_KZ .sub-big-banner {
        background: url("../img/subscription/m_banner_KZ.jpg?v=2") no-repeat top center;
        background-image: url("../img/subscription/m_banner_KZ.jpg?v=2");
        background-size: 100% auto;
        aspect-ratio: 1200/480;
    }

    .lang_EN .sub-big-banner {
        background: url("../img/subscription/m_banner_EN.jpg?v=2") no-repeat top center;
        background-image: url("../img/subscription/m_banner_EN.jpg?v=2");
        background-size: 100% auto;
        aspect-ratio: 1200/480;
    }
}
.subscription-page-body {
    padding: 2em;
}
.subscription-page-body .help-faq-header h2 {
    font-size: 24px;
}
.subscription-page-body .advantage-item {
    background: url("../img/subscription/adv_bg.png") no-repeat top center;
    background-size: 100% auto;
    aspect-ratio: 1072/339;
}
@media (min-width: 576px) {
    .subscription-page-body .advantage-item {
        width: 32%;
    }
}

.sub-adv-body {
    padding-top: 20px;
}
.advantage-text {
    text-transform: uppercase;
    padding-left: 0.5vw;
    font-size: 0.9vw;
    line-height: 0.9vw;
}
@media (max-width: 575px) {
    .advantage-text {
        font-size: 2.3vw;
        line-height: 3.5vw;
    }
}
.advantage-icon {

}
.sub-sub-body {
    padding-top: 30px;
}
.sub-sub-body .sub-title {
    text-align: center;
    border-top:2px solid #4E00AA;
}
.sub-sub-body .sub-title > div {
    width: 50%;
    margin: 0 auto;
    line-height: 35px;
    font-size: 1vw;
    font-weight: bold;
    font-family: 'Alibaba';
    background: #4E00AA;
    padding-bottom: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
@media (max-width: 990px) {
    .sub-sub-body .sub-title > div {
        font-size: 2vw;
    }
}
@media (max-width: 540px) {
    .sub-sub-body .sub-title > div {
        font-size: 3vw;
    }
}
.sub-sub-body .subitem1 .sub-title > div {
    color: #9BFF4E;
}
.sub-sub-body .subitem2 .sub-title > div {
    color: #57E3FF;
}
.sub-sub-body .subitem3 .sub-title > div {
    color: #FF9E01;
}
.subscription-page-body .subscription-item {
    background: #3D0085;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.38);
    box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.38);
    position: relative;
}
.subscription-page-body .subscription-item.active {
    border: 2px solid #B695FF;
}
@media (min-width: 576px) {
    .subscription-page-body .subscription-item {
        width: 31.5%;
    }
}
.subscription-item .sub-descr {
    text-align: center;
    font-family: 'Alibaba';
    font-weight: bold;
    margin: 20px 0 0 0;
    font-size: 20px;
    line-height: 35px;
}
.subscription-item .sub-old-price {
    color: #B695FF;
    font-weight: bold;
    font-family: 'Alibaba';
    text-decoration: line-through;
    text-align: right;
}
.sub-discount {
    text-align: center;
    margin: 0 5px;
}
.sub-discount > div {
    display: inline-block;
    padding: 0 7px;
    font-weight: bold;
}
.sub-sub-body .subitem1 .sub-discount > div {
    color: #9BFF4E;
    border: 2px solid #9BFF4E;
    border-radius: 5px;
}
.sub-sub-body .subitem2 .sub-discount > div {
    color: #57E3FF;
    border: 2px solid #57E3FF;
    border-radius: 5px;
}
.sub-sub-body .subitem3 .sub-discount > div {
    color: #FF9E01;
    border: 2px solid #FF9E01;
    border-radius: 5px;
}
.sub-sub-body .sub-cur-price {
    background: url(../img/usd.svg) no-repeat top left;
    background-size: 19px auto;
    padding-left: 21px;
    font-weight: bold;
    font-family: 'Alibaba';
    font-size: 29px;
    line-height: 29px;
    background-position: 0 0;
}
.sub-sub-body .sub-btn {
    border-top:2px solid #4E00AA;
    margin-top: 15px;
}
.sub-sub-body .sub-btn .btn {
    margin: 20px auto !important;
    display: block;
    width: 46%;
    padding-top: 0;
    padding-bottom: 2px;
}
.sub-sub-body .sub-btn .btn.active {
    border: 0;
    width: 56%;
    background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%), #9e71ff;
}
.lang_RU .sub-sub-body .sub-btn .btn {
    width: 66%;
}
.sub-prices > div > div {
    display: inline-block;
    width: auto;
}
.sub-prices > div {
    text-align: center;
}

.chat .modal.show .modal-dialog {
    transform: translateX(-150px);
}
.subscription-page-body .subscription-item .activated {
    display: none;
}
.subscription-page-body .subscription-item.active .activated {
    position: absolute;
    display: block;
    top: -28px;
}
.subscription-page-body .subscription-item.active .activated > div {
    width: 56%;
    color: white;
    background: #B695FF;
    text-align: center;
    font-family: 'Alibaba';
    margin: 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 28px;
}
.mistake-avail {
    width: 180px;
    background: #7335BC;
    position: absolute;
    text-align: center;
    left: 32px;
}
.mistake-avail.basketball36 {
    left: 87px;
}
.mistake-avail.basketball48 {
    left: 107px;
}
.mistake-avail.football510 {
    left: 87px;
}
.mistake-avail.box39 {
    left: 69px;
}
.mistake-avail.box412 {
    left: 69px;
}
.mistake-avail.tennis515 {
    left: 87px;
}
#mistakeModal .modal-content {
    padding: 0 !important;
}
.mistake-head {
    text-align: center;
}
.mistake-text {
    text-align: center;
    color: #9E71FF;
    padding: 0 15px;
    font-family: 'Alibaba';
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.mistake-buttons {
    text-align: center;
    margin-bottom: 20px;
}
.mistake-buttons .btn {
    min-width: 100px;
    padding: 5px 10px;
    line-height: 22px;
    margin: 0 5px;
    font-size: 22px;
}
#next-give {
    padding: 2px 5px;
    font-size: 0.6vw !important;
    margin-top: 0.3vw; background: radial-gradient(85.76% 79.8% at 22.6% 14.1%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 59.5%, rgba(255, 255, 255, 0) 100%), #9e71ff;
}
.left-sub, .right-sub {
    display: none;
}
@media (max-width: 540px) {
    #next-give {
        font-size: 12px !important;
        margin-left: 0 !important;
    }
    .myGallery .owl-item {
         padding: 20px 50px 0 40px;
    }
    .myGallery .subscription-item {
        margin: 8px;
    }
    .left-sub, .right-sub {
        display: block;
        position: absolute;
        bottom: 245px;
        z-index: 100;
    }
    .right-sub {
        right: 25px;
    }
}
#next-give.dis {
    display: none;
}

.lang_RU .subscription-page-body .subscription-item.active .activated > div {
    width: 85%;
}
.lang_KZ .subscription-page-body .subscription-item.active .activated > div {
    width: 85%;
}
@media (max-width: 991px) {
    .mobile-body .sub-sub-body .sub-title > div {
        width: 80%;
    }
}
.gr{
    color: #3de73d;
}
.share-result {
    font-size: 14px;
    line-height: 16px;
    padding: 3px 5px;
    background-image: url(../img/chat/send.svg);
    background-repeat: no-repeat;
    background-position: 1px center;
    padding-left: 22px;
    background-size: 18px;
    padding-bottom: 5px;
}
.share-result:hover {
    background-image: url(../img/chat/send.svg);
    background-repeat: no-repeat;
    background-position: 1px center;
    background-size: 18px;
}
.bet-game-link {
    position: absolute;
    right: 0;
    top: 0;
}
.bet-game-link .btn {
    font-size: 12px;
    line-height: 14px;
    padding: 5px 5px;
}
.chat-bet-result {
    margin: 15px 0;
    background: #6a19cb;
}
.bet-game-cf {
    display: inline-block;
    background: #825cac;
    margin: 0 5px;
    border-radius: 5px;
    padding: 0 5px;
}
.bet-game-bet {
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 23px;
}
.bet-game-cont {
    background: #280552;
    border-radius: 5px;
    padding: 5px;
    margin: 10px 0;
}
.lname {
    background: #825cac;
    margin: 0 5px;
    border-radius: 5px;
    padding: 4px 5px;
    font-size: 12px;
    position: relative;
    top: 2px;
}

.lang_RU .subscription-page-body .subscription-item.active .activated > div {
    width: 85%;
}
.lang_KZ .subscription-page-body .subscription-item.active .activated > div {
    width: 85%;
}
@media (max-width: 991px) {
    .mobile-body .sub-sub-body .sub-title > div {
        width: 80%;
    }
}