.circle-info,.ct-title,.ct-title-2,.win-page .win-box {
    text-align: center
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Medium.eot);
    src: local('SF Pro Display Medium'),local('SFProDisplay-Medium'),url(../fonts/SFProDisplay/SFProDisplay-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Medium.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Medium.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Heavy.eot);
    src: local('SF Pro Display Heavy'),local('SFProDisplay-Heavy'),url(../fonts/SFProDisplay/SFProDisplay-Heavy.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Heavy.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Heavy.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Heavy.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-UltralightItalic.eot);
    src: local('SF Pro Display UltralightItalic'),local('SFProDisplay-UltralightItalic'),url(../fonts/SFProDisplay/SFProDisplay-UltralightItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-UltralightItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-UltralightItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-UltralightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-RegularItalic.eot);
    src: local('SF Pro Display Regular Italic'),local('SFProDisplay-RegularItalic'),url(../fonts/SFProDisplay/SFProDisplay-RegularItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-RegularItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-RegularItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-RegularItalic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Thin.eot);
    src: local('SF Pro Display Thin'),local('SFProDisplay-Thin'),url(../fonts/SFProDisplay/SFProDisplay-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Thin.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Thin.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Light.eot);
    src: local('SF Pro Display Light'),local('SFProDisplay-Light'),url(../fonts/SFProDisplay/SFProDisplay-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Light.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Light.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Light.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-BlackItalic.eot);
    src: local('SF Pro Display Black Italic'),local('SFProDisplay-BlackItalic'),url(../fonts/SFProDisplay/SFProDisplay-BlackItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-BlackItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-BlackItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Bold.eot);
    src: local('SF Pro Display Bold'),local('SFProDisplay-Bold'),url(../fonts/SFProDisplay/SFProDisplay-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Bold.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Bold.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Black.eot);
    src: local('SF Pro Display Black'),local('SFProDisplay-Black'),url(../fonts/SFProDisplay/SFProDisplay-Black.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Black.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Black.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-SemiboldItalic.eot);
    src: local('SF Pro Display SemiboldItalic'),local('SFProDisplay-SemiboldItalic'),url(../fonts/SFProDisplay/SFProDisplay-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-SemiboldItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-SemiboldItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-SemiboldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Ultralight.eot);
    src: local('SF Pro Display Ultralight'),local('SFProDisplay-Ultralight'),url(../fonts/SFProDisplay/SFProDisplay-Ultralight.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Ultralight.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Ultralight.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-LightItalic.eot);
    src: local('SF Pro Display LightItalic'),local('SFProDisplay-LightItalic'),url(../fonts/SFProDisplay/SFProDisplay-LightItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-LightItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-LightItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-LightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-ThinItalic.eot);
    src: local('SF Pro Display ThinItalic'),local('SFProDisplay-ThinItalic'),url(../fonts/SFProDisplay/SFProDisplay-ThinItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-ThinItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-ThinItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-MediumItalic.eot);
    src: local('SF Pro Display MediumItalic'),local('SFProDisplay-MediumItalic'),url(../fonts/SFProDisplay/SFProDisplay-MediumItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-MediumItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-MediumItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Semibold.eot);
    src: local('SF Pro Display Semibold'),local('SFProDisplay-Semibold'),url(../fonts/SFProDisplay/SFProDisplay-Semibold.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Semibold.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Semibold.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Semibold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-HeavyItalic.eot);
    src: local('SF Pro Display HeavyItalic'),local('SFProDisplay-HeavyItalic'),url(../fonts/SFProDisplay/SFProDisplay-HeavyItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-HeavyItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-HeavyItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-HeavyItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-Regular.eot);
    src: local('SF Pro Display Regular'),local('SFProDisplay-Regular'),url(../fonts/SFProDisplay/SFProDisplay-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-Regular.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-Regular.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay/SFProDisplay-BoldItalic.eot);
    src: local('SF Pro Display BoldItalic'),local('SFProDisplay-BoldItalic'),url(../fonts/SFProDisplay/SFProDisplay-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/SFProDisplay/SFProDisplay-BoldItalic.woff2) format('woff2'),url(../fonts/SFProDisplay/SFProDisplay-BoldItalic.woff) format('woff'),url(../fonts/SFProDisplay/SFProDisplay-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

.super-cark-page {
    padding-bottom: 40px
}

.super-cark-page * {
    box-sizing: border-box
}

.super-cark-page button {
    padding: 0;
    border: 0;
    appearance: none;
    border-radius: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

.cark-static-img {
    width: 100%;
    height: auto
}

.cark-container {
    padding-right: 15px;
    padding-left: 15px
}

.cark-container.top {
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/pane.png) center 100px
}

.cark-header {
    padding-top: 40px;
    margin-bottom: 20px
}

.circle-info {
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: rgba(255,255,255,.3);
    border-radius: 100%
}

.circle,.circle-inner,.ct-cell {
    position: relative
}

.circle-inner {
    width: 240px;
    height: 240px
}

.circle-inner canvas {
    width: 240px!important;
    height: 240px!important
}

.circle-info {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    z-index: 1;
    left: 20px;
    top: 20px
}

.circle-icon {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 10px
}

.circle-text {
    flex: 0 0 100%;
    width: 100%;
    color: #4c545f;
    font-size: 19px;
    font-weight: 300
}

.circle-count {
    color: #181b1f;
    font-weight: 800;
    font-size: 30px
}

.circle {
    z-index: 5
}

.ct-title {
    color: #e12d32;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: -.02em
}

.ct-title-2 {
    font-weight: 800;
    font-size: 35px;
    line-height: 58px;
    color: #181b1f
}

#firstCircle+.circle-info {
    border: 2px dashed rgba(225,45,51,.3)
}

#secondCircle+.circle-info {
    border: 2px dashed rgba(254,168,51,.3)
}

#thirdCircle+.circle-info {
    border: 2px dashed rgba(14,202,179,.3)
}

.circle-progress-frame {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 50px;
    margin-top: 40px
}

.cark-container.top,.cark-top-bar,.desktop {
    display: none!important
}

.ct-cell {
    flex: 1;
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/cark-line.png) right bottom no-repeat;
    padding-left: 8px
}

.ct-cell:last-child {
    background: 0 0
}

.ct-cell-icon {
    margin-right: 10px;
    flex: 0 0 50px
}

.ct-cell-name {
    color: #d7d8da;
    font-size: 12px;
    font-weight: 600
}

.ct-cell-text {
    color: #fff;
    font-weight: 600;
    font-size: 16px
}

.cark-bottom-frame {
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/bottom-bg.png) center top no-repeat
}

.mobile {
    display: inline-flex!important
}

.cark-static-banner {
    font-size: 0
}

@media screen and (min-width: 1330px) {
    .cark-static-banner {
        position:relative;
        overflow: hidden;
        text-align: center;
        height: 100%;
        width: 100%
    }

    .cark-static-img {
        position: absolute;
        left: -100%;
        right: -100%;
        top: 0;
        bottom: inherit;
        margin: auto;
        width: auto;
        height: auto;
        z-index: 1;
        max-width: none
    }

    .cark-banner {
        height: 620px
    }

    .circle-inner {
        width: 400px;
        height: 400px
    }
}

@media screen and (min-width: 1200px) {
    .circle-inner {
        width:400px;
        height: 400px
    }

    .circle-inner canvas {
        width: 400px!important;
        height: 400px!important
    }

    .circle-count {
        font-size: 35px
    }

    .circle-text,.ct-cell-text {
        font-size: 27px
    }

    .circle-info {
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        z-index: 1;
        left: 30px;
        top: 30px
    }

    .ct-cell {
        padding-left: 24px
    }

    .ct-cell-icon {
        margin-right: 24px
    }

    .ct-cell-name {
        font-size: 16px
    }
}

@media screen and (min-width: 1024px) {
    .circle-progress-frame {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding-bottom: 100px
    }
}

@media screen and (max-width: 1200px) {
    .circle-cell {
        display:flex;
        justify-content: center
    }

    .cark-container {
        width: 100%;
        min-width: auto
    }
}

@media screen and (min-width: 768px) {
    .cark-top-bar {
        display:flex!important;
        background: linear-gradient(180deg,#4c545f 0,#3e454f 100%);
        border-radius: 12px;
        height: 104px;
        margin-top: -52px;
        z-index: 10;
        position: relative;
        margin-bottom: 50px
    }

    .cark-container.top,.desktop {
        display: block!important
    }

    .mobile {
        display: none!important
    }
}

.win-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    opacity: 1;
    visibility: visible;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item.hidden,.freespin-popup,.grecaptcha-badge,.slick-loading .slick-slide,.slick-loading .slick-track,.slideThree input[type=checkbox],.win-page.hide {
    visibility: hidden
}

.win-page canvas.hide {
    display: none
}

.win-page.hide {
    opacity: 0
}

.win-page .win-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 2;
    justify-content: center
}

.win-page .win-box .win-box-inner {
    padding: 40px;
    background: linear-gradient(180deg,#4c545f 0,#3e454f 100%);
    color: #fff;
    border-radius: 8px;
    min-height: 270px;
    position: relative;
    z-index: 10
}

.win-page .win-box .outer-confetti {
    width: 420px;
    height: 300px;
    position: absolute;
    z-index: 1;
    background: url(../../i/supertotobet_new/mobile/jackpot/wheel/top-confetti.png) center center no-repeat;
    left: 50%;
    transform: translateX(-50%);
    top: -140px
}

.win-page .win-box .inner-confetti {
    position: absolute;
    width: 369px;
    height: 132px;
    z-index: 20;
    background: url(../../i/supertotobet_new/mobile/jackpot/wheel/inner-confetti.png) center center no-repeat;
    top: -40px;
    left: 50%;
    transform: translateX(-50%)
}

.win-page .win-box .win-box-img {
    margin-bottom: 20px
}

.win-page .win-box .win-box-txt {
    font-size: 16px;
    background: linear-gradient(180deg,#0ecab3 0,#0caba2 100%);
    box-shadow: inset 0 -2px 12px rgba(62,255,255,.7);
    width: 236px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: .6em
}

.award-tab .award-tab-list ul,.win-page .win-box .box-close {
    background: linear-gradient(180deg,#4c545f 0,#3e454f 100%);
    display: flex
}

.win-page .win-box .win-box-bonus {
    color: #fff;
    font-size: 35px;
    margin-bottom: 15px;
    letter-spacing: -.02em;
    margin-top: 20px
}

.win-page .win-box .win-box-message {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #d3dbe4;
    letter-spacing: -.02em
}

.win-page .win-box .box-close {
    height: 40px;
    align-items: center;
    justify-content: space-evenly;
    color: #fff;
    font-size: 13px;
    width: 180px;
    border-radius: 6px;
    letter-spacing: -.02em;
    border: 1px solid #737b87
}

.award-tab .award-tab-list {
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

.award-tab .award-tab-list ul {
    overflow: hidden;
    border-radius: 8px;
    height: 48px;
    width: 610px;
    list-style: none
}

.content_wrap.shift_left .left_menu,.navigation-wrapper,.sb-menu-container,.sbt-wrapper,.slots-menu-wrapper {
    -webkit-overflow-scrolling: touch
}

.award-tab .award-tab-list ul li {
    flex: 1 1 auto
}

.award-tab .award-tab-list ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d6d8da;
    font-size: 14px;
    font-weight: 600;
    height: 48px;
    text-transform: capitalize
}

.award-tab .award-tab-list ul li a img {
    display: none;
    margin-right: 10px
}

.award-tab .award-tab-list ul li.active a {
    color: #fff;
    background: linear-gradient(180deg,#3e444e 0,#2f343d 100%)
}

.award-tab-content:not(:first-child) {
    display: none
}

.award-tab .award-tab-content .tab-wrapper {
    border-radius: 8px;
    width: 100%;
    margin: 0 auto;
    background: #4d5763;
    position: relative
}

.award-page-title {
    height: 54px;
    background: #4d5763;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-weight: 500;
    font-size: 19px;
    padding-left: 32px;
    display: flex;
    align-items: center;
    text-transform: capitalize
}

.award-page-title img {
    margin-right: 12px
}

.award-tab .award-tab-content .tab-wrapper .box {
    background-color: #4d545e;
    position: relative;
    padding: 0 12px 0 32px;
    height: 68px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #59616a
}

.award-tab .award-tab-content .tab-wrapper .box:nth-child(even) {
    background-color: #4b535d
}

.award-tab .award-tab-content .tab-wrapper .box:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 26px;
    width: 2px;
    height: 16px;
    background-color: #7c8796
}

.award-tab .award-tab-content .tab-wrapper .box:nth-child(-n+3):before {
    background-color: #d7b11b
}

.award-tab .award-tab-content .tab-wrapper .box .box-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    height: 67px;
    flex: 1
}

.award-tab .award-tab-content .tab-wrapper .box .box-group.last {
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/list-line.png) left top no-repeat;
    flex: 0 0 130px;
    width: 130px;
    background-size: 60px
}

.award-tab .award-tab-content .tab-wrapper .box .box-group .winner-img {
    height: 44px;
    width: 44px;
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/ellipse.png) center center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center
}

.award-tab .award-tab-content .tab-wrapper .box .box-group .winner-info {
    padding-left: 15px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex: 1
}

.award-tab .award-tab-content .tab-wrapper .box .box-group .winner-info.second {
    padding-left: 5px;
    flex-grow: 1.1
}

.award-tab .award-tab-content .tab-wrapper .box .box-group .w-txt {
    color: #d8d9dc;
    font-size: 12px;
    flex: 0 0 100%;
    width: 100%;
    font-weight: 600
}

.award-tab .award-tab-content .tab-wrapper .box .box-group .w-txt-2 {
    color: #fff;
    font-size: 14px;
    flex: 0 0 100%;
    width: 100%;
    font-weight: 600
}

.award-tab .award-tab-content .tab-wrapper .box .box-group.last {
    justify-content: flex-end
}

.award-tab .award-tab-content .tab-wrapper .box:nth-child(-n+4) .box-group.last .w-txt-2 {
    color: #fff5ce
}

.award-tab .award-tab-content .tab-wrapper .box .box-group.last .w-txt {
    color: #ffcc08;
    text-align: right
}

.award-tab .award-tab-content .tab-wrapper .box .box-group.last .w-txt-2 {
    text-align: right
}

.award-tab .award-tab-content .scroll {
    height: 613px;
    overflow-y: scroll;
    border-radius: 8px
}

.award-tab .award-tab-content .scroll:empty {
    display: none
}

.award-tab .award-tab-content .scroll.mini {
    height: 273px
}

.super-cark-page .award-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.super-cark-page .award-bottom-label-frame {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    width: 100%;
    margin-top: 40px
}

.super-cark-page .jackpot-box {
    margin-bottom: 10px;
    background: linear-gradient(180deg,#4c545f 0,#3e454f 100%);
    border-radius: 6px;
    height: 66px;
    display: flex;
    align-items: center;
    padding: 0 10px
}

.super-cark-page .jackpot-box .jp-icon {
    flex: 0 0 30px;
    width: 30px
}

.super-cark-page .jackpot-box .jp-text {
    padding-left: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 17px
}

.super-cark-page .jackpot-box .jp-text-name {
    font-size: 13px;
    letter-spacing: -.02em;
    color: #d7d9db
}

.super-cark-page .award-content {
    margin: 0 auto;
    width: 300px;
    position: relative;
    height: 300px;
    background: url(../../i/supertotobet_new/mobile/jackpot/wheel/wheel-bg.png) center center no-repeat;
    background-size: contain
}

.super-cark-page .award-content canvas {
    width: 270px;
    height: 270px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.super-cark-page .award-content button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 116px;
    height: 116px;
    z-index: 5;
    transform: translate(-50%,-50%);
    background: url(../../i/supertotobet_new/mobile/jackpot/wheel/wheel-button.png) center center no-repeat;
    transition: .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.super-cark-page .score-frame {
    display: flex;
    color: #fff;
    padding: 20px 10px
}

.super-cark-page .score-frame .point-cell {
    width: 100px;
    flex: 0 0 100px
}

.super-cark-page .score-frame .point-cell .point-circle {
    width: 100px;
    height: 100px;
    background: url(../../i/supertotobet_new/mobile/jackpot/super-cark/ellipse-large.png) center top no-repeat;
    display: flex;
    align-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-size: contain
}

.super-cark-page .score-frame .point-row {
    position: relative;
    z-index: 5;
    text-align: center;
    flex: 0 0 100%;
    width: 100%;
    padding: 0 10px
}

.super-cark-page .score-frame .point-row .point-count {
    color: #ffd337;
    font-weight: 800;
    font-size: 27px
}

.super-cark-page .score-frame .point-row .point-text {
    color: #fff;
    font-size: 11px;
    font-weight: 600
}

.super-cark-page .info-frame {
    padding-left: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.super-cark-page .info-frame .info-title {
    font-size: 16px;
    margin-bottom: 5px;
    width: 100%;
    letter-spacing: -.02em;
    color: #d3dbe4
}

.super-cark-page .info-frame .info-title strong {
    font-weight: 900
}

.super-cark-page .info-frame .info-row {
    font-size: 18px;
    margin-bottom: 10px;
    width: 100%;
    letter-spacing: -.02em;
    color: #fff
}

.super-cark-page .info-frame .info-row span {
    color: #dec102
}

.super-cark-page .info-frame .info-text {
    line-height: 1.4;
    width: 100%;
    letter-spacing: -.02em;
    color: #d3dbe4;
    font-size: 14px
}

.super-cark-page .white-link {
    color: #fff
}

.super-cark-page .sub-title {
    color: #fff;
    font-weight: 600;
    padding-left: 36px;
    font-size: 16px;
    border-top: 4px solid #58606a;
    height: 66px;
    display: flex;
    align-items: center;
    background: #4a535d
}

.super-cark-page ::-webkit-scrollbar {
    width: 9px
}

.super-cark-page ::-webkit-scrollbar-track {
    border-radius: 10px
}

.super-cark-page ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #863e38
}

.award-pointer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -25px;
    z-index: 15;
    background: url(../../i/supertotobet_new/mobile/jackpot/wheel/wheel-pin.png) left top no-repeat;
    width: 50px;
    height: 95px;
    background-size: 100%
}

@media screen and (min-width: 768px) {
    .super-cark-page .award-bottom-label-frame {
        display:grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 10px;
        width: 830px;
        margin-top: 40px
    }

    .super-cark-page .jackpot-box {
        margin-bottom: 0;
        padding-left: 20px
    }

    .super-cark-page .award-content canvas {
        width: 541px!important;
        height: 541px!important
    }

    .super-cark-page .award-content {
        width: 611px!important;
        height: 611px!important
    }

    .award-tab .award-tab-list ul li a img {
        display: inline-flex
    }

    .award-tab .award-tab-list ul li a {
        font-size: 16px
    }

    .super-cark-page .jackpot-box .jp-text {
        padding-left: 20px;
        font-size: 19px
    }

    .win-page .win-box {
        width: 650px
    }

    .award-tab .award-tab-content .tab-wrapper {
        width: 610px
    }

    .award-tab .award-tab-content .tab-wrapper .box .box-group .w-txt {
        font-size: 13px
    }

    .award-tab .award-tab-content .tab-wrapper .box .box-group .w-txt-2 {
        font-size: 18px
    }

    .super-cark-page .score-frame {
        padding: 32px
    }

    .super-cark-page .score-frame .point-cell .point-circle {
        width: 160px;
        height: 160px
    }

    .super-cark-page .score-frame .point-cell {
        width: 160px;
        flex: 0 0 160px
    }

    .super-cark-page .score-frame .point-row .point-count {
        font-size: 35px
    }

    .super-cark-page .score-frame .point-row .point-text {
        font-size: 13px
    }

    .super-cark-page .info-frame .info-row {
        font-size: 19px
    }

    .super-cark-page .info-frame .info-text {
        font-size: 13px
    }

    .super-cark-page .sub-title {
        font-size: 16px
    }

    .award-tab .award-tab-content .tab-wrapper .box .box-group.last {
        flex: 0 0 200px;
        width: 200px
    }

    .award-pointer {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -25px;
        z-index: 15;
        background: url(../../i/supertotobet_new/mobile/jackpot/wheel/wheel-pin.png) left top no-repeat;
        width: 67px;
        height: 95px;
        background-size: 100%
    }
}

@media screen and (min-width: 360px) {
    .super-cark-page .award-content {
        margin:0 auto;
        width: 360px;
        position: relative;
        height: 360px
    }

    .super-cark-page .award-content canvas {
        width: 312px;
        height: 312px
    }
}

.inner-confetti.hide,.outer-confetti.hide,.win-box-txt.hide {
    display: none!important
}

@font-face {
    font-family: K2D;
    src: url(../../fonts/K2D/K2D-Bold.woff2) format("woff2"),url(../../fonts/K2D/K2D-Bold.woff) format("woff"),url(../../fonts/K2D/K2D-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-F6D8
}

@font-face {
    font-family: K2D;
    src: url(../../fonts/K2D/K2D-Regular.woff2) format("woff2"),url(../../fonts/K2D/K2D-Regular.woff) format("woff"),url(../../fonts/K2D/K2D-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
    unicode-range: U+0020-F6D8
}

@-webkit-keyframes scroll {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(-100%,0)
    }
}

@-moz-keyframes scroll {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(-100%,0)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(-100%,0)
    }
}

.notification_content_ticker {
    border-bottom: 1px solid #e24139
}

.notification_content_ticker .notification_icon {
    color: #e24139;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg viewBox=0 0 512 512%3E%3Cpath fill=%23e24b38 d=M480 32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9L381.7 53c-48 48-113.1 75-181 75H192 160 64c-35.3 0-64 28.7-64 64v96c0 35.3 28.7 64 64 64l0 128c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V352l8.7 0c67.9 0 133 27 181 75l43.6 43.6c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V300.4c18.6-8.8 32-32.5 32-60.4s-13.4-51.6-32-60.4V32zm-64 76.7V240 371.3C357.2 317.8 280.5 288 200.7 288H192V192h8.7c79.8 0 156.5-29.8 215.3-83.3z/%3E%3C/svg%3E');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

@font-face {
    font-family: Panton;
    src: url(../../fonts/panton/panton-extrabolditalic-webfont.eot);
    src: url(../../fonts/panton/panton-extrabolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/panton/panton-extrabolditalic-webfont.woff2) format("woff2"),url(../../fonts/panton/panton-extrabolditalic-webfont.woff) format("woff"),url(../../fonts/panton/panton-extrabolditalic-webfont.ttf) format("truetype"),url(../../fonts/panton/panton-extrabolditalic-webfont.svg#panton_extrabolditalic) format("svg");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Panton;
    src: url(../../fonts/panton/panton-extrablack-webfont.woff2) format("woff2"),url(../../fonts/panton/panton-extrablack-webfont.woff) format("woff"),url(../../fonts/panton/panton-extrablack-webfont.svg#panton_extrablackregular) format("svg");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Panton;
    src: url(../../fonts/panton/panton-bold-webfont.woff2) format("woff2"),url(../../fonts/panton/panton-bold-webfont.woff) format("woff"),url(../../fonts/panton/panton-bold-webfont.svg#pantonbold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Panton;
    src: url(../../fonts/panton/panton-regular-webfont.woff2) format("woff2"),url(../../fonts/panton/panton-regular-webfont.woff) format("woff"),url(../../fonts/panton/panton-regular-webfont.svg#pantonregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto/Roboto-Regular.eot);
    src: url(../../fonts/Roboto/Roboto-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/Roboto/Roboto-Regular.woff) format('woff'),url(../../fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto/Roboto-Bold.eot);
    src: url(../../fonts/Roboto/Roboto-Bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/Roboto/Roboto-Bold.woff) format('woff'),url(../../fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto/Roboto-Medium.eot);
    src: url(../../fonts/Roboto/Roboto-Medium.eot?#iefix) format('embedded-opentype'),url(../../fonts/Roboto/Roboto-Medium.woff) format('woff'),url(../../fonts/Roboto/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: FontAwesome;
    src: url(../../fonts/fontawesome/fontawesome.eot);
    src: url(../../fonts/fontawesome/fontawesome.eot?#iefix) format('embedded-opentype'),url(../../fonts/fontawesome/fontawesome.woff2) format('woff2'),url(../../fonts/fontawesome/fontawesome.woff) format('woff'),url(../../fonts/fontawesome/fontawesome.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: fontello;
    src: url(../../fonts/icons/fontello.eot?52234256);
    src: url(../../fonts/icons/fontello.eot?52234256#iefix) format("embedded-opentype"),url(../../fonts/icons/fontello.woff2?52234256) format("woff2"),url(../../fonts/icons/fontello.woff?52234256) format("woff"),url(../../fonts/icons/fontello.ttf?52234256) format("truetype"),url(../../fonts/icons/fontello.svg?52234256#fontello) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: K2D;
    src: url(../../fonts/K2D/K2D-Regular.eot);
    src: url(../../fonts/K2D/K2D-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/K2D/K2D-Regular.woff2) format('woff2'),url(../../fonts/K2D/K2D-Regular.woff) format('woff'),url(../../fonts/K2D/K2D-Regular.otf) format('opentype'),url(../../fonts/K2D/K2D-Regular.ttf) format('truetype'),url(../../fonts/K2D/K2D-Regular.svg#K2Dregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: K2D;
    src: url(../../fonts/K2D/K2D-Bold.woff2) format("woff2"),url(../../fonts/K2D/K2D-Bold.woff) format("woff"),url(../../fonts/K2D/K2D-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

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

@font-face {
    font-family: FontAwesome5;
    src: url(../../fonts/icons/fa/fa-solid-900.eot);
    src: url(../../fonts/icons/fa/fa-solid-900.eot?#iefix) format('embedded-opentype'),url(../../fonts/icons/fa/fa-solid-900.woff) format('woff'),url(../../fonts/icons/fa/fa-solid-900.woff2) format('woff2'),url(../../fonts/icons/fa/fa-solid-900.ttf) format('truetype'),url(../../fonts/icons/fa/fa-solid-900.svg?52234256#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/Montserrat-Regular.eot);
    src: url(../../fonts/montserrat/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),url(../../fonts/montserrat/Montserrat-Regular.woff) format('woff'),url(../../fonts/montserrat/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/Montserrat-Medium.eot);
    src: url(../../fonts/montserrat/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),url(../../fonts/montserrat/Montserrat-Medium.woff) format('woff'),url(../../fonts/montserrat/Montserrat-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/Montserrat-Bold.eot);
    src: url(../../fonts/montserrat/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/montserrat/Montserrat-Bold.woff) format('woff'),url(../../fonts/montserrat/Montserrat-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: WWFlakesRegular;
    src: url(../../fonts/wwflakes-webfont.eot);
    src: url(../../fonts/wwflakes-webfont.eot?#iefix) format("embedded-opentype"),url(../../fonts/wwflakes-webfont.woff) format("woff"),url(../../fonts/wwflakes-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome5,FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.fa-lock:before {
    content: "\e819";
    font-family: fontello
}

[class*=" icon-"]:before,[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale
}

.icon-conversation:before,.icon-cup-3:before,.icon-energy:before,.icon-envelope:before,.icon-gift::before,.icon-mail:before,.icon-monitor:before,.icon-phone:before,.icon-user-add::before,.icon-user-login::before {
    font-family: icomoon!important
}

#bonus_ticket_modal .btn-action,.back-call__body .transactions_item_top_additional,.back-call__title b,.bottom-title,.btns-wrapper__item,.download-two-factor-authentication .cannot-scan,.enter-front-link__item,.form-title .form-control,.lc-tabs__item,.lcgd__dealer,.list-message-name,.lottery-button,.lottery-header-title-1,.lottery-header-title-2,.nav-link,.nav-menu-titles,.popup-tab-title,.request-bonus .back-call__title .title-text,.streak_items .streak_link .dealer,.success-stage h2,.theme-name {
    text-transform: uppercase
}

.icon-user-add::before {
    content: "\e922"
}

.icon-user-login::before {
    content: "\e921"
}

.icon-gift::before {
    content: "\e924"
}

.icon-monitor:before {
    content: "\e93a"
}

.icon-conversation:before {
    content: "\e906"
}

.icon-envelope:before {
    content: "\e907"
}

.icon-energy:before {
    content: "\e908"
}

.icon-phone:before {
    content: "\e909"
}

.icon-mail:before {
    content: "\e90a"
}

.icon-cup-3:before {
    content: "\e936"
}

.reg_form .form-item p,.reg_form .radio .wrap-radio label {
    font-family: Roboto,sans-serif
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.icon-american-football:before {
    content: '\e800'
}

.icon-basketball:before {
    content: '\e801'
}

.icon-bet-exchange:before {
    content: '\e802'
}

.icon-bingo:before {
    content: '\e803'
}

.icon-casino:before {
    content: '\e804'
}

.icon-close-circle:before {
    content: '\e805'
}

.icon-dollar:before {
    content: '\e806'
}

.icon-favorite-leagues:before {
    content: '\e807'
}

.icon-financial:before {
    content: '\e808'
}

.icon-star:before {
    content: '\e809'
}

.icon-live-bets:before {
    content: '\e80a'
}

.icon-live-games:before {
    content: '\e80b'
}

.icon-match-results:before {
    content: '\e80c'
}

.icon-password:before {
    content: '\e80d'
}

.icon-play:before {
    content: '\e80e'
}

.icon-poker:before {
    content: '\e80f'
}

.icon-promotions:before {
    content: '\e810'
}

.icon-question:before {
    content: '\e811'
}

.icon-slots:before {
    content: '\e812'
}

.icon-sport-bets:before {
    content: '\e813'
}

.icon-plus:before {
    content: '\e814'
}

.icon-stadium:before {
    content: '\e815'
}

.icon-tennis:before {
    content: '\e816'
}

.icon-today-matches:before {
    content: '\e817'
}

.icon-tv:before {
    content: '\e818'
}

.icon-user:before {
    content: '\e819'
}

.icon-virtual-bets:before {
    content: '\e81a'
}

.icon-volleyball:before {
    content: '\e81b'
}

.icon-winners:before {
    content: '\e81c'
}

.icon-whistle:before {
    content: '\e81d'
}

.icon-football:before {
    content: '\e81e'
}

.icon-close:before {
    content: '\e81f'
}

.icon-warning:before {
    content: '\e820'
}

.icon-down-dir:before {
    content: '\e821'
}

.icon-search:before {
    content: '\e822'
}

.icon-check:before {
    content: '\e823'
}

.icon-wallet:before {
    content: '\e824'
}

.icon-profile-circle:before {
    content: '\e825'
}

.icon-coupon:before {
    content: '\e826'
}

.icon-plus-circled:before {
    content: '\e827'
}

.icon-minus-circled:before {
    content: '\e828'
}

.icon-cancel-circled:before {
    content: '\e829'
}

.icon-financial-operation:before {
    content: '\e82a'
}

.icon-account-history:before {
    content: '\e82b'
}

.icon-support:before {
    content: '\e82c'
}

.icon-promotions-fill:before {
    content: '\e82d'
}

.icon-account-settings:before {
    content: '\e82e'
}

.icon-bank-accounts:before {
    content: '\e82f'
}

.icon-atm:before {
    content: '\e830'
}

.icon-ecopayz:before {
    content: '\e831'
}

.icon-loop-alt:before {
    content: '\e832'
}

.icon-twitter:before {
    content: '\f099'
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-mail-alt:before {
    content: '\f0e0'
}

.icon-angle-up:before {
    content: '\f106'
}

.icon-angle-down:before {
    content: '\f107'
}

.icon-youtube-play:before {
    content: '\f16a'
}

.icon-telegram:before {
    content: '\474'
}

.icon-instagram:before {
    content: '\f16d'
}

a {
    text-decoration: none;
    color: inherit
}

.content_inner {
    box-shadow: none
}

.shift_left .content_inner {
    left: 0
}

.shift_right .content_inner {
    right: 0
}

.content_wrap.shift_left .left_menu {
    overflow-y: auto
}

.content_wrap {
    background: 0 0;
    position: relative
}

html[data-route=forgot_password] .content_inner,html[data-route=forgot_password] .content_wrap,html[data-route=mobile_login] .content_inner,html[data-route=mobile_login] .content_wrap,html[data-route=login_error] .content_inner,html[data-route=login_error] .content_wrap {
    min-height: auto;
    height: auto!important
}

#slider .swiper-slide,#slider img {
    height: auto
}

html[data-route=login_error] #header .header-right-wrapper,html[data-route=login_error] #header .logo {
    display: none
}

html[data-route=login_error] #header {
    height: 0
}

#footer,html[data-route=forgot_password] #footer,html[data-route=mobile_login] #footer,html[data-route=login_error] #footer,html[data-route=registration] #footer {
    display: block!important
}

.header.logout .header-btn-login a span {
    display: block
}

.header.logout .header-btn-login {
    top: 5px
}

#comm100-button-21 {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 33.3%;
    height: 52px;
    text-align: center;
    z-index: 1000;
    background: url(../../../supertotobet_new/i/mobile/comm100-btn.png) 50% no-repeat;
    background-size: contain
}

#comm100-button-21 a {
    background: 0 0;
    display: inline-block;
    width: 100%;
    height: 100%
}

#comm100-button-21 a img,html[data-route=index] .profile_logout header .live_support,html[data-route=promotions] .profile_logout header .live_support {
    display: none
}

.home_top a.live_support span {
    padding-left: 2em
}

#slider img {
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    display: block
}

.width_50 {
    width: 50%!important;
    float: left
}

.icon-list-menu {
    display: inline-block;
    width: 30px;
    height: 40px;
    margin-left: 10px;
    text-align: center;
    float: left;
    color: #b8ddf1;
    font-size: 16px;
    line-height: 40px
}

.icon-list-menu .fa {
    color: #121618;
    border-radius: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background: #e2e6ed;
    background: linear-gradient(to bottom,#e2e6ed 0,#afb7c3 100%)
}

.nav-menu-titles {
    display: inline-block;
    float: left;
    width: calc(100% - 40px);
    padding-left: 5px;
    line-height: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: left;
    color: #afb7c3;
    font-weight: 700;
    font-size: 14px
}

.onlineSupport a {
    display: block;
    text-align: center;
    padding-top: 20px
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-glass:before {
    content: "\f000"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-flag:before {
    content: "\f024"
}

.fa-user:before {
    content: "\f007"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
    content: "\f080"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
    content: "\f1cd"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
    content: "\f19c"
}

.fa-rotate-left:before,.fa-undo:before {
    content: "\f0e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
    content: "\f00d"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-money::before {
    content: "\f0d6"
}

.fa-id-card::before {
    content: "\f2c2"
}

.fa-database::before {
    content: "\f1c0"
}

.fa-th-large::before {
    content: "\f009"
}

html[data-route=forgot_password] #content_block,html[data-route=mobile_login] #content_block,html[data-route=login_error] #content_block,html[data-route=registration] #content_block {
    height: 100%;
    background: 0 0!important
}

@media screen and (orientation: portrait) {
    html[data-route=forgot_password] .content_inner,html[data-route=forgot_password] .content_wrap,html[data-route=mobile_login] .content_wrap,html[data-route=login_error] .content_wrap {
        height:100%;
        overflow: hidden
    }
}

#profile_info_form .info-row #mobile_phone {
    padding-left: 10px
}

.reg_form .wrap_select select:-moz-placeholder,.reg_form .wrap_select select::-webkit-input-placeholder,.reg_form input[type=password]:-moz-placeholder,.reg_form input[type=password]::-webkit-input-placeholder,.reg_form input[type=text]:-moz-placeholder,.reg_form input[type=text]::-webkit-input-placeholder {
    opacity: 1;
    color: var(--input-text-color)!important
}

.reg_form .wrap_select select::-moz-placeholder,.reg_form input[type=password]::-moz-placeholder,.reg_form input[type=text]::-moz-placeholder {
    opacity: 1;
    color: var(--input-text-color)!important
}

.reg_form .wrap_select select:-ms-input-placeholder,.reg_form input[type=password]:-ms-input-placeholder,.reg_form input[type=text]:-ms-input-placeholder {
    opacity: .6;
    color: var(--input-text-color)!important
}

.reg_form i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #E63438
}

.reg_form i+input[type=password],.reg_form i+input[type=text] {
    padding-left: 50px
}

#login_form .login_error,.result .error,li.error_block {
    font-size: 14px
}

option {
    background: var(--btn-bg-color3);
    color: var(--text-color4)
}

.intl-tel-input input {
    padding-left: 52px
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px;
    display: none
}

.intl-tel-input .selected-flag .flag {
    left: 25px
}

.intl-tel-input .selected-flag .arrow {
    left: 40px;
    margin-top: -3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #ea3434;
    border-radius: 3px
}

.intl-tel-input .selected-flag {
    width: 85px;
    padding: 0
}

.intl-tel-input .selected-flag:after {
    height: 34px;
    width: 1px;
    background: #ddd;
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px
}

.reg_form .form-item {
    margin-top: 0
}

.reg_form .form-item p {
    margin: 10px 0 20px;
    color: #fff;
    font-size: 12px;
    line-height: 140%;
    font-weight: 500;
    padding: 0
}

.reg_form .form-item:last-child {
    margin-top: 5px
}

html[data-route=registration] .content_inner,html[data-route=registration] .content_wrap {
    height: auto!important
}

#player_info .wrap-logout {
    margin: 0!important
}

#player_info .wrap-logout:after {
    display: none
}

#playerInfoTop {
    background-color: inherit;
    padding: 0
}

#playerInfoContent {
    margin: 0;
    padding: 0!important;
    display: block;
    background-color: #fff!important
}

.btn-to-top {
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-align: center;
    border: none
}

.btn-to-top:active {
    outline: 0
}

#playerInfoContent>div {
    min-height: initial!important
}

.message-heading .deposit-title {
    background: 0 0;
    color: #fff
}

.message-heading .deposit-title a {
    color: #fff
}

.white #slots_tabs_block .slot-tabs,.white .slot-tabs,html[data-route=promotions] .white .home_top,html[data-route=promotions] .white .home_top a,html[data-route=microgaming_slots] .white #slots-tabs li,html[data-route=microgaming_slots] .white #slots-tabs li a,html[data-route=egt] .white #slots-tabs li,html[data-route=egt] .white #slots-tabs li a,html[data-route=amatic] .white #slots-tabs li,html[data-route=amatic] .white #slots-tabs li a,html[data-route=netent] .white #slots-tabs li,html[data-route=netent] .white #slots-tabs li a,html[data-route=betsoft_3d_slots] .white #slots-tabs li,html[data-route=betsoft_3d_slots] .white #slots-tabs li a,html[data-route=pragmatic_play_slots] .white #slots-tabs li,html[data-route=pragmatic_play_slots] .white #slots-tabs li a,html[data-route=slot] .white #slots-tabs li,html[data-route=slot] .white #slots-tabs li a,html[data-route=vivo_casino] .white .home_top,html[data-route=vivo_casino] .white .home_top a,html[data-route=lucky_streak] .white .home_top,html[data-route=lucky_streak] .white .home_top a,html[data-route=evolution_game] .white .home_top,html[data-route=evolution_game] .white .home_top a,html[data-route=xpg] .white .home_top,html[data-route=xpg] .white .home_top a,html[data-route=pragmatic_play_casino] .white .home_top,html[data-route=pragmatic_play_casino] .white .home_top a,html[data-route=ezugi] .white .home_top,html[data-route=ezugi] .white .home_top a {
    background: #c44145
}

.fa-reply {
    margin-right: 8px
}

.fa-reply::before {
    content: "\f3e5"
}

.withdraw_inner {
    margin-top: 10px
}

.withdraw-item__logo {
    flex: 22%;
    max-width: 22%
}

.withdraw-item__arrow span,.withdraw-item__logo span {
    display: block;
    overflow: hidden;
    position: relative;
    -ms-grid-row-align: center;
    align-self: center;
    width: 77px;
    height: 76px;
    margin-top: -1px
}

.withdraw-item__arrow img,.withdraw-item__logo img {
    width: 44px
}

.withdraw-item__logo span {
    margin-left: -1px
}

.withdraw-item__arrow span {
    margin-right: -1px
}

.withdraw-item__text .withdraw-title {
    font-size: 12px;
    font-weight: 700
}

.withdraw-item__text .withdraw-subtitle {
    margin-top: 3px;
    font-size: 11px;
    color: var(--text-color)
}

.withdraw_inner__item .change-img-by-theme .dark-theme {
    display: block
}

.bonus_check__container input,.white .change-img-by-theme .dark-theme,.withdraw_inner__item .change-img-by-theme .white-theme {
    display: none
}

.btn-green,.white .withdraw_inner__item .change-img-by-theme .white-theme {
    display: block
}

.color-linear-1-white {
    background: linear-gradient(135deg,#6a00ff ,#1300ff)
}

.color-linear-1-dark {
    background: linear-gradient(176deg,#ffca00 ,#ffa000)
}

.color-linear-2-white {
    background: linear-gradient(135deg,#fe00c8,#bf0153)
}

.color-linear-2-dark {
    background: linear-gradient(176deg,#00ea5e,#00be9e)
}

.color-linear-3-white {
    background: linear-gradient(135deg,#ee0200,#fb6500)
}

.color-linear-3-dark {
    background: linear-gradient(176deg,#55e5ff,#1cb9ff)
}

.color-linear-4-white {
    background: linear-gradient(135deg,#fe152d,#9a2888)
}

.color-linear-5-white {
    background: linear-gradient(135deg,#4f02ff,#017fee)
}

.color-linear-5-dark {
    background: linear-gradient(176deg,#fbb755,#fe9b1c)
}

.color-linear-7-white {
    background: linear-gradient(135deg,#017633,#4fa902)
}

.color-linear-7-dark {
    background: linear-gradient(176deg,#00fa92,#00f2c9)
}

.color-linear-8-white {
    background: linear-gradient(135deg,#ff0100,#ff7d00)
}

.color-linear-8-dark {
    background: linear-gradient(176deg,#55e6ff,#1cb9ff)
}

.bank_form,.bank_form ul {
    margin-top: 0;
    min-height: initial
}

#change_password_form .wrap-select:before,#playerInfoContent .wrap-select:before {
    margin: -5px 0 0;
    max-width: initial;
    max-height: initial;
    width: auto;
    height: 10px;
    line-height: 10px;
    background: 0 0;
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    z-index: 5;
    right: 8px;
    top: 50%;
    color: #ea3434;
    position: absolute;
    font-size: 14px
}

.bank_form ul .wrap_select,.btn-green {
    margin-bottom: 12px
}

#change_password_form .info-row input[type=password],#change_password_form .info-row select,#profile_info_form .info-row input[type=text],#profile_info_form .info-row select {
    margin-bottom: 0
}

#transactions_filter .wrap_select {
    position: relative
}

input[placeholder] {
    color: #a9a9ad
}

input::-webkit-input-placeholder {
    color: #a9a9ad!important
}

input::-moz-placeholder {
    color: #a9a9ad!important
}

input:-moz-placeholder {
    color: #a9a9ad!important
}

input:-ms-input-placeholder {
    color: #a9a9ad!important
}

textarea[placeholder] {
    color: #a9a9ad!important
}

textarea::-webkit-input-placeholder {
    color: #a9a9ad!important
}

textarea::-moz-placeholder {
    color: #a9a9ad!important
}

textarea:-moz-placeholder {
    color: #a9a9ad!important
}

textarea:-ms-input-placeholder {
    color: #a9a9ad!important
}

#deposit-payment-provider-info input:disabled,#deposit-payment-provider-info select:disabled,#playerInfoContent .info-gray .info-row input:disabled,#playerInfoContent .info-gray .info-row select:disabled,#playerInfoContent .select-transfer.add-transfer input:disabled,#profile_info_form .info-row input[type=text]:disabled,#profile_info_form .info-row select:disabled,#transactions_filter input[type=text]:disabled,#transactions_filter select:disabled,.bank_form ul .wrap_select select:disabled,.bank_form ul li:not(.error_block) input[type=text]:disabled,.bank_form ul textarea:disabled {
    opacity: .5
}

.bank_form ul .wrap_select select option {
    color: var(--text-color4)
}

.def-btn,input.def-btn {
    padding: 0!important;
    background-color: #c44145!important;
    text-align: center
}

#forgot_mobile .def-btn_color,.def-btn_color {
    background-color: #c8c8c8!important;
    color: #222020!important
}

.btn-green {
    width: 100%;
    border-radius: 30px;
    background: #4dbd2b;
    color: #fff;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #108316;
    text-shadow: 1px 1px #3e9722;
    text-decoration: none
}

.btn-back {
    float: right;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #d4dae3;
    border-top-right-radius: 3px;
    text-decoration: none
}

.bank_btn:before,.btn-back:before {
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal
}

.btn-back:before {
    content: "\f0d9";
    color: #ec3535;
    margin-right: 5px
}

.active .bank_btn:before,.bank_btn:before {
    content: "\f068"
}

.bank_transfer_list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px
}

.bank_transfer_list>ul>li {
    background: 0 0;
    position: inherit
}

.bank_transfer_list>ul>li>ul {
    padding: 0 12px!important;
    background: var(--main-color)!important
}

.bank_transfer_list>ul {
    width: 100%;
    margin-bottom: 0
}

.bank_transfer_list .active {
    opacity: .85
}

.bank_transfer_info_hide {
    display: none
}

.bank_transfer_list .list_item {
    background-color: #fff;
    position: relative;
    flex: 0 0 33.33%;
    padding: 0 5px;
    margin-bottom: 5px;
    text-align: center
}

.bank_transfer_list li .list_item {
    padding: 0
}

.bank_transfer_list .bank_name {
    padding-left: 0;
    height: 73px;
    width: 100%!important
}

.bank_info__cont .bank_name {
    height: 100%;
    padding-left: 12px;
    width: calc(100% - 68px);
    display: inline-block;
    position: relative
}

.bank_transfer_list .bank_name:before {
    display: none
}

.bank_transfer_list .bank_name .bank_name_cont {
    width: 100%;
    display: inline-block
}

.bank_transfer_list .bank_name a {
    position: relative
}

.bank_transfer_list .bank_name a:after {
    background-position: 50%!important;
    max-width: initial!important;
    max-height: initial!important;
    width: 80%!important;
    height: auto!important
}

.bank_btn {
    background: #fff;
    float: right;
    width: 68px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #24292f;
    border-left: 1px solid #d3dae2
}

.bank_btn:before {
    color: #24292f
}

.bank_info ul,.bank_transfer_list>ul>li>ul {
    background: #24292f;
    padding: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    border: none
}

.bank_info {
    border: none;
    margin: 0 0 12px;
    padding: 0;
    border-radius: 0
}

.bank_info__cont {
    height: 68px;
    line-height: 68px;
    border: 1px solid #d3dae2
}

.bank_info .bank_img {
    width: 104px;
    max-width: initial;
    margin: -15px 13px 0;
    position: relative;
    top: 50%
}

.bank_info .copy {
    padding: 0 5px;
    margin-top: 17px;
    font-weight: 700;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    background: #ec3535;
    box-shadow: 0 2px 2px 0 rgba(39,48,58,1);
    font-size: 14px;
    width: auto;
    position: absolute;
    right: 2.8125vw
}

#bank_transfer_form .bank_info,#kolaypay_bank_transfer_form .bank_info {
    border: none;
    margin: 0 0 12px;
    padding: 0;
    border-radius: 0
}

#bank_transfer_form .bank_name,#kolaypay_bank_transfer_form .bank_name {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

.bottom-title,.form-header {
    align-items: center;
    display: flex
}

#bank_transfer_form .bank_name img,#kolaypay_bank_transfer_form .bank_name img {
    margin: 0;
    padding: 0;
    width: 129px;
    max-width: initial;
    height: 42px;
    border-radius: 10px
}

#bank_transfer_form .bank_info__cont>ul,#kolaypay_bank_transfer_form .bank_info__cont>ul {
    background: 0 0;
    list-style: none;
    padding: 0;
    margin-top: 15px
}

.bank_form>ul {
    font-size: inherit
}

#history #bet_history_filter_form select {
    padding-right: 30px
}

#forgot_mobile input.def-btn {
    border-color: #ec3535!important
}

#history #bet_history_filter_form .wrap-select:before,#playerInfoContent #bank_account_form .wrap-select:before,#playerInfoContent #cepbank_form .wrap-select:before,#playerInfoContent #deposit_envoy_form .wrap-select:before,#playerInfoContent #formCreate .wrap-select:before,#playerInfoContent #profile_info_form .wrap-select:before,#playerInfoContent #transactions_filter .wrap-select:before,#playerInfoContent #transfer_astropay_form .wrap-select:before,.bank_form .wrap_select:before,.reg_form .wrap_select:before,.ticket_page .bank_form .wrap-select:before {
    display: none
}

#playerInfoContent #cryptopay_form .bank_form span,#playerInfoContent #deposit_paymino_form .bank_form span,#playerInfoContent #deposit_super_qr_form .bank_form span,#playerInfoContent #payment-provider-form .bank_form span {
    color: var(--elements-lighter);
    font-weight: 500;
    top: 70%
}

.white #bank_transfer_form .error_block,.white #kolaypay_bank_transfer_form .error_block {
    background: var(--second-color);
    border: var(--border-fourth-color);
    color: var(--text-second-color)
}

.form-title .form-control {
    background: 0 0!important;
    border: 0!important;
    color: #e9676b!important;
    font-size: 22px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px;
    height: 33px
}

.form-header {
    justify-content: space-between;
    height: 40px;
    background-color: #3c3939;
    padding: 0 10px;
    font-size: 13px;
    color: #8d8282;
    border-radius: 3px 3px 0 0
}

.form-header .form-control {
    background: 0 0!important;
    border: 0!important;
    font-size: 13px;
    color: #8d8282!important;
    padding: 0;
    margin: 0;
    height: 19px;
    text-align: right;
    font-weight: 300
}

.form-body {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background-color: #464242;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 30px
}

.deepNote,.history_page .deposit-table {
    padding: 0 10px
}

.bottom-title {
    height: 40px;
    background-color: #353131;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    justify-content: center
}

.bottom-title a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.footer-bar,.history_page .deposit-table__title {
    display: none
}

.form-header .logo {
    margin: 0
}

.form-header .logo img {
    width: 104px
}

.history_page .deposit-table th {
    padding: 0 5px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #222020;
    background-color: #c8c8c8;
    font-size: 13px;
    font-weight: 700
}

.history_page .deposit-table td {
    background: 0 0;
    font-size: 12px;
    border-bottom: 1px solid #595353;
    color: var(--text-second-color)
}

.history_page .table_link {
    font-size: 12px;
    text-align: center;
    padding: 15px 4px!important
}

.history_page .deposit-table th:nth-child(2n) {
    background-color: #949494
}

.deposit-table td img {
    max-width: 90%
}

#playerInfoContent .wrap-input.error input,.parsley-error:not(.forgot_input) {
    background-color: rgba(255,52,52,.12)!important;
    border-color: var(--primary-color)!important
}

#deposit-payment-provider-info form {
    padding: 0
}

#deposit-payment-provider-info li,#playerInfoContent .withdraws-form .info-row {
    margin: 0
}

#deposit-payment-provider-info .selects {
    width: 100%
}

#deposit-payment-provider-info .selects select {
    width: 100%!important
}

.deposit-table.no_padding td {
    padding: 0;
    font-size: inherit
}

.deposit-table.no_padding .table_link {
    padding: 0
}

.wrap-history-detail {
    border-top: 1px solid #2b333b;
    min-height: initial
}

#playerInfoContent .info-row {
    margin: 0
}

#playerInfoContent .info-row .intl-tel-input,#playerInfoContent .info-row .wrap-input,#playerInfoContent .info-row .wrap-select {
    width: 100%;
    margin-bottom: 12px
}

#playerInfoContent .info-row .selects {
    font-size: 0;
    width: 100%
}

#playerInfoContent .info-row .selects .wrap-select {
    width: 32%;
    margin-right: 0
}

#playerInfoContent .info-row .selects .wrap-select+.wrap-select {
    margin-left: 2%
}

.history_page,.ticket_page {
    min-height: initial
}

html[data-route=sports] #content_block,html[data-route=live] #content_block,html[data-route=virtual] #content_block {
    padding-bottom: 70px
}

html[data-route=sports] footer,html[data-route=live] footer,html[data-route=virtual] footer {
    height: 70px;
    position: absolute;
    display: block!important
}

html[data-route=sports] footer .footer-bar,html[data-route=live] footer .footer-bar,html[data-route=virtual] footer .footer-bar {
    display: block
}

html[data-route=sports] footer .footer-bar-2,html[data-route=live] footer .footer-bar-2,html[data-route=virtual] footer .footer-bar-2 {
    display: none
}

@media screen and (min-width: 400px) {
    footer .footer-section:before {
        width:20px;
        height: 20px;
        left: 20%
    }

    footer .footer-section {
        font-size: 14px
    }
}

html[data-route=egt] #content_block,html[data-route=amatic] #content_block,html[data-route=netent] #content_block {
    background: url(../../i/sportotobet/mobile/3dslot-bg.jpg) no-repeat fixed!important;
    background-size: 100% auto!important
}

.slotgames_frame {
    background: 0 0
}

.netent-game,.novomatic-game,.playtech-game {
    margin-bottom: 15px;
    min-height: 160px
}

.netent-game img,.novomatic-game img,.playtech-game img {
    max-width: 95%
}

.slotgames_container .title {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.shift_left #content_block:before,.shift_right #content_block:before {
    opacity: 1;
    visibility: visible
}

.m-b-0 {
    margin-bottom: 0
}

.deepNote {
    width: 100%;
    font-size: 13px;
    color: #858d9a;
    font-weight: 500;
    line-height: 20px
}

.home_top,.slot-tabs {
    z-index: 35;
    height: 42px;
    border-bottom: 2px solid #ec3535;
    background-color: #833131;
    overflow: visible!important
}

.home_top a,.slot-tabs a,.slot-tabs li {
    position: relative;
    display: block;
    width: auto;
    line-height: 40px;
    font-weight: 700;
    font-size: 15px;
    padding: 0 15px;
    color: #be8888;
    text-decoration: none;
    white-space: nowrap
}

.slot-tabs a {
    padding: 0;
    text-decoration: none
}

#slots-tabs {
    display: flex;
    list-style: none
}

.home_top a.active,.home_top a.live_support,.slot-tabs li.active,.slot-tabs li.active a {
    background: #833131;
    color: #fff
}

.home_top a.active:after,.slot-tabs li.active:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    transform: rotate(-225deg);
    z-index: 5;
    border-top: 16px solid #e24a38;
    border-left: 16px solid transparent
}

.casino_inner,.ezugi_menu,.streak_items,.vivo {
    padding: 25px 10px 0
}

.casino_inner .item,.ezugi_menu li {
    position: relative;
    border: 4px solid var(--border-casino-item-color);
    margin-bottom: 15px
}

.streak_items .item-container {
    margin-bottom: 15px
}

.streak_items .streak_link .itemIcon {
    position: absolute;
    left: 14px;
    top: 18px
}

.streak_items .streak_link .status {
    position: absolute;
    top: 14px;
    right: 10px;
    font-size: 10px
}

.streak_items .streak_link .numberOfSeats {
    position: absolute;
    right: 11px;
    top: 12%;
    font-size: 13px
}

.streak_items .streak_link .occupiedSeats {
    position: absolute;
    right: 11px;
    top: 19%;
    font-size: 13px
}

.streak_items .streak_link .itemName {
    width: 100%;
    display: block;
    font-size: 25px;
    position: absolute;
    z-index: 5;
    bottom: 14px;
    top: auto;
    left: 18px
}

.streak_items .streak_link .dealer {
    background-color: #c44145;
    border-radius: 4px;
    height: 19px;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
    font-size: 15px;
    bottom: 51px;
    left: 18px
}

.streak_items .streak_link .gamestatus {
    position: absolute;
    right: 1px;
    bottom: 13px
}

.streak_items .streak_link .btn {
    font-size: 35px;
    z-index: 5;
    background: 0 0;
    width: 34px;
    margin-bottom: 12px
}

.streak_items .streak_link img.dealerthumb {
    border: 4px solid var(--border-casino-item-color);
    box-sizing: border-box
}

.ezugi_menu a {
    position: relative
}

.ezugi_menu li span {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5
}

.ezugi_menu li h3 {
    position: absolute;
    color: #fff;
    font-size: 26px;
    top: 45%;
    left: 6%;
    font-weight: 400;
    z-index: 5;
    line-height: 30px
}

.ezugi_menu li h3 strong {
    font-weight: 700
}

.ezugi_menu li em {
    position: absolute;
    z-index: 5;
    top: 28%;
    left: 6%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    background-color: #ed3338;
    border-radius: 15px
}

.casino_inner .item i,.ezugi_menu li i {
    position: absolute;
    right: 16px;
    bottom: 18px;
    font-size: 35px;
    z-index: 5;
    color: #fff;
    line-height: normal
}

.casino_inner .item i {
    bottom: 0
}

.casino_inner .item figcaption {
    position: absolute;
    background: 0 0;
    bottom: 5px;
    left: 10px;
    width: 100%
}

.casino_inner .item strong {
    width: 100%;
    display: block;
    font-size: 25px;
    position: relative;
    z-index: 5
}

.vivo .vivo_item {
    float: left;
    width: 48%;
    box-sizing: border-box;
    height: 100%;
    display: block;
    background-color: #3f3b3b;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 3px
}

.vivo .vivo_item:nth-child(odd) {
    margin-right: 9px
}

.white .vivo .name,.white .vivo .vivo_item {
    background: #fff;
    color: #000
}

.vivo a {
    box-shadow: none
}

.vivo a .vimg {
    max-width: 100%;
    height: calc(100% - 50px)
}

.vivo .name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px 5px;
    background: #3f3b3b;
    color: #fff;
    box-shadow: none;
    border: none
}

.reg_form .radio input:checked {
    box-shadow: none;
    background-color: #E63438
}

.reg_form .inner .radio {
    margin-bottom: 10px
}

.reg_form .radio .wrap-radio {
    height: 40px;
    line-height: 40px;
    box-shadow: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 50%
}

.reg_form .radio .wrap-radio:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.reg_form .radio .wrap-radio label {
    font-size: 12px;
    font-weight: 500;
    color: #1E2227
}

html[data-route=balance_transfer] .transfer-page__btn,html[data-route=withdraws] .withdraws-page__btn,html[data-route=bank_transfer] .withdraws-page__btn,html[data-route=bank_transfer_atm] .withdraws-page__btn,html[data-route=withdraw_credit] .withdraws-page__btn,html[data-route=eco_card] .withdraws-page__btn,html[data-route=deposits] .deposits-page__btn {
    background: #e93434!important
}

.reg_form #forgot_mobile {
    margin-bottom: 20px
}

#history #bet_history_filter_form {
    padding: 20px 15px 10px
}

#history #bet_history_filter_form .selects {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#history #bet_history_filter_form .wrap-select {
    width: 100%
}

#history #bet_history_filter_form .wrap-select:not(:last-child) {
    margin-right: 10px
}

#history #bet_history_filter_form .select {
    width: 100%
}

#active_bets .slip-button,#history #bet_history_filter_form .filter,#history .slip-button {
    display: block;
    position: relative;
    margin: 20px 10px;
    border-radius: 25px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    background-color: #c44145;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    border: 1px solid #ec3535
}

#history #bet_history_filter_form .filter {
    margin: 20px 0
}

#bet-history-container {
    padding-bottom: 15px;
    border-top: 1px solid #292d32
}

.white #bet-history-container {
    border-color: #b5bbc6
}

#bet-history-container .box {
    width: 100%;
    padding: 12px;
    border-bottom: 1px solid #292d32;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.white #bet-history-container .box {
    border-color: #b5bbc6
}

#bet-history-container .box-active {
    background-color: #c44145;
    color: #fff
}

#bet-history-container .box .bet-code {
    margin-bottom: 5px;
    height: 18px;
    align-items: center;
    line-height: 18px
}

#bet-history-container .box .bet-code .date {
    height: 18px;
    background-color: #7d7878;
    border-radius: 9px;
    overflow: hidden;
    display: inline-block;
    padding-right: 5px;
    color: #222020
}

#bet-history-container .box-active .bet-code .date {
    background-color: #fff
}

.white #bet-history-container .box .bet-code .date {
    background-color: #e2e6ed
}

.white #bet-history-container .box-active .bet-code .date {
    background-color: #fff;
    color: #222020
}

.white #bet-history-container .box-active .bet-code .date span {
    background-color: #000;
    color: #fff
}

#bet-history-container .box .bet-code .date span {
    display: inline-block;
    padding: 0 8px 0 5px;
    margin-right: 5px;
    background-color: #c44145;
    color: #fff;
    border-radius: 9px
}

#bet-history-container .box-active .bet-code .date span {
    color: #222020;
    background-color: #fff
}

#bet-history-container .box label {
    color: #fff
}

.white #bet-history-container .box label {
    color: #69747f
}

#bet-history-container .bet-display {
    display: flex;
    margin-top: 5px
}

#bet-history-container .bet-display .cell {
    flex: 1 1 auto;
    color: #ababab
}

.white #bet-history-container .bet-display .cell {
    color: #191e23
}

#bet-history-container .box-active .bet-display .cell {
    color: #fff
}

#bet-history-container .bet-display .cell span {
    font-size: 13px;
    color: #c44145;
    height: 20px;
    border: 1px solid #474646;
    border-radius: 10px;
    padding: 0 7px;
    line-height: 18px;
    margin-left: 10px
}

.white #bet-history-container .bet-display .cell span {
    border: 1px solid #ababab;
    background-color: #e2e6ed
}

.white #bet-history-container .box-active .bet-display .cell {
    color: #fff
}

.white #bet-history-container .box-active .bet-display .cell span {
    background-color: #b95153;
    border-color: #b95153
}

#bet-history-container .box-active .bet-display .cell span {
    background-color: #b95153;
    border-color: #b95153;
    color: #fff
}

#bet-history-container .box:after {
    content: "\e90b";
    font-family: icomoon;
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    color: #424141
}

#bet-container,.mrg-btn,.swiper-container,.swiper-slide,.swiper-wrapper {
    position: relative
}

#bet-history-container .no-result {
    text-align: center;
    font-size: 16px
}

@media screen and (max-width: 350px) {
    #bet-history-container .bet-display .cell,#bet-history-container .bet-display .cell span {
        font-size:11px
    }
}

.slip-info {
    overflow: hidden;
    transition: max-height 1.5s ease-out
}

.white #bet-container {
    background-color: #e2e6ed
}

#bet-history-container .box-content .info {
    width: 100%;
    padding: 10px 0
}

#bet-history-container .box-content .info li {
    padding: 0 12px;
    color: #9b9b9b;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    overflow: hidden
}

.white #bet-history-container .box-content .info li {
    color: #63696f
}

#bet-history-container .box-content .info li span {
    float: right;
    color: #d5d5d5
}

.white #bet-history-container .box-content .info li span {
    color: #24292f
}

#bet-history-container .box-content .line {
    width: 100%;
    padding: 20px 12px;
    border-top: 1px solid #dadade
}

#bet-history-container .box-content .line span {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.white #bet-history-container .box-content .line span {
    color: #191e23
}

#bet-history-container .box-content .line span i {
    color: #fff;
    font-size: 19px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: #c44145;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    text-align: center;
    line-height: 18px
}

#bet-history-container .bottomTotal {
    background-color: #0e1011;
    font-size: 13px;
    color: #fff
}

.white #bet-history-container .bottomTotal {
    background-color: #fff
}

#bet-history-container .bottomTotal .top {
    width: 100%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #262829
}

#bet-history-container .bottomTotal .grid {
    width: 100%;
    display: flex
}

#bet-history-container .bottomTotal .grid .lefter {
    width: calc(100% - 80px);
    border-right: 1px solid #262829
}

#bet-history-container .bottomTotal .grid .lefter .row {
    width: 100%;
    line-height: 22px;
    padding: 15px;
    border-bottom: 1px solid #262829;
    font-size: 14px;
    margin: 0;
    display: block
}

.white #bet-history-container .bottomTotal .grid .lefter,.white #bet-history-container .bottomTotal .grid .lefter .row,.white #bet-history-container .bottomTotal .top {
    border-color: #dbdbdc;
    color: #191e23
}

#bet-history-container .bottomTotal .grid .lefter .row span {
    display: block;
    color: #c44145
}

#bet-history-container .bottomTotal .grid .lefter .row em {
    display: block;
    font-style: normal;
    color: #fff
}

.white #bet-history-container .bottomTotal .grid .lefter .row em {
    color: #191e23
}

#bet-history-container .bottomTotal .grid .righter {
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center
}

#bet-history-container .bottomTotal .grid .righter span {
    background-color: #c44145;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding: 0 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

@media screen and (max-width: 330px) {
    .reg_form input[type=password],.reg_form input[type=text] {
        height:44px
    }

    .forgot_password {
        font-size: 14px
    }

    #forgot_mobile input[type=submit],#form_registration .bt,.reg_form .wrap_select:before {
        line-height: 44px;
        height: 44px
    }

    .withdraw_inner .item .top {
        font-size: 16px
    }

    .withdraw_inner .item .bottom {
        font-size: 11px
    }

    .btn-back {
        width: 60px;
        font-size: 12px;
        font-weight: 700
    }

    .bank_info__cont .bank_name,.bank_transfer_list .bank_name {
        width: calc(100% - 40px)
    }

    .bank_btn {
        width: 40px
    }

    .ezugi_menu li h3 {
        font-size: 19px
    }
}

.mrg-btn {
    margin-bottom: 60px;
    display: block;
    margin-top: 12px;
    border-radius: 20px!important;
    width: 98%!important;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #ea3535!important;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: none;
    border-top: 2px solid #f37e7e;
    outline: 0;
    box-shadow: none;
    margin-right: 1%!important
}

#reg_popup .error,#reg_popup .success {
    width: 96%
}

html[data-route=one_two_gaming] #content_block {
    background: #fff
}

.one_two_gaming_grid {
    padding: 10px 10px 0;
    background: url(../../i/sportotobet/mobile/background_one_two.png)
}

.one-two-game {
    width: calc(50% - 5px);
    min-height: 134px;
    margin-right: 10px;
    margin-bottom: 10px
}

.one-two-game:nth-child(2n) {
    margin-right: 0
}

.one-two-game__inner {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.5)
}

#igrosoft .home_top.one_two .js-one_two_gaming_group_link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 11.6vw;
    padding: 0
}

.one-two-game__inner img {
    width: 100%;
    max-width: 100%;
    max-height: 200px;
    margin-top: 0;
    padding: 1.334vw 1.334vw 0;
    box-sizing: border-box
}

.one-two-game__inner .title {
    display: table;
    height: 11.6vw;
    width: 100%
}

.one-two-game__inner .title span {
    display: table-cell;
    font-size: 4vw;
    font-weight: 500;
    vertical-align: middle
}

.swiper-container {
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    width: 100%;
    /* height: 100%; */
    z-index: 1;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    overflow: hidden
}

.main-slider img {
    width: 100%;
    height: auto
}

.swiper-slide__img {
    width: 100%;
    object-fit: cover
}

.swiper-button {
    position: absolute;
    width: 28px;
    height: 28px;
    top: calc(50% - 14px);
    font-size: 13px;
    z-index: 40;
    color: #fff;
    background-color: #f53b3f;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

.fas,.pp-status {
    border-radius: 2px
}

.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0
}

.fas {
    position: relative;
    width: 11px;
    height: 2px;
    background-color: #fff
}

.fas-arrow-left::after,.fas-arrow-left::before,.fas-arrow-right::after,.fas-arrow-right::before {
    width: 7px;
    background-color: #fff;
    position: absolute;
    height: 2px;
    content: ''
}

.fas-arrow-left::before {
    left: 0;
    top: 3px;
    transform: rotate(45deg)
}

.fas-arrow-left::after {
    left: 0;
    top: -3px;
    transform: rotate(-45deg)
}

.fas-arrow-right::before {
    right: 0;
    top: 3px;
    transform: rotate(-45deg)
}

.fas-arrow-right::after {
    right: 0;
    top: -3px;
    transform: rotate(45deg)
}

.swiper-pagination {
    display: flex;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5
}

.swiper-pagination-bullet {
    display: block;
    margin-right: 2px;
    text-indent: -9999px;
    width: 8px;
    height: 12px;
    border-radius: 32px;
    border: 1px solid var(--mode-colors-border);
    backdrop-filter: blur(2px);
    transition: width .2s linear
}

.swiper-pagination-bullet-active {
    width: 22px;
    background-color: #230C0E;
    border-radius: 32px;
    border: 1px solid var(--design-colors-primary-base);
    background: var(--design-colors-primary-opacity)
}

.swiper-button:active,.swiper-button:focus {
    outline: 0!important
}

.swiper-button::-moz-focus-inner {
    border: 0!important
}

.enter-front-link {
    display: flex;
    justify-content: space-between;
    height: 72px;
    margin: 0 -15px
}

.enter-front-link__item {
    position: relative;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    background-color: #fff;
    color: #c44145;
    font-weight: 700;
    border-bottom: 1px solid #e24738;
    border-top: 1px solid #000;
    font-family: K2D,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-decoration: none
}

.enter-front-link__item_color {
    background: #302222;
    background: -webkit-gradient(linear,left top,left bottom,from(#302222),to(#7a3030));
    background: -o-linear-gradient(top,#302222 0,#7a3030 100%);
    background: linear-gradient(to bottom,#302222 0,#7a3030 100%);
    color: #fff
}

.white .enter-front-link__item {
    background: #24292f;
    color: #fff;
    border: 1px solid var(--border-main-color);
    border-left: none
}

#sport_iframe,.popular-slider-item {
    border-radius: 5px;
    overflow: hidden
}

.white .enter-front-link__item_color {
    background: #e24139
}

.enter-front-link__item i {
    margin-right: 20px;
    font-size: 25px
}

.white .enter-front-link__item-deposit {
    background: #107400
}

.white .promotions i::before {
    filter: invert(1)
}

.category-menu_custom {
    grid-gap: 10px;
    margin-bottom: 20px
}

#sport_iframe iframe {
    height: 158px
}

#sport_iframe iframe .l-page__foot {
    padding-bottom: 0
}

.popular-slider-item {
    display: inline-block;
    height: 50%;
    width: 100%;
    position: relative
}

.popular-slider-item:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.popular-slider-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popular-slider-item.betsoft_games img {
    margin-top: -12px;
    height: calc(100% + 12px)
}

.icon-gift {
    margin-right: 5px;
    font-size: 22px;
    vertical-align: top
}

.home__option-menu {
    display: none!important;
    display: flex;
    background-color: #24292f;
    text-align: center;
    width: 100%;
    z-index: 10
}

.home__option-menu span,.option-menu__item a {
    display: block;
    font-weight: 700
}

.option-menu__item {
    flex: 1;
    padding: 11px 0 12px
}

.option-menu__item a {
    font-family: K2D,sans-serif;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
    color: #fff;
    height: 100%
}

.home__option-menu i {
    font-size: 25px
}

.option-menu__item_active {
    position: relative;
    background-color: #c44145
}

.option-menu__item_active::before {
    content: '';
    position: absolute;
    top: -9px;
    left: calc(50% - 8px);
    transform: rotate(-45deg);
    z-index: 5;
    border-top: 16px solid #e24a38;
    border-left: 16px solid transparent
}

.footer {
    display: block!important;
    height: 100%;
    margin: 0;
    font-family: K2D,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5
}

.footer-contact-links {
    display: flex;
    background-color: #272525;
    border-top: 1px solid #333232;
    border-bottom: 1px solid #333232;
    list-style: none
}

.white .footer-contact-links {
    background-color: #c44145;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #cd6063;
    border-right: 1px solid #cd6063
}

.footer-contact-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    text-decoration: none;
    color: #fff
}

.footer-contact-links li {
    flex: 1;
    border-right: 1px solid #333232
}

.white .footer-contact-links li {
    border-color: #cd6063
}

.footer-contact-links:last-child {
    border-right: none
}

.footer-documentation-links {
    display: flex;
    align-items: center;
    background-color: #272525;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0 7px
}

.footer-documentation-links li {
    flex: 1 1 auto;
    padding: 0 7px
}

.footer-documentation-links a {
    display: block;
    text-align: center;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    color: #fff;
    text-decoration: none
}

.nav-link,.tool-item__results {
    line-height: 40px;
    text-decoration: none
}

.footer-tool {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #222020
}

.tool-item {
    flex: 1
}

.tool-item:first-child {
    margin-right: 30px
}

.tool-item__results {
    display: block;
    background-color: #343434;
    height: 40px;
    border: 1px solid #3f3b3b;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.tool-item__results i {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: top
}

.lang-drop {
    position: absolute;
    top: 20px;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--header-bg-color);
    list-style: none;
    border-radius: 0 0 21px 21px;
    border: 1px solid var(--system-colors-opacity);
    padding: 20px 16px 0;
    z-index: 99999
}

.lang-drop_hide {
    display: none
}

.lang-drop li {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    height: 40px
}

.lang-drop li img {
    width: 28px;
    height: 28px;
    border-radius: 8px
}

.lang-drop li span {
    display: flex;
    align-items: center;
    height: 100%;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    color: var(--mode-colors-main)
}

.fas-arrow-bottom::after,.fas-arrow-bottom::before {
    top: 18px;
    height: 3px;
    background-color: #fff;
    width: 7px
}

.fas-arrow-bottom::after {
    content: '';
    position: absolute;
    right: 10px;
    transform: rotate(-45deg)
}

.fas-arrow-bottom::before {
    content: '';
    position: absolute;
    right: 14px;
    transform: rotate(45deg)
}

.footer-main-logo {
    padding: 30px 0
}

.footer-main-logo__text {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.footer-main-logo__text span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.96px;
    color: var(--mode-colors-main)
}

.supertoto-bottom {
    position: fixed;
    top: 0;
    margin: auto;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 20px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-family: "Segoe UI",sans-serif;
    background-color: rgba(0,0,0,.9);
    box-sizing: border-box;
    text-align: center;
    z-index: 99999;
    color: #fff;
    font-weight: 600
}

#lottery-btn a,#lottery_win-btn a,.copy {
    font-family: Roboto,sans-serif
}

.supertoto-bottom>.supertoto-bottom-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    cursor: pointer;
    font-weight: 300
}

.supertoto-bottom .supertoto-bottom-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 80px;
    padding: 10px 20px
}

.bar_logo,.payment-types {
    padding: 20px;
    text-align: center
}

.supertoto-bottom>.supertoto-bottom-content b {
    color: #fff;
    text-shadow: 0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135,0 0 1px #d83135
}

.bar_logo {
    background: #1c1f24
}

.bar_logo img {
    height: 26px
}

.social {
    text-align: center;
    padding-top: 20px
}

.social li {
    display: inline-block;
    margin: 0 3px
}

.social li a {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%);
    color: #fff;
    line-height: 26px;
    text-align: center;
    font-size: 12px
}

.copy {
    color: #fff;
    font-size: 11px;
    margin: 15px 0;
    text-align: center
}

.lic_icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.lic_icon_new {
    display: flex;
    justify-content: center;
    width: 115px;
    height: 132px;
    margin: 0 auto
}

.lic_icon_new img {
    display: block;
    width: 100%
}

.payment-types li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px
}

@font-face {
    font-family: Nunito;
    font-weight: 300;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-Light.ttf)
}

@font-face {
    font-family: Nunito;
    font-weight: 400;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-Regular.ttf)
}

@font-face {
    font-family: Nunito;
    font-weight: 600;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-SemiBold.ttf)
}

@font-face {
    font-family: Nunito;
    font-weight: 700;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-Bold.ttf)
}

@font-face {
    font-family: Nunito;
    font-weight: 800;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-ExtraBold.ttf)
}

@font-face {
    font-family: Nunito;
    font-weight: 900;
    font-style: normal;
    src: url(../../fonts/Nunito/NunitoSans-Black.ttf)
}

.lottery {
    font-family: Nunito,sans-serif;
    overflow: hidden;
    width: 100%
}

.lottery>div {
    float: left;
    width: 100%
}

.lottery .container {
    padding: 0 5.333vw
}

.lottery-button {
    font-weight: 400;
    position: relative;
    cursor: pointer;
    transition: all .2s;
    color: #fff;
    border: none;
    outline: 0;
    background-color: #e4383e;
    box-shadow: 0 14px 18px rgba(0,0,0,.1)
}

.lottery-button:hover {
    background-color: #ce2b31
}

.lottery-button:hover .lottery-button-logo {
    transform: translateX(5px)
}

.lottery-button-gradient {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 50%;
    opacity: .14;
    background: linear-gradient(to top,#fff,transparent)
}

.lottery-button-logo {
    transition: all .2s
}

.lottery-header {
    position: relative;
    background: url(../../i/supertotobet_new/mobile/lottery/bg-1.png) center no-repeat;
    background-size: cover
}

.lottery-header-inner {
    height: 88vw
}

.lottery-header-woman {
    position: absolute;
    width: 45.733vw;
    top: 5.733vw;
    right: .133vw
}

.lottery-header-items {
    position: absolute;
    width: 40.8vw;
    top: 0;
    right: 17.6vw
}

.lottery-header-block {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%;
    color: #d8dde5
}

.lottery-header-logo {
    width: 30.667vw;
    margin-top: 8vw
}

.lottery-header-title-1 {
    font-size: 6.933vw;
    font-weight: 900;
    margin-top: 4.4vw;
    color: #e4383e
}

.lottery-header-title-2 {
    font-size: 4.8vw;
    font-weight: 900;
    margin-top: 1.6vw;
    color: #fff
}

.lottery-header-text {
    font-size: 2.667vw;
    font-weight: 400;
    line-height: 4.533vw;
    max-width: 44vw;
    margin-top: 3.2vw
}

.lottery-header-button {
    font-size: 2.533vw;
    width: 32vw;
    height: 8vw;
    margin-top: 3.867vw;
    border-radius: 1.067vw
}

.lottery-header-button-logo {
    width: 2.133vw;
    margin-left: 2.4vw
}

.lottery-promos {
    margin-top: -6.667vw;
    color: #fff;
    background-color: #dfdfdf
}

.lottery-promos-row {
    display: flex;
    margin-bottom: 2.4vw
}

.lottery-promo-block {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    margin-right: 1.067vw;
    padding: 1px;
    border-radius: 1.067vw;
    background: linear-gradient(to top,#2c3036,#3c4148)
}

.lottery-promo-block:after,.lottery-promo-block:before {
    position: absolute;
    display: block;
    height: 100%;
    content: '';
    opacity: .2;
    border-radius: 1.067vw;
    background-color: #2c3036
}

.lottery-promo-block:after {
    top: .4vw;
    right: .8vw;
    left: .8vw
}

.lottery-promo-block:before {
    top: .8vw;
    right: 1.6vw;
    left: 1.6vw
}

.lottery-promo-block:last-child {
    margin-right: 0
}

.lottery-promo {
    position: relative;
    z-index: 1;
    padding: 3.867vw 0 3.467vw 3.733vw;
    border-radius: 1.067vw;
    background: url(../../i/supertotobet_new/mobile/lottery/lines.png) right no-repeat #2c3036;
    background-blend-mode: luminosity
}

.lottery-promo-long {
    display: flex;
    padding: 0 3.867vw;
    height: 14.4vw
}

.lottery-promo-long .lottery-promo-icon {
    margin-top: 4.267vw
}

.lottery-promo-info .lottery-promo-text-3,.lottery-promo-main .lottery-promo-text-3 {
    font-size: 2.267vw;
    margin: 0
}

.lottery-promo-main .lottery-promo-text-3 {
    margin-top: 3.6vw
}

.lottery-promo-main .lottery-promo-text-2 {
    margin-top: 1.6vw;
    font-size: 3.733vw
}

.lottery-promo-info {
    text-align: right;
    margin-left: auto
}

.lottery-promo-info .lottery-promo-text-3 {
    margin-top: .4vw
}

.lottery-promo-info .lottery-promo-text-2 {
    margin-top: 3.467vw
}

.lottery-promo-icon {
    display: block;
    width: 5.867vw;
    height: 5.867vw;
    background: url(../../i/supertotobet_new/mobile/lottery/gift-box-black.png) center no-repeat;
    background-size: contain;
    margin-right: 4vw
}

.lottery-promo-icon.gift-box-green {
    background-image: url(../../i/supertotobet_new/mobile/lottery/gift-box-green.png)
}

.lottery-promo-icon.gift-box-orange {
    background-image: url(../../i/supertotobet_new/mobile/lottery/gift-box-orange.png)
}

.lottery-promo-icon.gift-box-red {
    background-image: url(../../i/supertotobet_new/mobile/lottery/gift-box-red.png)
}

.lottery-promo-icon.gift-box-blue {
    background-image: url(../../i/supertotobet_new/mobile/lottery/gift-box-blue.png)
}

.lottery-promo-text-1 {
    font-size: 2.667vw;
    font-weight: 600;
    margin-top: 3.867vw
}

.lottery-promo-text-2 {
    font-size: 4.8vw;
    font-weight: 800;
    margin-top: .933vw
}

.lottery-promo-text-3 {
    font-size: 2.667vw;
    font-weight: 600;
    margin-top: .933vw;
    color: #b9c0c9
}

.lottery-section {
    background-color: #e9e9e9;
    padding: 1.333vw 0 5.333vw
}

.lottery-section:nth-child(odd) {
    background-color: #dfdfdf
}

.lottery-section:nth-child(even) .lottery-section-main {
    text-align: right
}

.lottery-section:nth-child(even) .lottery-section-img-cont {
    float: right
}

.lottery-section:nth-child(even) .lottery-section-decoration-img {
    left: -1.333vw;
    transform: rotateY(180deg)
}

.lottery-section:nth-child(odd) .lottery-section-decoration-img {
    right: 1.333vw
}

.lottery-section-inner {
    position: relative
}

.lottery-section-img-cont {
    float: left;
    position: relative;
    padding-top: 4vw
}

.lottery-section-label,.lottery-section-label:after {
    position: absolute;
    background: linear-gradient(to top,#e48120,#e4af20);
    border-radius: 50%
}

.lottery-section-label {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 18.667vw;
    height: 18.667vw;
    color: #fff
}

.lottery-section-label:after {
    top: -1.333vw;
    left: -1.333vw;
    display: block;
    width: 21.333vw;
    height: 21.333vw;
    content: '';
    opacity: .16
}

.lottery-section-label-text-1,.lottery-section-label-text-3 {
    font-size: 2.267vw;
    font-weight: 600
}

.lottery-section-label-text-2 {
    font-size: 3.333vw;
    font-weight: 700;
    margin: .8vw 0
}

.lottery-section-main {
    clear: both;
    padding-top: 40px
}

.lottery-section-icon-cont {
    position: relative;
    display: inline-block
}

.lottery-section-icon {
    display: block;
    width: 8.533vw;
    height: 8.533vw;
    background: url(../../i/supertotobet_new/mobile/lottery/gift.svg) center no-repeat;
    background-size: cover
}

.lottery-section-num {
    font-size: 2.267vw;
    font-weight: 800;
    position: absolute;
    bottom: -.667vw;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4vw;
    height: 4vw;
    transform: translateX(-50%);
    color: #fff;
    border-radius: 50%;
    background-color: #e4383e
}

.lottery-section-title {
    font-size: 4.133vw;
    font-weight: 800;
    margin-top: 5.333vw;
    color: #2c3036;
    letter-spacing: -.133vw
}

.lottery-section-title span {
    display: block
}

.lottery-section-title span+span {
    margin-top: 2.533vw
}

.lottery-section-subtitle {
    font-size: 3.733vw;
    font-weight: 700;
    margin-top: 2.533vw;
    color: #e4383e;
    letter-spacing: -.107vw
}

.lottery-section-text {
    font-size: 2.933vw;
    font-weight: 400;
    margin-top: 2vw;
    line-height: 4.533vw;
    color: #757b83
}

.lottery-section-button {
    font-size: 3.2vw;
    width: 38.667vw;
    height: 9.333vw;
    margin-top: 4vw;
    border-radius: .4vw
}

.lottery-section-button-logo {
    width: 2.667vw;
    margin-left: 3.333vw
}

.lottery-section-decoration-img {
    position: absolute;
    top: 0;
    width: 32.533vw
}

.lottery-section-1 {
    padding: 5.333vw 0
}

.lottery-section-1 .lottery-section-label {
    top: 13.333vw;
    right: -12vw
}

.lottery-section-1 .lottery-section-img {
    width: 34vw
}

.lottery-section-2 .lottery-section-label {
    top: 9.333vw;
    left: -6vw
}

.lottery-section-2 .lottery-section-img {
    width: 56vw
}

.lottery-section-3 .lottery-section-label {
    top: 13.333vw;
    right: -6.133vw
}

.lottery-section-3 .lottery-section-img {
    width: 39.867vw
}

.lottery-section-4 .lottery-section-label {
    top: 9.6vw;
    left: -12vw
}

.lottery-section-4 .lottery-section-img {
    width: 38vw
}

.lottery-bottom {
    background-color: #dfdfdf
}

.lottery-bottom-inner {
    padding: 7.467vw 0 50px
}

.lottery-bottom-right {
    margin-top: 6vw
}

.lottery-bottom-title {
    font-size: 4.533vw;
    font-weight: 800;
    color: #2c3036
}

.lottery-bottom-sep {
    position: relative;
    width: 100%;
    height: 4px;
    margin: 4.533vw 0 4.933vw;
    background: #d5d5d5
}

.lottery-bottom-sep:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 8vw;
    height: 100%;
    content: '';
    background: #e4383e
}

.lottery-bottom-right-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 102.667vw
}

.lottery-bottom-right-item {
    display: flex;
    margin-bottom: 1.333vw;
    padding: 0 5.2vw 0 6.8vw;
    border-radius: 1.067vw;
    background-color: #fff
}

.lottery-bottom-right-item:last-child {
    margin-bottom: 0
}

.lottery-bottom-right-text-1 {
    font-size: 3.733vw;
    font-weight: 700;
    margin-top: 3.867vw;
    color: #2c3036
}

.lottery-bottom-right-text-2 {
    font-size: 3.333vw;
    font-weight: 600;
    margin-top: 1.467vw;
    color: #555a62
}

.lottery-bottom-right-text-3 {
    font-size: 2.667vw;
    font-weight: 700;
    margin-top: 4.267vw;
    color: #555a62
}

.lottery-bottom-right-text-4 {
    font-size: 3.733vw;
    font-weight: 700;
    margin-top: 1.467vw;
    color: #e4383e
}

.lottery-bottom-right-icon-cont {
    position: relative;
    margin-top: 4.667vw;
    flex-shrink: 0
}

.lottery-bottom-right-num {
    font-size: 2.667vw;
    font-weight: 800;
    position: absolute;
    top: 1.067vw;
    left: -1.467vw;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4vw;
    height: 4vw;
    color: #fff;
    border-radius: 50%;
    background-color: #e4383e
}

.lottery-bottom-right-icon {
    display: block;
    width: 5.067vw;
    height: 6.8vw;
    background: url(../../i/supertotobet_new/mobile/lottery/ticket.svg) center no-repeat;
    background-size: cover
}

.lottery-bottom-right-line {
    display: block;
    width: 2.4vw;
    height: 16vw;
    background: url(../../i/supertotobet_new/mobile/lottery/line.svg) center no-repeat;
    background-size: cover;
    flex-shrink: 0;
    margin-right: 3.067vw
}

.lottery-bottom-right-main {
    margin-left: 3.867vw;
    flex-grow: 1
}

.lottery-bottom-right-info {
    margin-left: auto;
    text-align: right;
    flex-shrink: 0
}

.lottery-bottom-left-list {
    list-style: none
}

.lottery-bottom-left-item {
    font-size: 3.733vw;
    line-height: 5.333vw;
    display: flex;
    margin-bottom: 3.467vw;
    color: #555a62
}

#game_content,.lottery-bottom-left-item:last-child {
    margin-bottom: 0
}

.lottery-bottom-left-item:before {
    flex-shrink: 0;
    width: 4.267vw;
    height: 4.267vw;
    margin-top: .4vw;
    margin-right: 2.267vw;
    content: '';
    background: url(../../i/supertotobet_new/mobile/lottery/list-item.svg) center no-repeat;
    background-size: contain
}

.lottery-link {
    float: left;
    margin-left: 90px;
    margin-top: -4px
}

#suites_menu {
    border-radius: 0;
    overflow: visible
}

#suites_menu>ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border: none;
    border-bottom: 2px solid #ec3535;
    background-color: #833131;
    border-radius: 0;
    font-weight: 700
}

.white #suites_menu>ul {
    background: #a52b2f
}

#suites_menu a {
    padding: 6px 12px;
    background: 0 0;
    font-family: inherit;
    color: #be8888;
    box-shadow: none
}

#suites_menu a.current {
    color: #fff!important;
    background: 0 0!important;
    border: none!important;
    box-shadow: none!important
}

#suites_menu a.current:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: calc(50% - 5px);
    transform: rotate(-225deg);
    z-index: 5;
    border-top: 12px solid #e24a38;
    border-left: 12px solid transparent
}

.betsoft-slot-games .slot-item {
    width: calc(50% - 15px)
}

.betsoft-slot-games .slot-item img {
    max-width: 100%!important;
    min-height: 80px
}

#game_content {
    float: none;
    min-height: auto;
    background: 0 0
}

.top-warning {
    font-size: 12px;
    color: #d1bfbf;
    position: relative;
    padding: 10px 10px 10px 34px;
    margin: 0 10px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #555353;
    border-image: initial;
    border-radius: 4px
}

.list-status,.nav-link i {
    margin-right: 10px
}

.white .top-warning {
    background-color: #d5dae1;
    border-color: #d5dae1;
    color: #c44145
}

.top-warning:before {
    content: "\f071";
    font-family: FontAwesome,FontAwesome5;
    font-weight: 900;
    color: #c44145;
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.nav-link {
    display: block;
    padding: 0 4px 0 10px;
    color: #fff;
    background-color: #c44145;
    height: 40px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 0 0 3px 3px
}

.white .nav-link {
    background-color: #24292f
}

.nav-link i {
    color: #fff;
    float: right;
    margin-top: 12px
}

.theme-name {
    display: none
}

.theme-name.theme-name_white,.white .theme-name.theme-name_dark {
    display: block
}

.white .theme-name.theme-name_white {
    display: none
}

#fixfin_bank_transfer_form .btn-plus,#transfer_fixfin_form .btn-plus,#withdraw_bank_transfer .btn-plus,#withdraw_manual_payment_aggregator .btn-plus,#withdrawal-form .btn-plus,#withdrawal-kolaypay-form .btn-plus {
    float: right;
    font-size: 17px;
    text-decoration: none;
    color: inherit
}

#firmabiz_bank_transfer_form .def-btn,#fixfin_bank_transfer_form .def-btn,#transfer_fixfin_form .def-btn,#withdraw_bestpaycard_bank_transfer .addAccount,#withdraw_ultrapay .def-btn,#withdrawal-form .send-withdrawal {
    margin-top: 16px
}

.bank_transfer_list .bank_name.finans_bank a:after {
    left: 0
}

.award-page {
    background: url(../../i/supertotobet_new/mobile/lottery/new_year/new-year-bg.jpg) center center no-repeat;
    background-size: cover;
    font-family: "Open Sans",sans-serif;
    overflow: hidden;
    color: #19222B;
    position: relative
}

.award-page canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.award-page .award-top {
    width: 100%;
    height: 220px;
    margin: 0 auto;
    position: relative
}

.award-page .award-top .model {
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: 20px;
    background: url(../../i/supertotobet_new/mobile/lottery/new_year/model.png) no-repeat;
    width: 428px;
    height: 656px;
    background-size: 35%
}

.award-page .award-top .text {
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -30px;
    margin-right: 5px
}

.award-page .award-top .text h2 {
    font-size: 16px;
    font-weight: 700;
    transform: translate3d(0,0)
}

.award-page .award-top .text h2 span {
    font-weight: 300
}

.award-page .award-top .text h4 {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 300
}

.award-page .award-top .text .btn {
    width: auto;
    height: auto;
    margin: 20px 0;
    background-color: #A32124;
    background-image: linear-gradient(to bottom,#F4373C,#A32124);
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    padding: 9px 27px;
    font-size: 10px;
    font-weight: 700;
    transition: .3s;
    border: none;
    text-decoration: none
}

.award-page .award-top .text .btn:hover {
    transform: scale(1.07)
}

.award-page .award-top .text p {
    font-size: 11px;
    line-height: 140%;
    font-weight: 300
}

.award-page ::-webkit-scrollbar {
    width: 3px
}

.award-page ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.02);
    border-radius: 10px
}

.award-page ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #CF2F32
}

.award-page .award-title {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 50px
}

.award-page .award-title span {
    position: relative
}

.award-page .award-title span:before {
    content: "";
    background: rgba(0,0,0,.4);
    border-radius: 5px;
    width: 64px;
    left: 50%;
    margin-left: -32px;
    height: 2px;
    position: absolute;
    bottom: -20px
}

.award-page .award-title span:after {
    content: "";
    background: #E63438;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
    border-radius: 5px;
    width: 32px;
    left: 50%;
    margin-left: -16px;
    height: 2px;
    position: absolute;
    bottom: -20px
}

.award-page .award-list ul li {
    text-align: center;
    margin-bottom: 10px
}

.award-page .award-list .circle {
    width: auto;
    text-align: center;
    display: flex;
    align-items: center;
    background: #E63438;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
    border-radius: 10px;
    position: relative;
    color: #fff;
    padding: 15px
}

.award-page .award-list .circle * {
    flex: auto
}

.award-page .award-list .circle span {
    font-size: 16px;
    font-weight: 700;
    width: 20px
}

.award-page .award-list .circle b {
    font-weight: 400;
    font-size: 12px;
    margin: 5px 50px 5px 0
}

.award-page .award-list .circle strong {
    font-weight: 700;
    font-size: 13px;
    background-color: rgba(0,0,0,.15);
    border-radius: 16px;
    padding: 4px 20px;
    margin-left: auto
}

.award-page .award-list .circle p {
    position: absolute;
    top: 38px;
    right: 10px;
    font-size: 10px
}

.award-page .award-inner {
    height: 650px;
    margin: 0 5%;
    background: #fffffe;
    background: radial-gradient(circle,#fffffe 51%,#dbeeff 100%);
    box-shadow: 0 0 70px rgba(108,144,176,.3);
    padding: 30px 30px 0;
    border-radius: 30px 30px 0 0;
    position: relative
}

.award-page .award-inner .award-scroll {
    height: 620px;
    overflow-y: scroll;
    margin-right: -20px;
    padding-right: 20px;
    padding-bottom: 30px
}

.award-page .award-inner .award-scroll .logo {
    text-align: center
}

.award-page .award-inner .award-scroll .tickets {
    padding-top: 50px
}

.award-page .award-inner .award-scroll .tickets ul li {
    border-radius: 10px;
    background: #E63438;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 );
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    color: #fff
}

.award-page .award-inner .award-scroll .tickets ul li .block {
    padding: 8px 10px;
    font-size: 12px
}

.award-page .award-inner .award-scroll .tickets ul li .block * {
    display: block;
    text-align: center
}

.award-page .award-inner .award-scroll .tickets ul li .block:first-child {
    background: rgba(0,0,0,.1);
    text-align: center
}

.award-page .award-inner .award-scroll .tickets ul li .block:first-child img {
    display: inline-block;
    height: 30px
}

.award-page .award-inner .award-scroll .tickets ul li .block:first-child span {
    display: block;
    font-weight: 600;
    font-size: 11px
}

.award-page .award-inner .award-scroll .tickets ul li .block b {
    font-size: 12px;
    font-weight: 900;
    display: block;
    margin-bottom: 5px
}

.award-page .award-inner .award-scroll .tickets ul li .block.win {
    background: rgba(0,0,0,.05)
}

#lottery-btn a,#lottery_win-btn a,.award-page .award-inner .award-scroll .rules ul li span {
    background: #E63438;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#000000", GradientType=0 )
}

.award-page .award-inner .award-scroll .rules {
    padding-top: 50px
}

.award-page .award-inner .award-scroll .rules ul li {
    position: relative;
    padding-left: 40px;
    font-size: 12px;
    line-height: 140%;
    margin-bottom: 20px
}

.award-page .award-inner .award-scroll .rules ul li span {
    position: absolute;
    top: 6px;
    left: 10px;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%)
}

.award-page .award-inner .award-scroll .rules ul li span:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 1px solid #D02F33;
    border-radius: 100%
}

.award-page .award-inner .award-scroll .rules p {
    font-size: 14px;
    line-height: 140%;
    color: #fff
}

#lottery-btn,#lottery_win-btn {
    display: none;
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid var(--border-main-color)
}

#lottery-btn a,#lottery_win-btn a {
    width: 102px;
    background: linear-gradient(to bottom,#E63438 0,#B62B2E 100%);
    border-radius: 4px;
    color: #fff;
    padding: 5px 20px 5px 30px;
    font-size: 10px;
    line-height: 130%;
    font-weight: 700;
    text-shadow: 0 2px 2px rgba(0,0,0,.4);
    position: relative;
    display: inline-block
}

#lottery-btn a:hover,#lottery_win-btn a:hover {
    background: #B62B2E
}

#lottery-btn a img,#lottery_win-btn a img {
    position: absolute;
    top: 0;
    left: -12px
}

#lottery-btn a .lottery-btn__title,#lottery_win-btn a .lottery_win-btn__title {
    display: block
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        transition-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%,50% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

@keyframes tada {
    0%,100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

@keyframes wobble {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.bounceOut,.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,.flipOutX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.message-box-title {
    width: 100%;
    font-size: 16px;
    color: #fff;
    margin-bottom: 16px;
    padding-left: 20px;
    position: relative;
    margin-top: 34px
}

.message-box-title:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #9b9b9b;
    position: absolute;
    left: 0;
    top: 1px
}

.message-row {
    background-color: #464242;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.list-status-icon svg {
    width: 32px
}

.list-status-icon svg path {
    fill: #5b5656
}

.list-message-name {
    word-break: break-all;
    font-weight: 300
}

.list-message {
    width: calc(100% - 84px);
    padding: 0 10px;
    text-align: left
}

.list-message-action button {
    background: 0 0;
    border: 0;
    padding: 0;
    width: 24px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-message-action button svg {
    width: 24px;
    height: 36px
}

.list-message-action button svg path {
    fill: #767070
}

.list-title {
    background-color: #353131;
    height: 40px;
    padding-left: 15px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px
}

.list-status,.list-status:before {
    display: block;
    width: 10px;
    height: 10px
}

.list-status:before {
    content: "";
    background-color: #7a7a7a;
    border-radius: 50%
}

.list-status.unread:before {
    background-color: #63af45
}

.message-list li {
    background-color: #464242;
    border-radius: 4px;
    margin-bottom: 10px
}

.list-status-icon {
    background-color: #353131;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
    color: #5b5656;
    position: relative;
    flex: 0 0 60px
}

.list-status-icon.unread:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #63af45;
    border-radius: 50%;
    left: 10px;
    top: 15px
}

.msg-icon,.textarea,.textarea-wrap {
    position: relative
}

.list-message-date {
    font-size: 12px;
    color: #bbaeae
}

.list-message-name {
    font-size: 16px
}

.list-message-action {
    font-size: 24px;
    color: #767070;
    flex: 0 0 24px
}

.msg-icon {
    flex: 0 0 52px;
    max-width: 52px;
    width: 52px;
    height: 52px;
    background-color: #e2e2e2;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #7a7a7a;
    font-size: 22px
}

.msg-icon:before {
    content: "";
    position: absolute;
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    background-color: #9b9b9b;
    border-radius: 50%
}

#playerInfoContent .background .col.width_100 {
    padding-left: 0;
    padding-right: 0
}

.msg-box {
    display: contents;
    flex: 0 0 calc(100% - 152px);
    max-width: calc(100% - 152px);
    width: calc(100% - 152px);
    padding-left: 20px
}

.bank-logo img,.msg-date,.slide-select {
    max-width: 100px
}

.msg-subject {
    font-size: 14px;
    color: #fff;
    display: block;
    margin-bottom: 7px
}

.msg-subtitle {
    font-size: 12px;
    color: #d7d7d7
}

.msg-date {
    flex: 0 0 100px;
    width: 100px;
    font-size: 12px;
    color: #bdbdbd;
    display: contents;
    align-items: center
}

.unread-title:before {
    background-color: #e2363a
}

.message-row.unread .msg-icon {
    color: #e2363a
}

.message-row.unread .msg-icon:before {
    background-color: #e2363a
}

.message-row:hover {
    background-color: #5c5c5c
}

.textarea {
    width: 100%;
    height: 180px;
    background: 0 0;
    padding: 20px 50px;
    border: none;
    border-radius: 5px;
    overflow: auto;
    font-size: 13px;
    font-weight: 500;
    color: #272525;
    resize: none
}

.textarea-wrap {
    background-color: #e2e2e2;
    border-radius: 5px
}

.textarea-wrap:before {
    content: "";
    position: absolute;
    left: 19px;
    top: 18px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #e2363a;
    border-bottom: 6px solid transparent
}

body.white .form-v-m {
    color: #000
}

.back-call {
    position: relative;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(13,17,25,.12)
}

.back-call__title {
    background: var(--mode-colors-background);
    padding: 20px 10px
}

.input-wrap {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 50px;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #efefef;
    line-height: normal;
    margin-bottom: 10px
}

.input-wrap input[type=text],.textbox {
    background-color: transparent;
    border: none
}

.form-icon {
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 14px
}

.input-holder {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    width: calc(100% - 50px)
}

.input-holder__textarea {
    height: 314px
}

.input-holder__textarea textarea {
    resize: none;
    height: 268px
}

.input-wrap input:focus,.input-wrap textarea:focus {
    outline: 0
}

.textbox {
    height: 26px;
    flex: 0 0 calc(100% - 26px);
    max-width: calc(100% - 26px);
    width: calc(100% - 26px);
    font-size: 17px;
    font-weight: 500;
    color: #000
}

.form-placeholder {
    color: var(--elements-lighter);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-top: 4px;
    line-height: 16px
}

.back-call__title .title-text {
    margin-left: 20px;
    margin-right: auto;
    font-size: 22px
}

.back-call__title p {
    font-size: 12px;
    margin: 9px 0 0
}

.request-bonus .back-call__title p {
    color: var(--mode-colors-explanation);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    padding: 0 18px
}

.request-bonus .back-call__title .title-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 16px;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 74px;
    border: 1px solid var(--mode-colors-border);
    background: var(--elements-darker);
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    color: var(--mode-colors-main);
    margin-left: 0;
    margin-right: 0
}

.back-call__body {
    padding: 20px;
    background: var(--mode-colors-background)
}

#back_call_phone~.flag-dropdown {
    left: -19%
}

.back-call__footer {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    background-color: #f6f6f6;
    font-size: 14px;
    color: #989cac
}

.back-call__footer img {
    margin-right: 18px
}

.back-call__footer p {
    margin: 0;
    line-height: 20px
}

#back_call_submit {
    display: flex;
    height: 40px;
    background-color: var(--design-colors-primary-base);
    border-radius: 44px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: none;
    width: 100%;
    gap: 20px
}

.btn-back_call {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 70px;
    padding: 0 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-image: -moz-linear-gradient(0deg,#f49707 0,#eb5c15 100%);
    background-image: -webkit-linear-gradient(0deg,#e24139 0,#c44145 100%);
    background-image: -ms-linear-gradient(0deg,#f49707 0,#eb5c15 100%);
    border-radius: 8px;
    color: #fff
}

.btn-back_call .title-text {
    padding-right: 5px;
    margin-left: 15px;
    margin-right: auto
}

.btn-back_call .title-text b {
    line-height: 20px
}

.btn-back_call .title-text p {
    font-size: 11px
}

.back-call__ticket,.back-call__ticket .color-red {
    color: var(--design-colors-primary-base);
    font-size: 12px
}

.btn-back_call__arrow {
    width: 11px;
    opacity: .6
}

.btn-back_call__after_1 {
    position: absolute;
    width: 70px;
    top: 0;
    left: 40px
}

.btn-back_call__after_2 {
    position: absolute;
    width: 46px;
    top: 0;
    left: 72px
}

.back-call__ticket {
    text-align: center;
    padding: 13px 0;
    margin: 0 20px;
    border-radius: 44px;
    border: 1px dashed var(--design-colors-primary-base);
    font-weight: 500;
    line-height: 12px;
    background: var(--mode-colors-background)
}

.back-call__ticket .color-red {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    height: unset
}

.back-call__ticket .green-red {
    font-size: 14px;
    border-radius: 4px;
    background: 0 0;
    height: 20px;
    padding: 0;
    color: var(--mode-colors-success-base);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.snow--far,.snow--mid,.snow--near {
    background-size: contain
}

.snow,.winter-is-coming {
    z-index: 1001;
    pointer-events: none
}

.winter-is-coming {
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 100%
}

.snow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: falling linear infinite both;
    transform: translate3D(0,-100%,0)
}

.snow--near {
    animation-duration: 10s;
    background-image: url(../../i/supertotobet_new/mobile/snow/snow-large.png)
}

.snow--near+.snow--alt {
    animation-delay: 5s
}

.snow--mid {
    animation-duration: 20s;
    background-image: url(../../i/supertotobet_new/mobile/snow/snow-medium.png)
}

.snow--mid+.snow--alt {
    animation-delay: 10s
}

.snow--far {
    animation-duration: 30s;
    background-image: url(../../i/supertotobet_new/mobile/snow/snow-small.png)
}

.snow--far+.snow--alt {
    animation-delay: 15s
}

@keyframes falling {
    0% {
        transform: translate3D(-7.5%,-100%,0)
    }

    100% {
        transform: translate3D(7.5%,100%,0)
    }
}

@font-face {
    font-family: Flaticon;
    src: url(../webfonts/flaticon.eot);
    src: url(../webfonts/flaticon.eot?#iefix) format("embedded-opentype"),url(../webfonts/flaticon.woff2) format("woff2"),url(../webfonts/flaticon.woff) format("woff"),url(../webfonts/flaticon.ttf) format("truetype"),url(../webfonts/flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:Flaticon;
        src: url(../webfonts/flaticon.svg#Flaticon) format("svg")
    }
}

[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-search:before {
    content: "\f127"
}

.flaticon-close:before {
    content: "\f10e"
}

.top-filter-input .search input {
    float: left;
    width: 100%;
    height: 38px;
    background-color: #272525;
    border: none;
    padding-left: 20px;
    color: #757575;
    font-size: 13px;
    margin-bottom: 5px
}

.top-filter-input .search form {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top-filter-input .search input::-webkit-input-placeholder {
    color: #fff
}

.top-filter-input .search input:-moz-placeholder {
    opacity: 1;
    color: #fff
}

.top-filter-input .search input::-moz-placeholder {
    opacity: 1;
    color: #fff
}

.top-filter-input .search input:-ms-input-placeholder {
    color: #fff
}

.top-filter-input .search button {
    float: right;
    width: 50px;
    height: 38px;
    background-color: transparent;
    outline: 0;
    border: none
}

.top-filter-input .search button i {
    color: #757575;
    font-size: 20px;
    margin-bottom: -2px;
    display: block
}

#popup-tab {
    display: none;
    position: absolute;
    top: 60px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 50;
    background: var(--main-color);
    color: var(--text-color)
}

#popup-tab>div {
    width: 100%;
    margin: 0 auto
}

.popup-tab-wrapper {
    display: flex;
    position: relative;
    margin: 10px;
    min-height: 177px;
    background-color: rgba(35,41,48,1);
    border-radius: 20px;
    font-family: Montserrat,Helvetica,Arial,serif
}

.popup-tab-img {
    display: inline-block;
    background-color: transparent;
    border-radius: 20px;
    height: 110px;
    width: 240px;
    flex: 240px;
    margin: 31px 0 0 22px;
    overflow: hidden
}

.popup-tab-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.popup-tab-body {
    width: calc(100% - 160px);
    flex: calc(100% - 160px);
    padding: 20px 12px;
    text-align: center
}

.btns-wrapper__item {
    color: rgba(219,54,58,1);
    background-color: #fff;
    font-family: Montserrat,Helvetica,Arial,serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap;
    width: 114px
}

.btns-wrapper__item:first-child {
    margin-bottom: 5px
}

.btns-wrapper__item_red {
    color: #fff;
    background-color: rgba(219,54,58,1)
}

.btns-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: fit-content;
    margin: 7px auto 0
}

.popup-tab-title {
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    color: #fff
}

.popup-tab-title .count {
    font-size: 46px;
    color: rgba(219,54,58,1);
    line-height: 36px
}

.popup-tab-title .color {
    color: rgba(219,54,58,1);
    line-height: 33px
}

.popup-tab-content {
    padding: 0 20px;
    font-size: 12px;
    color: var(--text-color);
    font-weight: 500
}

.success-stage {
    padding-bottom: 20px;
    font-size: 17px!important;
    font-weight: 400!important;
    color: var(--text-color);
    background-color: var(--main-color)
}

.lc-tabs__item,.success-stage p {
    font-size: 15px
}

.success-block {
    padding: 20px 10px 0;
    text-align: center
}

.success-stage h2 {
    margin-bottom: 2vw
}

.success-stage p+p {
    margin-top: 10px
}

.deposit-row .image .custom-image {
    height: 100%;
    --active-display: flex;
    align-items: center;
    justify-content: center
}

.deposit-row .image.mefete .default-image,.deposit-row .image.ortak_panel_papara .default-image,.deposit-row .image.papara .default-image {
    height: 100%;
    --active-display: flex;
    align-items: center
}

.deposit-row .image.ortak_panel_papara .default-image img,.deposit-row .image.papara .default-image img {
    width: 120px
}

.deposit-row .image.peple .dark-theme.default-image {
    height: 100%;
    --active-display: flex;
    margin-left: -16px
}

.deposit-row .image.sistem_nakit_bank_transfer .dark-theme.default-image {
    height: 100%;
    --active-display: flex;
    align-items: center;
    padding: 30px 10px
}

.lc-tabs__container {
    background: #c44145;
    height: 42px;
    border-bottom: 2px solid #ec3535;
    overflow: visible!important
}

.lc-tabs__wrapper {
    list-style: none
}

.lc-tabs__item {
    position: relative;
    display: block;
    width: auto;
    line-height: 40px;
    font-weight: 700;
    padding: 0 15px;
    color: #be8888;
    text-decoration: none;
    white-space: nowrap
}

.lc-tabs__item.active {
    background: #833131;
    color: #fff
}

.lc-tabs__item.active:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: calc(50% - 8px);
    transform: rotate(-225deg);
    z-index: 5;
    border-top: 16px solid #e24a38;
    border-left: 16px solid transparent
}

.live-casino {
    display: flex;
    flex-direction: column
}

#live_casino_games,#live_casino_tabs {
    order: 1
}

.search-container {
    order: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.search-container__input {
    height: 38px;
    background-color: #272525;
    border: none;
    padding-left: 20px;
    font-size: 13px;
    margin-bottom: 5px
}

.search-container__button {
    width: 50px;
    height: 38px;
    background-color: transparent;
    outline: 0;
    border: none
}

.search-container__button i {
    color: #757575;
    font-size: 20px;
    margin-bottom: -2px;
    display: block
}

.lcgd__dealer {
    position: absolute;
    padding: 6px 15px;
    background-color: #c44145;
    color: #fff;
    border-radius: 4px;
    height: 19px;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
    font-size: 15px;
    bottom: 41px;
    left: 8px
}

.lc-game__description {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.lcgd__hours {
    position: absolute;
    right: 11px;
    top: 12%;
    font-size: 13px
}

.lcgd__open {
    float: right
}

.contact-info-widget {
    margin-top: 20px;
    background: #272525;
    padding: 15px;
    border: 1px solid #555353;
    border-radius: 4px
}

.white .contact-info-widget {
    background-color: #d5dae1;
    border-color: #d5dae1
}

.contact-title {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 500;
    color: var(--text-second-color)
}

.contact_list {
    list-style: none
}

.contact_list .support-link {
    display: block;
    color: var(--text-color);
    font-size: 14px
}

.contact_list .support-link+.support-link {
    margin-top: 5px
}

.contact_list .support-link i {
    margin-right: 15px;
    font-size: 20px;
    vertical-align: sub
}

.custom-icon-facebook {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../i/supertotobet_new/mobile/social-icons/icon-facebook.png) center no-repeat
}

.custom-icon-twitter {
    display: block;
    width: 22px;
    height: 19px;
    background: url(../../i/supertotobet_new/mobile/social-icons/icon-twitter.png) center no-repeat
}

.custom-icon-telegram {
    display: block;
    width: 22px;
    height: 20px;
    background: url(../../i/supertotobet_new/mobile/social-icons/icon-telegram.png) center no-repeat
}

.custom-icon-instagram {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../../i/supertotobet_new/mobile/social-icons/icon-instagram.png) center no-repeat
}

.custom-icon-monitor {
    display: block;
    width: 22px;
    height: 20px;
    background: url(../../i/supertotobet_new/mobile/social-icons/icon-desktop.png) center no-repeat
}

.slots-popular-games {
    margin: 40px 0 0;
    border-top: 1px solid #353333;
    padding: 30px 15px
}

.white .slots-popular-games {
    border-color: #454b55
}

.slots-slider-header {
    margin-bottom: 30px;
    display: flex
}

.slots-slider-title {
    font-size: 19px;
    font-weight: 500;
    padding-right: 10px
}

.white .slots-slider-title {
    color: #454b55
}

.slots-slider-arrows {
    display: flex
}

.slots-slider-arrow {
    width: 30px;
    height: 30px;
    background-color: #4c4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 5px;
    font-size: 14px
}

.white .slots-slider-arrow {
    background-color: #adb8ca
}

.slots-slider-arrow.next {
    margin-left: 5px
}

.slots-popular-games .slick-slide {
    margin: 0 5px
}

.slots-page-top-banner {
    width: 100%
}

footer .desktop {
    padding-left: 0;
    float: none;
    width: auto;
    background: 0 0
}

footer .desktop:before {
    display: none
}

#cashbackbonus.hide,#tournamentparticipants.hide {
    display: none!important
}

.snowflake {
    z-index: 1212!important
}

.logo-snow {
    position: absolute;
    left: 0;
    top: -3px
}

.logo-snow img {
    height: initial
}

.inner-content-frame {
    background-color: #fff;
    color: #1E2227;
    font-size: 15px;
    font-weight: 400
}

.t-list-row,.t-list-thead {
    height: 40px;
    padding: 0 9px;
    font-weight: 800;
    font-size: 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    display: flex
}

.t-list-thead {
    align-items: center;
    background: #ED3338;
    color: #fff
}

.t-list-row {
    align-items: center;
    color: #1E2227;
    background: #EBEEF2
}

.t-list-row:nth-child(odd) {
    background: #DCE0E7
}

.t-list-td.first,.t-list-th.first {
    flex: 0 0 7%;
    width: 7%
}

.t-list-td.second,.t-list-td.third,.t-list-th.second,.t-list-th.third {
    flex: 0 0 31%;
    width: 31%
}

.t-list-td.last,.t-list-th.last {
    flex: 1;
    text-align: right
}

.t-list-td.third {
    padding-left: 20px
}

#modal_window .close {
    appearance: none;
    background: 0 0;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

#modal_window .close .cmpi-close {
    content: url('data:image/svg+xml,%3Csvg width=12 height=12 viewBox=0 0 12 12 fill=none xmlns=http://www.w3.org/2000/svg%3E%3Cpath d=M10.5 1.5L1.5 10.5 stroke=%23fff stroke-width=1.5%3E%3C/path%3E%3Cpath d=M1.5 1.5L10.5 10.5 stroke=%23fff stroke-width=1.5%3E%3C/path%3E%3C/svg%3E');
    width: 16px
}

#modal_window .modal.cashback_bonus .btn {
    content: url('data:image/svg+xml,%3Csvg width=12 height=12 viewBox=0 0 12 12 fill=none xmlns=http://www.w3.org/2000/svg%3E%3Cpath d=M10.5 1.5L1.5 10.5 stroke=%23fff stroke-width=1.5%3E%3C/path%3E%3Cpath d=M1.5 1.5L10.5 10.5 stroke=%23fff stroke-width=1.5%3E%3C/path%3E%3C/svg%3E');
    width: auto;
    color: #fff;
    background-color: #c44244;
    margin-top: 10px
}

#modal_window .modal.cashback_bonus .btn.play_now {
    content: none;
    height: auto
}

#modal_window .modal.cashback_bonus .max-balance {
    margin-top: 15px!important
}

.content-note {
    padding: 0 15px;
    display: flex;
    align-items: center;
    background-color: #E2E2E2;
    min-height: 46px;
    color: #1E2227;
    font-size: 15px;
    font-weight: 400
}

.content-note img {
    margin-right: 15px
}

.page-head {
    border-bottom: 1px solid #ec3535;
    height: 41px;
    line-height: 40px;
    color: #fff;
    padding-left: 12px;
    font-weight: 700;
    font-size: 15px;
    background: linear-gradient(to right,#843131 0,#252020 100%);
    display: flex;
    justify-content: space-between
}

.page-head .back {
    height: 40px;
    padding: 0 10px;
    color: #c44145;
    display: flex;
    align-items: center
}

.page-head .back i {
    margin-right: 5px;
    position: relative;
    top: 2px
}

.page-head .back i svg {
    width: 15px;
    height: 15px;
    fill: #c44145
}

.checkbox-container svg path,.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap .shadow_header .slot-game-item-fav-button svg path,.live-casino .favorite.active svg path,body.white .page-head .back i svg {
    fill: #fff
}

body.white .page-head {
    background: #c44145
}

body.white .page-head .back {
    color: #fff
}

.authentication-checkbox-container {
    background-color: #3C3A3A;
    height: 70px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.authentication-checkbox-container .icon,.authentication-checkbox-container .icon-1 {
    height: 14px;
    width: 18px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.authentication-checkbox-container .title {
    font-size: 13px;
    line-height: 21px;
    color: #FFF;
    margin-left: 16px
}

.authentication-checkbox-container .icon {
    background-image: url('data:image/svg+xml,%3Csvg width=15 height=12 viewBox=0 0 15 12 fill=none xmlns=http://www.w3.org/2000/svg%3E%3Cpath d=M12.9 0L5.24999 7.725L2.09999 4.57499L0 6.67498L5.24999 12L15 2.17498L12.9 0Z fill=%233D475E/%3E%3C/svg%3E')
}

.authentication-checkbox-container .icon-1 {
    background-image: url('data:image/svg+xml,%3Csvg width=15 height=12 viewBox=0 0 15 12 fill=none xmlns=http://www.w3.org/2000/svg%3E%3Cpath d=M12.9 0L5.24999 7.725L2.09999 4.57499L0 6.67498L5.24999 12L15 2.17498L12.9 0Z fill=%2312bc8c/%3E%3C/svg%3E')
}

.authentication-checkbox-container .title-container {
    align-items: center;
    display: flex;
    font-size: 16px
}

.authentication-checkbox-container .title-container img {
    width: 46px;
    height: 46px;
    margin-right: 15px
}

.slide-select {
    flex: 0 0 100px;
    width: 100px;
    margin-left: auto
}

.enable-2fa .enable-btn img,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left: 10px
}

.slideThree {
    height: 44px;
    position: relative;
    width: 100px;
    background: linear-gradient(180deg,#000 0,#363131 100%);
    box-shadow: 0 1px 0 #6d6767;
    border-radius: 34px;
    overflow: hidden;
    border: none
}

.slideThree:after,.slideThree:before {
    display: none
}

.slideThree label {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 3px;
    z-index: 1;
    background: url(../../i/supertotobet_new/mobile/ch-go.png) left top no-repeat;
    transition: all .4s ease
}

.slideThree input[type=checkbox]:checked+label {
    left: 57px;
    background: 0 0
}

.slideThree input[type=checkbox]:checked+label:after {
    content: "";
    z-index: 1;
    height: 44px;
    position: absolute;
    width: 100px;
    right: -3px;
    top: -2px;
    background: linear-gradient(180deg,#2E6230 0,#4FF055 100%);
    box-shadow: 0 1px 0 #373C42;
    border-radius: 34px
}

.slideThree input[type=checkbox]:checked+label:before {
    content: "";
    background: url(../../i/supertotobet_new/mobile/ch-ok.png) left center no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 10
}

.slideThree.active {
    background: #e2e2e2;
    color: #4b4b4b;
    border-color: #e2e2e2;
    transition: .3s
}

.slideThree.active:after {
    opacity: 0
}

.slideThree.active:before {
    opacity: 1
}

.slideThree.active label {
    background: #e2363a;
    left: 77px
}

.enable-2fa {
    padding-top: 24px;
    padding-bottom: 20px;
    background-color: #fff
}

.enable-2fa h2 {
    color: #E2363A;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px
}

.enable-2fa p.text {
    color: #1E2227;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px
}

.enable-2fa .input {
    min-width: 120px;
    height: 48px;
    background: #E0E7EF!important;
    border-radius: 10px!important;
    padding: 0 15px;
    border: none;
    margin-top: 0;
    color: #1E2227!important;
    margin-right: 15px;
    width: 30%
}

.enable-2fa .input-button-content {
    display: flex;
    align-items: center
}

.enable-2fa .input::placeholder {
    color: #1E2227
}

.enable-2fa .enable-btn {
    height: 48px;
    background-color: #46A544;
    color: #fff;
    border-radius: 10px;
    padding: 0 15px;
    line-height: 1;
    transition: .3s;
    display: flex;
    justify-content: center;
    border: none;
    align-items: center;
    cursor: pointer;
    width: auto;
    margin-top: 0;
    outline: auto
}

.enable-2fa .enable-btn:hover {
    background-color: #4ec34b
}

.enable-buttons {
    display: flex
}

.enable-content {
    padding: 20px 10px
}

.download-two-factor-authentication {
    border-bottom: 2px dashed #e5e5e5;
    padding-bottom: 40px
}

.download-two-factor-authentication .download-icon {
    height: 45px;
    width: 39px;
    margin-bottom: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../i/supertotobet_new/mobile/icon-lock.png)
}

.download-two-factor-authentication .text {
    font-size: 15px;
    line-height: 26px;
    color: #1E2227;
    max-width: 547px;
    margin-bottom: 20px
}

.download-two-factor-authentication .title {
    color: #E2363A;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px
}

.download-two-factor-authentication .text a {
    font-size: 15px;
    line-height: 26px;
    color: #E2363A;
    text-decoration: none
}

.download-two-factor-authentication .qr-code {
    border: 2px dashed #e2363a;
    box-sizing: border-box;
    border-radius: 16px;
    width: 260px;
    margin: auto;
    height: auto;
    background: 0 0;
    padding: 0
}

.download-two-factor-authentication .qr-code img {
    border-radius: 16px
}

.download-two-factor-authentication .cannot-scan {
    background: #3C3A3A;
    border-radius: 5px;
    width: 220px;
    margin: 10px auto 0;
    text-align: center;
    font-size: 13px;
    line-height: 26px;
    color: #fff;
    padding: 8px 0 5px;
    display: block
}

.authentification-cannot-scan {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 2px dashed #e5e5e5
}

.authentification-cannot-scan .title {
    color: #E2363A;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px
}

.authentification-cannot-scan .list li {
    font-size: 15px;
    line-height: 26px;
    color: #1E2227;
    padding-left: 40px;
    position: relative;
    min-height: 36px;
    margin-bottom: 12px;
    display: flex;
    align-items: center
}

.authentification-cannot-scan .list li:last-child {
    margin-bottom: 0
}

.authentification-cannot-scan .list li:after {
    width: 36px;
    height: 36px;
    background-color: #E0E7EF;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    color: #1E2227;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    transform: none;
    padding-top: 0
}

.authentification-cannot-scan .list li:nth-child(1)::after {
    content: '1'
}

.authentification-cannot-scan .list li:nth-child(2)::after {
    content: '2'
}

.authentification-cannot-scan .list li:nth-child(3)::after {
    content: '3'
}

.authentification-cannot-scan .list li:nth-child(5)::after {
    content: '4'
}

.authentification-cannot-scan .input-copy-key {
    background-color: #e0e7ef;
    height: 40px;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    padding: 0 10px;
    font-size: 13px;
    width: 100%;
    color: #1E2227;
    justify-content: space-between
}

.copy-code-container {
    position: relative
}

.copy-code-container .img-copy {
    position: absolute;
    right: 1%;
    top: 42%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: 0 0;
    outline: 0;
    border: none;
    left: auto
}

.two-factor-authentication-wrapper {
    background: #1B2334
}

.inner-content-frame {
    background: #fff;
    padding: 20px 10px
}

.pragmatic-play-winners-button {
    border: 1px solid #4c4a4a;
    background-color: #272b31;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 5px
}

.pragmatic-play-winners-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 65%;
    width: 65%;
    margin-left: 5px
}

.pragmatic-play-winners-username {
    color: #9da5ae
}

.pragmatic-play-winners-button img {
    display: block;
    width: calc(35% - 5px)
}

#playerInfoContent .background .width_100 .form-textarea {
    color: #86889a
}

#playerInfoContent .background .width_100 .form-textarea img {
    max-width: 100%;
    margin: 15px 0;
    object-fit: contain
}

#playerInfoContent .background .width_100 .form-textarea h2,#playerInfoContent .background .width_100 .form-textarea h3 {
    color: #262945;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 20px
}

.info-widget {
    position: relative
}

.info-widget-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background-color: #3c3a3a;
    border-radius: 3px 3px 0 0
}

.expand-btn,.expand-btn-borders {
    height: 26px;
    width: 26px
}

.white .info-widget-header {
    background-color: #1e2227
}

.info-widget-title {
    font-size: 16px;
    color: #fff
}

.info-widget-content {
    display: none;
    padding: 20px;
    border-top: 1px solid #4c4a4a;
    background-color: #3c3a3a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff
}

.white .info-widget-content {
    background-color: #fff;
    color: #1e2227
}

.info-widget-content ul {
    list-style-type: disc;
    padding-left: 20px
}

.info-widget-content ul li {
    position: relative;
    margin-bottom: 8px
}

#bonus_ticket_modal .bonus-select .popup-board-text,#bonus_ticket_modal .popup-board-icon,.info-widget-content p {
    margin-bottom: 10px
}

.info-widget-content ul li::marker {
    font-size: 22px;
    margin-right: 16px
}

.red-text {
    color: #ff5155
}

.expand-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    padding: 0;
    background: 0 0;
    border: 1px solid transparent;
    color: #fff;
    cursor: pointer
}

.expand-btn-borders,.expand-btn::after {
    display: inline-block;
    position: absolute
}

.expand-btn::after {
    content: "";
    padding: 3px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: .3s
}

.expand-btn.opened::after {
    transform: rotate(-135deg)
}

.expand-btn-borders::after,.expand-btn-borders::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #fff
}

.expand-btn-borders.top::before {
    top: 0;
    right: 0;
    border-bottom: none;
    border-left: none
}

.expand-btn-borders.top::after {
    top: 0;
    left: 0;
    border-bottom: none;
    border-right: none
}

.expand-btn-borders.bottom::before {
    bottom: 0;
    right: 0;
    border-top: none;
    border-left: none
}

.expand-btn-borders.bottom::after {
    bottom: 0;
    left: 0;
    border-top: none;
    border-right: none
}

#bonus_ticket_modal .popup-close {
    width: 32px;
    height: 32px;
    background-color: #E24C4B;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -12px;
    top: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#bonus_ticket_modal .popup-head {
    height: 104px;
    background-color: #1E2227;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#bonus_ticket_modal .popup_wrapper {
    width: 94%;
    max-width: 600px;
    border: 3px solid #6A717C;
    border-radius: 10px;
    position: relative
}

#bonus_ticket_modal {
    display: none;
    line-height: 1.5
}

#bonus_ticket_modal>div {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 1000
}

#bonus_ticket_modal .popup-row {
    padding: 26px 20px;
    background-color: #3E444D;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative
}

#bonus_ticket_modal .bonus-select,#bonus_ticket_modal .popup-board {
    background: #1E2227;
    border-radius: 15px;
    padding: 20px
}

#bonus_ticket_modal .popup-board:not(.popup-board.bonus-select) {
    text-align: center
}

#bonus_ticket_modal .popup-selector {
    position: relative;
    background: #31363D;
    border: 1px solid #57606D;
    border-radius: 10px;
    height: 68px
}

#bonus_ticket_modal select.popup-select {
    height: 66px;
    width: 100%;
    background: 0 0!important;
    color: #fff!important;
    padding: 0 25px 0 15px;
    border: none;
    position: relative;
    appearance: none;
    border-radius: 10px!important;
    z-index: 5;
    font: inherit;
    margin-top: 0
}

#bonus_ticket_modal .popup-selector:after {
    content: "";
    position: absolute;
    right: 16px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #737B87;
    top: 28px;
    z-index: 1
}

#bonus_ticket_modal select.popup-select option {
    color: #000
}

#bonus_ticket_modal .popup-board-text.big-text {
    font-size: 24px
}

#bonus_ticket_modal .popup-board-text {
    font-weight: 600;
    font-size: 16px;
    color: #6B7381
}

#bonus_ticket_modal .popup-board-text.custom-error-header {
    margin-bottom: 5px;
    color: #FFF
}

#bonus_ticket_modal .btn-container {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

#bonus_ticket_modal .btn-action {
    height: 44px;
    padding: 0 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    border-radius: 40px;
    transition: .3s;
    cursor: pointer
}

#bonus_ticket_modal .btn-action.red {
    background: #ED3338
}

#bonus_ticket_modal .btn-action.red:hover {
    background: #ff3f44
}

#bonus_ticket_modal .btn-action.green {
    background: #41B283
}

#bonus_ticket_modal .btn-action.green:hover {
    background: #4cc794
}

.checkpoint-title,.gift-title {
    position: absolute;
    color: #8b91a0
}

.progress {
    height: 20px;
    border-radius: 30px;
    width: 100%
}

progress[value]::-webkit-progress-bar {
    background-color: #ededed;
    border-radius: 40px
}

progress[value]::-webkit-progress-value {
    border-radius: 40px;
    background-color: #e53537;
    position: relative;
    z-index: 4
}

progress[value]::-moz-progress-bar {
    border: 0;
    height: 20px;
    border-radius: 20px
}

.request_bonus_item_status {
    width: calc(100%/3);
    padding: 2.4vw 1vw 2.4vw 5.4vw;
    font-family: SFUIDisplay-Bold,sans-serif;
    font-size: 3.4vw;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.request_bonus_item_decline_reason,.request_bonus_item_note {
    width: calc(100%/3*1.5);
    font-family: SFUIDisplay-Bold,sans-serif;
    font-size: 3.4vw;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.request_bonus_item_note {
    padding: 2.4vw 1vw 2.4vw 0
}

.request_bonus_item_decline_reason {
    padding: 2.4vw 1vw 2.4vw 5.4vw
}

.home_inner_top_item.hide {
    display: none
}

#request_bonus_form .input-wrap {
    background: var(--elements-base)!important;
    border: none
}

.back-call__body .history_page {
    margin-top: 10px
}

.back-call__body .transactions_item_inner {
    display: block;
    text-decoration: none;
    color: #404558
}

.back-call__body .transactions_item_top {
    padding: 3.4vw 5.4vw;
    border-bottom: 2px solid #e4e7ed;
    position: relative
}

.back-call__body .transactions_item_type {
    font-size: 3.8vw
}

.back-call__body .transactions_item_top_additional {
    font-size: 3vw;
    color: #686b78;
    padding: 2vw 0 0
}

.back-call__body .transactions_item_bottom {
    display: flex;
    flex-direction: row
}

.back-call__body .transactions_item_bottom span.declined {
    color: #f94a67
}

.back-call__body .transactions_item_bottom span.approved {
    color: #36ab70
}

.back-call__body .transactions_item_bottom span.in_process,.back-call__body .transactions_item_bottom span.pending {
    color: #f49707
}

.bonus-line {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.bonus-line .home_inner_top_item {
    width: 100%
}

.bonus-line .home_inner_top_item .home_inner_top_item_link {
    display: flex;
    gap: 5px;
    height: 40px;
    width: 100%;
    background-color: var(--design-colors-primary-base);
    border-radius: 44px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: none
}

.request-bonus {
    background: var(--mode-colors-background)
}

.request-bonus .input-wrap {
    background: var(--input-color);
    color: var(--input-text-color);
    border: 1px solid var(--border-fourth-color)
}

.request-bonus .input-wrap .textbox {
    border: 1px solid var(--border-fourth-color);
    padding: 5px;
    height: auto
}

.request-bonus .input-wrap textarea.textbox {
    height: 314px;
    border-radius: 0!important
}

.page-title-icon {
    margin-right: 7px
}

#transfer_fixfin_form .input-wrap input {
    padding-left: 20px
}

.User-payment-options {
    padding: 0 .8em 1em;
    font-size: 1.4em;
    color: #3a4048;
    font-weight: 500;
    line-height: 1.8em
}

.User-payment-options .options-title {
    font-weight: 600;
    text-transform: capitalize
}

.pp-status {
    position: relative;
    text-align: left;
    padding: 1em 1em 1em 3em;
    margin-top: .5em
}

.pp-status.success {
    color: #42a53e;
    border: 1px solid #42a53e
}

.User-form-accounts-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 15px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px
}

.User-form-accounts-list .account-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #646b7d;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    color: #343948;
    cursor: pointer;
    border-radius: 5px;
    max-height: 200px;
    align-items: center
}

.User-form-accounts-list .account-item .account-item-name {
    margin: 0 0 10px
}

.User-form-accounts-list .account-item .account-item-logo {
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: auto;
    padding: 20px 15px 0
}

.User-payment-options ul {
    margin-top: 25px;
    margin-bottom: 25px
}

.User-form-accounts-list ul,.User-payment-options ul {
    list-style-type: none
}

.User-payment-options .pp-status {
    font-size: .75em;
    line-height: 1.5em
}

.user-balance {
    font-size: 14px
}

button.disabled {
    pointer-events: none;
    opacity: .7
}

#modal_window {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    border-radius: 0;
    box-shadow: none;
    background: rgba(17,20,25,.72);
    backdrop-filter: blur(8px)
}

.wrap_input,.wrap_input.mb-0,.wrap_select {
    margin-bottom: 0!important
}

#modal_window .close-btn {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

#modal_window .close-btn::after {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: no-repeat var(--close-icon);
    background-size: 28px;
    filter: invert(.5)
}

.sweepstakes-slider .swiper-container {
    position: initial
}

#playerInfoContent>div {
    background: var(--mode-colors-background)
}

.wrap_input,.wrap_select {
    position: relative
}

.wrap_input>img:first-child,.wrap_input>svg:first-child,.wrap_select>img:first-child,.wrap_select>svg:first-child {
    width: 16px;
    height: auto;
    position: absolute;
    top: 24px;
    left: 24px;
    transform: translateY(-50%);
    color: var(--svg-color);
    z-index: 1
}

.wrap_input>img:first-child+input,.wrap_input>img:first-child+select,.wrap_input>svg:first-child+input,.wrap_input>svg:first-child+select,.wrap_select>img:first-child+input,.wrap_select>img:first-child+select,.wrap_select>svg:first-child+input,.wrap_select>svg:first-child+select {
    padding-left: 52px!important
}

.wrap_input .error-message,.wrap_select .error-message {
    margin-top: 6px;
    font-size: 14px;
    color: var(--primary-color)
}

.info-row {
    position: relative
}

#deposit-payment-provider-info input,#deposit-payment-provider-info select,#forgot_mobile input,#login_form input,#playerInfoContent .info-row input,#playerInfoContent .info-row select,#playerInfoContent .select-transfer.add-transfer input,#playerInfoContent .slip-form .selects select,#ticket_date_from,#ticket_date_to,.bank_form ul li:not(.error_block) input[type=number],.reg_form .wrap_select select,.reg_form input[type=password],.reg_form input[type=text],input,select,textarea {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    border-width: 2px 1px 1px!important;
    border-style: solid;
    border-color: var(--info-line-border-color);
    background: var(--btn-bg-color3);
    padding: 14px 24px;
    color: var(--text-color4)!important;
    font-family: var(--font-family-sf-pro-display);
    font-size: 15px;
    font-weight: 600;
    line-height: unset;
    letter-spacing: -.3px;
    box-shadow: unset;
    appearance: none;
    outline: unset;
    margin: 0
}

#deposit-payment-provider-info input::placeholder,#deposit-payment-provider-info select::placeholder,#forgot_mobile input::placeholder,#login_form input::placeholder,#playerInfoContent .info-row input::placeholder,#playerInfoContent .info-row select::placeholder,#playerInfoContent .select-transfer.add-transfer input::placeholder,#playerInfoContent .slip-form .selects select::placeholder,#ticket_date_from::placeholder,#ticket_date_to::placeholder,.bank_form ul li:not(.error_block) input[type=number]::placeholder,.reg_form .wrap_select select::placeholder,.reg_form input[type=password]::placeholder,.reg_form input[type=text]::placeholder,input::placeholder,select::placeholder,textarea::placeholder {
    color: var(--text-color5)!important;
    opacity: 1!important
}

#deposit-payment-provider-info input:has(option:checked[value=""]),#deposit-payment-provider-info select:has(option:checked[value=""]),#forgot_mobile input:has(option:checked[value=""]),#login_form input:has(option:checked[value=""]),#playerInfoContent .info-row input:has(option:checked[value=""]),#playerInfoContent .info-row select:has(option:checked[value=""]),#playerInfoContent .select-transfer.add-transfer input:has(option:checked[value=""]),#playerInfoContent .slip-form .selects select:has(option:checked[value=""]),#ticket_date_from:has(option:checked[value=""]),#ticket_date_to:has(option:checked[value=""]),.bank_form ul li:not(.error_block) input[type=number]:has(option:checked[value=""]),.reg_form .wrap_select select:has(option:checked[value=""]),.reg_form input[type=password]:has(option:checked[value=""]),.reg_form input[type=text]:has(option:checked[value=""]),input:has(option:checked[value=""]),select:has(option:checked[value=""]),textarea:has(option:checked[value=""]) {
    color: var(--text-color5)
}

#playerInfoContent .info-row label,.bank_form>ul>li>label,.profile_inner ul li label,.reg_form .form-item label {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--text-color5);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    padding-bottom: 12px;
    padding-left: 20px
}

.bank_form label.required:after,.info-row label.required:after,.wrap_input label.required:after {
    content: '';
    width: 8px;
    height: 8px;
    background: url(/assets/images/input-label-icon.svg) left no-repeat;
    margin-left: 4px
}

.reg_form .wrap_select.error:after,.wrap-select:after,.wrap_select:after {
    position: absolute;
    content: "\e90c";
    font-family: icomoon;
    font-style: normal;
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
    font-size: 10px;
    color: var(--svg-color);
    z-index: 15;
    background: unset;
    width: 10px;
    height: 10px;
    margin: 0
}

#forgot_mobile input.def-btn,#login_form button,.continue,.def-btn,.reg_form .def-btn,.send,input.def-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-family: inherit;
    padding: 0;
    position: relative;
    width: 100%;
    border-radius: 10px;
    background: #FF3434!important;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset,0 8px 16px 0 rgba(255,52,52,.12);
    height: 48px!important;
    color: #FFF!important;
    font-size: 17px!important;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 24px;
    letter-spacing: -.34px;
    border: none!important;
    margin: 0;
    float: unset
}

#forgot_mobile .def-btn_color,#login_form .def-btn_color,.def-btn_color {
    background-color: #c8c8c8;
    color: #222020;
    border-color: #c8c8c8;
    text-decoration: none
}

.additional-btn {
    display: flex;
    height: 48px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 10px;
    border-top: 2px solid #485362;
    border-right: 1px solid #485362;
    border-bottom: 1px solid #485362;
    border-left: 1px solid #485362;
    background: #363E48;
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.34px
}

.additional-btn i,.additional-btn svg {
    color: #CFD7E0
}

.back,.btn-back {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--content-bg-color)
}

.login-error,.reg_form .wrap_input.error:after,.result {
    display: none
}

.back svg,.btn-back svg {
    color: var(--svg-color)
}

.login-error,.result .error,.result .success {
    width: 100%;
    max-width: 100%;
    padding: 16px;
    position: relative;
    border-radius: 8px;
    font-size: 14px;
    line-height: initial;
    border: none;
    margin: 0;
    height: unset;
    text-align: left
}

.login-error,.result .error {
    color: var(--design-colors-primary-base);
    background-color: rgba(255,52,52,.12)
}

.result .success {
    color: var(--mode-colors-success-base);
    background-color: rgba(0,255,17,.12)
}

.parsley-success:not(.forgot_input),input.parsley-success,select.parsley-success,textarea.parsley-success {
    background: var(--mode-colors-success-opacity)!important;
    border: 1px solid var(--mode-colors-success-opacity)!important
}

.parsley-error:not(.forgot_input),.reg_form .wrap_select.error select,.wrap_input.error input,.wrap_select.error select {
    background-color: rgba(255,52,52,.12)!important;
    border-color: var(--primary-color)!important
}

.home__switch-theme {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    color: var(--mode-colors-main);
    font-size: 15px;
    font-weight: 500;
    background-color: var(--elements-darker);
    border-radius: 44px;
    border: 1px solid var(--mode-colors-border)
}

.home__switch-theme.bottom-switch {
    flex-direction: column;
    height: 100%;
    background: unset;
    border: none
}

.home__switch-theme .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 26px;
    padding: 0;
    margin: 0;
    border-radius: 20px;
    background: center no-repeat var(--theme-switcher-bg);
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 5%);
    transition: .2s
}

.home__switch-theme .switch input {
    display: none
}

.home__switch-theme .slider {
    bottom: 0;
    cursor: pointer;
    left: 26px;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    border-radius: 12px
}

.home__switch-theme .slider:before {
    content: "";
    position: absolute;
    left: -9px;
    bottom: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: center no-repeat var(--theme-switcher-slider);
    box-shadow: var(--theme-switcher-shadow);
    transition: .4s
}

input:checked+.slider:before {
    transform: translateX(-14px)
}

.home__switch-theme span {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-color)
}

.home__switch-theme.bottom-switch span {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #e2e6ed;
    margin-bottom: 2px;
    margin-left: 0
}

.right_menu .home__switch-theme span {
    color: var(--mode-colors-main);
    font-weight: 500
}

.profile_inner {
    padding: 0;
    font-family: inherit
}

.profile_inner .profile_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 18px;
    margin-bottom: 10px;
    height: 40px;
    border-radius: 74px;
    border: 1px solid var(--mode-colors-border);
    background: var(--elements-darker);
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.mask-link {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    text-decoration: none
}

.pp-status svg {
    display: block;
    position: absolute;
    left: .9em;
    top: 12px;
    width: 1.4em;
    height: 1.4em
}

.xdsoft_datetimepicker.xdsoft_.xdsoft_noselect {
    background-color: var(--content-bg-color);
    border: 1px solid var(--border-color4);
    border-radius: 10px;
    color: var(--text-color);
    position: fixed
}

.xdsoft_datetimepicker .xdsoft_month,.xdsoft_datetimepicker .xdsoft_year {
    color: var(--text-color);
    background-color: var(--content-bg-color)
}

.xdsoft_scrollbar {
    display: none
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border: none
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 50px
}

.xdsoft_datetimepicker .xdsoft_next::after,.xdsoft_datetimepicker .xdsoft_prev::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    content: "\f100";
    text-indent: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    font-size: 11px;
    opacity: .8;
    line-height: 29px;
    border-top: 2px solid var(--mode-colors-background);
    box-shadow: none!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,xdsoft_datetimepicker .xdsoft_calendar td {
    border: 1px solid transparent!important
}

.xdsoft_datetimepicker {
    background: #363e48
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid var(--border-color4)
}

.xdsoft_datetimepicker .xdsoft_calendar td,xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
    background: #414B57;
    border: 1px solid transparent!important;
    color: var(--text-color);
    text-align: center;
    opacity: .95
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    box-shadow: none;
    background-color: var(--primary-color)
}

.xdsoft_calendar tbody tr:nth-child(odd) {
    background: 0 0
}

.xdsoft_datetimepicker .xdsoft_prev {
    background: 0 0;
    position: relative;
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_prev::after {
    font-family: Flaticon;
    font-size: 12px;
    transform: translate(-50%,-50%) rotate(90deg);
    position: absolute;
    color: #fff
}

.xdsoft_datetimepicker .xdsoft_next {
    background: 0 0;
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_next::after {
    font-family: Flaticon;
    font-size: 12px;
    transform: translate(-50%,-50%) rotate(-90deg);
    position: absolute;
    color: var(--two-auth-header-text)
}

.xdsoft_timepicker .xdsoft_prev::after {
    transform: translate(-50%,-50%) rotate(180deg)
}

.xdsoft_timepicker .xdsoft_next::after {
    transform: translate(-50%,-50%) rotate(0)
}

.xdsoft_datetimepicker .xdsoft_today_button {
    background: 0 0;
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_today_button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwIDcuMDkzbC0zLTN2LTIuMDkzaDN2NS4wOTN6bTQgNS45MDdoLTN2MTBoLTE4di0xMGgtM2wxMi0xMiAxMiAxMnptLTEwIDJoLTR2Nmg0di02eiIvPjwvc3ZnPg==)
}

#login_form .login_form_inner div:after,#login_form .login_form_inner:after,#login_form .wrap_input:before,.reg_form .wrap_input:before {
    content: unset
}

.xdsoft_datetimepicker .xdsoft_label i {
    display: none
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: var(--bg-color2);
    color: var(--text-color);
    border: none
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #ff3434;
    box-shadow: none!important
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: var(--bg-color2);
    color: var(--text-color)
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #ff3434;
    opacity: 1
}

.xdsoft_calendar table {
    background: var(--bg-color2)
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    background-color: var(--content-bg-color)
}

#player_info_content {
    background: var(--mode-colors-background)
}

#playerInfoContent .content-heading,#playerInfoContent .deposits-header .content-heading,#playerInfoContent .playerInfoWrap .content-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 12px 16px;
    background: var(--tournaments-page-title-bg);
    border-radius: 12px 12px 0 0;
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset,0 -1px 0 0 var(--tournaments-page-title-border-color) inset;
    text-transform: capitalize;
    color: var(--text-color4)
}

#playerInfoContent .content-heading svg,#playerInfoContent .deposits-header .content-heading svg,#playerInfoContent .playerInfoWrap .content-heading svg {
    flex-shrink: 0
}

#playerInfoContent .content-heading .page-title,#playerInfoContent .deposits-header .content-heading .page-title,#playerInfoContent .playerInfoWrap .content-heading .page-title {
    color: var(--mode-colors-main);
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.4px;
    flex-grow: 1
}

#playerInfoContent .content-heading .account-back-btn,#playerInfoContent .deposits-header .content-heading .account-back-btn,#playerInfoContent .playerInfoWrap .content-heading .account-back-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--content-bg-color)
}

#playerInfoContent .content-heading .account-back-btn svg,#playerInfoContent .deposits-header .content-heading .account-back-btn svg,#playerInfoContent .playerInfoWrap .content-heading .account-back-btn svg {
    color: var(--svg-color)
}

#playerInfoContent .account-content,#playerInfoContent .deposits-header .account-content,#playerInfoContent .playerInfoWrap .account-content {
    padding: 16px;
    background: var(--content-bg-color)
}

.toggle-password-visibility-btn {
    position: absolute;
    top: 24px;
    transform: translateY(-50%);
    right: 24px;
    width: 16px;
    height: 16px;
    color: var(--svg-color)
}

.wrap_input:has(.toggle-password-visibility-btn) input {
    padding-right: 52px!important
}

.wrap_input:has(.toggle-password-visibility-btn) input[type=password]+.toggle-password-visibility-btn svg:last-child,.wrap_input:has(.toggle-password-visibility-btn) input[type=text]+.toggle-password-visibility-btn svg:first-child {
    display: none
}

/*!* Live Support Button *!
#xox-chat-widget-container {
    display: none;
}*/
#header {
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--header-top-color)
}

#header .header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 10;
    padding: 0 0 0 16px;
    height: 52px;
    border-bottom: 1px solid var(--border-color3)
}

#header .menu_button_left {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    text-align: center;
    max-width: initial;
    max-height: initial;
    margin: 0;
    background: 0 0;
    height: 100%;
    border-left: 1px solid var(--border-color3);
    border-right: 1px solid var(--border-color3);
    width: 52px
}

#header .navigation {
    display: flex;
    box-shadow: 0 -1px 0 0 var(--border-color3) inset;
    background-color: var(--menu-bg-color);
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 0 8px
}

.navigation-wrapper {
    overflow-x: auto
}

#header .navigation::-webkit-scrollbar {
    display: none
}

#header .navigation .navigation-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 12px 20px;
    box-shadow: 1px 0 0 0 var(--border-color3) inset,0 -1px 0 0 var(--border-color3) inset;
    color: var(--text-color15);
    white-space: nowrap;
    font-size: 12px;
    flex-shrink: 0;
    transition: all .3s ease;
    position: relative
}

#header .navigation .navigation-item.home-link {
    min-width: 48px;
    padding: 0
}

#footer .btn-wrapper svg,#header .navigation .navigation-item.home-link svg,#main_menu .messages-count,#my_withdrawal_requests #transaction_detail .row.reason svg,#transaction_detail .row.reason svg {
    min-width: 16px
}

#header .navigation .navigation-item.active svg {
    color: var(--primary-color)
}

#header .deposit,#header .withdraw {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    min-width: 38px;
    width: fit-content;
    height: 38px;
    padding: 0 8px;
    border-radius: 8px;
    border: 1px solid #cbd3dd;
    background: var(--btn-bg-color10);
    color: var(--text-color);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -.18px;
    transition: border-color .2s;
    overflow: hidden
}

#header .deposit .finance-icon,#header .withdraw .finance-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

#header .dark-theme .deposit,#header .dark-theme .withdraw {
    border: unset;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.08) inset;
    transition: background-color .2s
}

#header .dark-theme .deposit:hover,#header .dark-theme .withdraw:hover {
    background-color: #333d48
}

#header .user-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    height: 100%;
    gap: 4px;
    width: 100%;
    min-width: 0
}

#header .logo {
    display: block;
    flex-shrink: 0;
    height: 24px;
    height: 32px;
    width: 134px;
    margin: 0;
    background: var(--site-logo-path);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    line-height: 0
}

#header .logo img {
    vertical-align: super
}

#header.header.logout .logo {
    position: absolute
}

#header.header .header-auth-visible-wrapper {
    display: flex;
    max-width: 100%
}

#header .header-btn-login-logout,#header .header-btn-register,#header.header.logout .header-auth-visible-wrapper,#header.header.logout .header-btn-login {
    display: none
}

#header.header.logout .header-btn-login-logout,#header.header.logout .header-btn-register {
    display: flex;
    padding: 16px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -.24px;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    height: 32px;
    font-style: normal;
    white-space: nowrap
}

#header.header.logout .header-btn-login-logout {
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #414a56;
    font-weight: 600
}

#header.header.logout .header-btn-register {
    align-items: center;
    background: var(--primary-color);
    font-weight: 600
}

.header-btn-login a {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-direction: column;
    align-items: center;
    font-size: 23px;
    color: var(--mode-colors-main);
    text-decoration: none;
    height: 100%;
    justify-content: center
}

.header-btn-login span {
    font-size: 12px;
    color: var(--mode-colors-main);
    font-weight: 600
}

#header::after {
    content: none
}

.header-right-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    padding: 8px;
    min-width: 0
}

.header-auth-visible-wrapper {
    justify-content: space-between;
    align-items: center;
    flex: 1;
    gap: 8px;
    padding-left: 8px
}

.header-auth-visible-wrapper .user-balance-wrap {
    display: flex;
    align-items: center;
    column-gap: 4px;
    height: 32px;
    padding: 4px 8px 4px 4px;
    background: var(--mode-colors-card);
    border: 1px solid var(--mode-colors-border);
    border-radius: 38px
}

.header-auth-visible-wrapper .user-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: 26px;
    height: 26px;
    border: 1px solid var(--mode-colors-border);
    border-radius: 24px
}

.header-auth-visible-wrapper .user-icon-wrapper>div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0!important
}

.header-auth-visible-wrapper .user-balance-icon img {
    width: 12px
}

.header-auth-visible-wrapper .user-balance-text {
    text-transform: uppercase;
    color: var(--text-color);
    font-size: 12px
}

.user-balance-hide-button.active {
    opacity: 1
}

.user-balance-hide-button {
    width: 20px;
    height: 16px;
    background: url(../../i/supertotobet_v3/mobile/common/eye-show-icon.svg) center no-repeat;
    opacity: .6;
    margin-left: 6px
}

.header-auth-visible-wrapper .hello_user-text {
    overflow: hidden;
    color: var(--text-color5);
    text-overflow: ellipsis;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.18px;
    white-space: nowrap;
    width: 100%
}

.header-auth-visible-wrapper .user-icon i:before {
    font-size: 24px
}

.header-auth-visible-wrapper .unread-messages-hint {
    position: absolute;
    top: -2px;
    right: -4px;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--mode-colors-blur-area);
    background: var(--design-colors-primary-base)
}

.header.logout .header-auth-visible-wrapper {
    display: none
}

.header-auth-visible-wrapper {
    display: flex
}

#header .flaticon-user {
    color: var(--design-colors-primary-base)
}

#header .user-balance {
    display: block;
    text-wrap: nowrap;
    color: var(--text-color);
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.header_user-message a>.counter {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border: 1px solid var(--mode-colors-border);
    border-radius: 50%
}

.header_user-message .right-menu-message-icon {
    width: 20px;
    height: 20px;
    background-image: var(--bell-logo-path);
    background-size: cover;
    background-repeat: no-repeat
}

.header-btn-login span {
    display: none
}

#footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    /* height: 100%; */
    background: var(--bg-color2);
    text-align: left;
    font-family: var(--font-family-sf-pro-display);
    line-height: normal;
    leading-trim: both;
    text-edge: cap;
    border-top: 2px solid var(--primary-color)
}

#footer .footer-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 12px
}

#footer .eighteen-plus {
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--btn-bg-color6);
    color: var(--text-color16);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px
}

#footer .site-name {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.32px
}

#footer .site-name-text {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px
}

#footer .social-links {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#footer .social-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: var(--btn-bg-color6);
    width: 40px;
    height: 40px;
    cursor: pointer
}

#footer .social-links a svg {
    color: var(--text-color16);
    width: 20px;
    height: auto
}

#footer .btn-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px
}

#footer .btn-wrapper .footer-support-link,#footer .btn-wrapper .mobile-app-link {
    gap: 8px;
    height: 44px;
    padding: 14px 20px;
    color: #fff;
    line-height: 24px;
    overflow: hidden;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 700;
    text-overflow: ellipsis
}

#footer .btn-wrapper .mobile-app-link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #414a56;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.08) inset;
    letter-spacing: -.28px;
    white-space: nowrap
}

#footer .btn-wrapper .footer-support-link {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    letter-spacing: -.28px;
    white-space: nowrap
}

#footer .footer-menu {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 4px
}

#footer .footer-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid var(--footer-menu-item-border-color);
    background: var(--bg-color2);
    color: var(--text-color);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.28px
}

#swiper_footer .swiper-container-footer {
    position: relative;
    overflow: hidden;
    padding: 0 5px
}

#swiper_footer .footer-slider {
    display: flex;
    align-items: center;
    gap: 20px
}

#swiper_footer .swiper-wrapper {
    margin: 0
}

#swiper_footer .swiper-slide {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--payment-method-text-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.28px;
    width: fit-content
}

#swiper_footer .swiper-slide svg {
    flex-shrink: 0
}

#footer .footer-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    width: 100%
}

#footer .footer-logo {
    display: flex;
    align-items: center;
    width: 156px;
    height: 28px;
    height: 32px;
    background: center no-repeat var(--site-logo-path);
    background-size: contain
}

#footer .footer-documentation {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 20px 10px;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
    background: 0 0;
    border-top: 1px solid var(--mode-colors-border);
    border-bottom: 1px solid var(--mode-colors-border)
}

#footer .footer-documentation .footer-documentation-item {
    display: flex;
    padding: 0
}

#footer .footer-documentation .footer-documentation-item .footer-documentation-link {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    color: var(--mode-colors-main)
}

#footer .footer-tool {
    display: flex;
    justify-content: space-between;
    column-gap: 6px;
    padding: 20px 10px;
    background: 0 0
}

#footer .footer-tool .language-menu {
    width: 100%;
    height: 40px;
    border-radius: 28px;
    backdrop-filter: blur(6px)
}

#footer .match-results-link {
    display: flex;
    width: 100%;
    height: 40px;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    padding: 12px 16px;
    flex: 1 1 auto;
    border-radius: 28px;
    background: var(--design-colors-primary-base);
    box-shadow: 0 4px 24px 0 rgba(255,52,52,.18)
}

#footer .match-results-link span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    letter-spacing: -.8px;
    color: #fff
}

#footer .footer-partnership-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    padding: 8px 8px 8px 12px;
    border-radius: 42px;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    margin: 0 10px
}

#footer .footer-partnership-link span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    color: var(--elements-lighter)
}

#footer .footer-partnership-link .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 24px;
    border: 1px solid var(--elements-darker)
}

#footer .footer-license {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid var(--border-color10);
    border-bottom: 1px solid var(--border-color10)
}

#footer .footer-license .footer-copyright {
    display: flex;
    row-gap: 4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.96px;
    color: var(--mode-colors-main)
}

#footer .footer-logos {
    display: flex;
    flex-wrap: wrap;
    background: #161921
}

#footer .footer-18-plus-logo {
    height: 23px;
    margin-left: 6px
}

#footer .footer-logos li {
    height: 44px;
    flex: 1 1 auto;
    padding: 0 5px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#player_info_left,#player_info_left>div {
    height: 100%
}

#footer .footer-documentation.crypto-wrapper-slider {
    height: 44px;
    column-gap: 10px;
    margin-right: 10px;
    border-radius: 0 52px 52px 0;
    overflow-y: hidden
}

#footer .footer-documentation.crypto-wrapper-slider li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 10px
}

#footer .footer-documentation.crypto-wrapper-slider li img {
    min-width: 100%;
    height: 100%
}

#footer .footer-license .footer-license-img {
    display: flex
}

#footer .footer-license .footer-license-img iframe {
    height: 60px
}

#footer .footer-license .footer-license-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.24px;
    color: var(--footer-license-text-color)
}

.domain-alter {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #e63438;
    color: #fff;
    padding: 0 12px;
    height: var(--domain-string-height);
    font-size: 12px;
    text-align: center
}

.redirect-login-url {
    white-space: nowrap;
    animation: scroll 24s infinite linear
}

.dialog-close,.redirect-login-url {
    color: #fff
}

.domain-alter .icon-close-circle::before {
    position: absolute;
    font-size: 20px;
    top: 8px;
    right: 12px
}

#content .account-menu {
    padding: 12px 0
}

.account {
    display: flex
}

.account .welcome-user-wrap {
    display: flex;
    gap: 12px;
    align-items: center
}

.account .welcome-user-text {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.account .welcome-user-text .welcome_username {
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-color5);
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: -.28px;
    max-width: 108px
}

.checkbox-svg.active,.left_menu {
    display: block!important
}

.account .welcome-user-text .balance-wrapper {
    color: var(--text-color);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -.34px;
    word-break: break-word
}

.left_menu {
    right: -100vw;
    position: fixed;
    width: 100%;
    height: unset;
    top: 0;
    bottom: 0;
    z-index: 99999999;
    left: auto
}

.menu-wrapper-container {
    width: 100vw;
    height: 100vh;
    background-color: var(--layer-bg-color10);
    display: flex
}

.menu-shadow {
    flex: 1
}

.shift_left .left_menu {
    transition: all .3s;
    right: 0
}

#main_menu {
    top: 0;
    right: 0;
    bottom: 0;
    width: 352px;
    max-width: 100%;
    height: 100vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    background: var(--layer-bg-color10);
    box-shadow: 1px 0 0 0 var(--border-color16) inset;
    backdrop-filter: blur(6px);
    padding: 16px
}

#main_menu li {
    background: 0 0;
    text-transform: none
}

#main_menu::-webkit-scrollbar {
    width: 0
}

#main_menu .language-menu {
    position: relative
}

#main_menu .language-menu.open .icon_arr_select svg {
    transform: rotate(180deg)
}

#main_menu .language-menu .currentLanguage {
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--border-color4);
    padding: 12px 16px;
    position: relative;
    z-index: 10000;
    background-color: var(--header-top-color)
}

#main_menu .language-menu .icon_arr_select {
    display: flex;
    align-items: center;
    justify-content: right;
    flex: 1
}

#main_menu .language-menu #list_language {
    padding: 16px 16px 8px;
    border-radius: 0 0 10px 10px;
    border: 1px solid var(--border-color4);
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px
}

#main_menu .wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#main_menu .section {
    display: flex;
    flex-direction: column;
    gap: 12px
}

#main_menu .title-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none
}

#main_menu .title-wrapper.active .icon-wrapper span:first-child {
    display: none
}

#main_menu .title-wrapper.active~.links-wrapper {
    display: grid
}

#main_menu .icon-wrapper {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--btn-bg-color3)
}

#main_menu .icon-wrapper span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 2px;
    background: var(--svg-color)
}

#main_menu .icon-wrapper span:first-child {
    transform: translate(-50%,-50%) rotate(90deg)
}

#main_menu .title {
    color: var(--text-color4);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

#main_menu .links-item,#main_menu .logout {
    font-weight: 600;
    line-height: 20px;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.08) inset;
    cursor: pointer
}

#main_menu .theme-switcher-and-settings-wrapper input {
    display: none
}

#main_menu .theme-switcher-and-settings-wrapper label {
    margin: 0;
    display: flex;
    border-radius: 10px;
    background: var(--btn-bg-color3);
    padding: 4px;
    width: 64px;
    height: 36px
}

#main_menu .links-wrapper {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 4px
}

#main_menu .links-wrapper.favorite {
    grid-template-columns: 1fr;
    gap: 12px
}

#main_menu .links-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--right-menu-bg-color);
    color: var(--text-color4);
    font-size: 14px;
    letter-spacing: -.28px;
    transition: background-color .2s,color .2s;
    min-width: 0;
    text-transform: capitalize
}

#main_menu .links-item.active {
    color: var(--text-color4)
}

#main_menu .links-item.active svg {
    color: #FF3434
}

#main_menu .links-item.promotions.active svg {
    color: #F0BB00
}

#main_menu .links-item.active.pragmatic {
    color: #F19021
}

#main_menu .links-item.active.egt {
    color: #00A48B
}

#main_menu .links-item svg {
    color: var(--svg-color);
    transition: color .2s;
    flex-shrink: 0;
    width: 16px;
    height: auto
}

#main_menu .links-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

#main_menu .favorites {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px
}

#main_menu .favorites-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 8px;
    height: 64px;
    border-radius: 10px;
    background: var(--btn-bg-color10);
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.08) inset;
    color: var(--text-color4);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: color .2s
}

#main_menu .favorites-item.active.favorites-item-deposits {
    color: #1AD670
}

#main_menu .favorites-item.active.favorites-item-withdraws {
    color: #FF3434
}

#main_menu .favorites-item.active.favorites-item-promotions {
    color: #F0BB00
}

#main_menu .favorites-item.active svg {
    color: #FF3434
}

#main_menu .favorites-item.favorites-item-deposits svg {
    color: #1AD670
}

#main_menu .favorites-item.favorites-item-withdraws svg {
    color: #FF3434
}

#main_menu .favorites-item.favorites-item-promotions svg {
    color: #F0BB00
}

#main_menu .favorites-item svg {
    color: var(--svg-color);
    transition: color .2s
}

#main_menu .messages-count {
    position: absolute;
    right: 4px;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    padding: 4px;
    border-radius: 8px;
    background: #FF3434;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.24px
}

#main_menu .messages-count:empty {
    display: none
}

#main_menu .bonuses {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

#main_menu .bonuses[data-count="1"] {
    grid-template-columns: 1fr
}

#main_menu .bonuses[data-count="1"] .bonuses-item {
    border-radius: 10px
}

#main_menu .bonuses[data-count="2"] .bonuses-item:nth-child(1) {
    border-radius: 10px 0 0 10px
}

#main_menu .bonuses[data-count="2"] .bonuses-item:nth-child(2) {
    border-radius: 0 10px 10px 0;
    border-top: 1px solid rgba(255,52,52,.4);
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses[data-count="3"] .bonuses-item:nth-child(1) {
    border-radius: 10px 0 0
}

#main_menu .bonuses[data-count="3"] .bonuses-item:nth-child(2) {
    border-radius: 0 10px 0 0;
    border-top: 1px solid rgba(255,52,52,.4);
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses[data-count="3"] .bonuses-item:nth-child(3) {
    grid-column: 1/3;
    border-radius: 0 0 10px 10px;
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4);
    border-left: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses-item {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 12px 16px;
    background: var(--bonus-item-bg-color);
    color: var(--text-color);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.24px;
    cursor: pointer;
    transition: color .2s
}

#main_menu .bonuses-item:active {
    color: #FF3434
}

#main_menu .bonuses-item:nth-child(1) {
    border-radius: 10px 0 0;
    border: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses-item:nth-child(2) {
    border-radius: 0 10px 0 0;
    border-top: 1px solid rgba(255,52,52,.4);
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses-item:nth-child(3) {
    border-radius: 0 0 0 10px;
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4);
    border-left: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses-item:nth-child(4) {
    border-radius: 0 0 10px;
    border-right: 1px solid rgba(255,52,52,.4);
    border-bottom: 1px solid rgba(255,52,52,.4)
}

#main_menu .bonuses-item svg {
    flex-shrink: 0;
    color: #FF3434
}

#main_menu .logout {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 44px;
    padding: 16px;
    border-radius: 10px;
    background: var(--right-menu-bg-color);
    color: var(--text-color4);
    font-size: 14px;
    letter-spacing: -.28px;
    transition: background-color .2s,color .2s;
    user-select: none
}

#main_menu .account-settings,.theme-switcher {
    border-radius: 10px;
    background: var(--btn-bg-color3);
    display: flex
}

#main_menu .profile-info-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color9)
}

#main_menu .profile-info-wrapper #profile-info-right-menu .small-logo {
    width: 44px;
    height: 44px
}

#main_menu .profile-info-wrapper #profile-info-right-menu .profile-username {
    font-size: 14px;
    letter-spacing: -.28px;
    max-width: 108px
}

#main_menu .profile-info-wrapper #profile-info-right-menu .balance-text {
    font-size: 17px;
    letter-spacing: -.34px;
    line-height: 24px
}

#main_menu .account-settings {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#main_menu .account-settings svg {
    color: var(--svg-color);
    width: 16px;
    height: auto;
    transition: .2s color
}

#main_menu .cross-icon {
    color: var(--text-color16);
    cursor: pointer
}

#main_menu .theme-switcher-and-settings-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto
}

.main-menu-close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 36px;
    color: var(--svg-color4);
    margin-right: -4px
}

.theme-switcher {
    padding: 4px;
    width: 64px;
    height: 36px
}

.theme-switcher .theme-switcher-item {
    display: flex;
    width: 28px;
    height: 28px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: .2s background-color;
    cursor: pointer
}

.theme-switcher .theme-switcher-item svg {
    width: 16px;
    height: 16px;
    color: var(--svg-color);
    transition: .2s color
}

.menu-link-icon,body.black .theme-switcher .theme-switcher-item.dark svg,body.white .theme-switcher .theme-switcher-item.light svg {
    color: #FF3434
}

body.black .theme-switcher .theme-switcher-item.dark,body.white .theme-switcher .theme-switcher-item.light {
    background-color: var(--theme-checkbox-bg-color-active)
}

#main_menu .unlogged-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px
}

#main_menu .unlogged-wrapper .small-logo {
    width: 40px;
    height: 40px
}

#main_menu .auth-button-login,#main_menu .auth-button-register {
    height: 36px;
    border-radius: 10px;
    font-weight: 400;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    display: flex;
    font-size: 12px;
    letter-spacing: -.24px;
    padding: 16px 20px;
    font-style: normal;
    text-transform: capitalize;
    white-space: nowrap
}

#main_menu .auth-buttons {
    display: flex;
    align-items: center;
    gap: 5px
}

#main_menu .auth-button-login {
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #414A56;
    color: #FFF
}

#main_menu .auth-button-register {
    align-items: center;
    background: var(--primary-color);
    color: #fff
}

.playerInfoWrap {
    border-radius: 10px 10px 0 0
}

.playerInfoWrap #top_account_header .container_header {
    display: flex;
    column-gap: 12px;
    align-items: center;
    padding: 12px 16px;
    border-radius: 12px 12px 0 0;
    background: var(--content-heading-bg-color);
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset,0 -1px 0 0 var(--border-color) inset
}

.playerInfoWrap #top_account_header .container_header .icon_header svg path {
    fill: var(--primary-color)
}

.playerInfoWrap #top_account_header .container_header .title_header {
    color: var(--text-color4);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.4px
}

.playerInfoWrap .profile-inner__cont {
    padding: 16px
}

.playerInfoWrap .profile-inner__cont .profile-inner__title {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.playerInfoWrap .profile-inner__cont .profile-inner__title .text_profile {
    color: var(--text-color4);
    font-size: 17px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.34px
}

.playerInfoWrap .profile-inner__cont .profile-inner__title .separator_def {
    display: flex;
    height: 2px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background: var(--border-color)
}

.playerInfoWrap .profile-inner__cont .profile-inner__title .separator_def span {
    width: 40px;
    height: 2px;
    flex-shrink: 0;
    background: #FF3434
}

.playerInfoWrap .profile-inner__cont #profile_info_form {
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid var(--border-color)
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row {
    height: 52px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--btn-bg-color);
    box-shadow: 0 -1px 0 0 var(--border-color) inset
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .theme-switcher-and-settings-wrapper label {
    margin: 0;
    display: flex;
    border-radius: 10px;
    background: var(--btn-bg-color3);
    padding: 4px;
    width: 64px;
    height: 36px
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .description_row {
    display: flex;
    align-items: center;
    column-gap: 12px
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .description_row .icon_description svg path {
    fill: var(--svg-color)
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .description_row .text_description {
    color: var(--text-color4);
    font-size: 12px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.24px
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .value {
    color: var(--text-color4);
    text-align: right;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row:first-child {
    border-radius: 10px 10px 0 0
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row:last-child {
    border-radius: 0 0 10px 10px;
    border-bottom: none
}

.playerInfoWrap .profile-inner__cont #profile_info_form .info-row .theme-switcher-and-settings-wrapper input {
    display: none
}

.playerInfoWrap .profile-inner__cont #profile_info_form #language_container {
    position: relative
}

.playerInfoWrap .profile-inner__cont #profile_info_form #language_container.open .currentLanguage .icon_arr_select svg {
    transform: rotate(180deg)
}

#playerInfoContent .playerInfoWrap {
    padding: 16px 0;
    background: var(--mode-colors-background)
}

#playerInfoContent .header-wrapper {
    display: flex;
    flex-direction: column;
    column-gap: 12px;
    margin-bottom: 20px
}

#playerInfoContent .header-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#playerInfoContent .page-title {
    color: var(--mode-colors-main);
    font-size: 13px;
    font-weight: 450;
    line-height: 13px;
    letter-spacing: -.91px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

#playerInfoContent .page-title-right {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-left: 8px
}

#playerInfoContent .page-title-right .btn-back {
    height: 100%
}

#playerInfoContent .page-subtitle {
    display: inline-block;
    color: var(--mode-colors-explanation);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#playerInfoContent .notifications-icon-link {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--mode-colors-border)
}

#playerInfoContent .notifications-icon-link:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--mode-colors-blur-area);
    background: var(--design-colors-primary-base)
}

#playerInfoContent .notifications-icon-link img {
    width: 14px;
    height: 14px;
    margin-left: 0
}

#bonus-code-form input,#deposit-payment-provider-info input,#deposit-payment-provider-info select,#playerInfoContent .info-row input,#playerInfoContent .info-row select,#playerInfoContent .select-transfer.add-transfer input,.bank_form ul .wrap_select select,.bank_form ul li:not(.error_block) input[type=text],.bank_form ul textarea,.mobile_select_amount_pidpay {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    border-width: 2px 1px 1px!important;
    border-style: solid;
    border-color: var(--info-line-border-color);
    background: var(--btn-bg-color3);
    padding: 14px 24px;
    color: var(--text-color4)!important;
    font-family: var(--font-family-sf-pro-display);
    font-size: 15px;
    font-weight: 600;
    line-height: unset;
    letter-spacing: -.3px;
    margin-bottom: 0
}

#mini_menu .menu_button_left,#mini_menu .mobile_promotions_link {
    align-items: center;
    border-radius: 0 0 0 14px;
    border-bottom: 1px solid var(--mode-colors-border)
}

.bank_form ul li:not(.error_block) input[type=text]::placeholder {
    color: var(--elements-lighter);
    opacity: .4
}

#mini_menu {
    width: 44px;
    height: 100%;
    padding-bottom: 8px;
    position: fixed;
    left: -1px;
    top: 0;
    z-index: 101;
    overflow-y: auto;
    background: var(--main-bg)
}

#mini_menu::-webkit-scrollbar {
    width: 0;
    height: 0
}

#mini_menu .menu_button_left {
    display: flex;
    width: 44px;
    max-width: initial;
    max-height: initial;
    height: 82px;
    margin: 0;
    position: fixed;
    z-index: 5;
    background-color: var(--mode-colors-card);
    background-image: var(--menu-bars-path);
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    color: var(--mode-colors-main)
}

#mini_menu .mobile_promotions_link {
    display: flex;
    justify-content: center;
    width: 44px;
    height: 79px;
    margin-bottom: -9px;
    padding-top: 19px;
    position: relative;
    top: 63px;
    background: url(../../i/supertotobet_v3/mobile/left-sidebar/promotion_bg.png) no-repeat;
    box-shadow: 0 6px 12px 0 rgba(37,36,39,.16)
}

#mini_menu .category-menu {
    padding: 0 4px;
    margin-top: 82px
}

#mini_menu .category-menu-link a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

#mini_menu .category-menu-link img {
    width: 19px;
    filter: none
}

.black #mini_menu .category-menu-link .mobile_zeppelin_link img {
    filter: invert(1) contrast(100)
}

#mini_menu .category-menu-link .mobile_spaceman_link img {
    width: 19px;
    height: 19px
}

#mini_menu .category-menu-link::after {
    display: block;
    border-radius: 22px;
    border: 1px solid var(--mode-colors-border);
    margin: 2px 0;
    height: 4px;
    width: 100%;
    content: ""
}

#mini_menu .category-menu-link:last-child::after {
    display: none
}

#mini_menu .live-support-button {
    border-radius: 24px;
    background-color: var(--mode-colors-success-opacity);
    background-image: var(--headphone-icon-path);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    width: 36px;
    height: 36px;
    border: none;
    margin: 2px 4px 0
}

#popupSession,#reg_popup {
    position: fixed;
    width: 100%;
    /* height: 100%; */
    background: var(--mode-colors-blur-area);
    left: 0;
    margin: 0;
    top: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    z-index: 1000;
    display: none;
    backdrop-filter: blur(20px)
}

#popupSession>div,#reg_popup>div {
    position: relative;
    display: flex;
    bottom: 0;
    left: 0;
    top: unset;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--vh,1vh) * 100);
    margin: 0;
    background: 0 0
}

#popupSession .session-modal-wrapper,#reg_popup .session-modal-wrapper {
    width: 100%;
    max-height: calc(var(--vh,1vh) * 100 - 20% + 16px);
    margin: auto 0 0;
    position: relative
}

#popupSession .session-modal-wrapper:before,#reg_popup .session-modal-wrapper:before {
    content: '';
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
    width: 8%;
    height: 4px;
    border-radius: 4px;
    background: var(--mode-colors-border)
}

#popupSession .session-modal-inner,#reg_popup .session-modal-inner {
    width: 100%;
    max-height: calc(var(--vh,1vh) * 100 - 20%);
    margin: auto 0 0;
    padding: 116px 24px 64px;
    background: var(--mode-colors-card);
    border-radius: 18px 18px 0 0;
    overflow-y: auto;
    position: relative
}

#popupSession .session-modal-inner:after,#reg_popup .session-modal-inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
    width: 66px;
    height: 82px;
    background: url(/assets/images/error-icon-top.svg) center no-repeat;
    pointer-events: none
}

#popupSession button,#popupSession h1 {
    margin: unset;
    padding: unset;
    background: 0 0;
    color: unset;
    font-size: unset
}

#popupSession .session-modal-content,#reg_popup .session-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    position: relative;
    z-index: 1
}

#popupSession h1 {
    font-weight: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

#popupSession button {
    border-radius: unset;
    border: none;
    outline: 0;
    cursor: pointer
}

#popupSession .session-modal-title {
    color: var(--mode-colors-main);
    text-align: center;
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase
}

#popupSession .session-modal-text,#reg_popup .session-modal-text {
    color: var(--mode-colors-main);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.7px
}

#popupSession .session-modal-continue-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 12px 16px;
    border-radius: 42px;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    backdrop-filter: blur(6px);
    color: var(--elements-lighter);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    cursor: pointer;
    transition: background .2s ease,color .2s ease
}

#popupSession .session-modal-continue-btn:hover {
    background: var(--elements-darker);
    color: var(--mode-colors-main)
}

.container_nav_links {
    display: flex;
    overflow: hidden;
    overflow-x: auto
}

.container_nav_links .link .item_link {
    width: 128px;
    height: 68px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--content-bg-color);
    box-shadow: -1px -1px 0 0 var(--border-color) inset;
    flex-direction: column;
    row-gap: 12px
}

.container_nav_links .link .item_link span {
    overflow: hidden;
    color: var(--text-color5);
    text-align: center;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--semi-bold);
    white-space: nowrap;
    max-width: 128px;
    width: 100%
}

.container_nav_links .link.active .item_link {
    position: relative;
    background-color: var(--layer-bg-color)
}

.container_nav_links .link.active .item_link .icon_link {
    color: var(--primary-color)
}

.container_nav_links .link.active .item_link .text_title {
    color: var(--text-color4)
}

.container_nav_links .link.active .item_link:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 12px);
    width: 24px;
    height: 2px;
    border-radius: 0 0 2px 2px;
    background: #FF3434;
    box-shadow: 8px 0 16px 0 #FF3434
}

#change_password_form .row_pass {
    margin-bottom: 16px
}

#change_password_form .row_pass label {
    display: flex;
    color: var(--text-color5);
    font-size: 14px;
    margin-left: 24px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    margin-bottom: 12px
}

#change_password_form .row_pass label span {
    position: relative
}

#change_password_form .row_pass label span:after {
    content: '';
    position: absolute;
    top: 3px;
    right: -15px;
    bottom: unset;
    width: 10px;
    height: 10px;
    margin: 0;
    background: url(/assets/images/reqiuried.svg) left no-repeat
}

#change_password_form .row_pass .wr_input_pass {
    border-radius: 10px;
    border-top: 2px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    background: var(--btn-bg-color3);
    display: flex;
    height: 51px;
    padding: 16px 24px;
    align-items: center;
    column-gap: 12px
}

#change_password_form .row_pass .wr_input_pass.error_border {
    border-top: 2px solid var(--primary-color);
    border-right: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    border-left: 1px solid var(--primary-color)
}

#change_password_form .row_pass .wr_input_pass input {
    background-color: inherit!important;
    border: none!important;
    outline: 0!important;
    padding: 0!important;
    color: var(--text-color4);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px;
    height: calc(100% - 1px);
    border-radius: 0
}

#change_password_form .row_pass .wr_input_pass input::placeholder {
    color: var(--text-color5);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

#change_password_form .def {
    border: none;
    width: 100%;
    display: flex;
    height: 48px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 10px;
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset,0 8px 16px 0 rgba(255,52,52,.12);
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

.result_message,.sucessfully_message {
    font-size: 16px;
    display: flex;
    margin-bottom: 12px
}

.result_message {
    color: var(--primary-color);
    justify-content: center
}

.sucessfully_message {
    color: var(--text-color4);
    justify-content: center
}

.session-history-wrap #top_account_header .icon_header svg path {
    fill: var(--primary-color)
}

.session-history-wrap {
    padding: 16px 0;
    background: var(--mode-colors-background)
}

.session-history-content-wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px
}

.session-history-table {
    display: flex;
    flex-direction: column;
    flex: 1
}

.history-table-body {
    width: 100%
}

.no-result {
    text-align: center;
    color: var(--two-auth-header-text);
    font-size: 18px;
    line-height: 28px;
    margin-top: 28px
}

.cell,.item-header {
    color: var(--text-color);
    font-weight: 400;
    min-width: 0
}

.session-history-item-wrapper {
    width: 100%;
    background: var(--history-header-bg);
    border-radius: 10px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,.04);
    margin-bottom: 4px
}

#forgot_mobile .forgot-password-header,#login_form .login-header,.banks-page .content-heading,.registration .header {
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset,0 -1px 0 0 var(--tournaments-page-title-border-color) inset
}

.item {
    width: 100%;
    padding: 16px;
    gap: 8px;
    background: var(--content-heading-bg-color);
    border-radius: 10px
}

.item-header {
    display: flex;
    flex: 1;
    align-items: center;
    font-size: 15px;
    line-height: 24px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 12px
}

.item-header .icon {
    flex: 0 0 16px;
    margin-right: 12px
}

.item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px
}

.cell {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border-right: 1px solid var(--border-color)
}

.cell:last-child {
    border: none
}

.cell-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 8px
}

#login_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 16px 0;
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 12px 12px 0 0
}

#login_form .login-header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 12px 16px;
    background: var(--tournaments-page-title-bg);
    border-radius: 12px 12px 0 0;
    text-transform: capitalize;
    color: var(--text-color4);
    font-size: 20px;
    font-weight: 700
}

#login_form .login-header svg {
    flex-shrink: 0
}

#login_form .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    background: var(--content-bg-color)
}

#login_form .login_form_inner {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#login_form .login_form_inner .input-label {
    color: var(--text-color5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    padding: 0 0 12px 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

#login_form .remember-block {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    border-radius: 10px;
    background: var(--heading-bg-color5);
    box-shadow: 0 2px 0 0 rgba(255,255,255,.04) inset;
    color: var(--text-color6);
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -.3px
}

#login_form .remember_checkbox {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 16px
}

#login_form .remember_checkbox .remember_checkbox-label {
    display: inline-block;
    width: 52px;
    height: 32px;
    padding: 8px;
    border-radius: 16px;
    box-shadow: inset 0 2px 0 0 #485362,inset 1px 0 0 0 #485362,inset -1px 0 0 0 #485362,inset 0 -1px 0 0 #485362;
    background: #363E48;
    transition: background-color 150ms ease-out,box-shadow 150ms ease-out
}

#login_form .remember_checkbox .remember_checkbox-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #CFD7E0;
    transition: background-color 150ms ease-out,transform 150ms ease-out
}

#login_form .remember_checkbox .remember_checkbox-input {
    display: none!important
}

#login_form .remember_checkbox .remember_checkbox-input:checked+.remember_checkbox-label {
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

#login_form .remember_checkbox .remember_checkbox-input:checked+.remember_checkbox-label:before {
    background-color: #FFF;
    transform: translate(20px,-50%)
}

#login_form .buttons,#login_form .links {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#login_form .link-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 48px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--btn-bg-color3);
    color: var(--text-color15);
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px;
    text-transform: capitalize
}

#login_form .link-btn svg {
    color: var(--svg-color)
}

#login_form .error-msg {
    text-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 13px 0;
    border-radius: 44px;
    color: var(--design-colors-primary-base);
    border: 1px dashed var(--design-colors-primary-base);
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

#modal_window.request-login-modal {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 2147483643;
    background: var(--mode-colors-blur-area);
    box-shadow: none;
    border-radius: 0;
    backdrop-filter: blur(20px)
}

#request_login_modal.request-login-modal-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(var(--vh,1vh) * 100)
}

#request_login_modal .request-login-modal-inner {
    width: 100%;
    max-height: calc(var(--vh,1vh) * 100 - 20%);
    margin: auto 0 0;
    padding: 48px 24px 24px;
    background: var(--mode-colors-card);
    border-radius: 18px;
    overflow-y: auto;
    position: relative
}

#request_login_modal .request-login-modal-inner:after {
    content: '';
    position: absolute;
    top: -16px;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
    width: 184px;
    height: 300px;
    background: url(/assets/images/circles-bg.svg) center no-repeat;
    pointer-events: none
}

#request_login_modal .request-login-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    position: relative;
    z-index: 1;
    max-width: 480px;
    margin: 0 auto
}

#request_login_modal .close-btn-cross {
    content: "";
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 42px;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    cursor: pointer;
    transition: box-shadow .15s linear
}

#request_login_modal .close-btn-cross svg {
    pointer-events: none
}

#request_login_modal .small-logo {
    width: 48px;
    height: 48px
}

#request_login_modal .request-login-modal-title {
    color: var(--mode-colors-main);
    text-align: center;
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase
}

#request_login_modal .request-login-modal-text {
    color: var(--mode-colors-main);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.7px
}

#request_login_modal .request-login-modal-buttons {
    width: 100%
}

#request_login_modal .request-login-modal-button-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    margin-bottom: 8px;
    padding: 12px;
    border: none;
    border-radius: 42px;
    backdrop-filter: blur(6px);
    background: var(--design-colors-primary-opacity);
    color: var(--design-colors-primary-base);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    cursor: pointer;
    transition: background-color .2s ease
}

#request_login_modal .request-login-modal-button-login:hover {
    background-color: rgba(255,52,52,.3)
}

#request_login_modal .request-login-modal-button-register {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid var(--elements-base);
    border-radius: 42px;
    background: var(--elements-base);
    backdrop-filter: blur(6px);
    color: var(--system-colors-base);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    cursor: pointer;
    transition: background .2s ease
}

#request_login_modal .request-login-modal-button-register:hover {
    background: var(--elements-darker)
}

#request_login_modal .reg-btn-icon-wrapper {
    width: 24px;
    height: 24px
}

.live-casino-games-supertoto {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(107px,1fr));
    row-gap: 6px;
    column-gap: 15px
}

.live-casino__lobby-btn {
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 16px;
    border-radius: 10px;
    position: relative;
    height: 42px;
    display: block;
    line-height: 42px;
    color: var(--text-color);
    text-align: center;
    font-size: 16px;
    background-color: var(--bg-color)
}

html[data-route=live_casino] #xox-chat-widget-launcher-container {
    bottom: 60px!important
}

#live-casino.live-casino {
    background-color: var(--mode-colors-background)
}

.top-nav-tool .slots-provider-btn {
    height: 44px;
    padding: 0 20px
}

.live-casino .live-casino-banner-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--elements-darker)
}

.live-casino .live-casino-banner-wrapper img {
    width: 291px;
    height: 182px
}

.g-searchbox {
    height: 58px;
    padding: 0 10px;
    background: var(--mode-colors-background);
    color: var(--mode-colors-main)!important;
    font-size: 15px;
    font-weight: 400;
    border: none;
    margin-top: 0
}

.g-search {
    height: 42px;
    display: flex;
    flex: 1;
    background-color: var(--elements-base);
    margin: 10px;
    border-radius: 44px
}

.g-search-btn {
    height: 42px;
    width: 60px;
    color: var(--mode-colors-main);
    background: var(--elements-base);
    border: none;
    border-radius: 44px
}

.g-searchbox:focus-visible {
    outline: 0
}

.g-search.full-width .g-searchbox {
    width: calc(100% - 60px);
    flex: 0 0 calc(100% - 60px);
    box-sizing: border-box;
    border-bottom: 1px solid var(--mode-colors-border);
    height: 42px
}

.sbt-wrapper {
    position: relative
}

.sbt-wrapper.half {
    margin-top: 10px;
    border: none
}

.more-load {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    padding: 12px 20px;
    border: none;
    color: var(--text-color);
    background-color: var(--layer-bg-color)
}

ul.sbt-menu .separator {
    height: 16px;
    width: 1px;
    background-color: var(--border-color13)
}

::-webkit-scrollbar {
    display: none
}

.sb-menu-box {
    display: flex;
    overflow: hidden
}

.sb-menu-container>div {
    height: 100%
}

ul.sbt-menu li.active a {
    color: #FFF!important;
    background-color: #FF3434;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32)
}

.pr-menu.small {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    margin: 12px 16px;
    column-gap: 12px
}

.pr-menu.small .select_provider {
    flex: 1
}

#live-casino .pr-menu.small label {
    width: 100%;
    position: relative
}

.pr-menu-dropdown-type2 {
    background-color: var(--bg-color3);
    top: 50px;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 9999999;
    border-radius: 16px
}

input[type=checkbox].providers-list-checkbox {
    width: 24px!important;
    height: 24px!important;
    border-radius: 6px!important;
    padding: 4px!important;
    border: 1px solid #2D343D!important;
    appearance: none!important;
    cursor: pointer!important;
    outline: 0!important;
    transition: background-color .3s!important;
    background: 0 0!important;
    text-align: center!important
}

.checkbox-container {
    margin-left: auto
}

.checkbox-container input[type=checkbox]:checked {
    background: #FF3434!important;
    border: none!important
}

.pr-menu-dropdown-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 44px;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid var(--border-color)
}

.pr-menu-dropdown-type2 ul {
    padding: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    list-style: none;
    background: var(--bg-color3);
    border-radius: 12px;
    gap: 6px
}

.pr-menu-dropdown-type2 ul li {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    text-transform: capitalize;
    min-width: 0
}

.pr-menu-dropdown-type2 ul li a {
    background-color: var(--bg-color3);
    display: flex;
    height: 42px;
    align-items: center;
    padding: 8px 16px 8px 8px;
    box-sizing: border-box;
    color: var(--mode-colors-main);
    border: 1px solid var(--mode-colors-border);
    border-radius: 10px
}

.pr-menu-dropdown-type2 ul li a .text {
    font-size: 12px;
    font-weight: var(--semi-bold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 8px
}

.pr-menu-dropdown-type2-checkbox {
    width: 0;
    height: 0;
    border: none;
    margin: 0;
    padding: 0
}

.pr-menu-dropdown-type2-checkbox:checked+.pr-menu-dropdown-type2 {
    display: block
}

.pr-menu-dropdown-type2>div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
    display: flex;
    background: rgba(0,0,0,.7);
    align-items: center;
    padding: 20px;
    z-index: 110
}

.top-nav-tool .divide-block {
    height: 8px;
    border: 1px solid var(--mode-colors-border);
    border-radius: 6px;
    margin: 0 10px 8px
}

.blackJack,.other,.wrapper_tag {
    border-radius: 0 4px 4px 0
}

#live_casino_games {
    background-color: var(--content-bg-color);
    padding: 16px
}

.live-casino .favorite {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--content-bg-color)
}

.live-casino .favorite.active {
    background-color: #F0BB00
}

.live-casino .info-wrapper {
    padding: 0
}

.live-casino-bottom-nav {
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 54px;
    background: var(--mode-colors-card);
    backdrop-filter: blur(20px)
}

.live-casino-bottom-nav__item {
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.live-casino-bottom-nav__item-content {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.live-casino-bottom-nav .providers-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--providers-icon)
}

.live-casino-bottom-nav .search-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--search-icon)
}

.live-casino-bottom-nav .favs-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--favs-icon)
}

.live-casino-bottom-nav .jackpots-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--jackpots-icon)
}

.live-casino-bottom-nav .offers-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--offers-icon)
}

.title_list {
    background: var(--content-bg-color)
}

.wrapper_tag {
    height: 20px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 12px;
    font-weight: var(--bold);
    line-height: 16px;
    letter-spacing: -.24px;
    position: absolute;
    left: 0;
    top: 35px;
    background: #FF2F22;
    box-shadow: 0 1px 0 0 #FF9C96 inset
}

@media (max-width: 390px) {
    .wrapper_tag {
        height:16px;
        font-size: 10px
    }
}

.other {
    background: #1DAF52;
    box-shadow: 0 1px 0 0 #3EE079 inset
}

.blackJack {
    background: #FF7222;
    box-shadow: 0 1px 0 0 #FFB286 inset
}

.sbt-wrapper {
    display: block;
    padding: 4px 3px;
    background-color: var(--content-bg-color);
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%
}

.sbt-wrapper::-webkit-scrollbar {
    display: none
}

.sb-menu-container {
    overflow-x: auto;
    box-sizing: border-box;
    scrollbar-width: none
}

.sb-menu-container::-webkit-scrollbar {
    display: none
}

ul.sbt-menu {
    list-style: none;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    min-width: min-content;
    white-space: nowrap;
    margin: 0
}

ul.sbt-menu li {
    flex: 0 0 auto
}

ul.sbt-menu li a {
    display: flex;
    align-items: center;
    position: relative;
    height: 36px;
    color: var(--text-color2)!important;
    font-weight: var(--semi-bold);
    font-size: 12px;
    line-height: 16px;
    transition: .3s;
    padding: 0 16px;
    border-radius: 10px;
    margin: 0 4px;
    white-space: nowrap;
    width: auto
}

.lc__game-container .live-casino-game-supertoto {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 12px
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper {
    position: relative;
    width: 100%;
    min-height: 158px;
    padding-bottom: 100%
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .lc-game__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(22,27,33,.24);
    box-shadow: 0 0 20px 0 rgba(22,27,33,.4) inset;
    backdrop-filter: blur(8px);
    padding: 8px
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap .shadow_header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 11px
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap .shadow_header .slot-game-item-fav-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #161B21
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .slot-game-item-fav-button.active svg path,#slots_list .slot-game-item .slot-game-item-fav-button.active svg path,.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap .shadow_header .slot-game-item-fav-button.active svg path {
    fill: var(--primary-color)
}

.lc__game-container .live-casino-game-supertoto .lc-game__image-wrapper .shadow_wrap .play {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.lc__game-container .live-casino-game-supertoto .lc-game__bottom-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -.24px;
    font-weight: var(--semi-bold)
}

.lc__game-container .live-casino-game-supertoto .lc-game__bottom-wrapper .lc-game__provider {
    overflow: hidden;
    color: var(--text-color6)
}

.lc__game-container .live-casino-game-supertoto .lc-game__bottom-wrapper .lc-game__title {
    overflow: hidden;
    color: var(--text-color4);
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: 114px;
    text-align: center
}

#live_casino_slider .swiper-wrapper,#live_games_slider .swiper-wrapper {
    margin: 0
}

#live_casino_slider .swiper-slide,#live_games_slider .swiper-slide,#slots_slider .swiper-slide {
    background: var(--elements-darker)
}

#live_casino_slider .swiper-slide a,#live_games_slider .swiper-slide a {
    height: 100%;
    display: flex;
    justify-content: center
}

#live_casino_slider .swiper-slide a img,#live_games_slider .swiper-slide a img {
    height: 100%
}

#live_casino_slider .swiper-pagination,#live_games_slider .swiper-pagination {
    bottom: 10px
}

#live_casino_slider .swiper-pagination-bullet,#live_games_slider .swiper-pagination-bullet {
    border: 1px solid var(--mode-colors-border-reverse)
}

#live_casino_slider .swiper-pagination-bullet.swiper-pagination-bullet-active,#live_games_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid var(--design-colors-primary-base)
}

.live-casino .popular-providers {
    display: flex;
    align-items: center;
    gap: 15px;
    overflow-x: auto
}

.live-casino .popular-providers .provider-type {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    background: var(--mode-colors-blur-area);
    box-shadow: 0 24px 24px -12px var(--item-box-shadow)
}

.live-casino .popular-providers .provider-type .provider-image {
    height: 44px
}

.live-casino .popular-providers .provider-type .provider-name {
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.live-casino .popular-providers .provider-type::before {
    position: absolute;
    left: 0;
    content: "";
    display: flex;
    width: 1px;
    height: 44px;
    background: radial-gradient(circle closest-corner at center ,#FF7144,#FF714400)
}

.live-casino .popular-providers .provider-type:nth-child(2n)::before {
    background: radial-gradient(circle closest-corner at center ,#FFB800,#FFB80000)
}

.live-casino .popular-providers .provider-type:nth-child(3n)::before {
    background: radial-gradient(circle closest-corner at center ,#00DFDF,#00DFDF00)
}

#menu-providers.menu-providers.providers-list {
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--layer-bg-color5);
    padding: 12px;
    list-style: none;
    top: 45px;
    right: 0;
    border-radius: 16px;
    width: 100%;
    z-index: 100;
    display: none;
    grid-template-columns: 1fr 1fr
}

#forgot_mobile,.registration,.sweepstakes-slider {
    position: relative
}

#menu-providers .provider-wrapper {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 12px
}

#menu-providers.menu-providers.providers-list.show {
    display: block
}

#menu-providers.menu-providers .providers-buttons {
    padding: 0
}

#menu-providers.menu-providers .providers-list-item {
    margin-bottom: 0
}

#menu-providers.menu-providers .input-wrapper {
    margin: 0 0 12px
}

#forgot_mobile {
    width: 100%;
    margin: 16px 0!important;
    border-radius: 12px 12px 0 0;
    padding: 0
}

#forgot_mobile .forgot-password-header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 12px 16px;
    background: var(--tournaments-page-title-bg);
    border-radius: 12px 12px 0 0;
    text-transform: capitalize;
    color: var(--text-color4)
}

#forgot_mobile .forgot-password-header svg {
    flex-shrink: 0
}

#forgot_mobile .forgot-password-header h1 {
    margin: 0;
    font-size: 20px;
    color: inherit
}

#forgot_mobile .content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    background: var(--content-bg-color)
}

#forgot_mobile .form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#forgot_mobile .input-label {
    color: var(--text-color5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    padding: 0 0 12px 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

#forgot_mobile .links {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#forgot_mobile .link-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 48px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--btn-bg-color3);
    color: var(--text-color15);
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px;
    text-transform: capitalize
}

.home_inner,.registration {
    background: var(--bg-color)
}

#forgot_mobile .link-btn svg {
    color: var(--svg-color)
}

.registration {
    padding: 16px 0!important;
    margin: 0!important
}

.registration .header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 12px 16px;
    background: var(--tournaments-page-title-bg);
    border-radius: 12px 12px 0 0;
    text-transform: capitalize;
    color: var(--text-color4)
}

.registration .header svg {
    flex-shrink: 0
}

.registration .header h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: inherit
}

.registration .content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    background: var(--content-bg-color)
}

.registration .form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.registration .label {
    color: var(--text-color5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    padding: 0 0 12px 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

.registration .label.required::after {
    content: url(/assets/images/input-label-icon.svg)
}

.registration .registration-type-switcher {
    border-radius: 10px;
    background: #1E242B;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px
}

.registration .registration-type-switcher-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px 24px;
    border-radius: 10px;
    color: #ABB5C2;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.3px;
    cursor: pointer;
    width: 100%;
    min-width: 0
}

.registration .gender-selection input:checked+.gender-btn,.registration .registration-type-switcher-item.active {
    color: #fff;
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset,0 8px 16px 0 rgba(255,52,52,.12)
}

.registration .registration-type-switcher-item span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.registration .registration-type-switcher-item svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.registration .gender-selection {
    display: flex;
    gap: 4px;
    width: 100%
}

.registration .gender-selection input {
    display: none
}

.registration .gender-selection .gender-btn {
    border-radius: 10px;
    box-shadow: inset 0 2px 0 0 #485362,inset 1px 0 0 0 #485362,inset -1px 0 0 0 #485362,inset 0 -1px 0 0 #485362;
    background: #363E48;
    display: flex;
    height: 48px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #C4CDD7;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px;
    width: 100%
}

.registration .links {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.registration .link-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 48px;
    padding: 16px 20px;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--btn-bg-color3);
    color: var(--text-color15);
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px;
    text-transform: capitalize
}

.registration .link-btn svg {
    color: var(--svg-color)
}

.registration .selects+.error-message {
    margin-top: 6px;
    font-size: 14px;
    color: var(--primary-color)
}

.promotion-wrapper .promotion-header {
    margin-top: 16px;
    background-color: var(--layer-bg-color12);
    height: 52px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 12px 16px;
    margin-bottom: 4px;
    box-shadow: 0 2px 0 0 rgba(255,255,255,.08) inset,0 -1px 0 0 var(--border-color) inset
}

.promotion-wrapper .promotion-header span {
    color: var(--text-color4);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.4px
}

.promotion-wrapper .wr-promo-nav {
    background-color: var(--layer-bg-color12);
    padding: 12px 0 12px 16px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 16px
}

.promotion-wrapper .wr-promo-nav .promo_search {
    padding-right: 16px;
    display: flex;
    align-items: center;
    column-gap: 8px
}

.promotion-wrapper .wr-promo-nav .promo_search .wr_input-promo {
    flex: 1;
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 12px 24px;
    background-color: inherit;
    border-top: 2px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-radius: 10px;
    height: 44px
}

.promotion-wrapper .wr-promo-nav .promo_search .wr_input-promo input {
    background-color: inherit!important;
    border: none!important;
    color: var(--text-color4)!important;
    font-size: 14px!important;
    font-weight: var(--semi-bold)!important;
    line-height: 20px!important;
    letter-spacing: -.28px!important;
    outline: 0!important
}

.promotion-wrapper .wr-promo-nav .promo_search .wr_input-promo input::placeholder {
    color: var(--text-color6)!important;
    font-size: 14px!important;
    font-weight: var(--semi-bold)!important;
    line-height: 20px!important;
    letter-spacing: -.28px!important
}

.promotion-wrapper .wr-promo-nav .promo_search .send_search_promo {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    border-radius: 10px;
    column-gap: 8px;
    background-color: var(--primary-color);
    color: #FFF;
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    border: none;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.promotion-wrapper .supertotobet_v2-promotion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 12px;
    padding: 0 16px 16px
}

.promotion-wrapper .supertotobet_v2-promotion a {
    display: inline-block
}

.promotion-wrapper .supertotobet_v2-promotion a .img {
    border-radius: 10px
}

.promotion-wrapper .supertotobet_v2-promotion a .img img {
    border-radius: 10px;
    width: 100%
}

.not_found {
    padding: 12px;
    color: var(--text-color4);
    font-size: 18px;
    font-weight: var(--semi-bold);
    line-height: 36px;
    letter-spacing: -.4px;
    white-space: nowrap;
    width: 100%
}

.promotion_inner .item img {
    width: 100%;
    height: 100%
}

.Tournament-bonus-content {
    height: 100%;
    overflow: auto
}

.Tournament-draw-item__sweepstake {
    padding: 16px;
    background: var(--mode-colors-card);
    border-radius: 16px;
    box-shadow: 0 24px 24px -12px var(--item-box-shadow)
}

.Tournament-draw-item-head {
    display: flex;
    gap: 9px;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.96px;
    color: var(--mode-colors-custom-explanation)
}

.Tournament-draw-item-in__data {
    margin-top: 20px;
    display: grid;
    gap: 5px
}

.Tournament-draw-item-in__data p {
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: var(--design-colors-primary-base);
    font-family: var(--font-family-sf-pro-display)
}

.Tournament-draw-item-in .Tournament-draw-item-in__data p+p {
    color: var(--mode-colors-main)
}

.Tournament-draw-item-in__start-date {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px;
    color: var(--mode-colors-custom-explanation)
}

.Tournament-list-item-counter {
    margin-top: 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 5px
}

.Tournament-list-item-counter-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 10px 3px 12px;
    border: 1px solid;
    border-radius: 32px;
    min-width: 40px
}

.Tournament-button__sweeptakers-red,.Tournament-button__sweeptakers-transparent {
    padding: 12px 16px;
    font-weight: 400;
    display: flex;
    font-style: normal;
    backdrop-filter: blur(6px)
}

.Tournament-list-item-counter-item p,.Tournament-list-item-counter-item span {
    text-transform: uppercase;
    text-align: center;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display)
}

.Tournament-list-item-counter-item p {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: -.91px
}

.Tournament-list-item-counter-item span {
    font-size: 7px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px
}

.Tournament-buttons__sweeptakers {
    margin-top: 20px;
    display: flex;
    gap: 2px;
    justify-content: center
}

.Tournament-button__sweeptakers-red {
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    background: var(--design-colors-primary-opacity);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.7px;
    color: var(--design-colors-primary-base);
    border: 1px solid transparent;
    min-width: 50%
}

.Tournament-button__sweeptakers-transparent {
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    background: var(--elements-light-button-bg);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -.7px;
    color: var(--elements-light-button);
    min-width: 170px;
    min-width: 50%;
    border: 1px solid
}

.Tournament-head.with-margin {
    margin-bottom: 20px
}

.Tournament-head h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display)
}

.Tournament-head p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    margin-top: 10px;
    color: var(--mode-colors-custom-explanation)
}

.sweepstakes-slider .sweepstakes-swiper-button-next,.sweepstakes-slider .sweepstakes-swiper-button-prev {
    height: 36px;
    width: 36px;
    background: var(--elements-base);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 50%;
    cursor: pointer
}

.sweepstakes-slider .sweepstakes-swiper-button-prev {
    left: -18px
}

.sweepstakes-slider .sweepstakes-swiper-button-next {
    right: -18px
}

.sweepstakes-slider .sweepstakes-swiper-button-next.swiper-button-disabled,.sweepstakes-slider .sweepstakes-swiper-button-prev.swiper-button-disabled {
    opacity: .35
}

.Tournament-end-in {
    padding: 0 20px
}

.Tournament-end-in .swiper-wrapper {
    margin: 0
}

.Tournament-end-header {
    padding-bottom: 37%;
    position: relative
}

.Tournament-end-header img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.promotion-expired-events {
    padding: 0 20px
}

#modal_window.promotion-detail {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    border-radius: 0;
    box-shadow: none;
    background: rgba(0,0,0,1);
    backdrop-filter: none
}

#modal_window.promotion-detail .promotion-detail-container {
    height: calc(var(--vh,1vh) * 100 - 40px);
    overflow-y: auto
}

.promotion-detail-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 18px 18px 0 0;
    background: var(--mode-colors-card);
    height: 100%
}

.promotion-detail-wrapper .detail-title {
    border-radius: 10px 10px 0 0;
    background: var(--layer-bg-color12);
    height: 48px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    box-shadow: 0 -1px 0 0 var(--two-auth-border) inset
}

.promotion-detail-wrapper .detail-title .close-btn {
    position: static!important;
    width: 10%!important
}

.promotion-detail-wrapper .detail-title .close-btn:after {
    justify-content: flex-end!important
}

.promotion-detail-wrapper .detail-title .detail-title_text {
    flex: 1;
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.promotion-detail-wrapper .detail-content-text {
    width: 100%;
    color: var(--text-color6);
    font-size: 17px;
    font-weight: 400;
    line-height: 28px
}

.promotion-detail-wrapper .detail-title .img {
    border-radius: 64px;
    border: 1px solid var(--design-colors-primary-base);
    padding: 6px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.promotion-detail-wrapper .detail-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    background: var(--content-bg-color)
}

.promotion-detail-wrapper .detail-content .wr_img_promo_detail {
    padding-bottom: 16px;
    border-bottom: 4px solid var(--border-color);
    margin-bottom: 16px
}

.promotion-detail-wrapper .detail-content .wr_img_promo_detail .image_modal_promo {
    width: 100%
}

.promotion-detail-wrapper .detail-content .btns-container {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.promotion-detail-wrapper .detail-content .btns-container .detail-btn {
    flex: 1;
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 8px 32px;
    border-radius: 10px;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF;
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 20px;
    letter-spacing: -.34px
}

.promotion-detail-wrapper .detail-content .btns-container .red {
    background: #FF3434
}

.promotion-detail-wrapper .detail-content .btns-container .gray {
    background: #56616F
}

#promo_tags .subpage-tab-frame {
    padding: 4px;
    margin-bottom: 16px
}

#promo_tags .subpage-tab-frame .overflow-hidden {
    overflow: hidden
}

#promo_tags .subpage-tab-frame .overflow-hidden .overflow-x-auto {
    overflow-x: auto;
    overflow-y: hidden
}

#promo_tags .subpage-tab-frame .subpage-tab-menu {
    display: flex;
    gap: 8px
}

#promo_tags .subpage-tab-frame .subpage-tab-menu .promo-tag-link {
    background: inherit;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    height: 36px;
    white-space: nowrap;
    display: flex;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    color: var(--text-color6);
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    letter-spacing: -.24px;
    cursor: pointer
}

#promo_tags .subpage-tab-frame .subpage-tab-menu button.active {
    color: #fff;
    background: var(--primary-color)
}

html[data-route=slot] #xox-chat-widget-launcher-container {
    bottom: 60px!important
}

.slots-banner-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--elements-darker)
}

.slots-banner-wrapper img {
    width: 291px;
    height: 182px
}

#popular_providers_section {
    margin: 8px 0
}

.providers-selector {
    display: none;
    position: absolute;
    z-index: 9999999;
    top: 236px;
    right: 14px;
    flex-direction: column;
    width: 93%
}

.providers-selector.active {
    display: flex;
    justify-content: center
}

.providers-modal-input-container {
    background-color: var(--layer-bg-color5);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.providers-modal-input-container .input-wrapper {
    height: 46px;
    background-color: var(--layer-bg-color6);
    border: 1px solid var(--border-color4);
    border-radius: 10px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 16px 16px 0
}

.providers-modal-input-container .providers-modal-separator {
    width: 2px;
    height: 16px;
    margin: 16px 12px 16px 24px;
    background-color: #FF3434
}

.providers-modal-input-container input {
    flex: 1;
    color: var(--text-color2);
    font-size: 14px;
    line-height: 20px;
    font-weight: var(--semi-bold);
    position: relative;
    z-index: 1;
    display: block;
    padding: 0!important;
    background: 0 0!important;
    border: none!important;
    appearance: none;
    outline: 0;
    margin: 0;
    border-radius: 0;
    height: auto
}

.providers-modal-input-container button {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    color: var(--elements-lighter);
    appearance: none;
    background: 0 0;
    border: none
}

.providers-list {
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--layer-bg-color5);
    padding: 12px;
    list-style: none
}

.providers-list ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 8px
}

.providers-list ul .providers-list-name {
    font-size: 12px;
    max-width: 50px
}

.slot-bottom-nav {
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    will-change: transform;
    transform: translateZ(0);
    display: flex;
    height: 54px;
    background: var(--mode-colors-card);
    backdrop-filter: blur(20px)
}

#show_dropdown_search,.slot-bottom-nav__item {
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.slot-bottom-nav__item-content {
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.slot-bottom-nav .providers-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--providers-icon)
}

.slot-bottom-nav .search-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--search-icon)
}

.slot-bottom-nav .favs-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--favs-icon)
}

.slot-bottom-nav .jackpots-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--jackpots-icon)
}

.slot-bottom-nav .offers-icon {
    width: 16px;
    height: 16px;
    background: no-repeat var(--offers-icon)
}

#search_dropdown_container,.search-row,.slots-row {
    width: 100%;
    display: flex
}

.slots-row {
    position: relative;
    padding: 0 10px
}

.search-row {
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    height: 44px;
    padding: 0 17px;
    box-shadow: inset 0 -1px 0 0 var(--border-color)!important
}

form.slots-filter-search {
    position: relative;
    flex-basis: 100%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 16px
}

form.slots-filter-search.with-separators {
    border-left: 2px solid #ff3636;
    border-right: 2px solid #ff3636
}

form.slots-filter-search input {
    appearance: none;
    box-shadow: none;
    height: 44px;
    margin: 0;
    outline: 0;
    font-size: 14px;
    line-height: 20px;
    background-color: inherit!important;
    padding: 0 8px!important;
    border-radius: 0!important;
    border: 0!important;
    font-weight: var(--semi-bold);
    letter-spacing: -.8px;
    color: var(--text-color2)
}

form.slots-filter-search svg {
    margin-right: 8px;
    color: var(--svg-color4)
}

.slots-filter-search .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px
}

.slots-filter-search .search-btn::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: no-repeat var(--search-icon)
}

.slots-provider-btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    position: relative;
    border-radius: 10px;
    background-color: #FF3434;
    color: #FFF!important;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    width: 100%;
    text-transform: capitalize
}

.slots-provider-btn .pr-menu-icon {
    color: #FFF
}

.slots-provider-btn .arrow-icon {
    color: #FFF;
    margin-left: auto;
    background-color: transparent
}

.slots-provider-btn .slots-all-providers-button {
    display: inline-flex;
    padding: 0;
    border: none;
    color: #FFF;
    margin-left: auto;
    background-color: transparent!important
}

.slots-provider-btn .slots-all-providers-button::before {
    content: '';
    position: relative;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg)
}

.search-row .slots-provider-btn {
    flex-basis: 0;
    height: 27px;
    padding: 0 15px;
    white-space: nowrap
}

.slots-row .close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    border: none;
    background: 0 0
}

.slots-row .close-btn::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: no-repeat var(--close-icon)
}

.providers-buttons {
    padding: 0 12px 12px;
    display: flex;
    gap: 8px;
    background-color: var(--layer-bg-color5);
    border-radius: 0 0 16px 16px
}

.providers-buttons>button {
    flex: 1;
    justify-content: center;
    height: 44px;
    border-radius: 10px;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32);
    display: flex;
    align-items: center;
    gap: 12px;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    border: 0
}

button#clear_provider {
    background-color: #414A56
}

button#activated_providers {
    background-color: #FF3434
}

#slots_list .slot-item {
    min-width: 120px;
    min-height: 158px
}

#slots_list .slot-game-item {
    display: block;
    position: relative;
    width: 100%;
    height: 100%
}

#slots_list .slot-game-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#slots_list .game-item-bottom-left {
    overflow: hidden
}

#slots_list .slot-game-name {
    margin-top: 12px;
    width: 100%;
    display: block;
    font-weight: var(--semi-bold);
    color: var(--system-colors-base);
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 87px;
    margin-bottom: 12px
}

#slots_list .slot-game-group {
    display: block;
    color: #979797;
    font-size: 13px;
    font-weight: 700
}

#slots_list .slot-game-item .game-detail,#slots_list .slot-game-item .slot-game-item-fav-button {
    outline: 0;
    background: #161B21;
    width: 24px;
    display: flex;
    height: 24px;
    appearance: none;
    cursor: pointer
}

#slots_list .slot-game-item .game-detail {
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 4px
}

#slots_list .slot-game-item .slot-game-item-fav-button {
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-right: 7px
}

#slots_list .slot-game-item .slot-game-item-fav-button svg {
    width: 10px;
    height: 10px;
    color: var(--svg-color)
}

#slots_list .slot-game-item-fav-button.active {
    opacity: 1
}

#slots_list .slot-game-item .button_play {
    display: none
}

#slots_list .slot-game-item .lc-game__image-wrapper {
    width: 100%;
    height: 100%;
    background-color: var(--mode-colors-background);
    aspect-ratio: unset;
    border-radius: 20px;
    position: relative
}

#slots_list .slot-game-item .lc-game__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 20px
}

#slots_list .slot-game-item .lc-game__image-wrapper .shadow_game {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: 0 0;
    box-shadow: 0 0 20px 0 #161B2166 inset;
    backdrop-filter: blur(8px);
    padding: 8px
}

#slots_list .slot-game-item .lc-game__image-wrapper .shadow_game .header_shadow {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 11px
}

#slots_list .slot-game-item .lc-game__image-wrapper .shadow_game .play {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.play_demo {
    position: absolute;
    bottom: -49px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    color: #fff
}

#slots_list .game-item-bottom {
    text-align: center;
    padding: 0 12px
}

#slots_list .game-item-bottom-buttons {
    display: flex;
    justify-content: center
}

#slots_list .game-item-bottom-buttons.with-demo {
    justify-content: space-between
}

#slots_list .game-item-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    color: #fff;
    background-color: #333030;
    min-width: 70px;
    border-radius: 5px;
    box-sizing: border-box
}

#slots_list .game-item-bottom-provider {
    color: var(--two-auth-text);
    font-size: 12px;
    font-weight: var(--semi-bold);
    text-align: center;
    padding: 0 12px;
    display: block
}

#slots_list.play-game-wrapper {
    margin-top: 10px
}

#slots_list.play-game-wrapper .game-item-bottom-provider {
    margin-top: 8px
}

#slots_list.play-game-wrapper .game-item-bottom-buttons {
    padding-bottom: 10px
}

#list_view {
    background-color: var(--content-bg-color);
    padding-bottom: 4px
}

.slots-menu-wrapper {
    display: block;
    padding: 4px 0;
    border-bottom: 1px solid var(--border-color19);
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%
}

.slots-menu-wrapper::-webkit-scrollbar {
    display: none
}

.title_list {
    padding: 12px 20px;
    color: var(--text-color4);
    font-size: 17px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px;
    box-shadow: 0 -1px 0 0 var(--border-color) inset
}

.slots-menu-wrapper ul.slots-menu {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: visible;
    padding: 12px 16px;
    list-style: none;
    height: auto;
    min-height: 48px;
    max-height: none;
    border-radius: 0;
    width: auto;
    min-width: min-content;
    border: 0;
    background-color: var(--content-bg-color);
    white-space: nowrap;
    margin: 0
}

.slots-menu .menu-tab-button,.slots-menu-wrapper .slots-menu button {
    padding: 8px 12px;
    font-family: inherit;
    font-size: 12px;
    white-space: nowrap
}

.slots-menu-wrapper .slots-menu>* {
    flex: 0 0 auto
}

.slots-menu-wrapper .slots-menu .slots-menu-separator {
    width: 1px;
    height: 16px;
    background-color: var(--border-color5);
    margin: 0 4px
}

.slots-menu-wrapper .slots-menu button {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    border: none;
    color: var(--text-color2);
    font-weight: var(--semi-bold);
    transition: .3s;
    background-color: transparent;
    height: auto;
    line-height: normal
}

.slots-menu-wrapper .slots-menu li.current button {
    color: #FFF;
    background-color: #FF3434;
    border-radius: 10px;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32)
}

.providers-container {
    display: flex;
    background-color: var(--bg-color);
    padding: 12px 16px;
    column-gap: 12px
}

.filter_order.favorite {
    padding: 12px 14px;
    border-radius: 10px;
    height: 44px;
    background-color: var(--content-bg-color)
}

.filter_order.favorite.current {
    background: #F0BB00
}

.filter_order.favorite.current svg path {
    color: #fff
}

.filter_order.favorite svg {
    color: var(--svg-color4);
    opacity: .7
}

.filter_order.favorite.active svg,.filter_order.favorite.current svg {
    opacity: 1
}

.providers-container .slots-provider-btn {
    height: 44px
}

.container #egt-banner-iframe-container iframe {
    height: 65px
}

.container #egt-banner-iframe-container.hover iframe {
    height: 240px
}

.container #egt-banner-iframe-container {
    margin: 0 10px
}

#slots_list.slots-list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(107px,1fr));
    row-gap: 6px;
    column-gap: 15px;
    margin: 16px
}

@media (max-width: 390px) {
    .play_demo {
        bottom:-29px
    }

    #slots_list .slot-item {
        width: 100%;
        height: 100%
    }
}

.slots-more-load {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 16px 16px 10px;
    border-radius: 10px;
    background-color: var(--layer-bg-color);
    border: 0;
    width: -webkit-fill-available
}

.slots-more-load svg {
    color: var(--svg-color5);
    margin: 12px 20px
}

.slots-more-load-text {
    width: 100%;
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    color: var(--svg-color5)
}

.slots-menu .filter_order,.slots-menu .menu-tab-item {
    flex: 0 0 auto;
    position: relative
}

.slots-menu .menu-tab-button {
    display: flex;
    align-items: center;
    border: none;
    color: var(--text-color2);
    font-weight: var(--semi-bold);
    transition: all .3s ease;
    background-color: transparent;
    border-radius: 10px;
    cursor: pointer
}

.slots-menu .current .menu-tab-button {
    color: #FFF;
    background-color: #FF3434;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32)
}

.providers-list-item {
    border: 1px solid var(--border-color4);
    margin-bottom: 8px;
    border-radius: 10px;
    list-style: none
}

.providers-list-item.active,.providers-list-item.checked a {
    background-color: var(--select-provider)
}

.providers-list-item-separator {
    background-color: var(--border-color4);
    width: 2px;
    height: 16px;
    margin-right: 12px
}

.providers-list-button {
    padding: 8px 16px 8px 8px;
    font-weight: 500;
    height: 44px;
    display: flex;
    align-items: center;
    transition: .3s;
    width: 100%;
    appearance: none;
    background: 0 0;
    border: none;
    color: var(--mode-colors-main);
    font-family: inherit
}

#bank_transfer_form .bank_form .title,#card_cvv,#slots_block .popular-providers .provider-type .provider-name,.bank_form ul,.banks-page .parsley-errors-list,.credit-card-3ds-transaction-text,.dropdown-favs-name,.fpw-header .percent,.most-used-dp-withdraw-title,.profile_inner.banks-page .page-title-index,.promotions-landing-link .title,.sport-block .sport-block-top .additional-markets,.sports-link .title {
    font-family: var(--font-family-sf-pro-display)
}

.providers-list-icon {
    max-width: 25px;
    max-height: 25px;
    object-fit: contain
}

.providers-list-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 2px;
    font-size: 12px;
    font-weight: var(--semi-bold);
    color: var(--text-color3);
    width: 100%;
    text-align: left;
    max-width: 55px
}

.providers-list-num {
    font-size: 15px;
    margin-left: auto;
    width: 30px;
    text-align: center;
    font-weight: 400
}

input[type=" checkbox"].providers-list-checkbox {
    width: 24px!important;
    height: 24px!important;
    border-radius: 6px!important;
    padding: 4px!important;
    border: 1px solid #CBD3DD!important;
    appearance: none!important;
    cursor: pointer!important;
    outline: 0!important;
    transition: background-color .3s!important;
    background: 0 0!important;
    text-align: center!important
}

.checkbox-container {
    position: relative
}

.checkbox-container.active input[type=" checkbox"].providers-list-checkbox {
    background: #FF3434!important;
    border: none!important
}

.checkbox-container.active .checkbox-svg {
    display: block!important;
    color: #FFF!important
}

.checkbox-svg {
    display: none!important;
    position: absolute;
    top: 7px;
    right: 7px
}

#slots_slider .swiper-wrapper {
    margin: 0
}

#slots_slider .swiper-slide {
    background: var(--elements-darker)
}

#slots_slider .swiper-slide a {
    height: 100%;
    display: flex;
    justify-content: center
}

#slots_slider .swiper-slide a img {
    height: 100%
}

#slots_slider .swiper-pagination {
    bottom: 10px
}

#slots_slider .swiper-pagination-bullet {
    border: 1px solid var(--mode-colors-border-reverse)
}

#slots_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 1px solid var(--design-colors-primary-base)
}

#slots_block .popular-providers {
    gap: 15px;
    overflow-x: auto;
    display: flex;
    align-items: center
}

#slots_block .popular-providers .provider-type {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    background: var(--mode-colors-blur-area);
    box-shadow: 0 24px 24px -12px var(--item-box-shadow)
}

#slots_block .popular-providers .provider-type .provider-image {
    height: 44px
}

#slots_block .popular-providers .provider-type .provider-name {
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

#slots_block .popular-providers .provider-type::before {
    position: absolute;
    left: 0;
    content: "";
    display: flex;
    width: 1px;
    height: 44px;
    background: radial-gradient(circle closest-corner at center ,#FF7144,#FF714400)
}

#slots_block .popular-providers .provider-type:nth-child(2n)::before {
    background: radial-gradient(circle closest-corner at center ,#FFB800,#FFB80000)
}

#slots_block .popular-providers .provider-type:nth-child(3n)::before {
    background: radial-gradient(circle closest-corner at center ,#00DFDF,#00DFDF00)
}

#slots_block .drop-container .dropdown-content .dropdown-content-list,.live-casino .drop-container .dropdown-content .dropdown-content-list,.live-games .drop-container .dropdown-content .dropdown-content-list {
    border-radius: 18px 18px 0 0
}

.slots-menu {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    max-height: 156px;
    overflow-y: auto;
    border-radius: 18px;
    border: 1px solid var(--mode-colors-border);
    background: var(--mode-colors-card)
}

.slots-menu-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: all .4s ease;
    cursor: pointer;
    background: 0 0
}

.slots-menu-item .slots-menu-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    border: none;
    background: 0 0;
    padding: 12px 18px
}

.slots-menu-item .slots-menu-btn .image {
    padding: 2px;
    background: 0 0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.slots-menu-item .slots-menu-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px;
    text-align: left;
    color: var(--mode-colors-main)
}

.slots-menu-item.active {
    background: var(--design-colors-primary-base);
    transition: all .4s ease
}

.slots-menu-item.active .slots-menu-btn i.image {
    background: #fff
}

.slots-menu-item.active .slots-menu-btn span {
    color: #fff;
    transition: all .4s ease
}

.slots-menu-item:first-child::before {
    z-index: 10;
    position: absolute;
    right: -3px;
    content: '';
    display: flex;
    width: 6px;
    height: 100%;
    border-radius: 6px 6px 0 0;
    border-top: 1px solid var(--mode-colors-border);
    border-right: 1px solid var(--mode-colors-border);
    border-left: 1px solid var(--mode-colors-border);
    background: var(--mode-colors-card)
}

.slots-menu-item:not(:nth-last-child(2)):not(:last-child):nth-child(odd)::after {
    z-index: 20;
    position: absolute;
    bottom: -3px;
    content: '';
    display: flex;
    width: 100%;
    height: 6px;
    border-radius: 6px 0 0 6px;
    border: 1px solid var(--mode-colors-border);
    border-right: none;
    background: var(--mode-colors-card)
}

.slots-menu-item:not(:nth-last-child(2):not(:nth-child(even))):not(:last-child):nth-child(even)::after {
    z-index: 20;
    position: absolute;
    bottom: -3px;
    content: '';
    display: flex;
    width: 100%;
    height: 6px;
    border-radius: 0 6px 6px 0;
    border: 1px solid var(--mode-colors-border);
    border-left: none;
    background: var(--mode-colors-card)
}

.slots-menu-item:not(:first-child):not(:nth-last-child(2)):nth-child(odd)::before,.slots-menu-item:nth-last-child(2):nth-child(odd)::before {
    position: absolute;
    right: -3px;
    content: '';
    width: 6px;
    height: 100%;
    border-right: 1px solid var(--mode-colors-border);
    border-left: 1px solid var(--mode-colors-border);
    background: var(--mode-colors-card);
    display: flex;
    z-index: 10
}

.slots-menu-item:nth-last-child(2):nth-child(odd)::before {
    border-radius: 0 0 6px 6px;
    border-bottom: 1px solid var(--mode-colors-border)
}

.dropdown-providers-list {
    margin-top: 22px
}

.dropdown-favs {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.dropdown-favs .dropdown-favs-item {
    position: relative;
    display: flex;
    width: 100%;
    padding: 4px;
    overflow: hidden;
    border-radius: 60px;
    background: var(--mode-colors-background)
}

.dropdown-favs-name {
    position: absolute;
    top: 17px;
    left: 10px;
    width: calc(100% - 65px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px 10px 6px;
    border-radius: 27px;
    background: var(--mode-colors-card);
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.dropdown-favs .dropdown-favs-image {
    width: 100%;
    height: 52px;
    border-radius: 60px;
    object-fit: cover
}

.dropdown-favs-buttons {
    position: absolute;
    top: 8px;
    right: 0;
    display: flex;
    padding: 10px 14px 10px 10px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 44px;
    border-radius: 44px 0 0 44px;
    border-top: 1px solid #171D27;
    border-bottom: 1px solid #171D27;
    border-left: 1px solid #171D27;
    background: rgba(8,10,13,.8);
    box-shadow: 0 4px 18px 0 rgba(18,26,39,.84);
    backdrop-filter: blur(2px)
}

#search_results_container .search-results .games-list {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    column-gap: 8px;
    padding: 16px;
    margin-bottom: -4px
}

#search_results_container .search-results .games-list .slot-item {
    display: flex;
    align-items: center;
    width: 100%
}

#search_results_container .search-results {
    background: #1B2027
}

#search_results_container .search-results .games-list .slot-item .slot-game-item {
    display: flex;
    align-items: center;
    width: 100%
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper {
    width: 64px;
    height: 64px;
    background-color: var(--mode-colors-background);
    aspect-ratio: unset;
    border-radius: 8px;
    position: relative
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

#search_results_container .search-results .games-list .slot-item .slot-game-img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    padding: 4px
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper .shadow_game {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 8px;
    width: 100%;
    height: 64px;
    display: flex;
    flex-direction: column;
    background: rgba(22,27,33,.24);
    box-shadow: 0 0 20px 0 rgba(22,27,33,.4) inset;
    backdrop-filter: blur(8px);
    padding: 8px
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper .shadow_game .play_real {
    display: flex;
    align-items: center;
    justify-content: center
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper .shadow_game .play_real svg {
    width: 24px;
    height: 24px;
    margin-left: unset
}

#search_results_container .search-results .games-list .slot-item .slot-game-item svg {
    margin-left: auto
}

#search_results_container .search-results .games-list .slot-item .game-item-bottom {
    text-align: center;
    padding: 0 12px
}

#search_results_container .search-results .games-list .slot-item .game-item-bottom-left {
    overflow: hidden
}

#search_results_container .search-results .games-list .slot-item .slot-game-name {
    width: 100%;
    display: block;
    color: var(--system-colors-base);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 12px
}

#search_results_container .search-results .games-list .slot-item .game-item-bottom-provider {
    color: var(--two-auth-text);
    font-size: 12px;
    font-weight: var(--semi-bold);
    display: block;
    text-align: left
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .lc-game__image-wrapper .shadow_game .header_shadow {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 11px
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .slot-game-item-fav-button.active {
    opacity: 1
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .slot-game-item-fav-button {
    appearance: none;
    border: none;
    cursor: pointer;
    outline: 0;
    background: #161B21;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

#search_results_container .search-results .games-list .slot-item .slot-game-item .slot-game-item-fav-button svg {
    width: 8px;
    height: 8px;
    margin-left: unset
}

#search_results_container .no-results {
    padding: 16px;
    text-align: center;
    color: var(--system-colors-base);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.28px
}

.profile_inner .profile-inner__cont {
    padding: 16px;
    background: var(--content-bg-color);
    margin-bottom: 16px
}

.profile_inner .continue,.profile_inner .success_container {
    margin-top: 16px
}

.profile_inner .withdraw-tabs {
    display: flex;
    gap: 4px;
    margin: 0 -16px;
    padding: 0 16px;
    overflow-x: auto
}

.profile_inner .withdraw-tabs .withdraw-group {
    padding: 16px;
    border-radius: 8px;
    font-weight: var(--semi-bold);
    color: var(--text-color2);
    border: 1px solid var(--tournaments-filters-border-color);
    font-size: 12px;
    letter-spacing: -.24px;
    white-space: nowrap
}

.bank_form .title,.profile_inner .info-widget-title {
    letter-spacing: -.7px;
    line-height: 10px;
    text-transform: uppercase
}

.profile_inner .withdraw-tabs .withdraw-group.active {
    color: #FFF;
    border: none;
    background: var(--primary-color);
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.withdraw_inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}

.withdraw_inner .withdraw-item {
    position: relative;
    padding: 12px 16px;
    border-radius: 10px;
    background-color: var(--heading-bg-color5);
    transition: background-color .3s
}

.withdraw-content {
    padding: 0
}

.profile_inner .info-widget {
    border-radius: 28px;
    overflow: hidden;
    margin-bottom: 20px
}

.profile_inner .info-widget-header {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    padding: 0 18px
}

.profile_inner .info-widget-title {
    flex: 1;
    color: var(--mode-colors-main);
    font-size: 10px;
    font-weight: 450;
    padding: 0 12px
}

.profile_inner .expand-btn {
    position: relative;
    top: 0;
    left: 0
}

.profile_inner .expand-btn::after {
    display: none
}

.profile_inner .expand-btn img {
    transition: var(--transition-transform)
}

.profile_inner .expand-btn.opened img {
    transform: rotate(180deg)
}

.profile_inner .info-widget-content {
    background: var(--elements-base);
    border-color: var(--main-bg);
    padding: 40px 20px
}

.withdraw-provider-table__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px
}

.acc-withdraw-type-methods .acc-group-arrows {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px
}

.acc-withdraw-type-methods .acc-group-arrows .next-withdraw-item,.acc-withdraw-type-methods .acc-group-arrows .prev-withdraw-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 36px;
    background-color: var(--elements-base);
    border-radius: 42px;
    border: 1px solid var(--elements-base)
}

.withdraw-provider-table__list>div {
    width: 100%;
    margin-right: 8px
}

.acc-withdraw-type-methods .acc-group-arrows .prev-withdraw-item img {
    transform: rotate(-180deg)
}

.acc-withdraw-type-methods-wrapper .slick-track .slick-slide {
    margin: 0 4px;
    background: var(--mode-colors-card);
    border-radius: 16px
}

.acc-withdraw-type-methods-wrapper .withdraw-provider-table__list.slick-slider .slick-track {
    display: flex
}

.most-used-withdraw-methods-wrapper::after,.most-used-withdraw-methods-wrapper::before {
    display: block;
    background: linear-gradient(90deg,var(--mode-colors-background) 7%,rgba(255,52,52,1) 51%,var(--mode-colors-background) 93%);
    height: 1px;
    width: 100%;
    content: ''
}

.most-used-withdraw-methods-wrapper::after {
    margin-bottom: 5px
}

#next-most-used__methods .slider-image-block,#prev-most-used__methods .slider-image-block {
    width: 24px;
    height: 24px;
    background: var(--most-used-icon-path)
}

.most-used-acc-withdraw-title {
    color: var(--mode-colors-main);
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -1.2px
}

.deposit-table th,.profile_info {
    color: var(--design-colors-primary-base)
}

.most-used-methods-top-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.most-used-methods-top-wrapper #next-most-used__methods,.most-used-methods-top-wrapper #prev-most-used__methods {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.most-used-methods-top-wrapper #prev-most-used__methods {
    transform: rotate(-180deg)
}

.withdraw-most-used {
    display: flex;
    gap: 30px
}

.acc-withdraw-type-methods-wrapper {
    position: relative
}

#slider-most-used-methods {
    margin-bottom: 25px
}

.withdraw-most-used.slick-slider .slick-track {
    display: flex
}

.withdraw-most-used.slick-slider .slick-list {
    width: 100%
}

.withdraw-most-used .withdraw-item {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: var(--mode-colors-card)!important;
    height: unset;
    padding: 16px;
    border: none;
    position: relative
}

.most-used-group-arrows {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.profile_info:before,.withdraw_inner>div:not(:has(.acc-withdraw-type-methods-wrapper)) {
    display: none
}

.profile_info {
    align-items: center;
    margin: 20px 0 26px;
    padding: 13px 0;
    border-radius: 44px;
    background: 0 0;
    border: 1px dashed var(--design-colors-primary-base);
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

.bank_form .title {
    margin-bottom: 20px;
    font-size: 10px;
    font-weight: 450;
    color: var(--mode-colors-main);
    text-align: center
}

.form-bottom-panel {
    position: relative;
    background: var(--mode-colors-background);
    padding: 26px 20px 20px
}

.form-bottom-panel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
    width: calc(100% - 40px);
    height: 6px;
    border-radius: 60px;
    border: 1px solid var(--mode-colors-border)
}

.form-bottom-panel button {
    margin: 0
}

.bank_form ul .wrap_input:last-child,.bank_form ul .wrap_select select:last-child,.bank_form ul .wrap_select:last-child,.bank_form ul li:last-child {
    margin-bottom: 0!important
}

.withdraw-item:hover {
    background-color: var(--payment-plugin-bg-color-hover)
}

.withdraw-item:hover .select-method-button {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.withdraw-item .withdraw-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px
}

.withdraw-item .withdraw-item__text {
    flex: 1
}

.withdraw-item .withdraw-title {
    color: var(--table-content-text-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    text-transform: capitalize;
    word-break: break-word
}

.withdraw-item .withdraw-subtitle {
    color: var(--text-color2);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.24px;
    margin-top: 4px;
    word-break: break-word
}

.withdraw-item .select-method-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 32px;
    width: fit-content;
    padding: 0 12px;
    border: 1px solid var(--border-color19);
    background: var(--btn-bg-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--input-label-color);
    letter-spacing: -.24px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .3s,border-color .3s,color .3s
}

.withdraw-item .wd-about-deposit,.withdraw-item .wd-deposit-value {
    font-weight: 600;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.withdraw-item .wd-info-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color19)
}

.withdraw-item .wd-info-item-wrapper .wd-deposit-title-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.withdraw-item .deposit-separator {
    width: 2px;
    height: 32px;
    background: var(--border-color19)
}

.withdraw-item .wd-about-deposit {
    font-size: 12px;
    line-height: 20px;
    color: var(--text-color2)
}

.withdraw-item .wd-deposit-value {
    font-size: 14px;
    line-height: 20px;
    color: var(--table-content-text-color)
}

.withdraw-item .withdraw-item__logo {
    flex: unset;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.withdraw-item .withdraw-item__logo span {
    width: 36px;
    margin-top: 0;
    border: none;
    border-radius: 50%
}

.withdraw-item .withdraw-item__logo span img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: contain
}

.withdraw-item__arrow span {
    width: 44px;
    margin-top: 0;
    border: none;
    border-radius: 50%
}

.withdraw-item__arrow img {
    margin-top: 0
}

.wd-deposit-value {
    opacity: 1
}

.withdraw-item-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.acc-withdraw-type-methods-wrapper .acc-withdraw-type-methods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 0 16px;
    position: relative;
    margin-top: 24px
}

.acc-withdraw-type-methods-wrapper .acc-withdraw-type-methods::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,var(--primary-color) 40px,var(--border-color) 40px)
}

.acc-withdraw-type-methods-wrapper .acc-withdraw-type-methods.inactive+.withdraw-provider-table__list {
    display: none
}

.acc-withdraw-type-methods-wrapper .acc-withdraw-type-methods.inactive .dp-arrow-block {
    transform: rotate(180deg)
}

.acc-withdraw-type-methods-wrapper .dp-arrow-block {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--heading-bg-color5);
    border: 1px solid var(--border-color19);
    transition: .3s
}

.acc-withdraw-type-methods-wrapper .dp-arrow-block svg {
    transition: .3s;
    color: var(--svg-color5)
}

.acc-withdraw-type-methods-wrapper .withdraw-type {
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.34px;
    position: relative
}

.info-title-block {
    display: flex;
    height: 52px;
    align-items: center;
    padding: 12px 16px;
    width: 100%;
    border-radius: 10px 10px 0 0;
    background-color: var(--layer-bg-color12);
    box-shadow: 0 2px 0 0 rgba(255,255,255,.08) inset,0 -1px 0 0 var(--border-color) inset
}

.info-title-block .title {
    color: var(--text-color4);
    font-size: 20px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.4px
}

.info-title-block .subtitle-wrapper,.profile_inner .description,.profile_inner.banks-page .page-title-index {
    color: var(--mode-colors-explanation);
    font-style: normal
}

.info-title-block .subtitle-wrapper {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center
}

.info-separator {
    margin: 20px 0;
    display: flex;
    width: 100%;
    height: 6px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid var(--mode-colors-border)
}

#deposit_paymino_form,.info-content h2,.info-content h3,.info-content h4,.info-content p,.info-content span {
    margin-top: 15px
}

.info-page {
    padding: 16px
}

.info-content {
    color: var(--text-color6);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.3px
}

.info-content ol li,.info-content ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: center
}

.info-content ol li::before,.info-content ul li::before {
    content: "✔";
    color: red;
    position: absolute;
    left: 0;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-items: center
}

.info-content ol li span,.info-content ul li span {
    margin-top: 0
}

.separator {
    margin: 16px 0;
    height: 2px;
    width: 100%;
    background-color: var(--border-color17)
}

.social-and-contact {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.social-and-contact .social-links {
    list-style: none;
    display: flex;
    column-gap: 4px
}

.social-and-contact .social-links .icon-box {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: var(--color-bg-social)
}

.social-and-contact .social-links .icon-box svg path {
    fill: var(--text-color16)
}

.social-and-contact .contact-buttons {
    display: flex;
    row-gap: 8px;
    flex-direction: column
}

.social-and-contact .contact-buttons button {
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.28px;
    padding: 16px 24px;
    border: none
}

.menu-accordion,.panel {
    color: var(--text-color4);
    margin-bottom: 12px
}

.social-and-contact .contact-buttons .back-call-btn {
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.social-and-contact .contact-buttons .post-btn {
    background: #485362
}

.menu-accordion {
    position: relative;
    background-color: var(--heading-bg-color5);
    padding: 12px 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 48px;
    border-radius: 10px;
    font-weight: var(--semi-bold);
    font-size: 15px;
    line-height: 24px
}

.menu-accordion.active,.menu-accordion:hover {
    background-color: var(--btn-bg-color13)
}

.menu-accordion.active {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.menu-accordion::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../i/info/faq-img.svg);
    background-size: cover;
    flex-shrink: 0;
    margin-right: 12px
}

.menu-accordion-content {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.menu-accordion::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: var(--svg-color5);
    mask-image: url(../../i/info/accordion-ptn.svg);
    mask-size: cover;
    flex-shrink: 0;
    margin-left: auto
}

.menu-accordion.active::after {
    background-image: url(../../i/info/accordion-btn-active.svg);
    background-color: transparent;
    mask-image: none
}

.panel {
    display: none;
    padding: 24px;
    background-color: var(--heading-bg-color5);
    font-size: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: var(--medium);
    line-height: 28px
}

#cms_sub_section_accordion .ui-accordion-header {
    margin: 4px 0 0;
    padding: 12px 16px;
    border-radius: 10px;
    background: #414B57;
    color: #FFF;
    border: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px;
    display: flex;
    align-items: center;
    gap: 12px
}

#cms_sub_section_accordion .ui-accordion-header:first-child {
    margin-top: 0
}

#cms_sub_section_accordion .ui-accordion-header.ui-state-active {
    border-radius: 10px 10px 0 0;
    background: #485362
}

#cms_sub_section_accordion .ui-accordion-header:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjU3MTUgNC4wMjg0MUMxOS4xOTUzIDIuMzMwMDQgMTcuNTQ4OSAwLjc3NDIzOCAxNS44NDU5IDAuNDQzNzgzQzE0LjgwODQgMC4yMzYzNjkgMTEuOTE0IC0wLjAxOTg3MTIgOS45OTk2MSAwLjAwMTIyMTc2QzguMDg1MjMgLTAuMDE5ODcxMiA1LjE5MDgxIDAuMjM2MzY5IDQuMTUzMzUgMC40NDM3ODNDMi40NTAyOSAwLjc3NDIzOCAwLjgwMzg3NSAyLjMzMDA0IDAuNDI3NzE4IDQuMDI4NDFDMC4yMTM2NjQgNS4wNTk2MiAwLjAwMzEyNDg4IDYuNDYyNjkgMCA4LjM3Nzg1QzAuMDAzMTI0ODggMTAuMjkzIDAuMjEzNjY0IDExLjY5NTcgMC40Mjc3MTggMTIuNzI2OUMwLjgwMzg3NSAxNC40MjUzIDIuNDUwMjkgMTUuOTgxMSA0LjE1MzM1IDE2LjMxMTVDNC43MTM0OSAxNi40MjM2IDUuODE1MDEgMTYuNTQ5OCA3LjAxMTQ0IDE2LjYzODlDNy4xNDY5OSAxNi44NTE3IDcuMjkzODYgMTcuMDc4MyA3LjQ1MjgzIDE3LjMxODVDOC4wODc1NyAxOC4yNzk4IDguNTczNDkgMTguOTQ5NyA4Ljk0MTQ1IDE5LjQxNjVDOS41NTM5MiAyMC4xOTM0IDEwLjQ0NTcgMjAuMTkzNCAxMS4wNTgyIDE5LjQxNjVDMTEuNDI2MSAxOC45NDk3IDExLjkxMTYgMTguMjc5OCAxMi41NDY4IDE3LjMxODVDMTIuNzA1OCAxNy4wNzc5IDEyLjg1MjIgMTYuODUxNyAxMi45ODgyIDE2LjYzODlDMTQuMTg0NiAxNi41NDk4IDE1LjI4NjEgMTYuNDIzNiAxNS44NDY2IDE2LjMxMTVDMTcuNTQ5NyAxNS45ODExIDE5LjE5NjEgMTQuNDI1MyAxOS41NzIzIDEyLjcyNjlDMTkuNzg2MyAxMS42OTU3IDE5Ljk5NjkgMTAuMjkzIDIwIDguMzc3ODVDMTkuOTk2OSA2LjQ2MjY5IDE5Ljc4NjMgNS4wNjAwMSAxOS41NzIzIDQuMDI4OEwxOS41NzE1IDQuMDI4NDFaTTExLjEwMzkgMTQuMTg0M0MxMS4wNjE3IDE0LjQyMjEgMTAuODQ2MSAxNC42Mzc4IDEwLjYwODIgMTQuNjc5OUMxMC40NjQgMTQuNzAzOCAxMC4yNjc2IDE0LjcyNjQgOS45OTkyMiAxNC43MjY4QzkuNzMxMjYgMTQuNzI2OCA5LjUzNDc4IDE0LjcwNDIgOS4zOTAyNiAxNC42Nzk5QzkuMTUyMzggMTQuNjM3OCA4LjkzNjc2IDE0LjQyMjEgOC44OTQ1NyAxNC4xODQzQzguODcwNzUgMTQuMDQwMSA4Ljg0ODA5IDEzLjg0MzYgOC44NDc3IDEzLjU3NTNDOC44NDc3IDEzLjMwNzMgOC44NzAzNiAxMy4xMTA5IDguODk0NTcgMTIuOTY2M0M4LjkzNjc2IDEyLjcyODUgOS4xNTIzOCAxMi41MTI4IDkuMzkwMjYgMTIuNDcwN0M5LjUzNDM5IDEyLjQ0NjggOS43MzA4NyAxMi40MjQyIDkuOTk5MjIgMTIuNDIzOEMxMC4yNjcyIDEyLjQyMzggMTAuNDYzNyAxMi40NDY0IDEwLjYwODIgMTIuNDcwN0MxMC44NDYxIDEyLjUxMjggMTEuMDYxNyAxMi43Mjg1IDExLjEwMzkgMTIuOTY2M0MxMS4xMjc3IDEzLjExMDUgMTEuMTUwMyAxMy4zMDcgMTEuMTUwNyAxMy41NzUzQzExLjE1MDcgMTMuODQzMyAxMS4xMjgxIDE0LjAzOTcgMTEuMTAzOSAxNC4xODQzWk0xMy40ODE5IDcuNzg2NDZDMTMuMTgwMyA4LjIxMzAxIDEyLjcyODQgOC42MDI0NSAxMi4wNTk3IDkuMDExNDJDMTEuMjEzMiA5LjUzMzI3IDExLjA3NzcgOS43NDc3MSAxMS4wNzc3IDEwLjE2NzZWMTAuMzMzNkMxMS4wNzc3IDEwLjkyODkgMTAuNTkzMyAxMS40MTMzIDkuOTk4MDUgMTEuNDEzM0M5LjQwMjc2IDExLjQxMzMgOC45MTg0IDEwLjkyODkgOC45MTg0IDEwLjMzMzZWOS45NDg4OEM4LjkxODQgOS40NTM1OSA5LjA0MjIyIDkuMDMzMjkgOS4yOTY5IDguNjY0MTZDOS41NDM3NyA4LjMwNjM3IDkuOTEzNjggNy45ODg0MSAxMC40NjI1IDcuNjYyMjVDMTEuNDczOCA3LjA2NzM1IDExLjY1ODkgNi43MzMzOCAxMS42NTg5IDYuMjkwMDRDMTEuNjU4OSA1LjczMzAzIDExLjE4NDMgNS4zNzI4OSAxMC40NTA0IDUuMzcyODlDOS42NDU3MiA1LjM3Mjg5IDkuMTIxOTEgNS43Mzg1IDguODkzNCA2LjQ1OTk1QzguNzQyNjMgNi45MzU3MiA4LjMwMjAyIDcuMjU1MjQgNy43OTczNSA3LjI1NTI0QzcuNzY5MjMgNy4yNTUyNCA3Ljc0MTEgNy4yNTQwNiA3LjcxMjk4IDcuMjUyMTFDNy4zNTY3NCA3LjIyNjMzIDcuMDM3NjIgNy4wNDE1NyA2LjgzNzYyIDYuNzQ1MUM2LjYzOTU4IDYuNDUxNzUgNi41ODc2MyA2LjA5MTIyIDYuNjk1MDUgNS43NTU2OEM2Ljk0MTEzIDQuOTg4NTMgNy40MTI5OSA0LjM1MDI3IDguMDU5NDUgMy45MDk2NkM4LjcxNDExIDMuNDYzNTkgOS41NDEwMyAzLjIyODA1IDEwLjQ1IDMuMjI4MDVDMTEuMzU4OSAzLjIyODA1IDEyLjI3MDIgMy41MjkyMSAxMi45MTcxIDQuMDc2MDZDMTMuNTgyNyA0LjYzODkzIDEzLjk0OTUgNS40MTQ2OCAxMy45NDk1IDYuMjYxMTNDMTMuOTQ5NSA2Ljg0MjM2IDEzLjc5NjcgNy4zNDE1NiAxMy40ODE5IDcuNzg2NDZaIiBmaWxsPSIjRkYzNDM0Ii8+Cjwvc3ZnPgo=);
    background-size: 16px 16px;
    content: '';
    width: 16px;
    height: 16px
}

#cms_sub_section_accordion .ui-accordion-header .ui-icon {
    border-radius: 14px;
    border: 1px solid #56616F;
    background: 0 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    margin-left: auto;
    margin-top: 0
}

#cms_sub_section_accordion .ui-accordion-header.ui-state-active .ui-icon {
    border: 1px solid #FF3434;
    background: #FF3434
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper,.drop-container .dropbtn {
    border-right: 1px solid var(--info-line-border-color);
    border-bottom: 1px solid var(--info-line-border-color);
    border-left: 1px solid var(--info-line-border-color)
}

#cms_sub_section_accordion .ui-accordion-header .ui-icon:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjAwMDAxIDZMMS4yMzg5M2UtMDggMS4wMzg5NEwxLjA0NzEyIC0xLjI0ODY4ZS0wOEw1LjAwMDAxIDMuOTIyMDlMOC45NTI4OCAtMS4wNjc2MmUtMDdMMTAgMS4wMzg5NEw1LjAwMDAxIDZaIiBmaWxsPSIjQTFBQ0I5Ii8+Cjwvc3ZnPgo=);
    height: 6px;
    width: 10px;
    transition: all .3s
}

#cms_sub_section_accordion .ui-accordion-header.ui-state-active .ui-icon:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00Ljk5OTk5IC0yLjU4MjhlLTA3TDEwIDQuOTYxMDZMOC45NTI4OCA2TDQuOTk5OTkgMi4wNzc5MUwxLjA0NzEyIDZMLTQuNTQxMzdlLTA4IDQuOTYxMDZMNC45OTk5OSAtMi41ODI4ZS0wN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
    transition: all .3s
}

#cms_sub_section_accordion .ui-accordion-content {
    padding: 24px;
    border-radius: 0 0 10px 10px;
    background: #414B57;
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -.34px
}

#cms_sub_section_accordion .ui-accordion-content p {
    margin-top: 0
}

.drop-container {
    position: relative;
    padding: 16px
}

.drop-container .dropbtn {
    width: 100%;
    display: flex;
    column-gap: 12px;
    align-items: center;
    height: 52px;
    padding: 16px 24px;
    border-radius: 10px;
    border-top: 2px solid var(--info-line-border-color);
    background: var(--btn-bg-color3)
}

.drop-container .dropbtn svg path {
    fill: var(--svg-color5)
}

.drop-container .dropbtn .icon_btn_drop {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FF3434
}

.drop-container .dropbtn .icon_btn_drop svg path {
    fill: #FFF
}

.drop-container .dropbtn span {
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px;
    flex: 1;
    text-align: left
}

.drop-container .dropdown-content {
    display: none
}

.drop-container .dropdown-content .dropdown-content-list {
    border-radius: 10px 10px 0 0;
    display: block;
    height: calc(var(--vh,1vh) * 100 - 100px);
    max-height: calc(var(--vh,1vh) * 100 - 100px);
    overflow-y: auto;
    position: fixed;
    z-index: 10000;
    list-style: none;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 24px;
    background: url(/theme/mobile/i/supertotobet_v3/mobile/info/dropdown-list-background.svg) top no-repeat,linear-gradient(to right,var(--mode-colors-card),var(--mode-colors-card))
}

.drop-container .dropdown-content .overlay::after {
    content: '';
    position: absolute;
    z-index: 100000;
    top: 65px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: no-repeat var(--close-icon);
    background-size: 28px;
    filter: invert(.5)
}

.drop-container .dropdown-content .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: var(--mode-colors-blur-area);
    backdrop-filter: blur(20px)
}

.drop-container .dropdown-item {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

.drop-container .dropdown-item:not(:last-child):after {
    content: "";
    display: flex;
    width: 100%;
    height: 2px;
    border-radius: 8px;
    border: 1px solid var(--info-line-border-color)
}

.drop-container .dropdown-item .dropdown-link {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.drop-container .dropdown-item .dropdown-link svg rect {
    fill: var(--btn-bg-color12)
}

.drop-container .dropdown-item .dropdown-link svg path,.providers_tab .left_tabs .fav_tab_btn svg path {
    fill: var(--svg-color4)
}

.drop-container .dropdown-item .dropdown-link span {
    color: var(--text-color5);
    font-size: 16px;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.4px;
    padding: 12px;
    transition: color .5s
}

.drop-container .dropdown-item.active span {
    color: var(--text-color4)
}

.drop-container .dropdown-item.active svg rect {
    fill: var(--primary-color)
}

.drop-container .dropdown-item.active svg path,.fav_active svg path {
    fill: #fff
}

.deposit-table__title {
    width: 100%;
    background-color: var(--main-bg);
    height: 58px;
    line-height: 58px;
    color: var(--mode-colors-main);
    padding-left: 12px;
    font-size: 18px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.deposit-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .625rem;
    margin-bottom: -.625rem;
    width: 100%;
    margin-top: 2rem
}

.bank-accounts-table {
    text-align: center;
    font-size: 11px;
    width: 100%;
    background: 0 0;
    border-collapse: separate;
    border-spacing: 0 8px
}

.bank-accounts-table thead tr {
    border-radius: 44px;
    background-color: var(--elements-base)
}

.bank-accounts-table tr {
    background-image: none
}

.bank-accounts-table thead tr td,.bank-accounts-table thead tr th {
    font-size: 14px;
    color: var(--mode-colors-main);
    padding: 8px 10px;
    height: 18px;
    line-height: 18px;
    font-weight: 400;
    border: none;
    text-align: center
}

.bank-accounts-table thead tr th:first-child {
    border-radius: 44px 0 0 44px;
    border-right: 1px solid var(--mode-colors-border)
}

.bank-accounts-table thead tr th:last-child {
    border-radius: 0 44px 44px 0;
    border-left: 1px solid var(--mode-colors-border)
}

.bank-accounts-table tbody tr:nth-child(odd) {
    background-color: var(--mode-colors-background)
}

.bank-accounts-table tbody tr td,.bank-accounts-table tbody tr th {
    border: none;
    border-right: 1px solid var(--mode-colors-border);
    color: var(--mode-colors-main);
    border-top: 1px solid var(--mode-colors-border);
    border-bottom: 1px solid var(--mode-colors-border);
    text-align: center;
    vertical-align: middle
}

#bank_account_form .def-btn,.def-btn.add_bank_account_btn {
    display: flex;
    align-items: center;
    justify-content: center
}

.bank-accounts-table .button-container .delete {
    background-color: var(--design-colors-primary-base);
    color: #fff;
    border: none;
    border-radius: 12px;
    height: 20px
}

.bank-accounts-table .button-container {
    border-radius: 0 44px 44px 0
}

.bank-accounts-table td:first-child {
    border-radius: 44px 0 0 44px;
    border: 1px solid var(--mode-colors-border)
}

.bank-accounts-table tbody tr .no_results {
    border-radius: 44px
}

.banks-page {
    padding: 16px 0
}

.banks-page .profile_title-left-side {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1
}

.banks-page .content-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 12px 16px;
    background: var(--tournaments-page-title-bg);
    border-radius: 12px 12px 0 0;
    text-transform: capitalize;
    color: var(--text-color4);
    font-weight: 700
}

.banks-page .content-secondary-title,.banks-page .content-secondary-title p {
    font-weight: 500;
    color: var(--text-color4);
    font-size: 17px
}

.banks-page .content-secondary-title .content-secondary-title__line,.banks-page .content-secondary-title p .content-secondary-title__line {
    width: 100%;
    height: 2px;
    background: var(--history-header-bg);
    position: relative;
    margin-top: 16px
}

.banks-page .content-secondary-title .content-secondary-title__line::before,.banks-page .content-secondary-title p .content-secondary-title__line::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: var(--primary-color)
}

.banks-page .profile-inner__cont .content-secondary-title {
    margin-top: 24px
}

.banks-page .title_btn_back {
    border: 1px solid var(--history-border);
    border-radius: 10px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px
}

.banks-page .title_btn_back svg {
    color: var(--text-color2)
}

.banks-page .account-content {
    padding: 16px;
    background: var(--content-bg-color)
}

.banks-page .select__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--input-label-color);
    font-size: 15px;
    gap: 12px;
    margin-top: 16px;
    font-weight: 500
}

.banks-page .parsley-errors-list {
    width: 100%;
    margin: 0!important;
    padding-top: 4px;
    font-size: 12px
}

.banks-page .addAccount {
    margin-top: 16px
}

.profile_inner.banks-page .page-title-index {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    margin-top: 7px
}

.btn-plus.icon-plus-circled {
    margin-left: 10px
}

.payment-provider-select-wrapper {
    position: relative;
    flex: 1
}

.payment-provider-select-wrapper:after {
    content: "\f100";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    z-index: 1;
    font-family: Flaticon;
    color: var(--elements-lighter);
    font-size: 10px;
    line-height: normal;
    pointer-events: none
}

.payment-provider-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px
}

.bank-accounts-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px
}

.bank-accounts-list td {
    font-weight: 400;
    font-size: 14px;
    border: none;
    padding: 10px 0;
    color: var(--text-color4)
}

ul.bank-accounts-list>li::marker {
    font-size: 0
}

.ba-item {
    padding: 12px 16px;
    border-radius: 10px;
    background: var(--heading-bg-color5);
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px
}

.ba-item .bb-logo {
    width: 32px;
    height: 32px
}

.ba-item .bb-logo img {
    object-fit: contain;
    width: 100%;
    height: 100%
}

.ba-item .ba-item-top__name {
    color: var(--text-color4);
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: .34px
}

.ba-item .ba-item-middle {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px
}

.ba-item .ba-item-middle .title {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -.24px;
    color: var(--text-color5)
}

.ba-item .ba-item-middle .subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.28px;
    color: var(--text-color4)
}

.ba-item .edit,.ba-item .remove-btn {
    position: absolute;
    border-radius: 8px;
    background: var(--btn-bg-color3);
    color: var(--auth-svg-color);
    display: flex
}

.ba-item .edit {
    top: 8px;
    right: 42px;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center
}

.ba-item .remove-btn {
    top: 8px;
    right: 8px;
    height: 28px;
    width: 28px;
    align-items: center;
    justify-content: center
}

#bank_account_form .result .success {
    font-size: 14px;
    border-radius: 4px;
    background: 0 0;
    height: 20px;
    padding: 0;
    color: var(--mode-colors-success-base);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

#bank_account_form select {
    appearance: none
}

#bank_account_form .wrap_select:after {
    display: none
}

#bank_account_form .profile-inner__cont .deposit-warning {
    background: var(--mode-colors-warning-opacity);
    backdrop-filter: blur(20px);
    padding: 0 12px 12px;
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    justify-content: space-between
}

#bank_account_form .profile-inner__cont .deposit-warning .text {
    color: var(--mode-colors-warning-base);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px 0 0;
    display: flex;
    align-items: center
}

#bank_account_form .profile-inner__cont .deposit-warning .icon-container {
    border-radius: 0 0 24px 24px;
    border-right: 1px solid var(--mode-colors-warning-opacity);
    border-bottom: 1px solid var(--mode-colors-warning-opacity);
    border-left: 1px solid var(--mode-colors-warning-opacity);
    padding: 24px 4px 4px;
    height: 60px
}

#bank_account_form .profile-inner__cont .deposit-warning .icon-container .icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    background: var(--mode-colors-warning-base);
    fill: invert(var(--system-colors-base));
    color: invert(var(--system-colors-base))
}

#bank_account_form .cryptocurrency-container .cryptocurrency-item.active {
    background: var(--elements-darker)
}

.bank-accounts-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 10px;
    gap: 1rem;
    position: relative
}

.bank-accounts-container .bank-accounts-item {
    text-transform: uppercase;
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    background: 0 0;
    border: 1px solid var(--mode-colors-border);
    color: var(--mode-colors-main);
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.05);
    border-radius: 7px;
    padding: 10px
}

.bank-accounts-item .network {
    font-weight: 600
}

.bank-accounts-container .bank-accounts-item .bank-accounts-item-logo {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 54px;
    height: 54px;
    margin-right: 12px
}

#deposit-payment-provider-cont .profile_inner {
    padding: 16px;
    background: var(--content-bg-color);
    margin-bottom: 16px
}

#deposit-payment-provider-cont .dp_inner {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bank_form ul {
    margin-top: unset
}

.parsley-errors-list {
    margin: 2px 0 0!important;
    left: 0!important;
    width: 100%;
    font-size: 12px
}

.parsley-errors-list li {
    color: var(--primary-color)
}

#deposit-payment-provider-details .profile-inner__cont,.deposit_bank_form .profile-inner__cont {
    padding: 16px;
    background: var(--content-bg-color);
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

#deposit-payment-provider-details .profile-inner__cont>:empty,.deposit_bank_form .profile-inner__cont>:empty {
    display: none
}

.page-title-right {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.page-title-right .btn-back {
    height: 100%
}

.deposit-table thead tr {
    background: var(--design-colors-primary-opacity)
}

.deposit-table th {
    overflow: hidden;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    background: 0 0
}

.deposit-table th:first-child {
    border-radius: 32px 0 0 32px
}

.deposit-table th:last-child {
    border-radius: 0 32px 32px 0
}

.deposit-content {
    padding: 0
}

.profile_inner .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    background: var(--design-colors-primary-base);
    box-shadow: 0 6px 12px -12px rgba(255,52,52,.24);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase
}

.profile_inner .nav-link i {
    margin-top: 0;
    margin-right: 0;
    margin-left: 8px
}

.profile_inner .top-warning {
    margin: 16px 16px 0;
    border: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--text-color4);
    border-radius: 10px;
    border: 1px solid var(--primary-color);
    display: flex;
    padding: 10px
}

.profile_inner .top-warning .top-warning__title {
    font-size: 16px;
    line-height: 16px;
    padding-left: 12px;
    padding-top: 12px
}

.profile_inner .top-warning .top-warning__text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.profile_inner .top-warning__right-side {
    min-width: 40px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border: 1px solid var(--mode-colors-warning-opacity);
    border-radius: 0 0 24px 24px;
    border-top: none
}

.profile_inner .top-warning:before {
    display: none
}

.btn-to-top {
    width: 100%;
    margin-top: 20px;
    background: var(--main-bg)!important
}

.deposit-table {
    background: 0 0
}

.deposit-table tbody {
    display: flex;
    column-gap: 8px;
    overflow: auto;
    margin: 0 -20px;
    padding: 0 20px
}

.deposit-table .deposit-row {
    position: relative;
    display: flex;
    padding: 16px;
    border-radius: 16px;
    background: var(--mode-colors-card)!important
}

.deposit-table .deposit-row:last-child {
    margin-bottom: 0
}

.profile_inner .description {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase
}

.most-used-dp-methods-wrapper::after,.most-used-dp-methods-wrapper::before {
    display: block;
    width: 100%;
    background: linear-gradient(90deg,var(--mode-colors-background) 7%,rgba(255,52,52,1) 51%,var(--mode-colors-background) 93%);
    height: 1px;
    content: ''
}

@media screen and (max-width: 375px) {
    .deposit-row {
        font-size:12px;
        line-height: 12px
    }
}

@media screen and (max-width: 320px) {
    .deposit-row {
        font-size:11px;
        line-height: 11px
    }
}

.most-used-dp-methods-wrapper::after {
    margin-bottom: 30px
}

.most-used-dp-methods-top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

.most-used-dp-methods-top-wrapper #prev-dp-most-used__methods {
    transform: rotate(180deg)
}

#prev-dp-most-used__methods {
    margin-bottom: 3px;
    cursor: pointer
}

#next-dp-most-used__methods .slider-image-block,#prev-dp-most-used__methods .slider-image-block {
    width: 24px;
    height: 24px;
    background: var(--most-used-icon-path)
}

#prev-dp-most-used__methods .slider-image-block {
    margin-bottom: 3px
}

.deposit-type {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding-bottom: 16px;
    color: var(--text-color4);
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -.34px;
    text-transform: capitalize;
    cursor: pointer;
    user-select: none;
    word-break: break-word
}

.deposit-type:first-child {
    margin-top: 0
}

.deposit-type::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right,var(--primary-color) 40px,var(--border-color) 40px)
}

.deposit-type.inactive .dp-arrow-block svg {
    transform: rotate(180deg)
}

.deposit-type.inactive+.dp-provider-table__list {
    display: none
}

.deposit-type .dp-arrow-block {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--heading-bg-color5);
    border: 1px solid var(--border-color19);
    transition: .3s
}

.deposit-type .dp-arrow-block svg {
    transition: .3s;
    color: var(--svg-color5)
}

.most-used-dp-withdraw-title {
    color: var(--mode-colors-main);
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 20px 0
}

.bank_transfer_list>ul {
    min-height: 73px;
    height: auto
}

.bank_transfer_list>ul>li>ul {
    position: relative;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: 100%;
    height: auto;
    margin-top: 8px
}

.bank_transfer_list>ul>li.active>ul {
    color: var(--text-color);
    background: var(--elements-base)!important;
    border-radius: 16px;
    padding: 5px 5px 5px 10px!important;
    width: calc(300% + 12px);
    max-width: none;
    box-sizing: border-box;
    position: relative;
    z-index: 2
}

.bank_transfer_list>ul:nth-child(3n+1)>li.active>ul {
    margin-left: 0
}

.bank_transfer_list>ul:nth-child(3n+2)>li.active>ul {
    margin-left: calc(-100% - 6px)
}

.bank_transfer_list>ul:nth-child(3n+3)>li.active>ul {
    margin-left: calc(-200% - 12px)
}

.bank_transfer_info {
    height: 150px
}

.bank_info ul label,.bank_transfer_list>ul>li>ul label {
    text-align: left;
    width: auto;
    padding: 0;
    margin: 0 10px;
    color: var(--elements-lighter);
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px
}

#kolaypay_bank_transfer_form .bank_info__cont>ul>li,.option {
    margin-bottom: 8px
}

.bank_info ul label,.bank_info ul span,.bank_transfer_list>ul>li>ul span {
    color: var(--mode-colors-main)
}

.bank_info ul span,.bank_transfer_list>ul>li>ul span {
    font-weight: 500
}

#bank_transfer_form {
    padding: 0
}

#bank_transfer_form .bank_info__cont>ul>li>span,#kolaypay_bank_transfer_form .bank_info__cont>ul>li>span {
    color: var(--text-second-color);
    text-transform: uppercase
}

#kolaypay_bank_transfer_form .bank_info__cont>ul>li>span {
    min-width: 100%
}

#bank_transfer_form .bank_info__cont>ul>li,#kolaypay_bank_transfer_form .bank_info__cont>ul>li {
    font-size: 14px
}

#bank_transfer_form .copy,#kolaypay_bank_transfer_form .copy {
    height: 42px;
    padding: 0;
    margin: 0;
    line-height: 42px;
    color: #fff;
    width: 100px;
    text-align: center;
    background-color: var(--design-colors-primary-base);
    border-radius: 42px;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize
}

.bank_info .bank_info__cont ul li label {
    margin-left: 16px;
    margin-bottom: 0
}

#bank_transfer_form .bank_info__cont,#kolaypay_bank_transfer_form .bank_info__cont {
    height: 100%;
    padding: 15px 5px 15px 15px;
    margin: 20px 0;
    border: 1px solid var(--mode-colors-border);
    border-radius: 16px
}

#bank_transfer_form .bank_info {
    padding: 16px;
    font-size: 15px;
    background-color: var(--mode-colors-background)
}

#bank_transfer_form .bank_info .sign-placeholder {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: var(--elements-lighter);
    font-size: 13px;
    margin-bottom: 5px;
    padding-left: 29px;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: capitalize;
    position: relative
}

#bank_transfer_form .bank_info .sign-placeholder::before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: unset;
    width: 10px;
    height: 10px;
    margin: 0;
    background: url(../../../supertotobet_v3/i/common/input-label-icon.svg) left no-repeat;
    top: 2px
}

#bank_transfer_form .bank_info .input-wrap {
    background-color: var(--elements-base);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding-left: 10px;
    border-radius: 42px;
    border: none;
    letter-spacing: -.8px
}

#bank_transfer_form .bank_info .input-wrap .form-control {
    border: none!important;
    background: 0 0!important;
    width: 100%;
    border-radius: 3px;
    padding: 0 10px;
    color: var(--elements-lighter);
    font-weight: 400;
    font-size: 14px
}

#bank_transfer_form .bank_info .deep-note {
    margin-top: 10px;
    display: flex
}

#bank_transfer_form .bank_info .deep-note i {
    color: #a5a5a5
}

#bank_transfer_form .bank_info .deep-note i:before {
    border-left-color: #efefef
}

#bank_transfer_form .bank_info .deep-note img {
    padding-top: 5px;
    margin-right: 10px;
    width: 23px;
    height: 23px
}

#bank_transfer_form .bank_info .deep-note .text {
    color: var(--mode-colors-explanation);
    font-size: 14px
}

#bank_transfer_form .bank_info .deep-note .text span {
    color: var(--mode-colors-success-base)
}

#bank_transfer_form .bank_form .title {
    display: flex;
    align-items: center;
    color: var(--mode-colors-main);
    font-size: 18px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    padding-left: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--mode-colors-border)
}

#bank_transfer_form .bank_form i {
    margin-right: 5px;
    font-size: 18px;
    color: var(--design-colors-primary-base)
}

#bank_transfer_form .bank_form .input-wrap i {
    font-size: 14px
}

#bank_transfer_form .bank_form ul li label {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--text-color5);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    padding-bottom: 12px;
    padding-left: 20px
}

#bank_transfer_form .bank_form ul li .input-wrap {
    background-color: var(--elements-base);
    border: 1px solid var(--mode-colors-border);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 42px;
    padding-left: 10px;
    border-radius: 42px;
    min-height: 42px
}

#bank_transfer_form .bank_form ul li .input-wrap input {
    border: none!important;
    background: 0 0!important;
    color: var(--elements-lighter);
    margin: 0;
    font-size: 14px!important;
    opacity: 1
}

#bank_transfer_form .bank_form ul li.bonus_title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.5;
    color: var(--mode-colors-main)
}

#bank_transfer_form .bank_form ul li.bonus_check__container {
    position: relative;
    display: flex;
    align-items: normal;
    flex-direction: column
}

#bank_transfer_form .bank_form ul li.bonus_check__container span {
    flex-shrink: 0;
    white-space: nowrap
}

#bank_transfer_form .bank_form ul li.bonus_check__container input[type=checkbox] {
    display: none
}

#bank_transfer_form .bank_form ul li.bonus_check__container label {
    padding-left: 0!important;
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 3px;
    border-radius: 18px;
    border: 1px solid var(--mode-colors-border);
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    background: 0 0;
    margin: 0
}

#bank_transfer_form .bank_form ul li.bonus_check__container label:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 14px;
    display: block;
    width: 7px;
    height: 14px;
    border: 1px solid var(--mode-colors-danger-base);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0
}

#bank_transfer_form .bank_form ul li.bonus_check__container input[type=checkbox]:checked+label:after {
    opacity: 1
}

#bank_transfer_form .bank_form li label.bonus_check__label:before {
    display: none
}

#bank_transfer_form .bank_form ul li.bonus_check__container span {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    padding-left: 50px
}

#bank_transfer_form .bonus_check__container span {
    font-size: 14px;
    font-weight: 500
}

#bank_transfer_form .continue.def-btn {
    transition: .3s;
    min-width: 180px;
    height: 52px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    font-weight: 400;
    font-size: 16px!important;
    border-radius: 5px
}

#bank_transfer_form .bank_info .selected-bank-info-header {
    height: 56px;
    font-size: 18px;
    color: var(--mode-colors-main);
    border-bottom: 1px solid var(--mode-colors-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

#bank_transfer_form .bank_info .selected-bank-info-header .select-bank {
    position: relative;
    padding-right: 30px;
    font-size: 18px;
    line-height: 27px;
    width: 200px;
    cursor: pointer
}

#bank_transfer_form .bank_info .selected-bank-info-header .bank-name::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 7px;
    border: var(--elements-lighter) solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
    transform: rotate(45deg)
}

#bank_transfer_form .bank_info .selected-bank-info-header .drop-down {
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 10;
    background-color: var(--elements-darker);
    padding: 10px;
    font-size: 14px;
    width: 200px;
    color: var(--elements-lighter);
    border-radius: 16px
}

#bank_transfer_form .bank_info .selected-bank-info-header .drop-down-item {
    padding: 5px 0;
    cursor: pointer
}

#bank_transfer_form .bank_info .selected-bank-info-header .drop-down-item a {
    display: block;
    width: 100%
}

#bank_transfer_form .error_block input,#kolaypay_bank_transfer_form .error_block input {
    width: 100%;
    color: var(--design-colors-primary-base);
    font-size: 14px!important;
    text-align: center;
    border-radius: 42px!important;
    min-height: 42px;
    height: 42px;
    border: 1px dashed var(--design-colors-primary-base)!important;
    background: 0 0!important
}

#bank_transfer_form .error_block,#kolaypay_bank_transfer_form .error_block {
    background: 0 0!important;
    padding: 0
}

.bank_info ul span.kolaypay-havale,.bank_transfer_list>ul>li>ul span.kolaypay-havale {
    margin-bottom: 0;
    max-width: 100%
}

.profile_inner .dp-provider-table__list {
    display: flex;
    gap: 8px;
    flex-direction: column;
    margin-top: 16px
}

.pp-status.danger {
    color: var(--mode-colors-warning-base);
    border: 1px dashed var(--mode-colors-warning-base);
    border-radius: 42px
}

.profile_inner .dp-provider-table__list .slick-track {
    display: flex!important;
    padding-top: 10px
}

.dp-deposit-type-methods-wrapper .slick-track {
    display: flex!important;
    padding-top: 10px;
    min-width: 100%
}

#playerInfoContent .free-spins-games-select-container {
    width: 100%;
    background-color: transparent;
    flex: none;
    max-width: none
}

#playerInfoContent .free-spins-games-select-container .bonus_check__container {
    padding: 10px 0;
    width: 100%;
    flex-direction: row;
    align-items: center
}

#playerInfoContent .free-spins-games-select-container .checkbox-block {
    color: #666;
    width: 50%;
    padding-left: 174px
}

#playerInfoContent .free-spins-games-select-container .checkbox-block:before {
    color: #666;
    content: 'Free spins bonus'
}

#playerInfoContent .free-spins-games-select-container .select-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

#playerInfoContent .free-spins-games-select-container .select-container .cagb-text {
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--mode-colors-main)!important;
    font-weight: 500;
    font-size: 12px;
    gap: 4px;
    white-space: nowrap
}

#playerInfoContent .free-spins-games-select-container .select-container .cagb-text strong {
    color: var(--elements-lighter);
    font-weight: 400;
    font-size: 12px
}

#playerInfoContent .free-spins-games-select-container .select-container .btn-panel,.fpw-footer .btn-panel {
    padding: 5px 10px;
    cursor: pointer;
    pointer-events: all;
    border-radius: 42px;
    background-color: var(--design-colors-primary-base);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid var(--design-colors-primary-base);
    color: #fff;
    text-transform: capitalize
}

.freespin-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13,17,25,.9);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    line-height: 1
}

.freespin-popup.active {
    display: flex;
    visibility: visible
}

.freespin-popup-wrap {
    max-width: calc(100% - 50px);
    min-width: calc(100% - 50px);
    height: auto;
    background: var(--mode-colors-background);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--mode-colors-border);
    border-radius: 16px
}

.fpw-header {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--elements-base)
}

.fpw-footer {
    margin-bottom: 15px;
    display: flex;
    justify-content: center
}

#QRCodeC,.fpw-close {
    justify-content: center
}

.fpw-header .logo {
    margin-top: 21px;
    background: no-repeat var(--site-logo-path);
    width: 268px;
    height: 46px;
    background-position: center center;
    margin-right: 0
}

.fpw-header .percent {
    font-weight: 600;
    color: var(--mode-colors-main);
    font-size: 15px
}

.fpw-header .desc {
    font-size: 13px;
    color: var(--mode-colors-explanation);
    font-weight: 500;
    margin-top: 12px
}

.fpw-close {
    width: 42px;
    height: 42px;
    background-color: var(--design-colors-primary-base);
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: -20px;
    top: -20px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.fpw-listing {
    display: flex;
    flex-direction: column;
    padding: 0 20px 20px
}

.fpw-listing label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    cursor: pointer;
    margin: 0 0 10px
}

.fpw-listing label:last-child {
    margin-bottom: 0
}

.fpw-listing label input {
    display: none
}

.fpw-listing label .fpw-label-left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.fpw-img {
    width: 70px;
    height: 70px
}

.fpw-img img {
    width: 100%;
    height: 100%;
    min-width: 70px;
    object-fit: cover
}

.fpw-listing label .fpw-label-left .fpw-label-left-text {
    display: flex;
    flex-direction: column;
    padding-left: 20px
}

.fpw-listing label .fpw-label-left .fpw-label-left-text strong {
    font-size: 16px;
    color: var(--mode-colors-main);
    font-weight: 500
}

.fpw-listing label .fpw-label-left .fpw-label-left-text span {
    font-size: 15px;
    color: var(--elements-lighter);
    font-weight: 400;
    margin-top: 8px
}

.fpw-listing label .fpw-right {
    display: flex;
    height: 38px;
    background: var(--design-colors-primary-base);
    border: 1px solid var(--design-colors-primary-base);
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    padding: 0;
    min-width: 60px;
    justify-content: center;
    text-transform: capitalize
}

.fpw-listing label input:checked~.fpw-right {
    text-indent: 0;
    border: none;
    background: var(--mode-colors-success-base);
    color: #000
}

.cryptocurrency-container {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1rem;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 10px
}

.cryptocurrency-container .cryptocurrency-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    background: 0 0;
    border: 1px solid var(--mode-colors-border);
    color: var(--mode-colors-main);
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0,0,0,.05);
    border-radius: 16px;
    padding: 10px
}

.cryptocurrency-item .network {
    font-weight: 600;
    color: var(--elements-lighter)
}

.cryptocurrency-container .cryptocurrency-item .cryptocurrency-item-logo {
    background-repeat: no-repeat;
    background-position: 50%;
    width: 54px;
    height: 54px;
    margin-right: 12px
}

.profile-inner__cont .bank_transfer_list li.active .list_item {
    border-top: 1px solid var(--design-colors-primary-base)
}

.bank-info-panel ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bank-info-panel ul li label {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--text-color5);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    padding-bottom: 12px;
    padding-left: 20px
}

.bonus_check__container span {
    color: var(--elements-lighter);
    font-weight: 400;
    font-size: 12px;
    height: 25px;
    max-width: calc(100% - 20px);
    width: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bonus_check__container h2 {
    color: var(--mode-colors-main);
    font-weight: 500;
    font-size: 14px
}

#bank_transfer_form .bank_form ul li .free-spins-games-select-container label {
    margin-left: 10px!important;
    padding-left: 0!important;
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 3px;
    border-radius: 18px;
    border: 1px solid var(--mode-colors-border);
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    background: 0 0;
    margin: 0
}

#bank_transfer_form .bank_form ul li input:checked+label.bonus_check__label.swiper-bonus-check:after {
    opacity: 1;
    top: 9px;
    left: 14px
}

#bank_transfer_form .free-spins-games-select-container .bank_form li label.bonus_check__label {
    padding-left: 0;
    position: relative;
    height: 25px;
    min-width: 35px;
    border: 1px solid var(--mode-colors-border);
    border-radius: 42px
}

.fpw-footer .btn-panel {
    background: var(--design-colors-primary-opacity);
    height: 42px;
    width: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

#playerInfoContent .bonus_check__container .select-container {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 10px 5px;
    border: 1px solid var(--mode-colors-border);
    border-radius: 8px
}

#playerInfoContent .bonus_check__container .select-container .cagb-text {
    display: flex;
    flex-direction: column;
    line-height: 1;
    color: var(--mode-colors-main)!important;
    font-weight: 500;
    font-size: 12px;
    gap: 4px
}

#playerInfoContent .bonus_check__container .select-container .cagb-text strong {
    color: var(--elements-lighter);
    font-weight: 400;
    font-size: 12px
}

#playerInfoContent .bonus_check__container .select-container .btn-panel,.fpw-footer .btn-panel {
    padding: 5px 10px;
    cursor: pointer;
    pointer-events: all;
    border-radius: 42px;
    background-color: var(--design-colors-primary-base);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid var(--design-colors-primary-base);
    color: #fff;
    text-transform: capitalize;
    margin-left: 5px
}

#card_cvv,#request_bonus_form textarea.textbox,.selected-option {
    border-width: 2px 1px 1px!important;
    border-color: var(--info-line-border-color)
}

.hidden {
    display: none!important
}

#QRCodeC {
    display: flex;
    align-items: center;
    margin: 20px auto;
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    width: 188px;
    height: 188px
}

.card_type_container {
    position: absolute;
    right: 24px;
    top: calc(50% - 10px)
}

.credit-card-3ds-iframe-container {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.credit-card-3ds-iframe {
    width: 400px;
    height: 600px
}

.credit-card-3ds-transaction-text {
    color: #FFF;
    line-height: normal;
    text-align: center
}

#card_cvv {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    border-style: solid;
    background: var(--btn-bg-color3);
    padding: 14px 24px;
    color: var(--text-color4)!important;
    font-size: 15px;
    font-weight: 600;
    line-height: unset;
    letter-spacing: -.3px;
    margin-bottom: 0
}

.deposit-payment-container {
    position: relative
}

.deposit-payment-provider {
    position: relative;
    padding: 12px 16px;
    border-radius: 10px;
    background-color: var(--heading-bg-color5);
    transition: background-color .3s
}

.deposit-payment-provider:hover {
    background-color: var(--payment-plugin-bg-color-hover)
}

.deposit-payment-provider:hover .select-method-button {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.deposit-payment-provider .mask-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    text-decoration: none
}

.deposit-payment-provider .deposit-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px
}

.deposit-payment-provider .deposit-item__logo {
    flex: unset;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.deposit-payment-provider .deposit-item__logo span {
    width: 36px;
    margin-top: 0;
    border: none;
    border-radius: 50%
}

.deposit-payment-provider .deposit-item__logo span img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: contain
}

.deposit-payment-provider .deposit-item__text {
    flex-grow: 1;
    min-width: 0
}

.deposit-payment-provider .deposit-title {
    color: var(--table-content-text-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    text-transform: capitalize;
    word-break: break-word
}

.deposit-payment-provider .deposit-subtitle {
    color: var(--text-color2);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.24px;
    margin-top: 4px;
    word-break: break-word
}

.deposit-payment-provider .select-method-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 32px;
    width: fit-content;
    padding: 0 12px;
    border: 1px solid var(--border-color19);
    background: var(--btn-bg-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--input-label-color);
    letter-spacing: -.24px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .3s,border-color .3s,color .3s
}

.deposit-payment-provider .deposit-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--border-color19)
}

.deposit-payment-provider .deposit-title-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.deposit-payment-provider .about-deposit {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: var(--text-color2);
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.deposit-payment-provider .deposit-value {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--table-content-text-color);
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.deposit-payment-provider .deposit-separator {
    width: 2px;
    height: 32px;
    background: var(--border-color19)
}

.banti {
    position: absolute;
    top: -26px;
    right: 5px;
    padding: 5px 10px;
    border-radius: 8px;
    background: var(--mode-colors-danger-base);
    font-size: 13px;
    color: var(--system-colors-white-base)
}

.bank_form ul {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bank_form ul>li:empty {
    display: none
}

.bank_form .additional-inputs-container>div {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.bank_form .bonus_check__container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px
}

.bank_form li label.bonus_check__label {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    color: var(--text-color4);
    padding-left: 0;
    padding-bottom: 0
}

.bank_form li label.bonus_check__label:before {
    content: "";
    display: block;
    flex-shrink: 0;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    border: 1px solid var(--info-line-border-color);
    position: relative
}

.bank_form li label.bonus_check__label:after {
    content: '';
    position: absolute;
    top: 8px;
    left: 12px;
    width: 7px;
    height: 14px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #FF3434;
    transform: rotate(45deg);
    opacity: 0
}

.bank_form li input:checked+label.bonus_check__label::before {
    border: 1px dashed #FF3434;
    background: rgba(255,52,52,.12)
}

.bank_form li input:checked+label.bonus_check__label::after {
    opacity: 1
}

.deposits-header {
    display: flex;
    flex-direction: column;
    column-gap: 12px;
    background: var(--content-bg-color);
    border-radius: 12px 12px 0 0
}

.selected-lang {
    position: relative;
    z-index: 999999;
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    height: 40px;
    padding: 6px;
    border-radius: 28px;
    border: 1px solid var(--system-colors-opacity);
    transition: opacity .2s linear;
    color: var(--system-colors-base);
    background-color: var(--header-bg-color)
}

.selected-lang .short-title {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    color: var(--mode-colors-main)
}

#list_language li,.currentLanguage .text_select {
    font-size: 14px;
    line-height: 24px;
    font-weight: var(--bold)
}

.selected-lang img {
    width: 28px;
    height: 18px;
    border-radius: 8px
}

body.black .dark-theme,body.white .light-theme {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto
}

body.black .light-theme,body.white .dark-theme {
    display: none
}

.currentLanguage {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.currentLanguage .flag_icon {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.currentLanguage img {
    width: 138%;
    height: 138%
}

.currentLanguage .text_select {
    color: var(--text-color4);
    font-style: normal;
    letter-spacing: -.28px
}

.currentLanguage .icon_arr_select svg {
    transition: all .3s
}

#list_language {
    position: absolute;
    width: 110%;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 9999;
    list-style: none;
    background-color: var(--header-top-color);
    padding: 4px;
    border-radius: 4px
}

#list_language li {
    color: var(--text-color4);
    font-style: normal;
    letter-spacing: -.28px;
    display: flex;
    align-items: center
}

.home_inner {
    font-size: 0;
    margin: 0;
    padding-bottom: 12px
}

.home_inner .quick-links {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 6px;
    overflow: hidden;
    max-width: 100%
}

.home_inner .quick-links .link {
    display: flex;
    gap: 20px;
    background: var(--menu-bg-color);
    min-width: 0;
    border-radius: 8px;
    box-shadow: var(--home-card-border);
    height: 52px;
    grid-column: span 2;
    align-items: center;
    padding: 0 10px
}

.casino-games-link,.slots-games-link {
    max-height: 226px;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 24px 24px -12px rgba(0,0,0,.36)
}

.home_inner .quick-links .link svg {
    color: var(--primary-color);
    width: 24px;
    min-height: 24px
}

.home_inner .quick-links .link-icon__wrapper {
    position: relative
}

.home_inner .quick-links .link-icon__wrapper .link-icon {
    position: relative;
    width: 28px;
    height: 28px;
    z-index: 1
}

.home_inner .quick-links .link-icon__wrapper .shadow {
    position: absolute;
    width: 28px;
    height: 28px;
    z-index: 0;
    top: 0;
    right: 0;
    filter: blur(10px);
    background: rgba(255,215,68,.4)
}

.home_inner .quick-links .link-title {
    overflow: hidden;
    color: var(--table-content-text-color);
    text-align: center;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.3px;
    white-space: nowrap;
    max-width: 100%;
    margin: 0 auto
}

.home_inner .home__games {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.home_inner .separator {
    width: 100%;
    height: 1px;
    margin: 0;
    background: var(--border-color18)
}

.home_inner:after {
    content: '';
    display: table;
    clear: both
}

.casino-games-link {
    margin-top: 20px;
    display: flex;
    width: 100%;
    aspect-ratio: 97/56;
    background: url(../../i/supertotobet_v3/mobile/home/home_casino_1.jpg) no-repeat;
    background-size: 100%
}

.slots-games-link {
    margin-top: 20px;
    display: flex;
    width: 100%;
    aspect-ratio: 97/56;
    background: url(../../i/supertotobet_v3/mobile/home/home_slots_1.jpg) no-repeat;
    background-size: 100%
}

.home-button-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    max-width: 160px;
    margin-top: auto;
    padding: 8px 8px 8px 12px;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.01);
    backdrop-filter: blur(6px)
}

.home-button-block span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    color: #FFF
}

.home-image-wrapper {
    padding: 4px;
    border-radius: 24px;
    border: 1px solid #5CD400
}

.home-image-wrapper.pink {
    border: 1px solid #FF6CA1
}

.home-image-wrapper.white {
    border: 1px solid #FFF
}

.home-image-wrapper.green {
    border: 1px solid #00FF75
}

.home-image-wrapper .image {
    width: 16px;
    height: 16px
}

.home-separator {
    margin-top: 10px;
    display: flex;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    border: 1px solid var(--mode-colors-border)
}

.sports-link {
    position: relative;
    z-index: 2;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 226px;
    padding: 12px;
    border-radius: 12px;
    background: url(../../i/supertotobet_v3/mobile/home/home_sports_background.png) no-repeat,linear-gradient(to right,#4C0DFF,#4C0DFF);
    background-size: 100%
}

.sports-link .title {
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    text-transform: uppercase;
    color: #00FF75
}

.sports-link .subtitle {
    margin-top: 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.7px;
    color: #9B9FA8
}

.promotions-landing-link {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    height: 70px;
    padding: 16px 16px 20px;
    margin: 40px 0 40px -15px;
    align-self: stretch;
    border-radius: 0 78px 78px 0;
    background: #FF3434;
    box-shadow: 0 4px 24px 0 rgba(255,12,12,.36)
}

.promotions-landing-link:after {
    content: url(../../i/supertotobet_v3/mobile/home/gift.svg);
    position: absolute;
    top: -15px;
    right: -8px;
    z-index: 2
}

.promotions-landing-link .content {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.promotions-landing-link .title {
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase
}

.promotions-landing-link .text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FFF;
    opacity: .4;
    letter-spacing: -.7px
}

.promotions-landing-link .image-wrapper {
    position: absolute;
    bottom: -5px;
    right: 30px;
    z-index: 3;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(8,10,13,.01);
    backdrop-filter: blur(6px)
}

.promotions-landing-link .image {
    display: flex;
    width: 24px;
    height: 24px
}

.popular_games {
    margin: 20px -15px 0;
    padding: 0 10px;
    position: relative
}

.popular_games .slide-item {
    margin: 0 6px
}

.home-deposit {
    padding: 16px;
    leading-trim: both;
    text-edge: cap
}

.home-deposit .home-deposit__head {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-bottom: 16px
}

.home-deposit .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.home-deposit .title-wrapper .title {
    overflow: hidden;
    color: var(--text-color4);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

.home-deposit .title-wrapper .subtitle {
    overflow: hidden;
    color: var(--text-color6);
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -.28px
}

.home-deposit .deposit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 24px;
    border-radius: 10px;
    background: #1AD670;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset,0 8px 16px 0 rgba(26,214,112,.12);
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.34px
}

.top-winners {
    font-size: 14px
}

.top-winners .top-winners_head {
    padding: 8px 16px;
    background: var(--home-title-section-bg)
}

.top-winners .top-winners_title {
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 12px;
    color: var(--text-color4);
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

.top-winners .icon_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--primary-color);
    border-radius: 50%
}

.top-winners .top-winners_tabs {
    display: flex;
    gap: 4px;
    margin-top: 8px
}

.top-winners .top-winners_tab {
    display: flex;
    height: 40px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid var(--border-color18);
    background: var(--preview-games-btns-bg-color);
    color: var(--tournaments-filters-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    text-transform: capitalize
}

.top-winners .top-winners_tab.active {
    background: var(--primary-color);
    color: #FFF;
    border: none;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.top-winners #top-winners_casino,.top-winners #top-winners_sport {
    display: none
}

.top-winners #top-winners_casino.active,.top-winners #top-winners_sport.active {
    display: block
}

.top-winners #top_winners_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px 16px
}

.top-winners #top_winners_content .top-players_item {
    display: flex;
    align-items: center;
    gap: 12px
}

.top-winners #top_winners_content .icon {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden
}

.top-winners #top_winners_content .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-winners #top_winners_content .icon .default-img {
    opacity: .7
}

.top-winners #top_winners_content .info {
    flex: 1
}

.top-winners #top_winners_content .info .top_username {
    color: var(--text-color4);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.28px
}

.top-winners #top_winners_content .info .game {
    color: var(--mode-colors-explanation);
    margin-top: 8px;
    font-weight: 500
}

.top-winners #top_winners_content .value {
    color: var(--text-color4);
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -.34px
}

.top-winners #top_winners_content .play_icon {
    color: var(--top-winners-play-icon-color)
}

.home_inner #slider img {
    display: block;
    padding: 0
}

.home_inner #slider .swiper-wrapper {
    display: flex;
    align-items: center
}

.add_info_cards {
    position: relative;
    display: flex;
    gap: 8px;
    padding: 16px;
    overflow-x: auto
}

.add_info_cards .card {
    position: relative;
    flex: 1;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset;
    background: var(--layer-bg-color13);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    leading-trim: both;
    text-edge: cap;
    min-width: 308px
}

.add_info_cards .card-data {
    display: flex;
    gap: 12px
}

.add_info_cards .dots {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--dots-svg-color)
}

.add_info_cards .img {
    margin-top: 8px;
    display: block;
    width: 40px;
    height: 40px
}

.add_info_cards .img.small {
    width: 16px;
    height: 16px
}

.add_info_cards .title-i {
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.34px;
    color: var(--text-color4)
}

.add_info_cards .subtitle-i {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.24px;
    color: var(--text-color5);
    margin-top: 16px
}

.add_info_cards .buttons {
    display: flex;
    gap: 4px;
    margin-top: 16px
}

.add_info_cards .buttons .button {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex: 1;
    padding: 16px 20px;
    text-align: center;
    border: 1px solid var(--border-color2);
    background: var(--layer-bg-color14);
    leading-trim: both;
    text-edge: cap;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.28px;
    color: var(--text-color4)
}

#transaction_detail {
    background-color: var(--mode-colors-background);
    padding-top: 16px
}

#transaction_detail .header {
    width: 100%;
    height: 52px;
    padding: 16px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    align-items: center;
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 var(--two-auth-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#transaction_detail .header svg {
    margin-right: 12px
}

#transaction_detail .header .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%
}

#transaction_detail .header a.btn-back {
    width: 36px;
    height: 36px;
    border: 1px solid var(--two-auth-border);
    border-radius: 10px;
    background-color: transparent
}

#transaction_detail .header a.btn-back::before {
    display: none
}

#transaction_detail .header a.btn-back svg {
    width: 12px;
    height: 10px;
    margin: 0
}

#transaction_detail .list {
    padding: 16px;
    background-color: var(--tournaments-page-title-bg)
}

#transaction_detail .list .row {
    background-color: var(--history-header-bg);
    height: 44px;
    display: flex;
    border-radius: 10px;
    padding: 17px 20px;
    justify-content: space-between;
    margin-bottom: 4px
}

#transaction_detail .row.reason {
    background-color: #FF343414;
    border: 1px solid;
    justify-content: flex-start;
    gap: 8px;
    color: #FFF;
    flex-wrap: inherit;
    height: auto;
    align-items: center
}

#history_page,#list_item_detail {
    background-color: var(--mode-colors-background)
}

#history_page .header-title,#list_item_detail .header {
    height: 52px;
    padding: 16px;
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 var(--two-auth-border)
}

#transaction_detail .list .row .key,#transaction_detail .list .row .value {
    font-size: 15px;
    line-height: 15px;
    color: var(--text-color)
}

#transaction_detail .list .row .value.approved {
    color: #1AD670
}

#transaction_detail .list .row .value.declined {
    color: #ff3434
}

#history_page {
    padding-top: 16px;
    font-weight: 500
}

#history_page .header-providers,#history_page .header-title {
    background-color: var(--tournaments-page-title-bg);
    display: flex
}

#history_page .header-title {
    position: relative;
    width: 100%;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#history_page .header-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

#history_page .header-title .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%;
    font-weight: 600
}

#history_page .header-title .filter-btn {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border: 1px solid var(--two-auth-border);
    border-radius: 10px
}

#history_page .header-title .filter-btn .icon {
    width: 12px;
    height: 12px;
    margin-left: 8px
}

#history_page .header-title .filter-btn .text {
    line-height: 16px;
    font-size: 12px;
    color: var(--text-color2);
    font-weight: 600
}

#history_page .header-providers {
    align-items: center
}

#history_page .history-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    margin: 16px 16px 24px;
    border-radius: 10px;
    background-color: var(--history-header-bg);
    width: 100%
}

#history_page .categories {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    width: 100%;
    max-width: calc(100vw - 48px)
}

#history_page .categories li.trans_type {
    list-style-type: none;
    flex-shrink: 0
}

#history_page .categories li.trans_type button {
    border-radius: 10px;
    border: 0;
    padding: 12px 24px;
    color: var(--text-color2);
    text-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    background: 0 0
}

#history_page .categories li.trans_type.current button {
    border-radius: 10px;
    background-color: var(--history-modal-bg);
    color: var(--text-color)
}

#history_page .categories li.trans_type button .icon {
    margin-bottom: 12px
}

#history_page .categories li.trans_type.current button .icon {
    color: #FF3434
}

#history_page .categories li.trans_type button .text {
    color: var(--text-color2)
}

#history_page .categories li.trans_type.current button .text {
    color: var(--text-color);
    font-weight: 600
}

#history_page .history-table-header {
    background-color: var(--tournaments-page-title-bg);
    padding: 0 16px 16px
}

#history_page .history-table-header .text {
    color: var(--text-color);
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 600
}

#history_page .history-table-header .wrapper-line {
    background-color: var(--tournaments-page-title-border-color);
    width: 100%;
    height: 2px
}

#history_page .history-table-header .wrapper-line .line {
    background-color: #ff3434;
    height: 2px;
    width: 40px
}

#history_page .history-table {
    display: flex;
    flex-direction: column;
    background-color: var(--tournaments-page-title-bg);
    padding-bottom: 16px
}

#history_page #transactions_container.history-table .no-data {
    place-self: center;
    color: var(--text-color);
    margin-bottom: 16px
}

#list_item {
    font-weight: 500
}

#list_item.history-details-link {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.04);
    background-color: var(--history-header-bg);
    border-radius: 10px;
    margin: 4px 16px;
    max-width: calc(100vw - 32px)!important
}

#list_item .section-1,#list_item .section-2 {
    display: flex;
    align-items: center;
    padding: 12px 16px 16px;
    height: 58px;
    width: 100%
}

#list_item .section-1 {
    border-bottom: 1px solid var(--history-border)
}

#list_item .section-1 .title-logo {
    width: 100%;
    max-width: 32px;
    height: 32px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--auth-svg-color);
    background-color: var(--border-color19)
}

#list_item .section-1 .title-logo svg {
    width: 12px;
    margin: 10px
}

#list_item .section-1 .title {
    margin: 12px 0;
    width: 100%
}

#list_item .section-1 .title .text {
    color: var(--text-color);
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 4px
}

#list_item .section-1 .title .date {
    color: var(--text-color2);
    font-size: 12px;
    line-height: 20px
}

#list_item .section-1 .status {
    color: #FF9000
}

#list_item .section-1 .status.declined {
    color: #ff3434
}

#list_item .section-1 .status.approved {
    color: #1AD670
}

#list_item .section-1 .icon {
    color: var(--auth-svg-color);
    border: 1px solid var(--history-border);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: 12px
}

#list_item .section-1 .icon svg {
    margin: 12px
}

#list_item .section-2 {
    display: flex;
    align-items: flex-start
}

#list_item .section-2 .info {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

#list_item .section-2 .info .key {
    color: var(--text-color2);
    margin-bottom: 4px
}

#list_item .section-2 .info .value {
    color: var(--text-color)
}

#list_item_detail {
    padding-top: 16px
}

#list_item_detail .header {
    width: 100%;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#list_item_detail .header svg {
    margin-right: 12px;
    color: #ff3434
}

#list_item_detail .header .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%
}

#list_item_detail .header a.btn-back {
    width: 36px;
    height: 36px;
    border: 1px solid var(--two-auth-border);
    border-radius: 10px;
    background-color: transparent
}

#list_item_detail .header a.btn-back::before {
    display: none
}

#list_item_detail .header a.btn-back svg {
    width: 12px;
    height: 10px;
    margin: 0
}

#list_item_detail .list {
    padding: 16px;
    background-color: var(--tournaments-page-title-bg)
}

#list_item_detail .list .row {
    background-color: var(--history-header-bg);
    height: 44px;
    display: flex;
    border-radius: 10px;
    padding: 17px 20px;
    justify-content: space-between;
    margin-bottom: 4px
}

#list_item_detail .list .row .key,#list_item_detail .list .row .value {
    font-size: 15px;
    line-height: 20px;
    color: var(--text-color)
}

#list_item_detail .list .row .value.approved {
    color: #1AD670
}

#list_item_detail .list .row .value.declined {
    color: #ff3434
}

#bet_history_page {
    background-color: var(--mode-colors-background);
    padding-top: 16px;
    font-weight: 500
}

#bet_history_page .header-title {
    position: relative;
    width: 100%;
    height: 52px;
    padding: 16px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    align-items: center;
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 var(--two-auth-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#bet_history_page .header-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

#bet_history_page .header-title .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%;
    font-weight: 700
}

#bet_history_page .header-title .filter-btn {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border: 1px solid var(--two-auth-border);
    border-radius: 10px
}

#bet_history_page .header-title .filter-btn .icon {
    width: 12px;
    height: 12px;
    margin-left: 8px
}

#bet_history_page .header-title .filter-btn .text {
    line-height: 16px;
    font-size: 12px;
    color: var(--text-color2)
}

#bet_history_page .history-table-header .wrapper-line {
    background-color: var(--tournaments-page-title-border-color);
    width: 100%;
    height: 2px
}

#bet_history_page .history-table-header .wrapper-line .line {
    background-color: #ff3434;
    height: 2px;
    width: 40px
}

#bet_history_page .header-providers {
    display: flex;
    align-items: center;
    background-color: var(--tournaments-page-title-bg)
}

#bet_history_page .history-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    margin: 16px 16px 24px;
    border-radius: 10px;
    background-color: var(--history-header-bg)
}

#bet_history_page .categories {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    width: 100%;
    max-width: 384px
}

#bet_history_page .categories li.trans_type {
    list-style-type: none;
    flex-shrink: 0
}

#bet_history_page .categories li.trans_type button {
    border-radius: 10px;
    border: 0;
    padding: 12px 24px;
    color: var(--text-color2);
    text-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    background: 0 0
}

#bet_history_page .categories li.trans_type.current button {
    border-radius: 10px;
    background-color: var(--history-modal-bg);
    color: var(--text-color)
}

#bet_history_page .history-table,#bet_history_page .history-table-header,#transactions .pagination {
    background-color: var(--tournaments-page-title-bg)
}

#bet_history_page .categories li.trans_type button .icon {
    margin-bottom: 12px
}

#bet_history_page .categories li.trans_type.current button .icon {
    color: #FF3434
}

#bet_history_page .categories li.trans_type button .text {
    color: var(--text-color2)
}

#bet_history_page .categories li.trans_type.current button .text {
    color: var(--text-color)
}

#bet_history_page .history-table-header {
    padding: 16px
}

#bet_history_page .history-table-header .text {
    color: var(--text-color);
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 600
}

#bet_history_page .history-table-header svg.icon {
    color: var(--history-header-bg)
}

#bet_history_page .history-table {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

#bet_history_page #transactions_container.history-table .no-data {
    place-self: center;
    color: var(--text-color);
    margin-bottom: 16px
}

.transactions_filter_wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(4px);
    z-index: 10
}

.transactions_filter_wrapper.show {
    display: block
}

form#transactions_filter {
    display: none;
    position: fixed;
    z-index: 11;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: transparent
}

form#transactions_filter.show {
    display: block
}

form#transactions_filter .transactions_header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--history-modal-bg);
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 rgba(255,255,255,.08)
}

form#transactions_filter .transactions_header .icon {
    width: 16px;
    height: 16px;
    margin-right: 12px;
    color: var(--text-color)
}

form#transactions_filter .transactions_header .title {
    color: var(--text-color);
    font-size: 20px;
    line-height: 24px;
    width: 100%
}

form#transactions_filter .transactions_header #close_btn {
    width: 16px;
    height: 16px;
    color: var(--text-color)
}

form#transactions_filter .transactions_form {
    background-color: var(--history-modal-bg);
    padding: 16px;
    color: var(--text-color)
}

form#transactions_filter .transactions_form__input {
    position: relative;
    width: 100%;
    background-color: transparent;
    margin-bottom: 4px
}

form#transactions_filter .transactions_form__input .icon {
    position: absolute;
    left: 20px;
    top: 16px
}

form#transactions_filter .transactions_form__input .dropdown {
    position: absolute;
    right: 20px;
    top: 16px
}

form#transactions_filter input.datetimepicker {
    outline: 0;
    color: var(--text-color);
    padding-left: 48px;
    background-color: transparent
}

form#transactions_filter .wrap_select {
    color: var(--text-color);
    margin-bottom: 4px!important;
    position: relative
}

form#transactions_filter .wrap_select:after {
    display: none
}

form#transactions_filter .wrap_select select#filter {
    padding: 6px 20px 6px 48px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0
}

form#transactions_filter .wrap_select .icon {
    position: absolute;
    left: 16px;
    top: 16px
}

form#transactions_filter .wrap_select .dropdown {
    position: absolute;
    right: 16px;
    top: 16px
}

.custom-select,.selected-option {
    color: var(--text-color);
    position: relative
}

.custom-select {
    margin-bottom: 4px!important
}

.selected-option {
    height: 48px;
    border-style: solid;
    display: flex;
    align-items: center;
    padding-left: 48px;
    cursor: pointer;
    background-color: transparent;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 500;
    background-color: var(--history-modal-bg);
    z-index: 12
}

#user-messages .page_title,.options {
    background-color: var(--history-modal-bg)
}

form#transactions_filter .custom-select .icon {
    position: absolute;
    left: 20px;
    top: 16px;
    z-index: 12
}

form#transactions_filter .custom-select .dropdown {
    position: absolute;
    right: 20px;
    top: 16px;
    z-index: 12
}

.message-box-wrapper .notify-row .notify-row-btn.delete_msg,.options {
    z-index: 10
}

.options {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    border-radius: 10px;
    padding: 12px 12px 20px;
    border: 1px solid var(--border-color4)
}

.options.show {
    display: block
}

.option {
    padding: 16px 20px;
    cursor: pointer;
    border: 1px solid var(--border-color4);
    background-color: transparent;
    border-radius: 10px;
    display: flex;
    align-items: center
}

.option .cub {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-left: auto;
    border: 1px solid var(--two-auth-border)
}

.option .cub svg {
    display: none
}

.option.active .cub {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #FF3434;
    display: flex;
    align-items: center;
    justify-content: center
}

.option.active .cub svg {
    display: block
}

.option.active {
    background-color: var(--layer-bg-color6)
}

.bet-details-link {
    border-radius: 10px;
    background: #414B57;
    box-shadow: 0 2px 0 0 rgba(255,255,255,.04) inset;
    margin: 0 16px 8px
}

.bet-details-link .divider {
    background: #56616F;
    height: 1px;
    width: 100%
}

.bottom-bet-detail,.top-bet-detail {
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 12px
}

.bottom-bet-detail {
    gap: 8px
}

.bottom-bet-detail-item {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.bottom-bet-detail-item .bet-amount-title,.bottom-bet-detail-item .bet-amount-value {
    color: #C4CDD7;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.bottom-bet-detail-item .bet-amount-value {
    color: #FFF
}

.top-bet-detail .top-bet-info {
    display: flex;
    flex-direction: column
}

.top-bet-detail .top-bet-info .top-bet-type {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FFF
}

.top-bet-detail .top-bet-info .top-bet-data,.top-bet-detail .top-bet-info .top-bet-id {
    color: #ABB5C2;
    font-weight: 600;
    line-height: 20px;
    font-size: 12px
}

.top-bet-detail .top-bet-status {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: auto
}

.top-bet-detail .top-bet-status .status-description {
    color: #C4CDD7;
    text-decoration: underline
}

.top-bet-detail .top-bet-status .status-value.won {
    color: #1AD670
}

.top-bet-detail .top-bet-status .status-value.lost {
    color: #FF3434
}

.top-bet-detail .top-bet-status .status-value.wait {
    color: #FF9000
}

.top-bet-detail .top-bet-button {
    width: 32px;
    height: 32px
}

.top-bet-detail .top-bet-button svg:last-child {
    display: none
}

#bet-detail {
    padding: 16px;
    background-color: #485362;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin: 0 16px 8px
}

.section {
    margin-bottom: 8px;
    border-radius: 10px
}

.section:last-child {
    margin-bottom: 0
}

.section .divider {
    background: #56616F;
    height: 1px;
    width: 100%
}

.section-header {
    display: flex;
    align-items: center;
    background-color: #56616F;
    padding: 16px 16px 12px;
    gap: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.section-bottom-info,.section-header-info,.section-top-row {
    gap: 8px;
    display: flex
}

.section-header-info {
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.section-header-info .sport {
    color: #C4CDD7;
    line-height: 20px;
    font-size: 12px;
    font-weight: 600
}

.section-header-info .teams {
    color: #FFF;
    line-height: 20px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.section-header-info .date {
    font-size: 14px;
    font-weight: 600;
    color: #C4CDD7
}

.section-header .odd {
    background-color: #485362;
    border-radius: 8px;
    display: flex;
    align-items: center;
    min-width: 52px;
    height: 28px;
    color: #FFF;
    justify-content: center;
    font-size: 12px
}

.section-top {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

.section-bottom {
    padding: 12px 16px 16px;
    background-color: #56616F;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.section-bottom-info {
    flex-direction: column
}

.section-bottom-info-title {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #C4CDD7
}

.section-bottom-info-value {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FFF
}

.section-bottom-current {
    border-radius: 8px;
    background-color: #485362;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    padding: 11px 18px
}

.section-top-row:first-child {
    margin-bottom: 8px
}

.section-top-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    flex: 1;
    width: 30%;
    background-color: #56616F;
    padding: 16px
}

.section-top-card-title {
    color: #C4CDD7;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.section-top-card-value {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

#modal_window.create-ticket-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--mode-colors-blur-area);
    backdrop-filter: blur(20px)
}

#modal_window.create-ticket-modal .create-ticket-container {
    height: calc(var(--vh,1vh) * 100 - 40px);
    overflow-y: auto
}

#modal_window .create-ticket-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 18px 18px 0 0;
    background: var(--mode-colors-card)
}

#modal_window .create-ticket-content {
    border-radius: 18px 18px 0 0;
    background: var(--elements-darker)
}

#modal_window .create-ticket-content__header {
    color: var(--mode-colors-main);
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    margin: 24px 24px 20px;
    padding: 12px 18px 14px
}

#modal_window .create-ticket-content__content {
    border-radius: 28px 0 0;
    background: var(--mode-colors-background);
    padding: 40px 20px;
    position: relative;
    overflow: hidden
}

#modal_window .create-ticket-content__content:after {
    position: absolute;
    background: url(../../i/supertotobet_v3/mobile/common/red-circles-horizontal.svg) center no-repeat;
    content: "";
    background-size: 100%;
    top: -40.5%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#modal_window .create-ticket-content__content .content-logo {
    position: relative;
    margin: 0 auto 30px
}

#modal_window .create-ticket-content__content .send-ticket-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px
}

#modal_window .create-ticket-content__content .send-ticket-field {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#modal_window .create-ticket-content__content .send-ticket-placeholder {
    display: flex;
    padding: 0 16px;
    gap: 4px;
    align-items: center;
    color: var(--elements-lighter);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    z-index: 2
}

#modal_window .create-ticket-content__content #ticket_department,#modal_window .create-ticket-content__content #ticket_theme {
    border-radius: 44px!important;
    border: 1px solid var(--elements-base)!important;
    background: var(--elements-base)!important;
    padding: 6px 16px!important;
    color: var(--elements-lighter)!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 26px!important;
    letter-spacing: -.8px!important;
    width: 100%;
    appearance: none;
    outline: 0!important;
    z-index: 2
}

#modal_window .create-ticket-content__content #ticket_department::placeholder,#modal_window .create-ticket-content__content #ticket_message::placeholder,#modal_window .create-ticket-content__content #ticket_theme::placeholder {
    color: var(--elements-lighter);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    z-index: 2
}

#modal_window .create-ticket-content__content #create,#modal_window .create-ticket-content__content #ticket_message {
    background: var(--elements-base)!important;
    color: var(--elements-lighter)!important;
    font-weight: 400!important;
    letter-spacing: -.8px!important;
    padding: 12px 16px!important
}

#modal_window .create-ticket-content__content #ticket_theme:-webkit-autofill {
    -webkit-box-shadow: none
}

#modal_window .create-ticket-content__content #ticket_message {
    border-radius: 16px!important;
    border: 1px solid var(--elements-base)!important;
    height: 124px;
    width: 100%;
    resize: none;
    font-size: 16px!important;
    line-height: 26px!important;
    outline: 0!important;
    z-index: 2
}

#modal_window .create-ticket-content__content #create {
    border-radius: 42px!important;
    border: 1px solid var(--elements-base)!important;
    text-align: center!important;
    font-size: 16px!important;
    line-height: 16px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%!important;
    margin-top: 0!important;
    text-transform: capitalize!important
}

#modal_window .create-ticket-content__content .divider {
    border-radius: 60px;
    border: 1px solid var(--mode-colors-border);
    height: 6px
}

#messenger-chat {
    border-radius: 24px;
    background: var(--mode-colors-card);
    overflow: hidden;
    margin: 0 20px
}

#messenger-chat .back-button {
    padding: 12px 16px;
    border-radius: 42px;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    color: var(--elements-lighter);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    width: 100%;
    margin-bottom: 10px
}

#messenger-chat .messenger-chat-header {
    background: var(--messenger-chat-header-bg);
    backdrop-filter: blur(20px);
    padding: 24px;
    border-radius: 24px 24px 0 0
}

#messenger-chat .messenger-chat-header .messenger-chat-header-info {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

#messenger-chat .messenger-chat-header .messenger-chat-header-info .message-subject {
    color: var(--mode-colors-main);
    font-size: 14px;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    word-break: break-all;
    margin-right: 10px
}

#messenger-chat .messenger-chat-header .messenger-chat-header-info .message-departament {
    border-radius: 28px;
    background: var(--elements-base);
    padding: 9px 14px;
    color: var(--elements-light-lighter,#707E95);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    height: 29px;
    margin-left: auto
}

.msg-top-cell select,.msg-top-cell strong {
    font-weight: 400;
    display: block;
    font-size: 14px
}

#messenger-chat .messenger-chat-header .messenger-chat-header-info .message-delete {
    border-radius: 24px;
    border: 1px solid var(--mode-colors-border);
    color: var(--elements-lighter);
    fill: var(--elements-lighter);
    padding: 2px;
    margin-left: 8px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#messenger-chat .messenger-chat-header .message-date-create {
    color: var(--mode-colors-explanation);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

#messenger-chat .message-wall {
    height: 405px;
    padding: 0 24px;
    overflow-y: auto
}

.msg-top-cell select {
    padding: 0;
    background: 0 0;
    color: var(--mode-colors-main);
    opacity: 1
}

.msg-top-cell strong {
    color: var(--elements-lighter);
    margin-bottom: 6px;
    font-style: normal
}

.msg-top-cell-info strong:first-child {
    margin-bottom: 0
}

.msg-top-cell span {
    display: block;
    color: var(--mode-colors-main);
    font-size: 14px
}

.msg-top-cell em {
    font-style: normal
}

.msg-top-cell em.Waiting {
    color: #FFB800
}

.msg-top-cell em.Answered {
    color: #00FF75
}

.msg-top-cell em.Close {
    color: var(--design-colors-primary-base)
}

.message-wall {
    position: relative;
    max-height: 700px;
    margin-bottom: 20px;
    overflow-y: scroll
}

.message-send-frame {
    background: var(--messenger-chat-header-bg);
    backdrop-filter: blur(20px);
    padding: 12px 24px;
    height: 94px;
    width: 100%
}

.message-send-frame-wrap {
    align-items: center;
    justify-content: space-between;
    background-color: var(--elements-darker);
    padding: 12px 12px 12px 18px;
    height: 100%;
    display: flex;
    border-radius: 66px;
    backdrop-filter: blur(20px)
}

.message-textarea-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.message-send-frame .message-textarea {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border: none!important;
    background-color: transparent!important;
    overflow: auto;
    resize: none;
    color: var(--mode-colors-explanation);
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 22px!important;
    letter-spacing: -.7px;
    height: 26px
}

#messenger-chat .result .error,#messenger-chat .result .success {
    min-height: 50px;
    font-size: 14px;
    position: relative;
    max-width: 100%
}

.message-send-frame .message-textarea:focus-visible {
    outline: 0
}

.message-send-frame .message-textarea::placeholder {
    color: var(--mode-colors-explanation)!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px!important;
    letter-spacing: -.7px
}

.message-textarea::placeholder {
    color: var(--mode-colors-explanation)!important;
    font-size: 14px!important
}

.message-send-buttons {
    display: flex;
    align-items: center
}

.msg-send,.msg-upload {
    align-items: center;
    cursor: pointer
}

.msg-send {
    display: flex;
    justify-content: center;
    width: 54px;
    height: 38px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 0;
    background-color: var(--elements-base);
    border-radius: 44px;
    color: var(--elements-lighter);
    z-index: 100
}

.msg-upload {
    display: none;
    justify-content: center;
    width: 44px;
    height: 28px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: 0 0;
    border-radius: 44px;
    position: relative;
    left: 8px
}

#messenger-chat .result {
    padding: 0;
    border: none;
    margin: 0
}

#messenger-chat .result.error {
    position: relative;
    top: 40px;
    margin-bottom: 40px
}

#messenger-chat .result .success {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 17px 0 17px 17px!important;
    border: 1px solid green;
    border-radius: 44px;
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--mode-colors-main)
}

#messenger-chat .result .error {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 17px;
    color: var(--mode-colors-main);
    border: 1px solid var(--design-colors-primary-base);
    border-radius: 44px;
    margin-top: 20px
}

.ticket_page .profile_title .def-btn.create-ticket {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
    margin: 0;
    width: 120px;
    min-height: 27px!important;
    font-size: 12px!important;
    height: 20px!important;
    background: var(--mode-colors-background)!important;
    border: 1px solid var(--mode-colors-border)!important;
    color: var(--mode-colors-explanation)!important;
    padding: 10px;
    font-weight: 600;
    text-transform: uppercase
}

.ticket_page .profile-inner__cont .divider {
    margin: 16px 0;
    border-radius: 6px;
    border: 1px solid var(--mode-colors-border);
    height: 6px
}

.ticket_page .content-row .profile_title {
    background: 0 0;
    border: none;
    padding: 0;
    margin-bottom: 20px
}

.ticket_page .profile_title .profile_title-left-side {
    color: var(--design-colors-primary-base,#FF3434);
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -1px;
    text-transform: uppercase
}

#ticket-filter {
    display: flex;
    flex-direction: column;
    gap: 20px
}

#ticket-filter .search-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px
}

#ticket-filter .search-input-wrap input,#ticket-filter select {
    border-radius: 44px;
    border: 1px solid var(--elements-base);
    background: var(--elements-base);
    padding: 6px 16px;
    color: var(--elements-lighter);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    outline: 0;
    appearance: none
}

#ticket-filter .search-input-wrap input::placeholder,#ticket-filter select::placeholder {
    color: var(--elements-lighter);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    appearance: none
}

#ticket-filter select::-ms-expand {
    display: none
}

#filterTickets {
    border-radius: 44px;
    background: var(--elements-base);
    padding: 11px 22px;
    fill: var(--mode-colors-main);
    color: var(--mode-colors-main)
}

#ticket-filter .input-label {
    color: var(--elements-lighter);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 16px;
    margin-bottom: 8px
}

.ticket_page .account-messages-title {
    margin-bottom: 12px;
    color: var(--mode-colors-explanation);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.96px
}

.ticket_page .account-tickets {
    width: 100%;
    overflow-y: auto;
    max-height: 480px
}

#modal-create-ticket {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    color: var(--mode-colors-main);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px;
    border-radius: 42px;
    background: var(--elements-base);
    margin-bottom: 10px;
    text-transform: capitalize
}

.acc-ticket {
    margin-bottom: 6px
}

.acc-ticket:last-child {
    margin-bottom: 0
}

.acc-ticket-row {
    display: flex;
    align-items: center;
    border: 1px solid var(--mode-colors-border);
    padding: 10px;
    border-radius: 74px;
    gap: 12px
}

.acc-active-ticket-row {
    background-color: var(--design-colors-primary-base);
    border: 1px solid var(--design-colors-primary-base)
}

.acc-ticket-row .ticket-avatar {
    border-radius: 50px;
    height: 44px;
    width: 44px;
    box-shadow: 0 24px 24px -12px rgba(5,8,13,.29)
}

.acc-ticket-row .tickets-table-info {
    width: 100%;
    min-width: 0
}

.acc-ticket-row .tickets-table-info .message-subject {
    overflow: hidden;
    color: var(--mode-colors-main);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.96px;
    margin-bottom: 8px
}

.acc-ticket-row .tickets-table-info .message-date {
    color: var(--mode-colors-explanation);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.acc-ticket-row .status-info .request-status,.acc-ticket-row .status-info .unread-count {
    border-radius: 28px;
    font-weight: 500;
    line-height: 12px;
    display: flex;
    text-transform: uppercase
}

.acc-ticket-row .status-info {
    display: flex;
    align-items: center
}

.acc-ticket-row .status-info .request-status {
    padding: 9px 14px 8px;
    align-items: center;
    justify-content: center;
    background: var(--mode-colors-success-opacity);
    backdrop-filter: blur(2px);
    font-size: 12px
}

.acc-ticket-row .status-info .request-status.answered,.acc-ticket-row .status-info .request-status.open {
    background: var(--mode-colors-success-opacity);
    color: var(--mode-colors-success-base)
}

.acc-ticket-row .status-info .request-status.close {
    background: var(--mode-colors-danger-opacity);
    color: var(--mode-colors-danger-base)
}

.acc-ticket-row .status-info .request-status.waiting {
    background: var(--mode-colors-warning-opacity);
    color: var(--mode-colors-warning-base)
}

.acc-ticket-row .status-info .unread-count {
    position: relative;
    right: -8px;
    background: var(--elements-base);
    padding: 4px 14px;
    align-items: center;
    justify-content: center;
    color: var(--elements-lighter);
    font-size: 12px;
    height: 20px
}

.acc-active-ticket-row .tickets-table-info .message-date,.acc-active-ticket-row .tickets-table-info .message-subject {
    color: var(--system-colors-white-base)
}

.acc-active-ticket-row .status-info .request-status {
    background: var(--system-colors-opacity)!important;
    color: var(--system-colors-white-base)!important
}

.chat-message-row {
    min-width: 100%;
    margin-bottom: 20px;
    padding-right: 5px
}

.chat-message-row:after {
    content: "";
    display: block;
    clear: both
}

.chat-message-item {
    position: relative;
    font-size: 14px;
    max-width: 720px;
    min-width: 100px;
    width: 100%;
    border-radius: 16px 16px 4px
}

.chat-message-item.system {
    float: left
}

.chat-message-item.user,.g-right {
    float: right
}

.chat-message-item.system .system-avatar {
    width: 34px;
    height: 34px;
    margin-right: 12px
}

.chat-message-item.user .user-avatar {
    width: 34px;
    height: 34px;
    margin-left: 12px
}

.chat-message.system {
    background-color: var(--elements-base);
    border-radius: 16px 16px 16px 4px;
    min-height: 46px;
    color: var(--mode-colors-main)
}

.chat-message.user {
    background-color: var(--design-colors-primary-base);
    border-radius: 16px 16px 4px;
    min-height: 46px;
    color: #fff
}

.chat-message {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.8px;
    width: 100%
}

.chat-message-date {
    color: var(--mode-colors-explanation);
    text-transform: uppercase;
    margin-top: 12px;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px
}

.message-box-wrapper .notify-row {
    background: var(--layer-bg-color4);
    border-radius: 10px;
    margin-bottom: 4px;
    height: 108px;
    padding: 16px;
    position: relative
}

.message-box-wrapper .notify-row .notify-row-icon {
    border-radius: 50%;
    background-color: var(--btn-bg-color11)
}

.message-box-wrapper .notify-row .notify-row-icon svg {
    color: var(--text-color2);
    margin: 8px
}

.message-box-wrapper .notify-row.unread .notify-row-icon {
    background-color: #FF3434
}

.message-box-wrapper .notify-row.unread .notify-row-icon svg {
    color: #FFF
}

.message-box-wrapper .notify-row .notify-row-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 12px;
    padding-right: 16px;
    width: 100%;
    min-width: 0
}

.message-box-wrapper .notify-row .notify-row-text a {
    height: 100%;
    width: 100%
}

.message-box-wrapper .notify-row .notify-row-text .notify-row-link {
    font-weight: 500;
    font-size: 15px;
    color: var(--text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 24px
}

.message-box-wrapper .notify-row .notify-row-text .notify-row-date {
    color: var(--text-color2);
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    margin-top: 6px
}

.message-box-wrapper .notify-row .notify-row-btn {
    max-width: 32px;
    width: 100%;
    height: 32px;
    border: 1px solid var(--border-color7);
    border-radius: 10px;
    margin-right: 4px;
    position: relative
}

#user-messages .page_title,#view_message .page_title {
    border-top-left-radius: 10px;
    box-shadow: inset 0 -1px 0 0 var(--border-color),inset 0 2px 0 0 rgba(255,255,255,.08);
    display: flex
}

.message-box-wrapper .notify-row .notify-row-btn svg.icon {
    position: absolute;
    top: 10px;
    left: 10px;
    color: var(--svg-color)
}

.message-box-wrapper .not-messages {
    font-size: 18px;
    line-height: 24px;
    color: var(--text-color);
    width: 80%;
    margin-bottom: 24px;
    text-align: center;
    place-self: center
}

.message-box-wrapper .notify-row a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#user-messages .page_title {
    width: 100%;
    align-items: center;
    height: 52px;
    margin: 16px 0 0;
    border-top-right-radius: 10px
}

#user-messages .page_title svg {
    margin: 16px 12px 16px 16px;
    color: #FF3636;
    width: 20px;
    height: 20px
}

#user-messages .page_title .text {
    font-size: 20px;
    color: var(--text-color);
    line-height: 24px;
    font-weight: 700
}

#user-messages .page_title .unread_messages_count {
    background-color: var(--account-menu-notification-bg-color);
    border-radius: 8px;
    padding: 6px 10px;
    color: var(--text-color2);
    font-size: 12px;
    line-height: 16px;
    margin-left: 12px
}

#user-messages .page_title .title_btn_back {
    border: 1px solid var(--history-border);
    margin: 0 16px 0 auto;
    border-radius: 8px
}

#user-messages .page_title .title_btn_back svg {
    margin: 13px 14px;
    display: flex;
    width: 10px;
    height: 8px;
    color: var(--text-color2)
}

#user-messages .filters-wrapper {
    padding: 16px 16px 24px;
    background-color: var(--history-modal-bg)
}

#user-messages .filters-wrapper .filters {
    display: flex;
    margin-bottom: 8px;
    width: 100%
}

#user-messages .filters-wrapper .filters .item {
    padding: 8px 16px;
    border: 1px solid var(--history-border);
    height: 40px;
    font-size: 12px;
    color: var(--text-color2);
    line-height: 20px;
    margin-right: 4px;
    border-radius: 10px;
    align-content: center
}

#user-messages .filters-wrapper .filters .item.active {
    background-color: #FF3434;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32);
    color: #FFF;
    border: 0
}

#user-messages .filters-wrapper .btn_read_messages {
    width: 100%;
    height: 40px;
    gap: 8px;
    border: 1px solid var(--history-border);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color);
    border-radius: 10px
}

#user-messages .filters-wrapper .btn_read_messages svg {
    color: #1AD670
}

.message-box-frame,.message-box-frame-read,.message-box-frame-unread {
    margin: 0 16px
}

#messages-table .message-box-wrapper-title {
    font-size: 17px;
    color: var(--text-color);
    line-height: 20px;
    margin-left: 16px;
    font-weight: 500
}

#messages-table .message-box-wrapper-title .line-wrapper {
    display: flex;
    height: 2px;
    background-color: var(--tournaments-page-title-border-color);
    margin: 16px 16px 16px 0
}

.line-wrapper .line {
    width: 40px;
    height: 2px;
    background-color: #ff3434
}

#messages-table .message-box-wrapper-title .icon {
    margin: 16px 0;
    color: var(--tournaments-page-title-border-color)
}

#messages-table .message-box-wrapper {
    background: var(--history-modal-bg)
}

#view_message .content-wrapper,#view_message .page_title {
    background-color: var(--layer-bg-color4)
}

#view_message .page_title {
    width: 100%;
    align-items: center;
    height: 52px;
    margin: 16px 0 0;
    border-top-right-radius: 10px
}

#view_message .page_title svg {
    margin: 16px 12px 16px 16px;
    color: #FF3636;
    width: 20px;
    height: 20px
}

#view_message .page_title .text {
    font-size: 20px;
    color: var(--text-color);
    line-height: 24px
}

#view_message .page_title .title_btn_back {
    border: 1px solid var(--history-border);
    margin: 0 16px 0 auto;
    border-radius: 8px
}

#view_message .page_title .title_btn_back svg {
    margin: 13px 14px;
    display: flex;
    width: 10px;
    height: 8px;
    color: var(--text-color2)
}

#view_message .message-title {
    font-size: 17px;
    color: var(--text-color);
    line-height: 20px;
    margin-left: 16px;
    padding-top: 16px
}

#view_message .message-title .icon {
    color: var(--tournaments-page-title-border-color);
    margin: 16px 0
}

#view_message .message-title-date {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color2)
}

#view_message .message-text {
    padding: 0 16px 16px;
    font-size: 15px;
    line-height: 24px;
    color: var(--text-color2)
}

#view_message .message-text img {
    max-width: 100%;
    max-height: max-content
}

#transactions .pagination {
    display: flex;
    column-gap: 4px;
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-bottom-width: 0;
    padding: 0 16px 16px
}

.pagination .pagination_inner {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.pagination_info {
    display: none
}

.pagination-button-wrapper {
    display: flex;
    min-width: 50px;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 34px;
    border: 1px solid var(--elements-base);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    color: var(--elements-lighter)
}

.pagination-button {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    background: 0 0!important;
    border: none!important;
    color: var(--elements-lighter)
}

.active-pagination-button {
    border-radius: 34px;
    border: 1px solid #FF3434;
    background: #FF3434
}

.active-pagination-button .pagination-button {
    color: #fff
}

.pagination-button.previous_page img {
    transform: rotate(180deg)
}

#transactions .pagination .pagination_inner div {
    height: 44px;
    color: var(--text-color);
    line-height: 24px;
    min-width: 28px;
    border-width: 1px;
    border-color: var(--two-auth-border);
    border-style: solid;
    text-align: center;
    background-color: transparent;
    border-radius: 10px;
    margin: 4px
}

#transactions .pagination .pagination_inner div:first-child {
    margin: 0 auto 0 0
}

#transactions .pagination .pagination_inner div:last-child {
    margin: 0 0 0 auto
}

.pagination_inner input {
    padding: 12px 20px;
    color: var(--text-color2)
}

.pagination_inner>div.active_page_link {
    background-color: #FF3434!important;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32)
}

.pagination_inner>div.active_page_link input {
    color: #fff!important
}

#top_account_header {
    width: 100%;
    margin-top: 16px;
    padding: 0
}

#top_account_header .container_header {
    display: flex;
    column-gap: 12px;
    align-items: center;
    padding: 12px 16px;
    border-radius: 12px 12px 0 0;
    background: var(--content-heading-bg-color);
    height: 52px;
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset,0 -1px 0 0 var(--border-color) inset
}

#top_account_header .container_header .title_header {
    color: var(--text-color4);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.4px
}

#top_account_header.two-factor-authentication-wrapper {
    background-color: var(--two-auth-main-bg)
}

#deposit-payment-provider-cont #top_account_header,#deposit-payment-provider-details #top_account_header {
    background-color: unset
}

#top_account_header div.auth-header-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    background-color: var(--two-auth-header-bg);
    border-top: 1px solid var(--two-auth-border);
    border-radius: 10px;
    height: 52px
}

#top_account_header img.auth-header-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

#top_account_header h1.auth-header-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    color: var(--two-auth-header-text)
}

.site-container {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
    background-color: var(--bg-color)
}

.site-container .affiliate_system {
    padding-top: 16px!important
}

.site-container .affiliate_system,.site-container .block {
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    border-bottom: 1px solid var(--border-color);
    align-items: center
}

.site-container .affiliate_system .icon_wr_system,.site-container .block .icon_wr_system {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--primary-color)
}

.site-container .affiliate_system .title_system,.site-container .block .title_system {
    color: var(--text-color4);
    text-align: center;
    font-size: 20px;
    font-weight: var(--bold);
    line-height: 32px;
    letter-spacing: -.4px
}

.site-container .affiliate_system .text_system,.site-container .block .text_system {
    color: var(--input-label-color);
    text-align: center;
    font-size: 15px;
    font-weight: var(--medium);
    line-height: 24px;
    letter-spacing: -.3px
}

.site-container .affiliate_system .text_system span,.site-container .block .text_system span {
    font-weight: var(--bold);
    color: var(--text-color4);
    margin: 0 4px
}

.site-container .affiliate_system .wr_btn_system .st-btn,.site-container .block .wr_btn_system .st-btn {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: 48px;
    padding: 16px 32px;
    border-radius: 10px;
    background-color: var(--primary-color);
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF;
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 28px;
    letter-spacing: -.34px
}

.site-container .description_in_step .text_system {
    margin-bottom: 20px
}

.site-container .step_cards {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.site-container .step_cards .step_item {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--cards-bg-step);
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset;
    position: relative
}

.site-container .step_cards .step_item .wr_dots_icon {
    position: absolute;
    top: 8px;
    right: 8px
}

.site-container .step_cards .step_item .content_item {
    display: flex;
    align-items: center;
    column-gap: 16px
}

.site-container .step_cards .step_item .content_item .icon_content_wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary-color)
}

.site-container .step_cards .step_item .content_item .content_text {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    flex-basis: 80%
}

.site-container .step_cards .step_item .content_item .content_text .title_content {
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

.site-container .step_cards .step_item .content_item .content_text .sub_title_content {
    color: var(--input-label-color);
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.24px
}

.site-container .contacts_affiliates {
    padding: 0 16px 16px
}

.site-container .contacts_affiliates .step_cards .step_item .btn_func {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    padding: 16px 20px;
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF;
    font-size: 14px;
    font-weight: var(--bold);
    border: none;
    line-height: 24px;
    letter-spacing: -.28px;
    height: 44px;
    max-width: 210px
}

.slot-item-text .game-name,.slot-item-text .provider-name {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slot-item {
    display: flex
}

.slot-item-image {
    display: flex;
    width: 52px;
    height: 52px;
    padding: 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 52px;
    background: var(--mode-colors-border)
}

.slot-item-image img {
    width: 44px;
    height: 44px;
    border-radius: 44px
}

.slot-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(192px - 52px);
    padding: 0 14px 0 8px
}

.slot-item-text .game-name {
    display: inline-block;
    width: calc(100% - 5px);
    color: var(--mode-colors-main);
    font-weight: 500;
    text-transform: uppercase
}

.slot-item-text .provider-name {
    color: var(--mode-colors-explanation);
    font-weight: 400;
    text-transform: capitalize
}

.popular_providers {
    padding: 16px 0;
    text-align: center;
    leading-trim: both;
    text-edge: cap
}

.popular_providers .slick-track {
    display: flex;
    gap: 8px
}

.popular_providers .data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.popular_providers .data .icon {
    width: 40px;
    height: 40px
}

.popular_providers .data .title-i {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.4px;
    color: var(--text-color4)
}

.popular_providers .data .subtitle-i {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.28px;
    color: var(--text-color5)
}

.popular_providers .slider_block {
    margin-top: 16px
}

.popular_providers .popular_provider {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 144px;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset;
    background: var(--layer-bg-color13);
    text-align: left;
    height: auto;
    transition: background .3s
}

.popular_providers .popular_provider .img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    width: 48px;
    height: 48px;
    background: var(--provider-icon-wrapper-bg-color)
}

.popular_providers .popular_provider .img-wrapper .image {
    width: auto;
    height: auto;
    max-width: 20px;
    max-height: 20px
}

.popular_providers .popular_provider .provider-name {
    display: block;
    color: var(--text-color4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.28px;
    margin-top: 12px
}

.popular_providers .popular_provider .count {
    display: block;
    color: var(--text-color5);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.24px;
    margin-top: 12px
}

.home-preview-games_wrapper {
    leading-trim: both;
    text-edge: cap;
    border-radius: 16px;
    background: var(--bg-color3)
}

.home-preview-games_wrapper.slots {
    box-shadow: 0 4px 0 0 #F0BB00 inset
}

.home-preview-games_wrapper.casino {
    box-shadow: 0 4px 0 0 #FF3434 inset
}

.home-preview-games_wrapper.live-games {
    box-shadow: 0 4px 0 0 #3485FF inset
}

.home-preview-games_wrapper .title-data {
    padding: 16px 16px 0
}

.home-preview-games_wrapper .title-data .icon {
    width: 32px;
    height: 32px;
    min-width: 32px
}

.home-preview-games_wrapper .title-data .title-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.home-preview-games_wrapper .title-data .title {
    display: flex;
    align-items: center;
    font-size: 20px;
    gap: 12px;
    color: var(--text-color4);
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.4px
}

@media (max-width: 390px) {
    .home-preview-games_wrapper .title-data .title {
        font-size:18px
    }

    #slots_list .slot-game-item .lc-game__image-wrapper {
        min-width: 120px;
        min-height: 158px
    }
}

.home-preview-games_wrapper .slots-list__wrapper {
    padding: 16px
}

.home-preview-games_wrapper .all-link {
    margin-top: 12px;
    display: flex;
    height: 40px;
    padding: 12px 20px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--btn-bg-color);
    color: var(--text-color16);
    box-shadow: 2px 2px 0 0 var(--mobile-menu-link-border) inset;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.28px
}

.home-preview-games_wrapper #slots_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(105px,1fr));
    row-gap: 6px;
    column-gap: 10px
}

@media (min-width: 480px) and (max-width:850px) {
    .home-preview-games_wrapper #slots_list {
        grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
        column-gap: 15px
    }
}

.home-preview-games_wrapper #slots_list .slot-item {
    width: 100%;
    overflow: hidden
}

.home-preview-games_wrapper #slots_list .slot-item .game-item-bottom,.home-preview-games_wrapper #slots_list .slot-item .game-item-bottom-provider,.home-preview-games_wrapper #slots_list .slot-item .slot-game-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-preview-games_wrapper #casino_list,.home-preview-games_wrapper #live-games_list {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
    justify-content: space-between;
    gap: 14px 8px
}

@media (max-width: 390px) {
    .home-preview-games_wrapper #casino_list,.home-preview-games_wrapper #live-games_list {
        grid-template-columns:repeat(auto-fit,minmax(110px,1fr))
    }

    .home-preview-games_wrapper #live-games_list .slot_item_other {
        width: 100px!important;
        min-width: 100px!important
    }
}

.home-preview-games_wrapper #live-games_list .slot_item_other {
    width: 100;
    overflow: hidden
}

.home-preview-games_wrapper #live-games_list .slot_item_other .wr_img {
    border-radius: 10px;
    background-color: var(--mode-colors-background)
}

.home-preview-games_wrapper #casino_list .lc__game-container {
    width: 100%;
    overflow: hidden
}

@media (max-width: 390px) {
    .home-preview-games_wrapper #casino_list .lc__game-container {
        width:100%
    }
}

.home-preview-games_wrapper #casino_list .lc__game-container .lc-game__image-wrapper {
    border-radius: 10px;
    background-color: var(--mode-colors-background);
    overflow: hidden
}

.home-preview-games_wrapper #casino_list .lc__game-container .lc-game__provider,.home-preview-games_wrapper #casino_list .lc__game-container .lc-game__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-preview-games_wrapper .slots-list-header-conainer {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-color4);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.32px
}

.item_provider .checkbox,.item_provider .current_checkbox {
    gap: 4px;
    padding: 4px;
    width: 24px;
    height: 24px;
    border-radius: 6px
}

.home-preview-games_wrapper .slots-list-header-conainer .image {
    display: flex
}

.home-preview-games_wrapper .menu {
    display: flex;
    gap: 4px;
    margin: 8px -16px 0;
    overflow-x: auto;
    padding: 0 16px;
    font-size: 12px
}

.home-preview-games_wrapper .menu .group_name_button {
    border-radius: 10px;
    background: var(--preview-games-btns-bg-color);
    transition: .3s;
    box-shadow: 0 0 0 1px var(--border-color18) inset;
    list-style: none
}

.home-preview-games_wrapper .menu .group_name_button.active {
    border-color: var(--primary-color);
    background: var(--primary-color);
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF
}

.home-preview-games_wrapper .menu .group_name_button.active.slots {
    border-color: #F0BB00;
    background: #F0BB00
}

.home-preview-games_wrapper .menu .group_name_button.active.live-games {
    border-color: #3485FF;
    background: #3485FF
}

.home-preview-games_wrapper .menu .group_name_button.active .group_name {
    color: #FFF
}

.home-preview-games_wrapper .menu .group_name_button.active .group_name .image>img {
    filter: brightness(0) invert(1)
}

.home-preview-games_wrapper .menu .group_name {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 8px 16px;
    color: var(--text-color2);
    transition: all .3s;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -.24px;
    white-space: nowrap
}

@media (max-width: 390px) {
    .home-preview-games_wrapper .menu .group_name {
        height:30px;
        font-size: 10px
    }
}

.home-preview-games_wrapper .menu .group_name .image {
    display: flex
}

.sport-block-wrapper {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    height: 100%;
    overflow-x: auto;
    margin-right: -15px;
    padding-right: 15px
}

.sport-block {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 12px;
    width: 100%;
    min-width: 240px;
    height: 100%;
    border-radius: 12px;
    background: var(--mode-colors-card)
}

.sport-block .sport-block-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 12px
}

.sport-block .sport-block-top .event-info {
    width: calc(100% - 65px);
    display: flex;
    flex-direction: column;
    row-gap: 2px
}

.event-info .start-date {
    color: var(--mode-colors-explanation);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

.event-info .event-name,.sport-block .sport-block-top .additional-markets {
    line-height: 10px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 10px
}

.event-info .event-name {
    width: 100%;
    min-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--mode-colors-main);
    font-weight: 500
}

.sport-block .sport-block-top .additional-markets {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    border-radius: 41px;
    background: var(--elements-darker);
    color: var(--design-colors-primary-lighter);
    font-weight: 450;
    letter-spacing: -.7px
}

.sport-block .sport-block-bottom {
    display: flex;
    column-gap: 4px
}

.sport-block .sport-block-bottom .bet-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 10px;
    border-radius: 32px;
    border: 1px solid var(--mode-colors-border)
}

.bet-wrapper .bet-type {
    color: var(--mode-colors-main);
    font-family: var(--font-supreme);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    opacity: .4
}

.bet-wrapper .bet-coef {
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase
}

.sc-slide .sc-info .sc-id,.sc-slide .sc-info .sc-name {
    color: var(--system-colors-black-base);
    font-style: normal
}

.sc-slider {
    margin-top: 20px;
    display: grid;
    grid-auto-flow: column dense;
    grid-template-rows: 119px 119px;
    grid-auto-columns: 112px;
    overflow-x: auto;
    gap: 10px;
    margin-right: -15px;
    padding-right: 15px
}

.sc-slider>div {
    display: block;
    width: 112px;
    height: 119px
}

.sc-slide {
    display: flex;
    width: 112px;
    height: 119px;
    padding: 12px;
    flex-direction: column;
    gap: 6px;
    border-radius: 12px;
    border: 1px solid var(--mode-colors-success-opacity);
    background: url(../../i/supertotobet_v3/mobile/top_winners_bg.png),linear-gradient(var(--mode-colors-card),var(--mode-colors-card));
    background-blend-mode: overlay
}

.sc-slide .sc-avatar {
    width: 34px;
    height: 34px;
    border-radius: 42px
}

.sc-slide .sc-avatar img {
    width: 100%;
    height: 100%
}

.sc-slide .sc-info {
    margin-top: 10px;
    display: flex;
    flex-direction: column
}

.sc-slide .sc-info .sc-name {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px
}

.sc-slide .sc-info .sc-id {
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase;
    opacity: .4
}

.market-block__title,.sc-slide .sc-info .sc-price {
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    text-transform: uppercase
}

.sc-slide .sc-info .sc-price {
    margin-top: 6px;
    color: var(--mode-colors-success-base);
    font-style: normal;
    letter-spacing: -.7px
}

#modal_window.top-winner-bet-detail {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--mode-colors-blur-area);
    backdrop-filter: blur(20px)
}

#modal_window.top-winner-bet-detail .top-winner-bet-detail-container {
    height: calc(var(--vh,1vh) * 100 - 40px);
    overflow-y: auto
}

.top-winner-bet-detail-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 18px 18px 0 0;
    background: var(--mode-colors-card)
}

.market-block__title {
    margin: 20px 20px 0;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    padding: 12px 18px 14px;
    border-radius: 74px;
    border: 1px solid var(--mode-colors-border);
    color: var(--mode-colors-main);
    font-style: normal;
    letter-spacing: -.7px
}

.top-content__header .header__text,.top-content__header .header__value {
    color: var(--mode-colors-success-base);
    letter-spacing: -.7px;
    font-style: normal
}

.top-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px
}

.top-content__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 14px;
    border-radius: 54px;
    background: var(--mode-colors-success-opacity)
}

.game-wrapper,.top-content__info {
    background: var(--elements-darker)
}

.top-content__header .header__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px
}

.top-content__header .header__value {
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    text-transform: uppercase
}

.top-content__info {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 18px 12px;
    border-radius: 18px
}

.top-content__info .info-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.top-content__info .info-item .info-item-title,.top-content__info .info-item .info-item-value {
    color: var(--mode-colors-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px
}

.top-content__detail {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.top-content__detail .detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.top-content__detail .detail-item .detail-item-title,.top-content__detail .detail-item .detail-item-value {
    color: var(--mode-colors-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px
}

.top-content__detail .divider {
    display: flex;
    width: 100%;
    height: 6px;
    border-radius: 6px;
    border: 1px solid var(--mode-colors-border)
}

.bottom-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-radius: 28px 0 0;
    background: var(--mode-colors-background)
}

.bottom-content .bottom-content__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 22px
}

.bottom-content .bottom-content__content .coupon-info {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.bottom-content .bottom-content__content .coupon-info .coupon-info__details,.top-paying-games {
    flex-direction: column;
    display: flex
}

.bottom-content .bottom-content__content .coupon-info:not(:first-child) {
    padding-top: 24px;
    border-top: 1px dashed var(--mode-colors-border)
}

.bottom-content .bottom-content__content .coupon-info .coupon-info__header {
    color: var(--mode-colors-main);
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -1px;
    text-transform: uppercase
}

.coupon-info .coupon-info__details .coupon-info__detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 2px
}

.coupon-info .coupon-info__details .coupon-info__detail:not(:last-child) {
    border-bottom: 1px solid var(--mode-colors-light-border,#D7DCE0)
}

.coupon-info .coupon-info__details .coupon-info__detail .coupon-info__detail__text {
    color: var(--mode-colors-explanation);
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    text-transform: uppercase
}

.coupon-info .coupon-info__details .coupon-info__detail .coupon-info__detail__value {
    color: var(--mode-colors-main);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: -.7px
}

.top-paying-games {
    padding-top: 20px;
    row-gap: 20px
}

.top-winners-container {
    margin-top: 20px
}

.top-paying-games>.title,.top-winners-container>.title {
    color: var(--mode-colors-main);
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase
}

.top-paying-games #game_groups {
    margin: 0 -10px
}

.game-wrapper {
    margin: 0 10px;
    display: flex;
    flex-direction: column;
    width: 134px;
    height: 191px;
    border-radius: 12px
}

.game-wrapper .game-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 134px;
    height: 134px;
    padding: 4px;
    border-radius: 12px;
    background: var(--mode-colors-card)
}

.game-wrapper .game-image-wrapper img {
    width: 126px;
    height: 126px;
    border-radius: 12px
}

.game-wrapper .game-text-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 6px;
    padding: 12px 10px
}

.game-wrapper .game-text-wrapper .game-name {
    color: var(--mode-colors-main);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.96px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.game-wrapper .game-text-wrapper .provider-name,.spribe-container .slot-item .slot-game-name {
    font-size: 10px;
    line-height: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    font-style: normal
}

.game-wrapper .game-text-wrapper .provider-name {
    color: var(--mode-colors-explanation);
    font-weight: 500
}

.spribe-container #game_content {
    display: grid;
    gap: 20px 8px;
    grid-template-columns: repeat(3,minmax(114px,1fr));
    padding: 20px
}

#live_games_block .spribe-container #game_content {
    padding: 16px
}

.spribe-container #game_content::after {
    content: none
}

.spribe-container .slot-item {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 12px
}

.spribe-container .slot-item .slot-game-name {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: var(--semi-bold);
    letter-spacing: -.7px;
    color: var(--text-color4);
    margin-top: 12px
}

.spribe-container .slot-item img {
    display: block;
    width: 100%;
    border-radius: 10px;
    background-size: cover
}

.spribe-container .slot-item .button_play {
    display: none
}

@media (min-width: 530px) and (max-width:850px) {
    .spribe-container #game_content {
        grid-template-columns:repeat(3,calc(33% - 4px))
    }
}

@media (min-width: 850px) {
    .spribe-container #game_content {
        grid-template-columns:repeat(4,calc(25% - 6px))
    }
}

.how-to-deposit {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 auto;
    padding: 5px
}

.how-to-deposit .how-to-deposit-info {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.how-to-deposit .how-to-deposit-info .info-title {
    font-family: var(--font-family-sf-pro-display);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.how-to-deposit .how-to-deposit-info .info-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.7px;
    color: var(--mode-colors-explanation)
}

.how-to-deposit .how-to-deposit-top {
    display: flex;
    width: 100%
}

.how-to-deposit .how-to-deposit-top .how-to-deposit-image {
    width: 100%
}

.how-to-deposit .how-to-deposit-main {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.how-to-deposit .how-to-deposit-main .how-to-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 16px;
    border-radius: 16px;
    background: var(--mode-colors-card)
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-logo-wrapper {
    display: flex;
    width: 100%
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-logo-wrapper .how-to-logo {
    max-width: 100%;
    height: 35px
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-info::after {
    content: "";
    background: url(../../i/supertotobet_v3/mobile/how_to_invest/how_to_invest_play.svg) center top no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3%;
    top: 0
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-info .how-to-card-title {
    font-family: var(--font-family-sf-pro-display);
    font-size: 16px;
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 16px;
    line-height: 10px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.how-to-deposit .how-to-deposit-main .how-to-card .how-to-info .how-to-card-subtitle {
    font-size: 16px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    line-height: 12px;
    color: var(--mode-colors-explanation)
}

.home-daily-events {
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 60px;
    background: var(--mode-colors-card);
    box-shadow: var(--card-box-shadow);
    margin-top: 20px;
    padding: 6px 18px 6px 6px;
    overflow: hidden;
    position: relative
}

.home-daily-events:after {
    content: '';
    position: absolute;
    top: calc(-38vw / 2 + 50%);
    right: -12vw;
    z-index: 1;
    width: 38vw;
    height: 38vw;
    background: no-repeat var(--daily-event-league-path);
    background-size: 38vw;
    background-position: center;
    pointer-events: none
}

.home-daily-events .team-logo,.home-daily-events .teams-logos {
    background: var(--mode-colors-card);
    border-radius: 54px;
    display: flex
}

.home-daily-events .teams-wrap {
    display: flex
}

.home-daily-events .teams-logos {
    align-items: center;
    box-shadow: inset 0 0 0 6px var(--mode-colors-card);
    border-right: 1px solid var(--mode-colors-border);
    padding: 6px;
    margin: -6px;
    z-index: 2
}

.home-daily-events .team-logo {
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--mode-colors-border);
    z-index: 3
}

.home-daily-events .team-logo:nth-of-type(2) {
    margin-left: -6px;
    z-index: 4
}

.home-daily-events .team-logo img {
    width: 24px;
    height: 24px
}

.home-daily-events .names-wrap {
    width: 30vw;
    padding: 6px 12px 6px 32px;
    border-radius: 0 32px 32px 0;
    border: 1px solid var(--mode-colors-border);
    z-index: 1;
    margin-left: -16px
}

.home-daily-events .names-wrap .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-daily-events .names-row {
    display: flex;
    column-gap: 4px;
    color: var(--mode-colors-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    white-space: nowrap
}

.home-daily-events .names-row:last-child {
    margin-top: 4px
}

.home-daily-events .separator {
    width: 4px;
    height: 24px;
    border-radius: 4px;
    border: 1px solid var(--mode-colors-border)
}

.home-daily-events .league-logo {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.providers_tab,.search_games {
    align-items: center;
    display: flex
}

.home-daily-events .time-block {
    margin-right: 0;
    margin-left: auto
}

.home-daily-events .daily-time {
    color: var(--mode-colors-dark-explanation);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: end
}

.home-daily-events .daily-day {
    margin-top: 2px;
    color: var(--mode-colors-main);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    text-align: end
}

.search_games {
    width: 100%;
    height: 44px;
    padding: 12px 20px;
    column-gap: 12px;
    background: var(--bg-search-input);
    box-shadow: 0 -1px 0 0 var(--border-color) inset
}

.search_games #search_live_games {
    background-color: inherit!important;
    outline: 0!important;
    height: 100%!important;
    border: none!important;
    padding: 0!important;
    color: var(--tournaments-page-title-color);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px
}

.search_games #search_live_games::placeholder {
    color: var(--tournaments-filters-color);
    font-size: 14px;
    font-weight: var(--semi-bold)
}

.providers_tab {
    position: relative;
    padding: 12px 16px;
    column-gap: 12px
}

.providers_tab .left_tabs {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.providers_tab .left_tabs button {
    background-color: var(--content-bg-color);
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: none
}

.providers_tab .left_tabs .fav_tab_btn svg {
    opacity: .7
}

.providers_tab .select_providers_btn {
    flex: 1;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 10px;
    height: 44px;
    background: var(--primary-color);
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    letter-spacing: -.28px;
    border: none;
    padding: 8px 20px
}

.providers_tab .select_providers_btn .arrow_select svg {
    transition: all .3s
}

.providers_tab .select_providers_btn .text_select {
    flex: 1;
    display: flex
}

.providers_tab .select_providers_btn.show_provider .arrow_select svg {
    transform: rotate(180deg)
}

.separator_input {
    width: 2px;
    height: 16px;
    border-radius: 2px;
    background: var(--primary-color)
}

.modal_providers {
    z-index: 999999;
    position: absolute;
    padding: 12px;
    top: 60px;
    left: 16px;
    right: 16px;
    background-color: var(--bg-color3);
    border-radius: 10px
}

.modal_providers .search_provider_item {
    height: 46px;
    padding: 12px 0 12px 24px;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 10px;
    border: 1px solid var(--border-color4);
    background-color: var(--layer-bg-color6);
    margin-bottom: 12px
}

.modal_providers .search_provider_item button {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    color: var(--elements-lighter);
    appearance: none;
    background: 0 0;
    border: none
}

.modal_providers .search_provider_item input {
    background-color: inherit!important;
    border: none!important;
    outline: 0!important;
    color: var(--tournaments-page-title-color);
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    padding: 0!important
}

.modal_providers .search_provider_item input::placeholder {
    font-weight: var(--semi-bold);
    font-size: 14px;
    color: var(--tournaments-filters-color)
}

.modal_providers .list_providers_wrapper .content-providers-list {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px;
    margin-bottom: 12px
}

.container_games_other {
    background-color: var(--content-bg-color);
    padding: 16px
}

#live_games_block {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(107px,1fr));
    column-gap: 10px;
    row-gap: 16px
}

.container_btn_more {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 8px;
    background: var(--bg-button-deposit);
    padding: 12px 20px
}

.container_btns_providers .reset_providers,.container_btns_providers .select_providers {
    width: 100%;
    padding: 8px 24px;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    gap: 12px
}

.container_btn_more .text_btn_more {
    flex: 1;
    color: var(--color-text-btn-more);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.24px
}

.fav_active {
    background-color: #F0BB00!important
}

.fav_active svg {
    opacity: 1
}

.none {
    display: none!important
}

.container_btns_providers {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 8px
}

.container_btns_providers .reset_providers {
    display: flex;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #414A56
}

.container_btns_providers .select_providers {
    display: flex;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: #FF3434
}

.container_btns_providers span {
    color: var(--text-color4);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.28px
}

.active_provider {
    background: var(--select-provider)
}

.live-games .popular-providers {
    display: flex;
    align-items: center;
    gap: 15px;
    overflow-x: auto
}

.live-games .popular-providers .provider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    background: var(--mode-colors-blur-area);
    box-shadow: 0 24px 24px -12px var(--item-box-shadow)
}

.live-games .popular-providers .provider-wrapper .game-link,.live-games .popular-providers .provider-wrapper .provider-type {
    display: flex;
    align-items: center;
    height: 44px;
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: var(--mode-colors-main)
}

.live-games .popular-providers .provider-wrapper::before {
    position: absolute;
    left: 0;
    content: "";
    display: flex;
    width: 1px;
    height: 44px;
    background: radial-gradient(circle closest-corner at center ,#FF7144,#FF714400)
}

.live-games .popular-providers .provider-wrapper:nth-child(2n)::before {
    background: radial-gradient(circle closest-corner at center ,#FFB800,#FFB80000)
}

.live-games .popular-providers .provider-wrapper:nth-child(3n)::before {
    background: radial-gradient(circle closest-corner at center ,#00DFDF,#00DFDF00)
}

.live-games .providers-list {
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: var(--main-bg);
    padding: 12px;
    border-radius: 0 0 16px 16px;
    list-style: none
}

.live-games .providers-list ul {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.live-games .providers-list ul li {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 8px 16px 8px 8px;
    list-style: none;
    box-sizing: border-box;
    border-radius: 44px;
    border: 1px solid var(--mode-colors-border);
    background-color: var(--mode-colors-card);
    font-size: 15px;
    font-weight: 400;
    color: var(--mode-colors-main)
}

.item_provider {
    padding: 8px 16px 8px 8px;
    border-radius: 10px;
    border: 1px solid var(--border-color4);
    color: var(--text-color4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    letter-spacing: -.24px
}

@media (max-width: 390px) {
    item_provider {
        font-size:10px
    }
}

.item_provider .current_checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF3434
}

.item_provider .checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #CBD3DD!important;
    background: inherit
}

.promo-list {
    display: flex
}

.promo-list .promo-block-items {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.promotion-box {
    display: flex
}

.promotion_link {
    position: relative;
    display: flex
}

.promotion_link .item-info {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    width: 100%;
    padding: 35px 16px
}

.promotion_link .item-info .info-title {
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-style: normal;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.7px;
    text-transform: uppercase;
    color: #FFF
}

.promotion_link .item-info .info-subtitle {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    opacity: .4;
    text-transform: uppercase;
    color: #fff
}

.promotion_link .item-info .info-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 28px;
    background: #00DFDF;
    backdrop-filter: blur(2px);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #1F3560
}

.item:nth-child(even) .promotion_link .item-info .info-btn {
    background: #6B00C6;
    color: #FFF
}

.other-games-container #game_content,.sport_games_tv-container #game_content {
    display: grid;
    gap: 20px 8px;
    grid-template-columns: repeat(3,minmax(114px,1fr));
    padding: 20px
}

#live_games_block .other-games-container #game_content,#live_games_block .sport_games_tv-container #game_content {
    padding: 20px
}

.other-games-container #game_content::after,.sport_games_tv-container #game_content::after {
    content: none
}

.other-games-container .slot-item,.sport_games_tv-container .slot-item {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 10px
}

.other-games-container .slot-item .slot-game-name,.sport_games_tv-container .slot-item .slot-game-name {
    display: block;
    width: 100%;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-style: normal;
    font-weight: var(--semi-bold);
    text-align: center;
    line-height: 10px;
    letter-spacing: -.7px;
    color: var(--text-color4)
}

#bonus_code_modal .bonus-code-wrapper,#cashback_modal {
    margin: 0;
    z-index: 1001;
    backdrop-filter: blur(4px);
    left: 0;
    box-shadow: none
}

.other-games-container .slot-item img,.sport_games_tv-container .slot-item img {
    display: block;
    width: 100%;
    border-radius: 12px;
    background-size: cover
}

.other-games-container .slot-item .button_play,.sport_games_tv-container .slot-item .button_play {
    display: none
}

.other-games-container .slot-game-item {
    width: 100%
}

@media (min-width: 530px) and (max-width:850px) {
    .other-games-container #game_content,.sport_games_tv-container #game_content {
        grid-template-columns:repeat(3,calc(33% - 4px))
    }
}

@media (min-width: 850px) {
    .other-games-container #game_content,.sport_games_tv-container #game_content {
        grid-template-columns:repeat(4,calc(25% - 6px))
    }
}

#cashback_modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 40px 0 0;
    border-radius: 0;
    display: none
}

#cashback_modal .popup-close {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#bonus-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%
}

#bonus-wrapper .popup-head {
    display: flex;
    padding: 16px;
    width: 100%;
    border-bottom: 1px solid var(--two-auth-border);
    align-items: center
}

#bonus-wrapper .popup-head .back {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--svg-color);
    width: 100%;
    height: 100%;
    max-width: 24px;
    padding: 0;
    border: 0;
    background: 0 0
}

#bonus-wrapper .popup-head .back::before {
    display: none
}

#bonus-wrapper .popup-head .text {
    color: var(--mode-colors-main);
    font-weight: 600;
    line-height: 10px;
    letter-spacing: -.7px;
    width: 100%;
    font-size: 20px
}

#bonus-wrapper .popup-head .cashback-header-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px
}

#bonus-wrapper .popup-head .cashback-header-icon svg {
    width: 20px;
    height: 20px
}

#bonus-wrapper .popup-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0 0;
    background: var(--bg-color2);
    height: 100%
}

#bonus-wrapper .popup-row {
    padding: 16px;
    height: 100%;
    background: var(--bg-color2);
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    align-items: center;
    min-height: 240px
}

#bonus-wrapper .popup-subtitle {
    background-color: #E63438;
    height: 34px;
    position: absolute;
    padding: 0 15px;
    border-radius: 17px;
    display: flex;
    align-items: center;
    color: #fff;
    line-height: normal;
    font-weight: 600;
    top: 85px;
    z-index: 4;
    transform: translateX(-50%);
    left: 50%
}

#bonus-wrapper .popup-message-box {
    border-radius: 10px
}

#bonus-wrapper .act-btn {
    background: #ff3434;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -.8px;
    text-transform: capitalize;
    border: none;
    margin-top: auto
}

#bonus-wrapper .bb-subtitle,#bonus-wrapper .bb-title {
    color: var(--mode-colors-main);
    font-weight: 500;
    letter-spacing: -.7px;
    text-align: center
}

#bonus-wrapper .bb-title {
    font-family: var(--font-family-sf-pro-display);
    font-size: 17px;
    line-height: 10px;
    margin-bottom: 10px
}

#bonus-wrapper .bb-subtitle {
    font-size: 15px;
    line-height: 22px
}

#bonus-wrapper .bb-progres-bar {
    position: relative;
    height: 26px;
    background-color: #0F1214;
    border-radius: 13px;
    margin-top: 20px
}

#bonus-wrapper .bb-progress-track {
    height: 26px;
    border-radius: 13px;
    background-color: transparent;
    text-align: center;
    padding-right: 10px;
    line-height: 28px;
    color: #000;
    width: 100%
}

#bonus-wrapper .bb-progress-track.full {
    background-color: #1AAB43
}

#bonus-wrapper .bb-progress-track span {
    color: #fff
}

#bonus-wrapper .d-flex {
    display: flex
}

#bonus_code_modal {
    display: none
}

#bonus_code_modal .bonus-code-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--blur-modal);
    top: 0;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

#bonus_code_modal .popup-container {
    overflow-y: auto;
    width: 100%;
    margin-top: auto;
    background: var(--mode-colors-background);
    border-radius: 10px 10px 0 0;
    position: relative
}

#bonus_code_modal .popup-close {
    position: absolute;
    top: 0;
    right: 16px;
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#bonus_code_modal .popup-close svg {
    pointer-events: none
}

#bonus_code_modal .popup-head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    column-gap: 12px;
    padding: 12px 16px;
    height: 48px;
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

#bonus_code_modal .popup-head .cashback-header-icon {
    border-radius: 64px;
    border: 1px solid var(--design-colors-primary-base);
    padding: 6px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

#bonus_code_modal .popup-row {
    min-height: 275px;
    background: var(--mode-colors-background);
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative
}

#bonus_code_modal .popup-row img {
    width: 100%
}

#bonus_code_modal .input-label {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
    column-gap: 4px;
    color: var(--input-label-color);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    padding-left: 20px
}

#bonus_code_modal .dark-input {
    width: 100%;
    height: 48px;
    padding: 16px 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px;
    outline: 0;
    border-radius: 10px;
    border-top: 2px solid var(--border-promo);
    border-right: 1px solid var(--border-promo);
    border-bottom: 1px solid var(--border-promo);
    border-left: 1px solid var(--border-promo);
    background: var(--btn-bg-color3);
    margin-bottom: 24px
}

#bonus_code_modal .dark-input::placeholder {
    color: var(--input-label-color);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

#bonus_code_modal .act-btn {
    border: none;
    width: 100%;
    cursor: pointer;
    display: flex;
    height: 52px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 10px;
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset,0 8px 16px 0 rgba(255,52,52,.12);
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

#bonus_code_modal .bb-subtitle,#bonus_code_modal .bb-title {
    font-size: 16px;
    font-family: var(--font-family-sf-pro-display);
    text-align: center
}

#bonus_code_modal .popup-message-box {
    display: flex;
    align-items: center;
    flex-direction: column
}

#bonus_code_modal .bb-title {
    color: var(--mode-colors-main);
    font-weight: 450;
    line-height: 16px;
    letter-spacing: -.96px;
    margin-bottom: 10px
}

#bonus_code_modal .bb-subtitle {
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px;
    color: #848C98
}

#bonus_code_modal .mb-20 {
    margin-bottom: 20px!important
}

#bonus_code_modal .mt-10 {
    margin-top: 10px!important
}

#bonus_code_modal .progress-wrapper {
    width: 100%
}

#bonus_code_modal .progress-wrapper .content {
    display: flex;
    row-gap: 5px;
    width: 100%;
    flex-direction: column;
    position: relative
}

#bonus_code_modal .progress-wrapper .dots {
    position: absolute;
    width: 100%;
    display: flex;
    top: 42%;
    z-index: 3;
    height: 12px
}

#bonus_code_modal .dot-wrapper {
    position: absolute;
    height: 100%
}

#bonus_code_modal .dot {
    background: var(--mode-colors-card);
    height: 100%;
    width: 2px;
    border-radius: 4px
}

#bonus_code_modal .checkpoints {
    display: flex;
    width: 100%;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display);
    font-size: 10px;
    font-weight: 450;
    line-height: 10px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    height: 10px;
    margin-bottom: 5px
}

#bonus_code_modal .checkpoint {
    position: absolute
}

#bonus_code_modal .gifts {
    display: flex;
    width: 100%;
    margin-top: 5px
}

#bonus_code_modal .gift {
    position: absolute;
    top: 90%
}

#bonus_code_modal .popup-row .gift img {
    width: 16px
}

#bonus_code_modal .checkpoint-title,#bonus_code_modal .gift-title {
    position: absolute;
    color: #8b91a0
}

#bonus_code_modal .progress {
    height: 12px;
    border-radius: 30px;
    width: 100%
}

#bonus_code_modal progress[value]::-webkit-progress-bar {
    background: var(--mode-colors-border);
    border-radius: 12px
}

#bonus_code_modal progress[value]::-webkit-progress-value {
    border-radius: 12px 0 0 12px;
    background: linear-gradient(90deg,#FF4D4D 0,#EA2424 100%);
    box-shadow: 0 0 12px 0 rgba(255,52,52,.34);
    position: relative;
    z-index: 4
}

#timer .timer-cell,#tournaments .page-title {
    background-color: var(--tournaments-page-title-bg)
}

#bonus_code_modal progress[value]::-moz-progress-bar {
    border: 0;
    height: 20px;
    border-radius: 20px
}

#bonus_code_modal .slot-game-item {
    width: 204px
}

#timer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px
}

#timer .timer-cell {
    padding: 12px 18px;
    border: 1px solid var(--tournaments-filters-border-color);
    border-radius: 10px;
    color: var(--tournaments-card-info-title-color);
    box-shadow: 0 2px 0 0 rgba(255,255,255,.08);
    text-align: center;
    width: 100%;
    margin: 0 4px;
    font-weight: 400
}

#tournaments-list .tournament-date,#tournaments-list .tournament-image,#tournaments-list .tournament-image img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#timer .timer-cell:first-child {
    margin-left: 0
}

#timer .timer-cell:last-child {
    margin-right: 0
}

#timer .timer-cell>.title {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 8px
}

#timer .timer-cell>.value {
    font-size: 12px;
    line-height: 16px
}

#tournaments .page-title {
    width: 100%;
    height: 52px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 -1px 0 0 var(--tournaments-page-title-border-color),0 2px 0 0 rgba(255,255,255,.08);
    display: flex;
    justify-content: center;
    align-items: center
}

#tournaments .page-title span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    text-transform: none;
    color: var(--tournaments-page-title-color)
}

#tournaments .page-title svg {
    width: 20px;
    height: 20px;
    margin: 16px;
    color: #ff3434
}

#tournaments .tournaments-filters {
    padding: 12px 16px;
    display: flex;
    overflow-x: auto;
    background-color: var(--tournamets-page-bg)
}

#tournaments .tournaments-filters .filter {
    border-radius: 10px;
    padding: 14px 20px;
    color: var(--tournaments-filters-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -.7px;
    border: 1px solid var(--tournaments-filters-border-color);
    background: 0 0;
    cursor: pointer;
    transition: all .3s;
    text-transform: capitalize;
    margin-right: 4px
}

#tournaments .tournaments-filters:last-child {
    margin-right: 0
}

#tournaments .tournaments-filters .filter.active {
    transition: all .3s;
    background: #ff3434;
    color: #FFF;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32);
    border: 0
}

#tournaments-list .tournaments-list {
    padding: 16px;
    border-top: 1px solid var(--tournaments-page-title-border-color)
}

#tournaments-list {
    background-color: var(--tournamets-page-bg)
}

#tournaments .tournaments-no-data {
    background: var(--tournamets-page-bg);
    color: var(--text-color);
    padding: 16px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom: 1px solid var(--tournaments-page-title-border-color)
}

#tournaments-list .tournaments-card {
    width: 100%
}

#tournaments-list .tournament-image {
    width: 100%;
    position: relative
}

#tournaments-list .tournament-image img {
    width: 100%
}

#tournaments-list .tournament-players {
    border-radius: 10px;
    padding: 8px 12px;
    display: flex;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 8px;
    right: 8px;
    align-items: center
}

#tournaments-list .tournament-players svg {
    color: #FF3434;
    margin-right: 4px
}

#tournaments-list .tournament-players span {
    color: #FFF;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-align: right
}

#tournaments-list .tournament-date {
    position: absolute;
    width: 272px;
    bottom: 3px;
    left: calc(50% - 136px);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center
}

#tournaments-list .tournament-date div {
    margin: 9px 20px;
    font-size: 14px;
    color: var(--tournaments-card-img-color)
}

#tournaments-list .info-container {
    width: 100%;
    border: 1px solid var(--tournaments-filters-border-color);
    border-top: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 8px;
    background-color: var(--tournamets-page-bg)
}

#tournament_info .info-container,#tournaments-list .row-container {
    border-top: 1px solid var(--tournaments-filters-border-color);
    border-bottom: 1px solid var(--tournaments-filters-border-color)
}

#tournaments-list .info-title {
    font-size: 24px;
    line-height: 32px;
    color: var(--tournaments-page-title-color);
    width: 100%;
    padding: 16px 16px 0;
    font-weight: 700
}

#tournaments-list .prize-container {
    display: block;
    padding: 10px 16px 16px
}

#tournaments-list .prize-container span.title {
    font-size: 12px;
    line-height: 16px;
    color: var(--tournaments-card-info-title-color);
    margin-bottom: 12px;
    width: 100%
}

#tournaments-list .prize-container span.value {
    font-size: 24px;
    line-height: 32px;
    color: var(--tournaments-page-title-color);
    margin-bottom: 12px;
    width: 100%
}

#tournaments-list .row-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0
}

#tournaments-list .row-container .title {
    color: var(--tournaments-page-title-color);
    margin-left: 16px
}

#tournaments-list .row-container .value {
    color: var(--tournaments-page-title-color);
    margin-right: 16px;
    text-transform: capitalize
}

#tournaments-list .tournament-btns-container {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#tournaments-list button {
    border-radius: 10px;
    padding: 16px 27px;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    width: 100%;
    cursor: pointer
}

#tournaments-list .detail-button {
    background-color: var(--tournaments-card-detailed-btn-bg);
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.12);
    color: #FFF;
    margin-right: 4px;
    font-weight: 600
}

#tournaments-list .leaderboard-button {
    margin-left: 4px;
    color: var(--tournaments-filters-color);
    background-color: var(--tournaments-card-leaderboard-btn-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600
}

#tournaments-list .leaderboard-button.active {
    margin-left: 4px;
    color: #FFF;
    background-color: #FF3434;
    font-weight: 600;
    box-shadow: inset 0 2px 1px 0 rgba(#FFF,.32)
}

#poker-header,#tournament_info .page-title,#tournament_leaderboard .page-title {
    box-shadow: 0 -1px 0 0 var(--tournaments-page-title-border-color),0 2px 0 0 rgba(255,255,255,.08)
}

#tournaments-list .leaderboard-button>svg {
    margin-left: 4px
}

#tournament_info.wrapper {
    width: 100%
}

#tournament_info .page-title {
    margin-top: 16px;
    width: 100%;
    height: 52px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    justify-content: center;
    align-items: center
}

#tournament_info .page-title span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    text-transform: none;
    color: var(--tournaments-page-title-color)
}

#tournament_info .page-title>svg {
    width: 20px;
    height: 20px;
    margin: 16px;
    color: #ff3434
}

#tournament_info a.back {
    border: 1px solid var(--tournaments-filters-border-color);
    border-radius: 10px;
    padding: 16px 10px;
    margin-right: 16px;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content
}

#tournament_info a.back svg {
    width: 12px;
    height: 8px;
    color: var(--text-color2)
}

#tournament_info a.back::before {
    display: none
}

#tournament_info .info-container {
    width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: 8px;
    background-color: var(--tournamets-page-bg)
}

#tournament_info .tournament-image {
    width: 100%;
    position: relative;
    background-color: transparent;
    padding: 16px
}

#tournament_info .tournament-image img {
    width: 100%;
    border-radius: 10px
}

#tournament_info .info-title {
    font-size: 24px;
    line-height: 32px;
    color: var(--tournaments-page-title-color);
    padding: 0 16px;
    font-weight: 500
}

#tournament_info .prize-container {
    display: block;
    padding: 16px
}

#tournament_info .prize-container span.title {
    font-size: 12px;
    line-height: 16px;
    color: var(--tournaments-card-info-title-color);
    margin-bottom: 12px;
    width: 100%
}

#tournament_info .prize-container span.value {
    font-size: 24px;
    line-height: 32px;
    color: var(--tournaments-page-title-color);
    margin-bottom: 12px;
    width: 100%;
    font-weight: 600
}

#tournament_info .info-table {
    width: 100%;
    padding: 0 16px 16px
}

#tournament_info .info-table-row {
    border: 1px solid var(--tournaments-filters-border-color);
    border-radius: 10px;
    width: 100%;
    display: flex
}

#tournament_info .info-table-row.row-1 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

#tournament_info .info-table-row.row-2 {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0
}

#tournament_info .info-table-row-cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    width: 100%
}

#tournament_info .info-table-row-cell.cell-1,#tournament_info .info-table-row-cell.cell-2 {
    border-right: 1px solid var(--tournaments-filters-border-color)
}

#tournament_info .info-table-row-cell-title,#tournament_info .info-table-row-cell-value {
    font-size: 14px;
    color: var(--tournaments-page-title-color)
}

#tournament_info .btn-wrapper {
    display: flex;
    padding: 16px
}

#tournament_info .your-rank,#tournament_info button {
    border-radius: 10px;
    padding: 16px 27px;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    font-weight: 500;
    width: 100%;
    cursor: pointer
}

#tournament_info .leaderboard-button,#tournament_info .your-rank {
    color: var(--tournaments-filters-color);
    background-color: var(--tournaments-card-leaderboard-btn-bg)
}

#tournament_info .leaderboard-button {
    margin-left: 4px
}

#tournament_info .leaderboard-button.active {
    margin-left: 4px;
    color: #FFF;
    line-height: 20px;
    background-color: #FF3434;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32);
    display: flex;
    justify-content: center;
    align-items: center
}

#tournament_info .leaderboard-button>svg {
    margin-left: 4px
}

#tournament_info .tournaments-rules-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 16px;
    border-top: 1px solid var(--tournaments-filters-border-color);
    background-color: transparent
}

#tournament_info .tournaments-rules-title.active {
    border-bottom: 1px solid var(--tournaments-filters-border-color)
}

#tournament_info .tournaments-rules-title>.rules-title {
    font-size: 17px;
    color: var(--tournaments-page-title-color);
    font-weight: 600
}

#tournament_info .tournaments-rules-title>.icon {
    border-radius: 50%;
    border: 1px solid var(--tournaments-filters-border-color);
    background-color: var(--tournaments-page-title-border-color);
    rotate: 180deg;
    transition: all .3s
}

#tournament_info .tournaments-rules-title>.icon.active {
    rotate: 0deg
}

#tournament_info .tournaments-rules-title>.icon>svg {
    margin: 9px;
    color: var(--tournaments-filters-color)
}

#tournament_info .tournaments-rules-content {
    display: none;
    line-height: 24px
}

#tournament_info .tournaments-rules-content>* {
    padding: 16px
}

#tournament_info .tournaments-rules-content.active {
    display: block
}

#tournament_info .tournaments-rules-content>.title {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 0;
    color: var(--tournaments-page-title-color)
}

#tournament_info .tournaments-rules-content>.text {
    padding-top: 0;
    font-size: 15px;
    color: var(--tournaments-card-info-title-color)
}

#tournament_info .separator {
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 0;
    background-color: var(--tournaments-filters-border-color)
}

#tournament_leaderboard .leaderboard {
    width: 100%
}

#tournament_leaderboard .page-title {
    margin-top: 16px;
    width: 100%;
    height: 52px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    justify-content: center;
    align-items: center
}

#tournament_leaderboard .page-title span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    width: 100%;
    text-transform: none;
    color: var(--tournaments-page-title-color)
}

#tournament_leaderboard .page-title>svg {
    width: 20px;
    height: 20px;
    margin: 16px;
    color: #ff3434
}

#tournament_leaderboard a.back {
    border: 1px solid var(--tournaments-filters-border-color);
    border-radius: 10px;
    padding: 16px 10px;
    margin-right: 16px;
    background: 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content
}

#tournament_leaderboard a.back svg {
    width: 12px;
    height: 8px;
    color: var(--text-color2)
}

#tournament_leaderboard a.back::before {
    display: none
}

#tournament_leaderboard .leaderboard-list {
    padding: 16px;
    background-color: var(--tournamets-page-bg);
    width: 100%
}

#tournament_leaderboard .leaderboard-list-item {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: var(--tournaments-page-title-border-color);
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.08);
    border-radius: 10px;
    margin-bottom: 4px
}

#tournament_leaderboard .leaderboard-list-item.active {
    border: 1px solid #FF3434
}

#tournament_leaderboard .leaderboard-list-item:last-child {
    margin-bottom: 0
}

#tournament_leaderboard .leaderboard-list-item.first {
    background-color: #1AD6701F
}

#tournament_leaderboard .leaderboard-list-item.first>.leaderboard-list-item-index:first-child {
    color: #1AD670
}

#tournament_leaderboard .leaderboard-list-item.second {
    background-color: #F0BB001F
}

#tournament_leaderboard .leaderboard-list-item.second>.leaderboard-list-item-index:first-child {
    color: #F0BB00
}

#tournament_leaderboard .leaderboard-list-item.third {
    background-color: #3485FF1F
}

#tournament_leaderboard .leaderboard-list-item.third>.leaderboard-list-item-index:first-child {
    color: #3485FF
}

#tournament_leaderboard .leaderboard-list-item-index {
    color: var(--tournaments-page-title-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin: auto 26px
}

#tournament_leaderboard .separator {
    width: 2px;
    height: 16px;
    background-color: var(--tournaments-filters-border-color)
}

#tournament_leaderboard .leaderboard-list-item-name {
    color: var(--tournaments-page-title-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    width: fit-content;
    margin-left: 12px
}

#tournament_leaderboard .leaderboard-list-item-points,#tournament_leaderboard .leaderboard-list-item-reward {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    align-items: end;
    padding-right: 16px
}

#tournament_leaderboard .leaderboard-list-item-points {
    align-items: center
}

#tournament_leaderboard .leaderboard-list-item-points>.title,#tournament_leaderboard .leaderboard-list-item-reward>.title {
    font-size: 12px;
    line-height: 16px;
    color: var(--tournaments-filters-color);
    width: fit-content
}

#tournament_leaderboard .leaderboard-list-item-points>.value,#tournament_leaderboard .leaderboard-list-item-reward>.value,#tournament_leaderboard .no-data {
    font-size: 15px;
    line-height: 24px;
    color: var(--tournaments-page-title-color);
    width: fit-content
}

#modal_window .qr-modal .content {
    max-width: calc(var(--vh,1vh) * 100);
    width: 100%;
    margin: 0 auto;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    display: flex;
    height: calc(var(--vh,1vh) * 100 - 40px);
    object-fit: fill
}

#modalClick.qr-content-wrapper {
    position: relative;
    display: block
}

#modalClick img {
    display: block
}

#modalClick .qr-buttons {
    position: absolute;
    bottom: -35px;
    left: 50%;
    width: 95%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 2
}

#modalClick .qr-btn {
    width: 50%;
    padding: 14px;
    border-radius: 16px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    user-select: none
}

#two_factor_authentication_page .auth-section-top {
    display: flex;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 45px;
    padding: 31px 18px 55px;
    background: var(--qr-code-wrapper-bg);
    border-radius: 52px;
    border: 1px dashed var(--mode-colors-border)
}

#two_factor_authentication_page .auth-section-top-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 12px
}

#two_factor_authentication_page .auth-section-col-devider {
    flex-shrink: 0;
    width: 6px;
    height: 192px;
    border-radius: 6px;
    border: 1px solid var(--mode-colors-border)
}

#two_factor_authentication_page .form-col {
    margin-top: 56px
}

#two_factor_authentication_page .auth-section {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#two_factor_authentication_page .auth-section-col {
    display: block;
    width: 100%
}

#two_factor_authentication_page .auth-section-col.no-paddings {
    padding: 0
}

#two_factor_authentication_page .auth-section-col:last-child {
    padding-bottom: 0
}

#two_factor_authentication_page .sections-devider {
    width: 100%;
    height: 6px;
    border-radius: 6px;
    border: 1px solid var(--mode-colors-border)
}

#two_factor_authentication_page .auth-section-title {
    margin: 32px 0;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display);
    font-size: 20px;
    font-weight: 450;
    line-height: 21px;
    letter-spacing: -1.2px;
    text-transform: uppercase;
    text-align: center
}

#two_factor_authentication_page .auth-section-text-block {
    color: var(--mode-colors-explanation);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -.8px
}

#two_factor_authentication_page .auth-section-text-block.center {
    text-align: center
}

#two_factor_authentication_page .auth-section-link {
    color: var(--mode-colors-danger-base);
    font-weight: 500
}

#two_factor_authentication_page .auth-section-title-small {
    width: 100%;
    margin-bottom: 40px;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display);
    font-size: 16px;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    text-align: center
}

#two_factor_authentication_page .auth-section-form-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 370px;
    margin: 0 auto
}

#login_form .code-input-wrapper,#two_factor_authentication_page .code-input-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 5px;
    margin: 39px 0 56px
}

#login_form .code-input-wrapper input,#two_factor_authentication_page .code-input-wrapper input {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    padding: 0!important;
    height: 47px;
    border-radius: 12px!important;
    border: 1px solid var(--mode-colors-border)!important;
    background: 0 0;
    color: var(--mode-colors-main);
    font-family: var(--font-family-sf-pro-display)!important;
    font-size: 18px!important;
    font-weight: 450!important;
    line-height: 16px!important;
    letter-spacing: -.96px;
    text-transform: uppercase;
    text-align: center
}

#login_form .code-input-wrapper input:focus,#two_factor_authentication_page .code-input-wrapper input:focus {
    border-color: var(--mode-colors-main)!important;
    outline: 0
}

#login_form .auth-button,#two_factor_authentication_page .auth-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 182px;
    height: 41px;
    margin: 0 auto 40px;
    padding: 0 16px;
    border-radius: 42px;
    background: var(--design-colors-primary-opacity);
    backdrop-filter: blur(6px);
    outline: 0;
    border: none;
    color: var(--design-colors-primary-base);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    text-transform: capitalize
}

#authentication_disabled h1.auth-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--two-auth-header-text);
    margin-bottom: 16px
}

#authentication_disabled span.auth-text {
    color: var(--two-auth-text);
    font-weight: 500;
    font-size: 15px;
    line-height: 24px
}

#authentication_disabled section.auth-body-section-1,#authentication_disabled section.auth-body-section-2,#authentication_disabled section.auth-body-section-3,#authentication_disabled section.auth-body-section-4 {
    margin: 16px 16px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--two-auth-border)
}

#authentication_disabled .auth-body-buttons-wrapper {
    margin-top: 24px
}

#authentication_disabled a.auth-body-section-link {
    margin-right: 8px
}

#authentication_disabled img.auth-secret-key {
    width: 144px;
    height: 144px;
    margin-top: 24px
}

#authentication_disabled img.input-icon {
    width: 16px;
    height: 16px;
    margin: 12px
}

#authentication_disabled span.copied-text {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 12px
}

#authentication_disabled span.copied-text.copied {
    display: block
}

#authentication_disabled div.auth-field-code {
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    max-width: 468px;
    padding: 0 12px;
    border: 1px solid var(--two-auth-border);
    background-color: var(--two-auth-input-bg);
    border-radius: 10px;
    color: var(--two-auth-text);
    margin-top: 16px;
    position: relative
}

#authentication_disabled .input-text {
    width: 100%
}

#authentication_disabled div.auth-field-code input {
    background: 0 0;
    outline: 0;
    border: none;
    color: var(--two-auth-text);
    padding: 0
}

#authentication_disabled button.submit {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 0 12px;
    background: #FF3434;
    border-radius: 10px;
    color: #FFF;
    margin-top: 24px;
    line-height: 42px;
    cursor: pointer;
    border: 0;
    float: none
}

#authentication_disabled button.submit img.submit-icon {
    width: 12px;
    height: 8px;
    color: #FFF
}

#authentication_disabled .result {
    padding: 0;
    margin: 0;
    background-color: transparent
}

#authentication_enabled,#login_form .login-form-code-form,#login_form div.auth-header-wrapper,#login_form p.login-text {
    background-color: var(--two-auth-header-bg)
}

#authentication_disabled .result .error {
    position: absolute;
    left: 12px;
    bottom: -20px;
    padding: 0;
    -webkit-box-sizing: none;
    -moz-box-sizing: none;
    box-sizing: none;
    color: #ff3434;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#authentication_enabled {
    padding: 0 16px 16px
}

#authentication_enabled .auth-section-top-title-enabled {
    color: var(--text-color2);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

#authentication_enabled .auth-section-title {
    font-size: 18px;
    color: var(--text-color)
}

#authentication_enabled p.auth-section-text {
    margin: 8px 0;
    color: var(--text-color2);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

#authentication_enabled .auth-section-devider {
    width: 100%;
    height: 2px;
    background-color: var(--history-border);
    margin: 8px 0 12px
}

#authentication_enabled .auth-input-wrapper {
    margin: 16px 0 8px;
    max-width: 370px
}

#authentication_enabled .auth-input-wrapper input {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    height: 52px;
    border-radius: 10px;
    border: 1px solid var(--history-border);
    background: 0 0;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 450;
    line-height: 16px;
    letter-spacing: -.96px;
    text-transform: uppercase
}

#authentication_enabled .auth-input-wrapper input:focus-visible {
    outline: 0
}

#authentication_enabled .auth-input-wrapper input::placeholder {
    color: var(--text-color2);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.8px;
    text-transform: uppercase
}

#authentication_enabled .auth-button {
    background-color: #ff3636;
    color: #FFF;
    font-size: 14px;
    border-radius: 10px;
    display: flex;
    padding: 14px 20px;
    align-items: center;
    text-align: center;
    box-shadow: inset 0 2px 1px 0 rgba(255,255,255,.32);
    width: 100%;
    max-width: 370px;
    border: 0
}

#authentication_enabled .result.text {
    background-color: transparent;
    color: #ff3636;
    padding: 0;
    margin-left: 8px;
    margin-bottom: 8px;
    display: block
}

#login_form div.auth-header-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    border-top: 1px solid var(--two-auth-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 52px
}

#login_form img.auth-header-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

#login_form h1.auth-header-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    color: var(--two-auth-header-text)
}

#login_form p.login-text {
    text-align: center;
    color: var(--text-color2)
}

#login_form .login-form-code-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0
}

#login_form .code-input-wrapper {
    margin: 0 0 24px
}

#login_form .code-input-wrapper .Verification-code-item {
    border-radius: 10px!important;
    border-color: var(--two-auth-border)!important
}

#login_form .auth-button {
    border-radius: 10px
}

#login_form .error-block {
    margin-top: -20px;
    width: 100%;
    max-width: 370px
}

#modal_window.confirm-phone-modal {
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    top: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    backdrop-filter: blur(4px)
}

#confirm_phone_modal.confirm-phone-modal-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh
}

#confirm_phone_modal .confirm-phone-modal-inner {
    background: #363E48;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 584px;
    max-height: calc(100vh - 30%);
    margin: auto auto 0;
    position: relative
}

#confirm_phone_modal .modal-content-wrapper::-webkit-scrollbar {
    width: 2px
}

#confirm_phone_modal .modal-content-wrapper::-webkit-scrollbar-track {
    margin-top: 16px;
    margin-bottom: 16px
}

#confirm_phone_modal .modal-content-wrapper::-webkit-scrollbar-thumb {
    width: 2px;
    border-radius: 12px;
    background: #485362;
    box-shadow: inset 0 0 0 1px #485362;
    cursor: pointer
}

#confirm_phone_modal .modal-content-header {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 48px;
    padding: 0 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #414B57
}

#confirm_phone_modal .modal-content-wrapper {
    height: 60vh;
    overflow-y: auto
}

#confirm_phone_modal .modal-content-header-icon {
    width: 16px;
    height: 16px
}

#confirm_phone_modal .modal-content-header-title {
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    font-weight: 700;
    width: 100%
}

#confirm_phone_modal .modal-content-about {
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    line-height: 18px;
    margin: 12px 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #414B57
}

#confirm_phone_modal .error-message {
    margin-top: 0;
    width: 100%
}

#confirm_phone_modal .error-message div {
    background-color: #FF34340A;
    border: 1px solid;
    width: 100%!important;
    padding: 12px 16px!important;
    text-align: center;
    color: #FFF!important;
    border-radius: 10px;
    margin: 4px 0!important
}

#confirm_phone_modal .form-wrapper {
    padding: 0 16px;
    width: 100%
}

#confirm_phone_modal .form-label {
    display: inline-block;
    padding: 0 16px;
    margin-bottom: 12px;
    color: #C4CDD7;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

#confirm_phone_modal .modal-form {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    position: relative
}

#confirm_phone_modal .intl-tel-input .flag-dropdown {
    left: 24px
}

#confirm_phone_modal .form-input {
    display: flex;
    align-items: center;
    height: 52px;
    padding-left: 36px;
    border-radius: 12px;
    background: 0 0;
    border: 1px solid #485362;
    color: #C4CDD7;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.8px;
    width: 100%
}

#confirm_phone_modal .form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
    padding: 0 16px;
    border-radius: 12px;
    border-color: transparent;
    background: #FF3434;
    box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.32);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.8px;
    transition: background-color .15s linear;
    cursor: pointer;
    width: 100%
}

#confirm_phone_modal .modal-list-block {
    width: calc(100% - 48px);
    margin: 16px 12px
}

#confirm_phone_modal .modal-list-title {
    color: #FFF;
    padding-left: 24px;
    font-size: 17px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -.96px;
    text-transform: uppercase;
    margin-bottom: 12px
}

#confirm_phone_modal .modal-list .modal-list-text {
    color: #C4CDD7;
    font-size: 15px;
    height: auto;
    margin-bottom: 4px
}

#confirm_phone_modal .modal-content-header-close {
    cursor: pointer
}

#confirm_phone_modal .modal-form .phone-icon {
    position: absolute;
    top: 16px;
    left: 12px
}

.tab_filters {
    background-color: var(--content-bg-color);
    display: flex;
    column-gap: 4px;
    align-items: center;
    padding: 4px 16px;
    box-shadow: 0 -1px 0 0 var(--border-color) inset
}

.tab_filters .item {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 8px 16px;
    color: var(--text-color2);
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    letter-spacing: -.24px
}

.tab_filters .item svg path {
    fill: var(--text-color2)
}

.tab_filters .item.active {
    border-radius: 10px;
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset;
    color: #FFF
}

.tab_filters .item.active svg path {
    fill: #fff
}

.header_other_games {
    display: flex;
    align-items: center;
    column-gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--border-color)
}

.header_other_games .text_header {
    color: var(--text-color4);
    font-size: 17px;
    font-style: normal;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

.game-item_other .sub_title,.game-item_other .title {
    max-width: 113px;
    font-size: 12px;
    letter-spacing: -.24px;
    line-height: 16px;
    text-overflow: ellipsis
}

.game_content_other {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3,minmax(110px,1fr));
    row-gap: 16px;
    column-gap: 8px;
    padding: 16px
}

.game_content_other .slot_item_other {
    width: 100%
}

.game-item_other {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.game-item_other .wr_img {
    position: relative;
    border-radius: 10px
}

.game-item_other .wr_img img {
    width: 100%;
    min-height: 158px;
    object-fit: fill;
    border-radius: 10px
}

.game-item_other .wr_img .content_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(22,27,33,.5);
    box-shadow: 0 0 20px 0 rgba(22,27,33,.4) inset;
    backdrop-filter: blur(8px);
    padding: 8px
}

.game-item_other .wr_img .content_shadow .row_top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 4px;
    margin-bottom: 11px
}

.game-item_other .wr_img .content_shadow .row_top span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 14px;
    background: #161B21
}

.game-item_other .wr_img .content_shadow .play_btn_wr {
    display: flex;
    justify-content: center;
    align-items: center
}

.game-item_other .title {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    color: var(--text-color4);
    text-align: center;
    font-weight: var(--semi-bold)
}

.game-item_other .sub_title {
    display: flex;
    justify-content: center;
    overflow: hidden;
    color: var(--text-color6);
    text-align: center;
    width: 100%;
    font-style: var(--semi-bold);
    font-weight: 400
}

.wr_account_menu {
    padding: 16px;
    background-color: var(--bg-color)
}

.wr_account_menu .container_menu_account {
    background-color: var(--content-bg-color);
    border-radius: 10px;
    box-shadow: -1px -1px 0 0 var(--border-color) inset
}

.wr_account_menu .container_menu_account .top_header {
    padding: 16px 20px;
    border-radius: 10px 10px 0 0;
    box-shadow: -1px -1px 0 0 var(--border-color) inset;
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.wr_account_menu .container_menu_account .top_header .top_balance {
    display: flex;
    column-gap: 12px;
    align-items: center
}

.wr_account_menu .container_menu_account .top_header .top_balance .info_left {
    display: flex;
    column-gap: 12px;
    align-items: center;
    flex: 1
}

.wr_account_menu .container_menu_account .top_header .top_balance .info_left .text_info {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.wr_account_menu .container_menu_account .top_header .top_balance .info_left .text_info .name_user {
    overflow: hidden;
    color: var(--text-color5);
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    letter-spacing: -.28px
}

.wr_account_menu .container_menu_account .top_header .top_balance .info_left .text_info .wr_balance {
    overflow: hidden;
    color: var(--text-color4);
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.34px
}

.wr_account_menu .container_menu_account .top_header .top_balance .notifications_message {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: var(--layer-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.wr_account_menu .container_menu_account .top_header .top_balance .notifications_message svg path {
    fill: var(--svg-color)
}

.wr_account_menu .container_menu_account .top_header .top_balance .notifications_message .counter_messages {
    position: absolute;
    padding: 4px;
    border-radius: 50%;
    display: flex;
    width: 16px;
    height: 16px;
    top: -6px;
    right: -4px;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.24px;
    background-color: var(--primary-color)
}

.wr_account_menu .container_menu_account .top_header .top_balance .logout_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--layer-bg-color)
}

.wr_account_menu .container_menu_account .top_header .top_balance .logout_btn svg path {
    fill: var(--svg-color)
}

.wr_account_menu .container_menu_account .top_header .wr_btn_deposits {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.wr_account_menu .container_menu_account .top_header .wr_btn_deposits a {
    flex: 1;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    padding: 16px 20px;
    color: #FFF;
    font-size: 14px;
    font-weight: var(--bold);
    line-height: 20px;
    letter-spacing: -.28px;
    border-radius: 10px
}

.wr_account_menu .container_menu_account .top_header .wr_btn_deposits .btn_withdrawal {
    background: #1AD670;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.wr_account_menu .container_menu_account .top_header .wr_btn_deposits .btn_deposit {
    background: #FF3434;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,.32) inset
}

.wrapper_button_balance {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    width: 100%
}

.wrapper_button_balance .last_bonus,.wrapper_button_balance .last_deposit {
    width: 100%;
    display: flex;
    column-gap: 12px;
    padding: 12px 16px;
    height: 36px;
    align-items: center;
    border-radius: 8px;
    font-size: 14px;
    font-style: normal;
    color: var(--text-color);
    font-weight: var(--semi-bold);
    line-height: 20px;
    background-color: var(--bg-button-deposit)
}

#list_menu_account #sub_menu .title_sub_menu,#list_menu_account .item_link a,#list_menu_account .logout_link {
    height: 48px;
    padding: 16px 20px;
    box-shadow: -1px -1px 0 0 var(--border-color) inset;
    background-color: var(--btn-bg-color);
    display: flex;
    column-gap: 12px
}

.wrapper_button_balance .last_bonus .text_last,.wrapper_button_balance .last_deposit .text_last {
    flex: 1
}

#list_menu_account {
    list-style: none
}

#list_menu_account .item_link a {
    align-items: center
}

#list_menu_account .item_link svg path {
    fill: var(--svg-color)
}

#list_menu_account .item_link span {
    color: var(--text-color15);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

#list_menu_account .item_link:last-child {
    border-radius: 0 0 10px 10px
}

#list_menu_account #sub_menu .title_sub_menu,#list_menu_account .logout_link {
    align-items: center
}

#list_menu_account #sub_menu .title_sub_menu .text {
    flex: 1
}

#list_menu_account #sub_menu .title_sub_menu .arrow svg {
    transform: rotate(180deg);
    transition: .3s all
}

#list_menu_account #sub_menu #list_menu_account_sub_list {
    list-style: none
}

#list_menu_account #sub_menu #list_menu_account_sub_list .item_link_sub a {
    background-color: inherit
}

#list_menu_account #sub_menu #list_menu_account_sub_list .item_link_sub:last-child {
    border-radius: 0
}

#list_menu_account #sub_menu.open .title_sub_menu .arrow svg {
    transform: rotate(0)
}

#playerInfoContent .playerInfoWrap.account-limits-category {
    padding: 16px 0
}

#playerInfoContent .playerInfoWrap.account-limits-category .account-content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

#playerInfoContent .playerInfoWrap.account-limits-category .limit-text {
    color: var(--text-color6);
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -.3px
}

#playerInfoContent .playerInfoWrap.account-limits-category .line {
    width: 100%;
    height: 2px;
    background: var(--border-color)
}

#playerInfoContent .playerInfoWrap.account-limits-category .label {
    color: var(--text-color5);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.28px;
    padding: 0 0 12px 20px;
    display: flex;
    align-items: center;
    gap: 4px
}

#playerInfoContent .playerInfoWrap.account-limits-category .label.required::after {
    content: url(../../i/supertotobet_v3/mobile/common/input-label-icon.svg)
}

#playerInfoContent .playerInfoWrap.account-limits-category #create_limit_form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

#playerInfoContent .playerInfoWrap.account-limits {
    padding: 16px 0
}

#playerInfoContent .playerInfoWrap.account-limits .account-content {
    display: flex;
    flex-direction: column;
    gap: 8px
}

#playerInfoContent .playerInfoWrap.account-limits .limit-container {
    width: 100%;
    border-radius: 10px;
    background-color: var(--auth-switcher-age-bg-color);
    padding: 16px;
    box-shadow: 0 2px 0 0 #FFF0A inset
}

#playerInfoContent .playerInfoWrap.account-limits .limit-container img {
    width: 32px;
    height: 32px
}

#playerInfoContent .playerInfoWrap.account-limits .limit-container-title {
    display: flex;
    align-items: center;
    gap: 12px
}

#playerInfoContent .playerInfoWrap.account-limits .limit-container-title h3 {
    color: var(--mode-colors-main);
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.3px
}

#playerInfoContent .playerInfoWrap.account-limits .limit-container-text {
    color: var(--text-color6);
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.28px;
    margin: 16px 0 12px
}

#poker-header,.back-call_supertotobet_v3 {
    margin-top: 16px
}

.back-call_supertotobet_v3 .back-call__header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    column-gap: 12px;
    height: 52px;
    border-radius: 12px 12px 0 0;
    background: var(--content-heading-bg-color);
    box-shadow: 0 2px 0 0 var(--layer-bg-color15) inset,0 -1px 0 0 var(--border-color) inset
}

.back-call_supertotobet_v3 .back-call__header .title-text {
    flex: 1;
    color: var(--text-color4);
    font-size: 20px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.4px
}

.back-call_supertotobet_v3 .back-call__header .btn_back {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--info-line-border-color);
    background: var(--content-bg-color)
}

.back-call_supertotobet_v3 .back-call__header .btn_back svg path {
    fill: var(--svg-color5)
}

.back-call_supertotobet_v3 .back-call__body {
    padding: 16px;
    background-color: var(--content-bg-color)
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 16px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .form-placeholder {
    padding: 0 20px;
    display: flex;
    align-items: center;
    column-gap: 4px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .form-placeholder span {
    color: #C4CDD7;
    font-size: 14px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper {
    display: flex;
    column-gap: 12px;
    align-items: center;
    border-radius: 10px;
    border-top: 2px solid var(--info-line-border-color);
    background: var(--btn-bg-color3);
    height: 48px;
    padding: 0 24px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper.back-call-agent-select {
    padding: 0;
    position: relative
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper.back-call-agent-select .form-icon_back_call {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    z-index: 1
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper input {
    padding: 16px 0;
    color: var(--text-color4);
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper input::placeholder {
    color: #C4CDD7!important;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper .select_holder {
    position: relative;
    max-width: 100%;
    width: 100%;
    flex: 1
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper .select_holder #back_call_agent {
    padding: 15px 24px 15px 52px;
    height: 100%;
    border: none!important;
    outline: 0
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper .select_holder #back_call_agent option {
    background-color: var(--two-auth-main-bg);
    color: var(--text-color4);
    font-size: 15px;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px;
    padding: 5px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .input-wrapper .select_holder .arrow_select {
    position: absolute;
    top: 12px;
    right: 24px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .textarea_wrapper {
    padding: 20px 24px;
    height: 240px;
    align-items: flex-start
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .textarea_wrapper .icon_area {
    padding-top: 5px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .textarea_wrapper .input-holder__textarea {
    height: 100%;
    width: 100%;
    max-width: 100%;
    flex: 1
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .textarea_wrapper .input-holder__textarea textarea {
    padding: 0;
    height: 100%;
    color: var(--text-color4)!important;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

.back-call_supertotobet_v3 .back-call__body #back_call_form .wrap_element .textarea_wrapper .input-holder__textarea textarea::placeholder {
    color: #C4CDD7!important;
    font-size: 15px;
    font-style: normal;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.3px
}

#poker-header {
    width: 100%;
    height: 52px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid var(--tournaments-page-title-border-color)
}

#poker-header span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    width: 100%;
    text-transform: none;
    color: var(--tournaments-page-title-color)
}

#poker-header svg {
    width: 20px;
    height: 20px;
    margin: 16px;
    color: #ff3434
}

#poker_title_block {
    background-color: var(--bg-color);
    padding: 16px 0;
    width: unset
}

.container_balance .content_balance,.main-content {
    background-color: var(--btn-bg-color3);
    display: flex
}

.banner_poker img {
    height: 280px;
    width: 100%
}

.container_balance {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 92px
}

.container_balance .content_balance {
    column-gap: 12px;
    align-items: center;
    height: 92px;
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    z-index: 2
}

.container_balance .content_balance .wr_img {
    width: 100%;
    max-width: 36px;
    height: 36px
}

.container_balance .content_balance .wr_img img {
    width: 100%;
    height: 100%
}

.container_balance .content_balance .balance_wr {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 10px
}

.container_balance .content_balance .balance_wr .text_balance {
    color: var(--text-color6);
    font-size: 14px;
    font-weight: var(--semi-bold)
}

.container_balance .content_balance .balance_wr .count_balance {
    color: var(--text-color4);
    font-size: 24px;
    font-weight: var(--bold)
}

.container_balance .content_balance .user_counter {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: center
}

.container_balance .content_balance .user_counter .text_counter {
    color: var(--text-color6);
    font-size: 14px;
    font-weight: var(--semi-bold)
}

.container_balance .content_balance .user_counter .counter {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.container_balance .content_balance .user_counter .counter .count {
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold)
}

.main-content {
    width: 100%;
    padding: 16px 0;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center
}

.main-content .item {
    border-radius: 10px;
    background-color: var(--layer-bg-color17);
    border: 1px solid var(--border-color);
    margin: 0 16px;
    width: 100%
}

.main-content .item .header {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    position: relative
}

.main-content .item .header .left_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    align-items: flex-start;
    padding: 20px
}

.main-content .item .header .left_content .icon_game {
    width: 32px;
    height: 32px
}

.main-content .item .header .left_content .icon_game img {
    width: 100%;
    height: 100%
}

.main-content .item .header .left_content .item_title {
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--semi-bold);
    line-height: 24px;
    letter-spacing: -.34px
}

.main-content .item .header .left_content .item_status {
    font-size: 12px;
    font-weight: var(--semi-bold);
    line-height: 16px;
    letter-spacing: -.24px
}

.main-content .item .header .left_content .online {
    color: #1ad670
}

.main-content .item .header .left_content .offline {
    color: var(--text-color2)
}

.main-content .item .header .right_content {
    position: absolute;
    top: 8px;
    right: 8px
}

.main-content .item .main_content_card .row_item {
    border-bottom: 1px solid var(--border-color);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    height: 36px;
    column-gap: 10px;
    font-size: 14px;
    color: var(--text-color6);
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px
}

.main-content .item .main_content_card .row_item .text_balance,.main-content .item .main_content_card .row_item .user_text {
    flex: 1
}

.main-content .item .main_content_card .wr_btn {
    padding: 12px 16px
}

.main-content .item .main_content_card .wr_btn .add_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    width: 100%;
    height: 44px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: var(--semi-bold);
    line-height: 20px;
    letter-spacing: -.28px;
    border: none;
    cursor: pointer;
    background-color: #FF3434;
    color: #FFF;
    text-transform: uppercase
}

#request_bonus .back-call__title,#request_bonus .profile_top_menu.bonus-line {
    border-bottom: 1px solid var(--border-color7);
    background-color: var(--content-bg-color)
}

.main-content .item .main_content_card .wr_btn .add_btn svg {
    color: #FFF
}

.main-content .item .main_content_card .wr_btn .disabled {
    background-color: var(--bg-color);
    color: #abb5c2
}

.main-content .item .main_content_card .wr_btn .disabled svg {
    color: #abb5c2
}

.main-content .item .main_content_card .wr_btn .active {
    background-color: #ff3434;
    color: #fff
}

.main-content .item .main_content_card .wr_btn .active svg {
    color: #fff
}

#poker_slider .main-slider .swiper-container {
    padding: 58px 0 0
}

#request_bonus {
    padding-top: 16px;
    background-color: var(--bg-color)
}

#request_bonus .header-title {
    position: relative;
    width: 100%;
    height: 52px;
    padding: 16px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    align-items: center;
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 var(--two-auth-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#request_bonus .header-title .icon {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

#request_bonus .header-title .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%;
    font-weight: 700
}

#request_bonus .profile_top_menu.bonus-line {
    padding-left: 16px;
    padding-right: 16px
}

#request_bonus .home_inner_top_item button {
    border-radius: 10px
}

#request_bonus .back-call__title {
    padding: 16px
}

#request_bonus .back-call__title p.title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
    line-height: 20px;
    padding: 0;
    margin: 0 0 12px
}

#request_bonus .back-call__title p.text {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-color2);
    line-height: 24px;
    padding: 0
}

#request_bonus .back-call__body {
    padding: 16px;
    background: var(--content-bg-color)
}

#request_bonus_form .input-wrap {
    background-color: transparent!important;
    padding-bottom: 0;
    flex: 1
}

#request_bonus_form .input-wrap .input-holder {
    width: 100%;
    max-width: none;
    height: auto;
    flex: none
}

#request_bonus_form .form-placeholder {
    display: flex;
    color: var(--text-color5);
    font-size: 15px;
    margin-left: 24px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -.28px;
    margin-bottom: 12px
}

#request_bonus_form .form-placeholder span {
    position: relative;
    font-size: 16px
}

#request_bonus_form .form-placeholder span:after {
    content: '';
    position: absolute;
    top: 3px;
    right: -15px;
    bottom: unset;
    width: 10px;
    height: 10px;
    margin: 0;
    background: url(/assets/images/reqiuried.svg) left no-repeat
}

#request_bonus_form textarea.textbox {
    width: 100%;
    max-width: none;
    height: 268px;
    font-size: 15px;
    color: var(--text-color2);
    padding: 12px;
    border-radius: 10px!important;
    border-style: solid
}

form#request_bonus_form .custom-select .dropdown {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 12
}

form#request_bonus_form .custom-select .icon {
    position: absolute;
    left: 20px;
    top: 16px;
    z-index: 12
}

form#request_bonus_form .options {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    border-radius: 10px;
    background-color: var(--history-modal-bg);
    z-index: 13;
    padding: 12px 12px 20px;
    border: 1px solid var(--border-color4);
    height: fit-content
}

form#request_bonus_form #bonus_subtypes_select .options.show {
    z-index: 10
}

form#request_bonus_form .option {
    padding: 16px 20px;
    cursor: pointer;
    border: 1px solid var(--border-color4);
    background-color: transparent;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

form#request_bonus_form .option:last-child {
    margin-bottom: 0
}

form#request_bonus_form .option .cub {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    margin-left: auto;
    border: 1px solid var(--two-auth-border)
}

form#request_bonus_form .option.active .cub {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #FF3434;
    display: flex;
    align-items: center;
    justify-content: center
}

form#request_bonus_form .option.active {
    background-color: var(--layer-bg-color6)
}

form#request_bonus_form .options.show {
    display: block!important
}

form#request_bonus_form .back-call__ticket {
    border: none;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 12px;
    margin: 0 16px;
    background-color: transparent;
    text-align: left
}

form#request_bonus_form .back-call__ticket .color-green {
    color: #1AD670
}

form#request_bonus_form .back-call__ticket .color-red {
    color: #ff3434
}

form#request_bonus_form #back_call_submit {
    font-size: 16px;
    border-radius: 10px
}

#request_bonus .history-table-header {
    margin-top: 16px
}

#request_bonus .history-table-header .text {
    color: var(--text-color);
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 12px;
    font-weight: 600
}

#request_bonus .wrapper-line {
    background-color: var(--tournaments-page-title-border-color);
    width: 100%;
    height: 2px
}

#request_bonus .wrapper-line .line {
    background-color: #ff3434;
    height: 2px;
    width: 40px
}

#request_bonus #list_item.history-details-link {
    margin: 4px 0
}

#request_bonus .transactions_item_inner {
    margin-top: 12px
}

#request_bonus #list_item .section-1 .title {
    margin: 0
}

#request_bonus #list_item .section-1 .text span {
    text-overflow: ellipsis;
    font-size: 16px
}

#request_bonus #list_item .section-1 {
    height: auto
}

#request_bonus #list_item .section-2 .info:first-child {
    align-items: flex-start
}

#request_bonus #list_item .section-2 .info:last-child {
    align-items: flex-end
}

#request_bonus #list_item .section-2 {
    color: var(--text-color2);
    height: auto
}

#request_bonus #list_item .section-2 .info .value.approved {
    color: #1AD670
}

#request_bonus #list_item .section-2 .info .value.pending {
    color: #FF9000
}

#request_bonus #list_item .section-2 .info .value.declined {
    color: #ff3434
}

#request_bonus #list_item .section-3 {
    border-top: 1px solid var(--history-border)
}

#request_bonus #list_item .section-3.section-1 {
    border: 0;
    border-top: 1px solid var(--history-border)
}

#my_withdrawal_requests #transaction_detail {
    background-color: var(--mode-colors-background);
    padding-top: 16px
}

#my_withdrawal_requests #transaction_detail .header {
    width: 100%;
    height: 52px;
    padding: 16px;
    background-color: var(--tournaments-page-title-bg);
    display: flex;
    align-items: center;
    box-shadow: inset 0 -1px 0 0 var(--two-auth-border),inset 0 2px 0 0 var(--two-auth-border);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

#my_withdrawal_requests #transaction_detail .header svg {
    margin-right: 12px
}

#my_withdrawal_requests #transaction_detail .header .title {
    font-size: 20px;
    line-height: 24px;
    color: var(--text-color);
    width: 100%
}

#my_withdrawal_requests #transaction_detail .header a.btn-back {
    width: 36px;
    height: 36px;
    border: 1px solid var(--two-auth-border);
    border-radius: 10px;
    background-color: transparent
}

#my_withdrawal_requests #transaction_detail .header a.btn-back::before {
    display: none
}

#my_withdrawal_requests #transaction_detail .header a.btn-back svg {
    width: 12px;
    height: 10px;
    margin: 0
}

#my_withdrawal_requests #transaction_detail .list {
    padding: 16px;
    background-color: var(--tournaments-page-title-bg)
}

#my_withdrawal_requests #transaction_detail .list .row {
    background-color: var(--history-header-bg);
    height: 44px;
    display: flex;
    border-radius: 10px;
    padding: 17px 20px;
    justify-content: space-between;
    margin-bottom: 4px
}

#my_withdrawal_requests #transaction_detail .row.reason {
    background-color: #FF343414;
    border: 1px solid;
    justify-content: flex-start;
    gap: 8px;
    color: #FFF;
    flex-wrap: inherit;
    height: auto;
    align-items: center
}

#my_withdrawal_requests,#my_withdrawal_requests~.pagination,body,html {
    background-color: var(--mode-colors-background)
}

#my_withdrawal_requests #transaction_detail .list .row .key,#my_withdrawal_requests #transaction_detail .list .row .value {
    font-size: 15px;
    line-height: 15px;
    color: var(--text-color)
}

#my_withdrawal_requests #transaction_detail .list .row .value.approved {
    color: #1AD670
}

#my_withdrawal_requests #transaction_detail .list .row .value.declined {
    color: #ff3434
}

#my_withdrawal_requests {
    padding-top: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

#my_withdrawal_requests .history-table-header {
    height: 52px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-top: 1px solid #424953;
    border-bottom: 1px solid #424953;
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 12px;
    font-size: 20px;
    color: #FFF;
    font-weight: 700
}

.list-wrapper {
    display: block
}

.list-header {
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 16px
}

.list-header-item:first-child {
    text-align: start;
    flex: 2
}

.list-header-item {
    flex: 1;
    text-align: center;
    color: #C4CDD7;
    font-size: 14px;
    font-weight: 600
}

#my_withdrawal_requests #list_item {
    height: 56px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0 16px;
    margin-bottom: 4px;
    background-color: #414B57;
    position: relative;
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.04)
}

#my_withdrawal_requests #list_item .amount,#my_withdrawal_requests #list_item .method,#my_withdrawal_requests #list_item .status {
    flex: 1;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    color: #FFF;
    text-transform: capitalize
}

#my_withdrawal_requests #list_item .method .date {
    color: #C4CDD7;
    font-size: 12px;
    font-weight: 600
}

#my_withdrawal_requests #list_item .method {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: start
}

#my_withdrawal_requests #list_item .status {
    color: #FF9000
}

#my_withdrawal_requests #list_item .status.declined {
    color: #ff3434
}

#my_withdrawal_requests #list_item .status.approved {
    color: #1AD670
}

#my_withdrawal_requests #list_item .reason_player_button {
    position: absolute;
    top: 4px;
    right: 4px
}

#my_withdrawal_requests #list_item .reason_player_button svg,#my_withdrawal_requests .reason_player svg:first-child {
    color: #cfd7e0;
    height: 21px;
    width: 21px
}

#my_withdrawal_requests #close_reason_player,#my_withdrawal_requests #close_reason_player svg {
    height: 16px;
    width: 16px
}

#my_withdrawal_requests .reason_player {
    background-color: #FF343414;
    border: 1px solid;
    padding: 16px;
    display: none;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    margin: 0 16px
}

#deposit_streak_bonus_modal .bonus-code-wrapper,.deposit-streak-bonus-wrapper {
    position: fixed;
    height: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    z-index: 1001;
    backdrop-filter: blur(4px);
    width: 100%;
    display: flex
}

#my_withdrawal_requests .reason_player span {
    width: 100%
}

.deposit-streak-bonus-wrapper {
    background: 0 0;
    left: 0;
    bottom: 0;
    align-items: end
}

#deposit_streak_bonus_modal {
    display: none
}

#deposit_streak_bonus_modal .bonus-code-wrapper {
    background: var(--blur-modal);
    left: 0;
    top: 0;
    flex-direction: column
}

#deposit_streak_bonus_modal .popup-container {
    overflow-y: auto;
    background: var(--content-bg-color);
    width: 100%;
    margin-top: auto;
    border-radius: 10px 10px 0 0;
    position: relative
}

#deposit_streak_bonus_modal .popup-close {
    top: 0;
    right: 16px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

#deposit_streak_bonus_modal .popup-head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
    column-gap: 12px;
    padding: 12px 16px;
    height: 48px;
    color: var(--text-color4);
    font-size: 17px;
    font-weight: var(--bold);
    line-height: 24px;
    letter-spacing: -.34px
}

#deposit_streak_bonus_modal {
    background-color: #363E48;
    border-radius: 10px
}

#deposit_streak_bonus_modal .popup-head span {
    width: 100%
}

#deposit_streak_bonus_modal .popup-close {
    position: inherit;
    width: auto
}

#deposit_streak_bonus_modal .modal-bonus-about {
    padding: 16px 16px 0;
    text-align: center
}

#deposit_streak_bonus_modal .modal-bonus-about-title {
    color: #FFF;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px
}

#deposit_streak_bonus_modal .modal-bonus-about-text {
    font-size: 15px;
    color: #D3DBE5;
    line-height: 15px;
    font-weight: 600
}

#deposit_streak_bonus_modal .progress-bar-wrapper {
    background-color: #2A3038;
    border-radius: 10px;
    padding: 12px;
    margin: 16px
}

#deposit_streak_bonus_modal .progress-bar-title {
    color: #D3DBE5;
    font-size: 15px;
    font-weight: 600;
    flex: 1;
    max-width: 65px
}

#deposit_streak_bonus_modal .progress-bar-content-header {
    margin-bottom: 8px;
    margin-left: 65px
}

#deposit_streak_bonus_modal .progress-bar-content-line-wrapper {
    margin-bottom: 8px
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses {
    margin-left: 73px;
    display: flex
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses,#deposit_streak_bonus_modal .progress-bar-content-header,#deposit_streak_bonus_modal .progress-bar-content-line-wrapper {
    display: flex;
    align-items: center;
    gap: 8px
}

#deposit_streak_bonus_modal .progress-bar-content-header-item {
    flex: 1;
    text-align: center;
    color: #FFF;
    font-size: 15px;
    font-weight: 700
}

#deposit_streak_bonus_modal .progress-bar-content-header-item:first-child {
    text-align: left;
    padding-left: 1px
}

#deposit_streak_bonus_modal .progress-bar-content-header-item:last-child {
    text-align: right
}

#deposit_streak_bonus_modal .progress-bar-content-line {
    background-color: #363E48;
    border-radius: 6px;
    height: 12px;
    width: 100%;
    position: relative;
    flex: 5
}

#deposit_streak_bonus_modal .progress-bar-content-line .line-dots {
    position: absolute;
    top: 3px;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px
}

#deposit_streak_bonus_modal .progress-bar-content-line .line-dots .line-dot {
    background-color: #F0BB00;
    width: 6px;
    height: 6px;
    transform: rotate(45deg)
}

#deposit_streak_bonus_modal .progress-bar-content-line .line-dots .line-dot:first-child {
    margin-left: 1px
}

#deposit_streak_bonus_modal .progress-bar-content-line .line-dots .line-dot:last-child {
    margin-right: 1px
}

#deposit_streak_bonus_modal .progress-bar-content-line .current-progress {
    height: 12px;
    position: absolute;
    width: 0;
    background-color: #FF3434;
    border-radius: 6px;
    box-shadow: inset 1px 1px 1px 0 rgba(255,255,255,.32)
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item-icon {
    width: 16px;
    height: 16px;
    color: #D7DEE6
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item-button {
    width: 100%;
    height: 20px;
    border-radius: 4px;
    background-color: #485362;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #C4CDD7;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item.active {
    cursor: pointer
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item.active .progress-bar-content-bonuses-item-icon {
    color: #1AD670
}

#deposit_streak_bonus_modal .progress-bar-content-bonuses-item.active .progress-bar-content-bonuses-item-button {
    background-color: #1AD670;
    color: #161B21
}

#deposit_streak_bonus_modal .message-error {
    margin-top: 8px;
    color: #FF3434;
    font-weight: 500;
    font-size: 14px
}

.error-box,.success-box {
    margin-top: 4px;
    width: 100%;
    padding: 0 24px;
    align-items: center;
    height: 52px
}

.success-box {
    background-color: #1AD6701f;
    border: 1px solid #1AD670;
    color: #1AD670;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px
}

.error-box {
    background-color: #ff34341f;
    border: 1px solid #ff3434;
    color: #ff3434;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    border-radius: 10px
}

.phone-popup,.phone-popup__bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0
}

.phone-popup {
    z-index: 999;
    display: flex;
    align-items: center;
    justify-items: center
}

.phone-popup__form.panel-form {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 526px;
    background-color: rgba(54,62,72,1);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin: auto 0 0;
    padding: 0
}

.phone-popup__form.activate-bank-account .User-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    box-shadow: 0 -1px 0 0 rgba(65,75,87,1) inset,0 2px 0 0 rgba(255,255,255,.08) inset;
    position: relative;
    background-color: rgba(54,62,72,1)
}

.activate-bank-account .User-head-title {
    align-items: center;
    display: flex;
    gap: 12px
}

.activate-bank-account .User-head-title svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.activate-bank-account .User-head-title span {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -.2px;
    color: #FFF;
    position: relative
}

.User-head-close.Bottom-button-close {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: rgba(255,255,255,1);
    cursor: pointer;
    margin-left: 12px
}

.activate-bank-account-wrapper {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

.activate-bank-account-wrapper #input_code {
    width: 100%
}

.activate-bank-account-wrapper .title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #FFF;
    margin-bottom: 16px
}

.activate-bank-account-wrapper .sub_title_code {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: rgba(196,205,215,1)
}

.activate-bank-account-wrapper #get_code {
    width: 100%
}

.activate-bank-account-wrapper h4 {
    font-size: 18px;
    font-weight: 700;
    color: #888f9a;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto
}

.activate-bank-account-wrapper p {
    max-width: 832px;
    font-size: 15.5px;
    font-weight: 500;
    font-stretch: normal;
    text-align: center;
    color: #888f9a
}

.info-form form.activate-account-form {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 0
}

.activate-account-form .User-form-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative
}

.activate-account-form .response {
    padding-left: 20px;
    color: #FF3434;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-align: start
}

.activate-account-form .User-form-item .label {
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    color: #C4CDD7;
    display: flex;
    gap: 4px;
    margin-left: 20px;
    margin-bottom: 12px;
    text-align: start
}

.activate-account-form .User-form-item #countdown {
    position: absolute;
    top: 28px;
    right: 8px;
    padding: 12px 16px;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2A323C;
    border-radius: 10px
}

.activate-account-form .User-form-item input#code {
    all: unset;
    width: -webkit-fill-available;
    border-radius: 10px;
    border: 1px solid #485362;
    border-top-width: 2px;
    padding: 16px 24px;
    font-size: 15px;
    font-weight: 400;
    -webkit-text-fill-color: #FFF!important;
    text-align: start;
    outline: 0
}

.activate-account-form .User-form-item input#code::placeholder {
    -webkit-text-fill-color: #C4CDD7!important
}

.phone-popup__form.activate-bank-account .send-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0
}

.phone-popup__form.activate-bank-account .send-buttons button,.phone-popup__form.activate-bank-account .submit {
    flex: 1;
    color: #ABB5C2;
    font-weight: 400;
    line-height: 28px;
    font-size: 17px;
    height: 52px;
    border: 1px solid #56616F;
    border-radius: 10px;
    background: 0 0;
    cursor: pointer;
    transition: all .3s
}

.phone-popup__form .send-buttons button.active,.phone-popup__form .send-buttons button:hover,.phone-popup__form.activate-bank-account .submit {
    background: #ff3434;
    color: #FFF;
    box-shadow: 0 2px 1px 0 #FFF52 inset;
    border-color: transparent
}

.phone-popup__form.activate-bank-account .submit {
    margin: 16px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-weight: 500
}

.phone-popup__form.activate-bank-account .info-message {
    background-color: #FF34340A;
    border: 1px solid;
    padding: 16px 20px;
    color: #FFF;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px
}

.g-hidden {
    display: none
}

.slick-list,.slick-slider,.slick-track {
    position: relative;
    display: block
}

.g-left {
    float: left
}

.vat {
    vertical-align: top
}

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

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

#content,#content_block {
    /* min-height: 100%; */
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

#content,.h100,body,html {
    height: 100%
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    position: absolute
}

.w100 {
    width: 100%
}

.float-right {
    float: right!important
}

.float-left {
    float: left!important
}

.float-none {
    float: none!important
}

.clear {
    clear: both
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.d-none {
    display: none!important
}

.hide {
    display: none
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex,.d-flex-center,.d-flex-center-between,.d-flex-center-end {
    display: flex!important
}

.d-flex-center {
    justify-content: center!important;
    align-items: center!important
}

.d-flex-center-between {
    justify-content: space-between!important;
    align-items: center!important
}

.d-flex-center-end {
    justify-content: flex-end!important;
    align-items: center!important
}

.d-inline-flex {
    display: inline-flex!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.w-100 {
    width: 100%
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto,.col-xl-five {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

body,html {
    font-family: var(--font-family-sf-pro-display)!important;
    font-weight: 400;
    line-height: 1;
    overflow-y: initial
}

body.modal-open {
    overflow: hidden
}

button,input,select,textarea {
    font-family: inherit
}

.main-container {
    max-width: calc(var(--site-max-width) + 12px * 2);
    padding: 0 12px;
    margin: 0 auto
}

/*!* Live Support Button *!
#xox-chat-widget-container {
    display: none;
}*/
#content_block {
    height: auto;
    box-sizing: border-box;
    background-color: var(--content-bg-color);
    padding: 0;
    min-width: var(--site-min-width);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--elements-base) inset!important;
    -webkit-text-fill-color: var(--elements-lighter)!important;
    -webkit-border-image: none;
    -webkit-background-clip: none!important;
    -webkit-background-origin: none!important;
    border-color: var(--elements-base)
}

input::placeholder,textarea::placeholder {
    color: var(--elements-lighter)!important;
    opacity: .4!important
}

:root {
    --font-family-sf-pro-display: 'SF Pro Display',sans-serif;
    --header-height: 62px;
    --footer-height: 497px;
    --site-min-width: 320px;
    --site-max-width: 1200px;
    --extra-bold: 800;
    --bold: 700;
    --semi-bold: 600;
    --medium: 500;
    --domain-string-height: 40px;
    --transition-transform: transform .2s linear
}

body {
    --header-bg-color: #070A0C;
    --main-bg: #161921;
    --footer-top-frame: #1e2227;
    --finance-block-bg: #070A0C;
    --item-box-shadow: rgba(0, 0, 0, 0.36);
    --mask-gradient-to-left: linear-gradient(90deg, rgba(8, 10, 13, 0.00) 0%, #080A0D 100%);
    --mask-gradient-to-right: linear-gradient(-90deg, rgba(8, 10, 13, 0.00) 0%, #080A0D 100%);
    --game-box-bg-gradient: linear-gradient(180deg, rgba(24, 33, 50, 0.00) 0%, #222734 100%);
    --theme-switcher-shadow: 0px 0px 2px 1px rgba(77, 77, 77, 0.58);
    --deposits-payment-providers-bg: #353334;
    --messenger-chat-header-bg: rgba(22, 25, 33, 0.80);
    --placeholder-color: #394353;
    --card-box-shadow: 0 24px 24px -12px rgba(0, 0, 0, 0.36);
    --qr-code-wrapper-bg: #000;
    --qr-code-bg: #a3a3a3;
    --qr-code-filter: invert(1);
    --qr-code-mix-blend: unset;
    --home-tabs-menu-bg: linear-gradient(180deg, #161921 0%, #000000 100%);
    --home-tabs-menu-tab-bg: #161921;
    --home-tabs-menu-tab-border: #222734;
    --home-tabs-menu-tab-text: #fff;
    --mode-colors-border: #222734;
    --mode-colors-border-reverse: #D7DCE0;
    --mode-colors-blur-area: rgba(8, 10, 13, 0.80);
    --mode-colors-card: #161921;
    --system-colors-opacity: rgba(255, 255, 255, 0.12);
    --system-colors-base: #fff;
    --mode-colors-main: #fff;
    --elements-base: #171D27;
    --elements-lighter: #6B7C97;
    --elements-darker: #0F131A;
    --mode-colors-success-base: #00FF75;
    --mode-colors-success-opacity: rgba(0, 153, 70, 0.12);
    --design-colors-primary-base: #FF3434;
    --design-colors-primary-lighter: #FF4D4D;
    --design-colors-primary-opacity: rgba(255, 52, 52, 0.12);
    --mode-colors-dark-explanation: #9B9FA8;
    --mode-colors-explanation: #9B9FA8;
    --mode-colors-warning-opacity: rgba(255, 184, 0, 0.12);
    --mode-colors-warning-base: #FFB800;
    --mode-colors-danger-opacity: rgba(255, 52, 52, 0.12);
    --mode-colors-danger-base: #FF3434;
    --system-colors-white-base: #FFF;
    --mobile-menu-link-border: rgba(255, 255, 255, 0.04);
    --mode-colors-custom-explanation: #FFF;
    --elements-light-button: #FFF;
    --elements-light-button-border: hsla(0, 0%, 100%, 0.12);
    --elements-light-button-bg: rgba(0, 0, 0, 0.01);
    --tournamets-page-bg: #363E48;
    --tournaments-page-title-bg: #323A44;
    --tournaments-page-title-color: #FFFFFF;
    --tournaments-page-title-border-color: #414B57;
    --tournaments-filters-border-color: #56616F;
    --tournaments-filters-color: #ABB5C2;
    --tournaments-card-info-title-color: #D3DBE5;
    --tournaments-card-detailed-btn-bg: #56616F;
    --tournaments-card-leaderboard-btn-bg: #2A3038;
    --tournaments-card-img-color: #D3DBE5;
    --bg-color: #2a3038;
    --bg-color2: #2e3641;
    --bg-color3: #1b2027;
    --text-color: #fff;
    --text-color2: #abb5c2;
    --text-color3: #d3dbe5;
    --text-color4: #fff;
    --text-color5: #c4cdd7;
    --text-color6: #d3dbe5;
    --text-color7: #d3dbe5;
    --text-color8: #a8b2c0;
    --text-color9: #abb5c2;
    --text-color10: #cfd6dd;
    --text-color11: #abb8c4;
    --text-color12: #e6ecf1;
    --text-color13: #d3dbe5;
    --text-color14: #d3dbe5;
    --text-color15: #c4cdd7;
    --text-color16: #fff;
    --text-color17: #fff;
    --border-color: #414b57;
    --border-color2: #3e4956;
    --border-color3: #242a32;
    --border-color4: #2d343d;
    --border-color5: #586474;
    --border-color6: #39424e;
    --border-color7: #56616f;
    --border-color8: #414b57;
    --border-color9: #242a32;
    --border-color10: #444c58;
    --border-color12: #485362;
    --border-color13: #586474;
    --border-color14: #5d6875;
    --border-color15: #2c353f;
    --border-color16: #242a32;
    --border-color17: #414b57;
    --border-color18: #363e48;
    --border-color19: #56616f;
    --primary-color: #ff3434;
    --header-top-color: #161b21;
    --menu-bg-color: #1b2027;
    --content-bg-color: #363e48;
    --layer-bg-color: #2a323c;
    --layer-bg-color2: #2b323b;
    --layer-bg-color3: #2a323c;
    --layer-bg-color4: #323a44;
    --layer-bg-color5: #1b2027;
    --layer-bg-color6: #242a32;
    --layer-bg-color7: #242a32;
    --layer-bg-color8: #2a323c;
    --layer-bg-color9: #181c20;
    --layer-bg-color10: rgba(19, 24, 30, 0.92);
    --layer-bg-color11: #181c20;
    --layer-bg-color12: #323a44;
    --layer-bg-color13: #363e48;
    --layer-bg-color14: #2e3641;
    --layer-bg-color15: rgba(255, 255, 255, 0.08);
    --layer-bg-color16: #323a44;
    --layer-bg-color17: #363e48;
    --layer-bg-color18: #363e48;
    --layer-bg-color19: #323a44;
    --btn-bg-color: #363e48;
    --btn-bg-color2: #2c353f;
    --btn-bg-color3: #363e48;
    --btn-bg-color4: #1f262f;
    --btn-bg-color5: #526173;
    --btn-bg-color6: #3e4857;
    --btn-bg-color7: #414a56;
    --btn-bg-color8: #414a56;
    --btn-bg-color9: #56616f;
    --btn-bg-color10: #2c353f;
    --btn-bg-color11: #56616f;
    --btn-bg-color12: #414a56;
    --btn-bg-color13: #485362;
    --svg-color: #cfd7e0;
    --svg-color2: #a5b0bf;
    --svg-color3: #cfd7e0;
    --svg-color4: #fff;
    --svg-color5: #a1acb9;
    --svg-color6: #5a6674;
    --heading-bg-color: #1e242b;
    --heading-bg-color2: #262d35;
    --heading-bg-color3: #262d35;
    --heading-bg-color4: #414b57;
    --heading-bg-color5: #414b57;
    --select-bg-color-hover: #1c232a;
    --login-btn-bg-color-hover: #2e3641;
    --forgot-password-btn-bg-color: #363e48;
    --forgot-password-btn-border-color: #485362;
    --auth-svg-color: #CFD7E0;
    --reg-switcher-bg-color: #1E242B;
    --auth-switcher-age-bg-color: #414B57;
    --account-menu-item-bg-color: #323a44;
    --content-heading-bg-color: #323A44;
    --info-line-border-color: #485362;
    --table-content-text-color: #ffffff;
    --account-back-btn-bg-color: #363E48;
    --promo-text-color-hover: #F0BB00;
    --theme-checkbox-bg-color-active: #161B21;
    --right-menu-bg-color: #1f262f;
    --change-theme-color-bg: #485362;
    --bonus-item-bg-color: #13181E;
    --account-menu-notification-bg-color: #454F5C;
    --footer-menu-item-border-color: #444C58;
    --footer-license-text-color: #CAD2DC;
    --payment-method-text-color: #DBE1E6;
    --swiper-bg-linear-color: rgba(46, 54, 65, 0.00);
    --swiper-btn-border-color: #47515E;
    --swiper-btn-bg-color: #47515E;
    --payment-plugin-bg-color-hover: #485362;
    --input-bg-color-disabled: #3f4752;
    --mode-colors-background: #2A3038;
    --mode-popup-header-bg: #363E48;
    --input-label-color: #C4CDD7;
    --two-auth-header-bg: #323A44;
    --two-auth-main-bg: #363E48;
    --two-auth-header-text: #FFFFFF;
    --two-auth-text: #D3DBE5;
    --two-auth-border: #414B57;
    --two-auth-login-border: #d7dee6;
    --provider-icon-wrapper-bg-color: #414a56;
    --history-header-bg: #414B57;
    --history-border: #56616F;
    --history-modal-bg: #363E48;
    --history-modal-header-bg: #363E48;
    --hover-list: #485362;
    --pagination-border: #485362;
    --datetimepicker-wrapper-bg: #414B57;
    --datetimepicker-text: #FFFFFF;
    --border-mobi: #414B57;
    --color-bg-social: #3E4857;
    --cards-bg-step: #363E48;
    --bg-search-input: #2A3038;
    --bg-nav-link: #363E48;
    --dots-svg-color: #5A6674;
    --home-title-section-bg: #1E242B;
    --preview-games-btns-bg-color: #262d35;
    --preview-games-btn-secondary-bg-color: #2e3641;
    --top-winners-play-icon-color: #CFD7E0;
    --home-card-border: 0px -2px 0px 0px #21272E inset,0px 2px 0px 0px #181C22;
    --bg-button-deposit: #2A323C;
    --blur-modal: rgba(17, 20, 25, 0.72);
    --border-promo: #485362;
    --select-provider: #242A32;
    --color-text-btn-more: #ABB5C2
}

body.white {
    --header-bg-color: #EAEFF4;
    --main-bg: #E4E9EE;
    --mask-gradient-to-left: linear-gradient(90deg, rgba(234, 239, 244, 0.00) 0%, #EAEFF4 100%);
    --mask-gradient-to-right: linear-gradient(-90deg, rgba(234, 239, 244, 0.00) 0%, #EAEFF4 100%);
    --finance-block-bg: #E6EBF0;
    --game-box-bg-gradient: linear-gradient(180deg, rgba(170, 177, 199, 0.00) 0%, #E3EAFD 100%);
    --footer-top-frame: #c5c9cf;
    --item-box-shadow: rgba(206, 217, 236, 0.64);
    --theme-switcher-shadow: 0px 0px 2px 1px #ff5a2994;
    --deposits-payment-providers-bg: #bfc5d1;
    --messenger-chat-header-bg: rgba(242, 246, 255, 0.80);
    --placeholder-color: #B2BAC7;
    --card-box-shadow: 0px 24px 24px -12px rgba(206, 217, 236, 0.64);
    --tournament-card-image-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, #FFF 71.5%);
    --qr-code-wrapper-bg: #EAEFF4;
    --qr-code-bg: #EAEFF4;
    --qr-code-filter: unset;
    --qr-code-mix-blend: multiply;
    --home-tabs-menu-bg: #DEE2E6;
    --home-tabs-menu-tab-bg: #DEE2E6;
    --home-tabs-menu-tab-border: #ADADAD;
    --home-tabs-menu-tab-text: #222734;
    --mode-colors-border: #D7DCE0;
    --mode-colors-border-reverse: #222734;
    --mode-colors-blur-area: rgba(234, 239, 244, 0.80);
    --mode-colors-card: #E4E9EE;
    --system-colors-opacity: rgba(0, 0, 0, 0.12);
    --system-colors-base: #000;
    --mode-colors-main: #090B0E;
    --elements-base: #DEE2E7;
    --elements-lighter: #707E95;
    --elements-darker: #D6DBE1;
    --mode-colors-success-base: #009946;
    --mode-colors-success-opacity: rgba(0, 153, 70, 0.12);
    --design-colors-primary-base: #FF3434;
    --design-colors-primary-lighter: #FF4D4D;
    --design-colors-primary-opacity: rgba(255, 52, 52, 0.12);
    --mode-colors-dark-explanation: #9B9FA8;
    --mode-colors-explanation: #5C6470;
    --mode-colors-warning-opacity: rgba(255, 153, 0, 0.12);
    --mode-colors-warning-base: #F90;
    --mode-colors-danger-opacity: rgba(255, 52, 52, 0.12);
    --mode-colors-danger-base: #FF3434;
    --system-colors-white-base: #FFF;
    --mobile-menu-link-border: rgba(0, 0, 0, 0.04);
    --mode-colors-custom-explanation: #5C6470;
    --elements-light-button: #707E95;
    --elements-light-button-border: #DEE2E7;
    --elements-light-button-bg: #DEE2E7;
    --tournamets-page-bg: #F5FAFF;
    --tournaments-page-title-bg: #F5FAFF;
    --tournaments-page-title-color: #383F48;
    --tournaments-page-title-border-color: #D7DEE6;
    --tournaments-filters-border-color: #D7DEE6;
    --tournaments-filters-color: #727E8E;
    --tournaments-card-info-title-color: #454D57;
    --tournaments-card-detailed-btn-bg: #56616F;
    --tournaments-card-leaderboard-btn-bg: #2A3038;
    --tournaments-card-img-color: #D3DBE5;
    --bg-color: #e2eaf0;
    --bg-color2: #f9fcff;
    --bg-color3: #fff;
    --text-color: #454d57;
    --text-color2: #727e8e;
    --text-color3: #454d57;
    --text-color4: #383f48;
    --text-color5: #727e8e;
    --text-color6: #727e8e;
    --text-color7: #383f48;
    --text-color8: #909baa;
    --text-color9: #454d57;
    --text-color10: #727e8e;
    --text-color11: #727e8e;
    --text-color12: #727e8e;
    --text-color13: #e6ecf1;
    --text-color14: #fff;
    --text-color15: #454d57;
    --text-color16: #727e8e;
    --text-color17: rgba(69, 77, 87, 0.7);
    --border-color: #d7dee6;
    --border-color2: #cbd3dd;
    --border-color3: #e5ecf0;
    --border-color4: #cbd3dd;
    --border-color5: #d7dee6;
    --border-color6: #d7dee6;
    --border-color7: #cbd3dd;
    --border-color8: #cbd3dd;
    --border-color9: #cfd7df;
    --border-color10: #dfe6ed;
    --border-color12: #cbd3dd;
    --border-color13: #d7dee6;
    --border-color14: #d7dee6;
    --border-color15: #cbd3dd;
    --border-color16: #d7dee6;
    --border-color17: #d7dee6;
    --border-color18: #d7dee6;
    --border-color19: #d7dee6;
    --primary-color: #ff3434;
    --header-top-color: #fff;
    --menu-bg-color: #f9fcff;
    --content-bg-color: #f0f5fa;
    --layer-bg-color: #fff;
    --layer-bg-color2: #fafcff;
    --layer-bg-color3: #fafcff;
    --layer-bg-color4: #fafcff;
    --layer-bg-color5: #fff;
    --layer-bg-color6: #fff;
    --layer-bg-color7: #f6fbff;
    --layer-bg-color8: #f0f5fa;
    --layer-bg-color9: #e0edfa;
    --layer-bg-color10: rgba(226, 234, 240, 0.92);
    --layer-bg-color11: #e2eaf0;
    --layer-bg-color12: #f0f5fa;
    --layer-bg-color13: #f8fbff;
    --layer-bg-color14: #f0f6ff;
    --layer-bg-color15: #fff;
    --layer-bg-color16: #f0f5fa;
    --layer-bg-color17: #fafcff;
    --layer-bg-color18: #f0f5fa;
    --layer-bg-color19: #fff;
    --btn-bg-color: #f5faff;
    --btn-bg-color2: #f0f5fa;
    --btn-bg-color3: #fff;
    --btn-bg-color4: #f0f5fa;
    --btn-bg-color5: #fff;
    --btn-bg-color6: #eaedf1;
    --btn-bg-color7: #2e3641;
    --btn-bg-color8: #727e8e;
    --btn-bg-color9: #cbd3dd;
    --btn-bg-color10: #fff;
    --btn-bg-color11: #f0f5fa;
    --btn-bg-color12: #fff;
    --btn-bg-color13: #e2eaf0;
    --svg-color: #727e8e;
    --svg-color2: #727e8e;
    --svg-color3: #fff;
    --svg-color4: #727e8e;
    --svg-color5: #727e8e;
    --svg-color6: #727e8e;
    --heading-bg-color: #39414c;
    --heading-bg-color2: #64707f;
    --heading-bg-color3: #fff;
    --heading-bg-color4: #64707f;
    --heading-bg-color5: #fff;
    --select-bg-color-hover: #f7f7f7;
    --login-btn-bg-color-hover: #414a56;
    --forgot-password-btn-bg-color: #363e48;
    --forgot-password-btn-border-color: #485362;
    --auth-svg-color: #727e8e;
    --reg-switcher-bg-color: #1e242b;
    --auth-switcher-age-bg-color: #ffffff;
    --account-menu-item-bg-color: #f0f5fa;
    --content-heading-bg-color: #f5faff;
    --info-line-border-color: #d7dee6;
    --table-content-text-color: #383f48;
    --account-back-btn-bg-color: #f0f5fa;
    --promo-text-color-hover: #c79b00;
    --theme-checkbox-bg-color-active: #e2eaf0;
    --right-menu-bg-color: #fff;
    --change-theme-color-bg: #fff;
    --bonus-item-bg-color: #f0f5fa;
    --account-menu-notification-bg-color: #e0eaf4;
    --footer-menu-item-border-color: #cbd3dd;
    --footer-license-text-color: #727e8e;
    --payment-method-text-color: #454d57;
    --swiper-bg-linear-color: rgba(249, 252, 255, 0);
    --swiper-btn-border-color: #cad3dc;
    --swiper-btn-bg-color: #f9fcff;
    --payment-plugin-bg-color-hover: #f5faff;
    --input-bg-color-disabled: #f9f9f9;
    --mode-colors-background: #eaeff4;
    --mode-popup-header-bg: #d7dee6;
    --input-label-color: #727e8e;
    --two-auth-main-bg: #f0f5fa;
    --two-auth-header-bg: #f5faff;
    --two-auth-header-text: #383f48;
    --two-auth-text: #727e8e;
    --two-auth-border: #d7dee6;
    --two-auth-login-border: #2c353f;
    --provider-icon-wrapper-bg-color: #E2EAF0;
    --history-header-bg: #FFFFFF;
    --history-border: #D7DEE6;
    --history-modal-bg: #F0F5FA;
    --history-modal-header-bg: #F5FAFF;
    --hover-list: #f5faff;
    --pagination-border: #485362;
    --datetimepicker-wrapper-bg: #E2EAF0;
    --datetimepicker-text: #1e242b;
    --border-mobi: #F0F5FA;
    --color-bg-social: #E2EAF0;
    --cards-bg-step: #F8FBFF;
    --bg-search-input: #F0F5FA;
    --bg-nav-link: #727E8E;
    --dots-svg-color: #D7DEE6;
    --home-title-section-bg: #F0F5FA;
    --preview-games-btns-bg-color: #e2eaf0;
    --preview-games-btn-secondary-bg-color: #fff;
    --top-winners-play-icon-color: #FF3434;
    --home-card-border: none;
    --bg-button-deposit: #FFF;
    --blur-modal: rgba(226, 234, 240, 0.72);
    --border-promo: #D7DEE6;
    --select-provider: #F6FBFF;
    --color-text-btn-more: #454D57
}