body {
    padding: 0
}


@media only screen and (max-width: 1023.9px) {
    .tb--mobile-menu .tb--user-info-mobile .tb--user-info-mob .tb--player-id_cont.tb--vip-status {
        display: flex;
        justify-content: space-between;
    }
}


.rc-slider {
    border-radius: 6px;
    height: 14px;
    padding: 5px 0;
    position: relative;
    touch-action: none;
    width: 100%
}

.rc-slider,.rc-slider * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box
}

.rc-slider-rail {
    background-color: #e9e9e9;
    width: 100%
}

.rc-slider-rail,.rc-slider-track {
    border-radius: 6px;
    height: 4px;
    position: absolute
}

.rc-slider-track {
    background-color: #abe2fb;
    left: 0
}

.rc-slider-handle {
    background-color: #fff;
    border: 2px solid #96dbfa;
    border-radius: 50%;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    height: 14px;
    margin-top: -5px;
    position: absolute;
    touch-action: pan-x;
    width: 14px
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa
}

.rc-slider-handle:focus {
    outline: none
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: none
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: grabbing
}

.rc-slider-mark {
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%
}

.rc-slider-mark-text {
    color: #999;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    text-align: center;
    vertical-align: middle
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    background: #0000;
    height: 4px;
    position: absolute;
    width: 100%
}

.rc-slider-dot {
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    bottom: -2px;
    cursor: pointer;
    height: 8px;
    margin-left: -4px;
    position: absolute;
    vertical-align: middle;
    width: 8px
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed!important
}

.rc-slider-vertical {
    height: 100%;
    padding: 0 5px;
    width: 14px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 5px;
    width: 4px
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    height: 100%;
    left: 18px;
    top: 0
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    display: block!important
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter {
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    transform: scale(0)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(0);
        transform-origin: 50% 100%
    }
}

.rc-slider-tooltip {
    left: -9999px;
    position: absolute;
    top: -9999px;
    visibility: visible
}

.rc-slider-tooltip,.rc-slider-tooltip * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 1;
    min-width: 24px;
    padding: 6px 2px;
    text-align: center;
    text-decoration: none
}

.rc-slider-tooltip-arrow {
    border-color: #0000;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    border-top-color: #6c6c6c;
    border-width: 4px 4px 0;
    bottom: 4px;
    left: 50%;
    margin-left: -4px
}

.f-cont-2 {
    margin: 0 -2px
}

.f-pad-2 {
    padding: 0 2px
}

.f-cont-5 {
    margin: 0 -5px
}

.f-pad-5 {
    padding: 0 5px
}

.f-cont-16 {
    margin: 0 -8px
}

.f-pad-16 {
    padding: 0 8px
}

.f-pad-32 {
    padding: 0 16px
}

.f-cont-30 {
    margin: 0 -30px
}

.f-pad-30 {
    padding: 0 30px
}

.f--tal {
    text-align: left
}

.f--tar {
    text-align: right
}

.f--tac {
    text-align: center
}

.f-mh-100 {
    max-height: 100%
}

.f-w-100 {
    width: 100%
}

.f-h-100 {
    height: 100%
}

.tb--col-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.tb--col-2 {
    flex-basis: 16.66666666%;
    max-width: 16.66666666%
}

.tb--col-3 {
    flex-basis: 24.99999999%;
    max-width: 24.99999999%
}

.tb--col-4 {
    flex-basis: 33.33333332%;
    max-width: 33.33333332%
}

.tb--col-5 {
    flex-basis: 41.66666665%;
    max-width: 41.66666665%
}

.tb--col-6 {
    flex-basis: 49.99999998%;
    max-width: 49.99999998%
}

.tb--col-7 {
    flex-basis: 58.33333331%;
    max-width: 58.33333331%
}

.tb--col-8 {
    flex-basis: 66.66666664%;
    max-width: 66.66666664%
}

.tb--col-9 {
    flex-basis: 74.99999997%;
    max-width: 74.99999997%
}

.tb--col-10 {
    flex-basis: 83.3333333%;
    max-width: 83.3333333%
}

.tb--col-11 {
    flex-basis: 91.66666663%;
    max-width: 91.66666663%
}

.tb--col-12 {
    flex-basis: 99.99999996%;
    max-width: 99.99999996%
}

.tb--flex {
    display: flex
}

.tb--grid {
    display: grid
}

.f-row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row
}

.tb--flex-col {
    flex-direction: column
}

.tb--align-center {
    align-items: center
}

.tb--align-start {
    align-items: flex-start
}

.tb--align-end {
    align-items: flex-end
}

.tb--diraction-column {
    flex-direction: column
}

.tb--justify-center {
    justify-content: center
}

.tb--justify-between {
    justify-content: space-between
}

.tb--justify-around {
    justify-content: space-around
}

.tb--justify-end {
    justify-content: flex-end
}

.tb--justify-start {
    justify-content: flex-start
}

.tb-align-self-center {
    align-self: center
}

.tb--center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.tb--flex-height-stretch {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .tb--flex-height-stretch {
        height:calc(100% - 56px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--flex-height-stretch {
        height:calc(100% - 44px)
    }
}

.tb--flex-popup-stretch,.tb--flex-popup-stretch_big {
    display: flex;
    flex-direction: column;
    height: calc(100% - 56px)
}

@media screen and (max-width: 1023.9px) {
    .tb--flex-height-stretch-mob {
        display:flex;
        flex-direction: column;
        height: 100%
    }
}

.tb--flex-grow {
    flex-grow: 1
}

.tb--ns {
    flex-grow: 0;
    flex-shrink: 0
}

.tb--rel {
    position: relative
}

.tb--abs {
    position: absolute
}

.tb--flex-grid4,.tb--flex-grid6,.tb--flex-grid8 {
    display: flex;
    flex-shrink: 0
}

.tb--flex-grid__item4,.tb--flex-grid__item6,.tb--flex-grid__item8 {
    flex-grow: 1;
    /*min-width: 1px*/
}

.tb--flex-grid4 {
    margin-left: -4px;
    margin-right: -4px
}

.tb--flex-grid6 {
    margin-left: -6px;
    margin-right: -6px
}

.tb--flex-grid8 {
    margin-left: -8px;
    margin-right: -8px
}

.tb--flex-grid__item4 {
    padding-left: 4px;
    padding-right: 4px
}

.tb--flex-grid__item6 {
    padding-left: 6px;
    padding-right: 6px
}

.tb--flex-grid__item8 {
    padding-left: 8px;
    padding-right: 8px
}

[class*=" digi_icon-"]:before,[class^=digi_icon-]:before {
    speak: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;
    width: 24px
}

#body-begin-portal [class*=" digi_icon-"]:before,#body-begin-portal [class^=digi_icon-]:before,#modal-root [class*=" digi_icon-"]:before,#modal-root [class^=digi_icon-]:before,.popup-to-page [class*=" digi_icon-"]:before,.popup-to-page [class^=digi_icon-]:before,.react-grid-layout [class*=" digi_icon-"]:before,.react-grid-layout [class^=digi_icon-]:before,.tb--announcement-wrapper [class*=" digi_icon-"]:before,.tb--announcement-wrapper [class^=digi_icon-]:before,.tb--app-banner [class*=" digi_icon-"]:before,.tb--app-banner [class^=digi_icon-]:before,.tb--casino-game-wrapper [class*=" digi_icon-"]:before,.tb--casino-game-wrapper [class^=digi_icon-]:before,.tb--cookies-wrapper [class*=" digi_icon-"]:before,.tb--cookies-wrapper [class^=digi_icon-]:before,.tb--notice-wrapper [class*=" digi_icon-"]:before,.tb--notice-wrapper [class^=digi_icon-]:before,.tb--payments-page [class*=" digi_icon-"]:before,.tb--payments-page [class^=digi_icon-]:before,.tb--sidebar-wrapper [class*=" digi_icon-"]:before,.tb--sidebar-wrapper [class^=digi_icon-]:before,.tb--widgets-footer [class*=" digi_icon-"]:before,.tb--widgets-footer [class^=digi_icon-]:before,body [class*=" digi_icon-"]:before,body [class^=digi_icon-]:before,footer [class*=" digi_icon-"]:before,footer [class^=digi_icon-]:before,header [class*=" digi_icon-"]:before,header [class^=digi_icon-]:before,main :not(#sport_mobile_root) * [class*=" digi_icon-"]:before,main :not(#sport_mobile_root) * [class^=digi_icon-]:before {
    font-family: BuilderFont!important
}

[class$=digi_icon-mid]:before {
    height: 40px;
    line-height: 40px;
    width: 40px
}

@media screen and (max-width: 500px) {
    [class$=digi_icon-mid]:before {
        height:50px;
        line-height: 50px;
        width: 50px
    }
}

.digi_icon-categories_filter:before {
    content: "\eb5e"
}

.digi_icon-2fa:before {
    content: "\eb35"
}

.digi_icon-alert:before {
    content: "\ea01"
}

.digi_icon-all:before {
    content: "\eb3e"
}

.digi_icon-android:before {
    content: "\ea02"
}

.digi_icon-banner-grid:before {
    content: "\eb55"
}

.digi_icon-bonuses:before {
    content: "\ea17"
}

.digi_icon-box-qs-mark:before {
    content: "\eb56"
}

.digi_icon-callback:before {
    content: "\eadb"
}

.digi_icon-casino-bonus:before {
    content: "\eb49"
}

.digi_icon-casino-jeckpot:before {
    content: "\eb32"
}

.digi_icon-check:before {
    content: "\ea23"
}

.digi_icon-checked:before {
    content: "\eb4c"
}

.digi_icon-cookies:before {
    content: "\eae8"
}

.digi_icon-dark:before {
    content: "\ead8"
}

.digi_icon-delete:before {
    content: "\ea2f"
}

.digi_icon-deposit_two:before {
    content: "\eae6"
}

.digi_icon-desktop:before {
    content: "\eadd"
}

.digi_icon-discount:before {
    content: "\eb45"
}

.digi_icon-doc:before {
    content: "\eaf3"
}

.digi_icon-equal:before {
    content: "\eb46"
}

.digi_icon-exchange:before {
    content: "\eb53"
}

.digi_icon-exclamation-mark:before {
    content: "\eaf4"
}

.digi_icon-exclamation_verify:before {
    content: "\eb5a"
}

.digi_icon-filter:before {
    content: "\eb38"
}

.digi_icon-flag:before {
    content: "\eb4b"
}

.digi_icon-flash:before {
    content: "\eb33"
}

.digi_icon-freespin:before {
    content: "\eadf"
}

.digi_icon-government:before {
    content: "\eb3b"
}

.digi_icon-grid:before {
    content: "\eb3f"
}

.digi_icon-home-grid:before {
    content: "\eb58"
}

.digi_icon-info-filled:before {
    content: "\ead6"
}

.digi_icon-info-full:before {
    content: "\eb54"
}

.digi_icon-invite_friend:before {
    content: "\eb4d"
}

.digi_icon-light:before {
    content: "\ead9"
}

.digi_icon-link-horizontal:before {
    content: "\eb39"
}

.digi_icon-lock-open:before {
    content: "\eb41"
}

.digi_icon-maxwin:before {
    content: "\eae0"
}

.digi_icon-minus:before {
    content: "\eb47"
}

.digi_icon-mobile-apps:before {
    content: "\eb3a"
}

.digi_icon-mobile:before {
    content: "\eade"
}

.digi_icon-mystery-box:before {
    content: "\eb57"
}

.digi_icon-passport:before {
    content: "\eb3c"
}

.digi_icon-pause:before {
    content: "\eb51"
}

.digi_icon-play-now:before {
    content: "\eb5d"
}

.digi_icon-plus:before {
    content: "\eb48"
}

.digi_icon-poor_internet:before {
    content: "\ea8c"
}

.digi_icon-promo-auto-spin:before {
    content: "\eb59"
}

.digi_icon-rate:before {
    content: "\eae1"
}

.digi_icon-read-email:before {
    content: "\eada"
}

.digi_icon-real_money:before {
    content: "\eb4e"
}

.digi_icon-redirect:before {
    content: "\eb5b"
}

.digi_icon-reminder:before {
    content: "\ead7"
}

.digi_icon-reminder_new:before {
    content: "\eb4f"
}

.digi_icon-repetitive:before {
    content: "\eb44"
}

.digi_icon-request_callback:before {
    content: "\eadc"
}

.digi_icon-request_cashback:before {
    content: "\eb37"
}

.digi_icon-responsible_gaming:before {
    content: "\ea98"
}

.digi_icon-resume:before {
    content: "\eb52"
}

.digi_icon-reward:before {
    content: "\eb50"
}

.digi_icon-security:before {
    content: "\eb34"
}

.digi_icon-settings_bld:before {
    content: "\eae7"
}

.digi_icon-shuttle:before {
    content: "\eb42"
}

.digi_icon-sorting:before {
    content: "\eb5c"
}

.digi_icon-speedometer:before {
    content: "\eb43"
}

.digi_icon-sport-bonus:before {
    content: "\eb4a"
}

.digi_icon-sport_four:before {
    content: "\eaed"
}

.digi_icon-sport_one:before {
    content: "\eaee"
}

.digi_icon-sport_tree:before {
    content: "\eaef"
}

.digi_icon-sport_two:before {
    content: "\eaf0"
}

.digi_icon-tinkoff:before {
    content: "\eb3d"
}

.digi_icon-wheel:before {
    content: "\eb40"
}

.digi_icon-wifi_off:before {
    content: "\ead0"
}

.digi_icon-wifi_on:before {
    content: "\ead1"
}

.digi_icon-announcment:before {
    content: "\ea03"
}

.digi_icon-apple:before {
    content: "\ea04"
}

.digi_icon-arrow_down:before {
    content: "\ea05"
}

.digi_icon-arrow_down_double:before {
    content: "\ea06"
}

.digi_icon-arrow_drop_down:before {
    content: "\ea07"
}

.digi_icon-arrow_left:before {
    content: "\ea08"
}

.digi_icon-arrow_left_double:before {
    content: "\ea09"
}

.digi_icon-arrow_left_page:before {
    content: "\ea0a"
}

.digi_icon-arrow_right:before {
    content: "\ea0b"
}

.digi_icon-arrow_right_double:before {
    content: "\ea0c"
}

.digi_icon-arrow_right_page:before {
    content: "\ea0d"
}

.digi_icon-arrow_up:before {
    content: "\ea0e"
}

.digi_icon-arrow_up_double:before {
    content: "\ea0f"
}

.digi_icon-arrow_up_down:before {
    content: "\ea10"
}

.digi_icon-attach:before {
    content: "\ea11"
}

.digi_icon-back:before {
    content: "\ea12"
}

.digi_icon-bonuses_menu:before {
    content: "\ea18"
}

.digi_icon-calendar:before {
    content: "\ea19"
}

.digi_icon-callus:before {
    content: "\ea1a"
}

.digi_icon-cashier_new:before {
    content: "\ea1c"
}

.digi_icon-change:before {
    content: "\ea20"
}

.digi_icon-change_password:before {
    content: "\ea21"
}

.digi_icon-check-email:before {
    content: "\ea22"
}

.digi_icon-checkbox:before {
    content: "\ea24"
}

.digi_icon-checkbox_selected:before {
    content: "\ea25"
}

.digi_icon-check_circle_outline:before {
    content: "\ea26"
}

.digi_icon-close:before {
    content: "\ea28"
}

.digi_icon-clubs:before {
    content: "\ea29"
}

.digi_icon-compose:before {
    content: "\ea2a"
}

.digi_icon-copied:before {
    content: "\ea2b"
}

.digi_icon-copy:before {
    content: "\ea2c"
}

.digi_icon-customer_service:before {
    content: "\ea2e"
}

.digi_icon-deposit:before {
    content: "\ea30"
}

.digi_icon-diamonds:before {
    content: "\ea31"
}

.digi_icon-download:before {
    content: "\ea35"
}

.digi_icon-drops_wins:before {
    content: "\ea36"
}

.digi_icon-drops_wins2:before {
    content: "\ea37"
}

.digi_icon-edit:before {
    content: "\ea38"
}

.digi_icon-email-selected:before {
    content: "\ea39"
}

.digi_icon-error:before {
    content: "\ea3a"
}

.digi_icon-error_new:before {
    content: "\ea3b"
}

.digi_icon-exclamation:before {
    content: "\ea3d"
}

.digi_icon-eye-slash:before {
    content: "\ea3e"
}

.digi_icon-eye:before {
    content: "\ea3f"
}

.digi_icon-favorite:before {
    content: "\ea43"
}

.digi_icon-favorite_fill:before {
    content: "\ea44"
}

.digi_icon-female:before {
    content: "\ea45"
}

.digi_icon-first_page:before {
    content: "\ea46"
}

.digi_icon-full:before {
    content: "\ea47"
}

.digi_icon-fullscreen:before {
    content: "\ea48"
}

.digi_icon-fullscreen_exit:before {
    content: "\ea49"
}

.digi_icon-game_history:before {
    content: "\ea4b"
}

.digi_icon-grid_four:before {
    content: "\ea4d"
}

.digi_icon-grid_one:before {
    content: "\ea4e"
}

.digi_icon-grid_two:before {
    content: "\ea4f"
}

.digi_icon-heart:before {
    content: "\ea50"
}

.digi_icon-hearts:before {
    content: "\ea51"
}

.digi_icon-heart_border:before {
    content: "\ea52"
}

.digi_icon-history:before {
    content: "\ea56"
}

.digi_icon-home:before {
    content: "\ea58"
}

.digi_icon-inbox:before {
    content: "\ea59"
}

.digi_icon-info:before {
    content: "\ea5a"
}

.digi_icon-inline_forgot:before {
    content: "\ea5b"
}

.digi_icon-inline_forgot_username:before {
    content: "\ea5c"
}

.digi_icon-jackpot:before {
    content: "\ea5e"
}

.digi_icon-last_page:before {
    content: "\ea63"
}

.digi_icon-liked:before {
    content: "\ea64"
}

.digi_icon-login:before {
    content: "\ea6d"
}

.digi_icon-log_out:before {
    content: "\ea6e"
}

.digi_icon-magic:before {
    content: "\ea6f"
}

.digi_icon-male:before {
    content: "\ea70"
}

.digi_icon-messages:before {
    content: "\ea71"
}

.digi_icon-more_horiz:before {
    content: "\ea75"
}

.digi_icon-more_vert:before {
    content: "\ea76"
}

.digi_icon-mp-bonuses:before {
    content: "\ea77"
}

.digi_icon-mp-deposit:before {
    content: "\ea78"
}

.digi_icon-mp-game-history:before {
    content: "\ea79"
}

.digi_icon-mp-logout:before {
    content: "\ea7a"
}

.digi_icon-mp-sport-bet-history:before {
    content: "\ea7b"
}

.digi_icon-mp-transactions:before {
    content: "\ea7c"
}

.digi_icon-mp-user:before {
    content: "\ea7d"
}

.digi_icon-mp-withdrawal:before {
    content: "\ea7e"
}

.digi_icon-new:before {
    content: "\ea7f"
}

.digi_icon-new_tab:before {
    content: "\ea80"
}

.digi_icon-next:before {
    content: "\ea81"
}

.digi_icon-nodata:before {
    content: "\ea82"
}

.digi_icon-not-verify:before {
    content: "\ea83"
}

.digi_icon-offer:before {
    content: "\ea84"
}

.digi_icon-other_games:before {
    content: "\ea86"
}

.digi_icon-phone:before {
    content: "\ea89"
}

.digi_icon-print:before {
    content: "\ea8d"
}

.digi_icon-promotions:before {
    content: "\ea8e"
}

.digi_icon-refresh:before {
    content: "\ea91"
}

.digi_icon-register:before {
    content: "\ea92"
}

.digi_icon-regulation:before {
    content: "\ea93"
}

.digi_icon-remove:before {
    content: "\ea95"
}

.digi_icon-repeat:before {
    content: "\ea96"
}

.digi_icon-reports:before {
    content: "\ea97"
}

.digi_icon-right:before {
    content: "\ea99"
}

.digi_icon-search:before {
    content: "\ea9b"
}

.digi_icon-settings:before {
    content: "\ea9c"
}

.digi_icon-sound_off:before {
    content: "\eaa1"
}

.digi_icon-sound_on:before {
    content: "\eaa2"
}

.digi_icon-spades:before {
    content: "\eaa3"
}

.digi_icon-success-new:before {
    content: "\eaa6"
}

.digi_icon-success:before {
    content: "\eaa7"
}

.digi_icon-success2:before {
    content: "\eaa8"
}

.digi_icon-top:before {
    content: "\eaaf"
}

.digi_icon-topgames:before {
    content: "\eab0"
}

.digi_icon-tournament:before {
    content: "\eab1"
}

.digi_icon-tournaments_status:before {
    content: "\eab2"
}

.digi_icon-tournament_balance:before {
    content: "\eab3"
}

.digi_icon-transfer_to_casino:before {
    content: "\eab5"
}

.digi_icon-transfer_to_friend:before {
    content: "\eab6"
}

.digi_icon-unauthorized_game:before {
    content: "\eabb"
}

.digi_icon-unauthorized_page:before {
    content: "\eabc"
}

.digi_icon-unlike:before {
    content: "\eabd"
}

.digi_icon-user:before {
    content: "\eabe"
}

.digi_icon-verify-btn:before {
    content: "\eabf"
}

.digi_icon-verify:before {
    content: "\eac0"
}

.digi_icon-vertical_dots:before {
    content: "\eac1"
}

.digi_icon-vertual_game:before {
    content: "\eac2"
}

.digi_icon-via_email:before {
    content: "\eac3"
}

.digi_icon-via_phone:before {
    content: "\eac4"
}

.digi_icon-via_resend_email:before {
    content: "\eac5"
}

.digi_icon-withdrawal:before {
    content: "\ead2"
}

.tb--mt-0 {
    margin-top: 0
}

.tb--mb-0 {
    margin-bottom: 0
}

.tb--ml-0 {
    margin-left: 0
}

.tb--mr-0 {
    margin-right: 0
}

.tb--pt-0 {
    padding-top: 0
}

.tb--pb-0 {
    padding-bottom: 0
}

.tb--pl-0 {
    padding-left: 0
}

.tb--pr-0 {
    padding-right: 0
}

.tb--mt-4 {
    margin-top: 4px
}

.tb--mb-4 {
    margin-bottom: 4px
}

.tb--mr-4 {
    margin-right: 4px
}

.tb--pt-4 {
    padding-top: 4px
}

.tb--pb-4 {
    padding-bottom: 4px
}

.tb--pl-4 {
    padding-left: 4px
}

.tb--pr-4 {
    padding-right: 4px
}

.tb--mt-5 {
    margin-top: 5px
}

.tb--mb-5 {
    margin-bottom: 5px
}

.tb--ml-5 {
    margin-left: 5px
}

.tb--mr-5 {
    margin-right: 5px
}

.tb--pt-5 {
    padding-top: 5px
}

.tb--pb-5 {
    padding-bottom: 5px
}

.tb--pl-5 {
    padding-left: 5px
}

.tb--pr-5 {
    padding-right: 5px
}

.tb--mt-6 {
    margin-top: 6px
}

.tb--mb-6 {
    margin-bottom: 6px
}

.tb--ml-6 {
    margin-left: 6px
}

.tb--mr-6 {
    margin-right: 6px
}

.tb--pt-6 {
    padding-top: 6px
}

.tb--pb-6 {
    padding-bottom: 6px
}

.tb--pl-6 {
    padding-left: 6px
}

.tb--pr-6 {
    padding-right: 6px
}

.tb--mt-8 {
    margin-top: 8px
}

.tb--mb-8 {
    margin-bottom: 8px
}

.tb--ml-8 {
    margin-left: 8px
}

.tb--mr-8 {
    margin-right: 8px
}

.tb--pt-8 {
    padding-top: 8px
}

.tb--pb-8 {
    padding-bottom: 8px
}

.tb--pl-8 {
    padding-left: 8px
}

.tb--pr-8 {
    padding-right: 8px
}

.tb--mt-10 {
    margin-top: 10px
}

.tb--mb-10 {
    margin-bottom: 10px
}

.tb--ml-10 {
    margin-left: 10px
}

.tb--mr-10 {
    margin-right: 10px
}

.tb--pt-10 {
    padding-top: 10px
}

.tb--pb-10 {
    padding-bottom: 10px
}

.tb--pl-10 {
    padding-left: 10px
}

.tb--pr-10 {
    padding-right: 10px
}

.tb--mt-11 {
    margin-top: 11px
}

.tb--mb-11 {
    margin-bottom: 11px
}

.tb--ml-11 {
    margin-left: 11px
}

.tb--mr-11 {
    margin-right: 11px
}

.tb--pt-11 {
    padding-top: 11px
}

.tb--pb-11 {
    padding-bottom: 11px
}

.tb--pl-11 {
    padding-left: 11px
}

.tb--pr-11 {
    padding-right: 11px
}

.tb--mt-12 {
    margin-top: 12px
}

.tb--mb-12 {
    margin-bottom: 12px
}

.tb--ml-12 {
    margin-left: 12px
}

.tb--mr-12 {
    margin-right: 12px
}

.tb--pt-12 {
    padding-top: 12px
}

.tb--pb-12 {
    padding-bottom: 12px
}

.tb--pl-12 {
    padding-left: 12px
}

.tb--pr-12 {
    padding-right: 12px
}

.tb--mt-14 {
    margin-top: 14px
}

.tb--mb-14 {
    margin-bottom: 14px
}

.tb--ml-14 {
    margin-left: 14px
}

.tb--mr-14 {
    margin-right: 14px
}

.tb--pt-14 {
    padding-top: 14px
}

.tb--pb-14 {
    padding-bottom: 14px
}

.tb--pl-14 {
    padding-left: 14px
}

.tb--pr-14 {
    padding-right: 14px
}

.tb--mt-16 {
    margin-top: 16px
}

.tb--mb-16 {
    margin-bottom: 16px
}

.tb--ml-16 {
    margin-left: 16px
}

.tb--mr-16 {
    margin-right: 16px
}

.tb--pt-16 {
    padding-top: 16px
}

.tb--pb-16 {
    padding-bottom: 16px
}

.tb--pl-16 {
    padding-left: 16px
}

.tb--pr-16 {
    padding-right: 16px
}

.tb--mt-17 {
    margin-top: 17px
}

.tb--mb-17 {
    margin-bottom: 17px
}

.tb--ml-17 {
    margin-left: 17px
}

.tb--mr-17 {
    margin-right: 17px
}

.tb--pt-17 {
    padding-top: 17px
}

.tb--pb-17 {
    padding-bottom: 17px
}

.tb--pl-17 {
    padding-left: 17px
}

.tb--pr-17 {
    padding-right: 17px
}

.tb--mt-18 {
    margin-top: 18px
}

.tb--mb-18 {
    margin-bottom: 18px
}

.tb--ml-18 {
    margin-left: 18px
}

.tb--mr-18 {
    margin-right: 18px
}

.tb--pt-18 {
    padding-top: 18px
}

.tb--pb-18 {
    padding-bottom: 18px
}

.tb--pl-18 {
    padding-left: 18px
}

.tb--pr-18 {
    padding-right: 18px
}

.tb--mt-20 {
    margin-top: 20px
}

.tb--mb-20 {
    margin-bottom: 20px
}

.tb--ml-20 {
    margin-left: 20px
}

.tb--mr-20 {
    margin-right: 20px
}

.tb--pt-20 {
    padding-top: 20px
}

.tb--pb-20 {
    padding-bottom: 20px
}

.tb--pl-20 {
    padding-left: 20px
}

.tb--pr-20 {
    padding-right: 20px
}

.tb--mt-21 {
    margin-top: 21px
}

.tb--mb-21 {
    margin-bottom: 21px
}

.tb--ml-21 {
    margin-left: 21px
}

.tb--mr-21 {
    margin-right: 21px
}

.tb--pt-21 {
    padding-top: 21px
}

.tb--pb-21 {
    padding-bottom: 21px
}

.tb--pl-21 {
    padding-left: 21px
}

.tb--pr-21 {
    padding-right: 21px
}

.tb--mt-24 {
    margin-top: 24px
}

.tb--mb-24 {
    margin-bottom: 24px
}

.tb--ml-24 {
    margin-left: 24px
}

.tb--mr-24 {
    margin-right: 24px
}

.tb--pt-24 {
    padding-top: 24px
}

.tb--pb-24 {
    padding-bottom: 24px
}

.tb--pl-24 {
    padding-left: 24px
}

.tb--pr-24 {
    padding-right: 24px
}

.tb--mt-28 {
    margin-top: 28px
}

.tb--mb-28 {
    margin-bottom: 28px
}

.tb--ml-28 {
    margin-left: 28px
}

.tb--mr-28 {
    margin-right: 28px
}

.tb--pt-28 {
    padding-top: 28px
}

.tb--pb-28 {
    padding-bottom: 28px
}

.tb--pl-28 {
    padding-left: 28px
}

.tb--pr-28 {
    padding-right: 28px
}

.tb--mt-30 {
    margin-top: 30px
}

.tb--mb-30 {
    margin-bottom: 30px
}

.tb--ml-30 {
    margin-left: 30px
}

.tb--mr-30 {
    margin-right: 30px
}

.tb--pt-30 {
    padding-top: 30px
}

.tb--pb-30 {
    padding-bottom: 30px
}

.tb--pl-30 {
    padding-left: 30px
}

.tb--pr-30 {
    padding-right: 30px
}

.tb--mt-32 {
    margin-top: 32px
}

.tb--mb-32 {
    margin-bottom: 32px
}

.tb--ml-32 {
    margin-left: 32px
}

.tb--mr-32 {
    margin-right: 32px
}

.tb--pt-32 {
    padding-top: 32px
}

.tb--pb-32 {
    padding-bottom: 32px
}

.tb--pl-32 {
    padding-left: 32px
}

.tb--pr-32 {
    padding-right: 32px
}

.tb--mt-34 {
    margin-top: 34px
}

.tb--mb-34 {
    margin-bottom: 34px
}

.tb--ml-34 {
    margin-left: 34px
}

.tb--mr-34 {
    margin-right: 34px
}

.tb--pt-34 {
    padding-top: 34px
}

.tb--pb-34 {
    padding-bottom: 34px
}

.tb--pl-34 {
    padding-left: 34px
}

.tb--pr-34 {
    padding-right: 34px
}

.tb--mt-36 {
    margin-top: 36px
}

.tb--mb-36 {
    margin-bottom: 36px
}

.tb--ml-36 {
    margin-left: 36px
}

.tb--mr-36 {
    margin-right: 36px
}

.tb--pt-36 {
    padding-top: 36px
}

.tb--pb-36 {
    padding-bottom: 36px
}

.tb--pl-36 {
    padding-left: 36px
}

.tb--pr-36 {
    padding-right: 36px
}

.tb--mt-40 {
    margin-top: 40px
}

.tb--mb-40 {
    margin-bottom: 40px
}

.tb--ml-40 {
    margin-left: 40px
}

.tb--mr-40 {
    margin-right: 40px
}

.tb--pt-40 {
    padding-top: 40px
}

.tb--pb-40 {
    padding-bottom: 40px
}

.tb--pl-40 {
    padding-left: 40px
}

.tb--pr-40 {
    padding-right: 40px
}

.tb--mt-42 {
    margin-top: 42px
}

.tb--mb-42 {
    margin-bottom: 42px
}

.tb--ml-42 {
    margin-left: 42px
}

.tb--mr-42 {
    margin-right: 42px
}

.tb--pt-42 {
    padding-top: 42px
}

.tb--pb-42 {
    padding-bottom: 42px
}

.tb--pl-42 {
    padding-left: 42px
}

.tb--pr-42 {
    padding-right: 42px
}

.tb--mt-44 {
    margin-top: 44px
}

.tb--mb-44 {
    margin-bottom: 44px
}

.tb--ml-44 {
    margin-left: 44px
}

.tb--mr-44 {
    margin-right: 44px
}

.tb--pt-44 {
    padding-top: 44px
}

.tb--pb-44 {
    padding-bottom: 44px
}

.tb--pl-44 {
    padding-left: 44px
}

.tb--pr-44 {
    padding-right: 44px
}

.tb--mt-50 {
    margin-top: 50px
}

.tb--mb-50 {
    margin-bottom: 50px
}

.tb--ml-50 {
    margin-left: 50px
}

.tb--mr-50 {
    margin-right: 50px
}

.tb--pt-50 {
    padding-top: 50px
}

.tb--pb-50 {
    padding-bottom: 50px
}

.tb--pl-50 {
    padding-left: 50px
}

.tb--pr-50 {
    padding-right: 50px
}

.tb--mt-52 {
    margin-top: 52px
}

.tb--mb-52 {
    margin-bottom: 52px
}

.tb--ml-52 {
    margin-left: 52px
}

.tb--mr-52 {
    margin-right: 52px
}

.tb--pt-52 {
    padding-top: 52px
}

.tb--pb-52 {
    padding-bottom: 52px
}

.tb--pl-52 {
    padding-left: 52px
}

.tb--pr-52 {
    padding-right: 52px
}

.tb--mt-60 {
    margin-top: 60px
}

.tb--mb-60 {
    margin-bottom: 60px
}

.tb--ml-60 {
    margin-left: 60px
}

.tb--mr-60 {
    margin-right: 60px
}

.tb--pt-60 {
    padding-top: 60px
}

.tb--pb-60 {
    padding-bottom: 60px
}

.tb--pl-60 {
    padding-left: 60px
}

.tb--pr-60 {
    padding-right: 60px
}

.tb--mv-0 {
    margin-bottom: 0;
    margin-top: 0
}

.tb--mh-0 {
    margin-left: 0;
    margin-right: 0
}

.tb--pv-0 {
    padding-bottom: 0;
    padding-top: 0
}

.tb--ph-0 {
    padding-left: 0;
    padding-right: 0
}

.tb--mv-4 {
    margin-bottom: 4px;
    margin-top: 4px
}

.tb--mh-4 {
    margin-left: 4px;
    margin-right: 4px
}

.tb--pv-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.tb--ph-4 {
    padding-left: 4px;
    padding-right: 4px
}

.tb--mv-5 {
    margin-bottom: 5px;
    margin-top: 5px
}

.tb--mh-5 {
    margin-left: 5px;
    margin-right: 5px
}

.tb--pv-5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.tb--ph-5 {
    padding-left: 5px;
    padding-right: 5px
}

.tb--mv-6 {
    margin-bottom: 6px;
    margin-top: 6px
}

.tb--mh-6 {
    margin-left: 6px;
    margin-right: 6px
}

.tb--pv-6 {
    padding-bottom: 6px;
    padding-top: 6px
}

.tb--ph-6 {
    padding-left: 6px;
    padding-right: 6px
}

.tb--mv-8 {
    margin-bottom: 8px;
    margin-top: 8px
}

.tb--mh-8 {
    margin-left: 8px;
    margin-right: 8px
}

.tb--pv-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.tb--ph-8 {
    padding-left: 8px;
    padding-right: 8px
}

.tb--mv-10 {
    margin-bottom: 10px;
    margin-top: 10px
}

.tb--mh-10 {
    margin-left: 10px;
    margin-right: 10px
}

.tb--pv-10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.tb--ph-10 {
    padding-left: 10px;
    padding-right: 10px
}

.tb--mv-11 {
    margin-bottom: 11px;
    margin-top: 11px
}

.tb--mh-11 {
    margin-left: 11px;
    margin-right: 11px
}

.tb--pv-11 {
    padding-bottom: 11px;
    padding-top: 11px
}

.tb--ph-11 {
    padding-left: 11px;
    padding-right: 11px
}

.tb--mv-12 {
    margin-bottom: 12px;
    margin-top: 12px
}

.tb--mh-12 {
    margin-left: 12px;
    margin-right: 12px
}

.tb--pv-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.tb--ph-12 {
    padding-left: 12px;
    padding-right: 12px
}

.tb--mv-14 {
    margin-bottom: 14px;
    margin-top: 14px
}

.tb--mh-14 {
    margin-left: 14px;
    margin-right: 14px
}

.tb--pv-14 {
    padding-bottom: 14px;
    padding-top: 14px
}

.tb--ph-14 {
    padding-left: 14px;
    padding-right: 14px
}

.tb--mv-16 {
    margin-bottom: 16px;
    margin-top: 16px
}

.tb--mh-16 {
    margin-left: 16px;
    margin-right: 16px
}

.tb--pv-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.tb--ph-16 {
    padding-left: 16px;
    padding-right: 16px
}

.tb--mv-17 {
    margin-bottom: 17px;
    margin-top: 17px
}

.tb--mh-17 {
    margin-left: 17px;
    margin-right: 17px
}

.tb--pv-17 {
    padding-bottom: 17px;
    padding-top: 17px
}

.tb--ph-17 {
    padding-left: 17px;
    padding-right: 17px
}

.tb--mv-18 {
    margin-bottom: 18px;
    margin-top: 18px
}

.tb--mh-18 {
    margin-left: 18px;
    margin-right: 18px
}

.tb--pv-18 {
    padding-bottom: 18px;
    padding-top: 18px
}

.tb--ph-18 {
    padding-left: 18px;
    padding-right: 18px
}

.tb--mv-20 {
    margin-bottom: 20px;
    margin-top: 20px
}

.tb--mh-20 {
    margin-left: 20px;
    margin-right: 20px
}

.tb--pv-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.tb--ph-20 {
    padding-left: 20px;
    padding-right: 20px
}

.tb--mv-21 {
    margin-bottom: 21px;
    margin-top: 21px
}

.tb--mh-21 {
    margin-left: 21px;
    margin-right: 21px
}

.tb--pv-21 {
    padding-bottom: 21px;
    padding-top: 21px
}

.tb--ph-21 {
    padding-left: 21px;
    padding-right: 21px
}

.tb--mv-24 {
    margin-bottom: 24px;
    margin-top: 24px
}

.tb--mh-24 {
    margin-left: 24px;
    margin-right: 24px
}

.tb--pv-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.tb--ph-24 {
    padding-left: 24px;
    padding-right: 24px
}

.tb--mv-28 {
    margin-bottom: 28px;
    margin-top: 28px
}

.tb--mh-28 {
    margin-left: 28px;
    margin-right: 28px
}

.tb--pv-28 {
    padding-bottom: 28px;
    padding-top: 28px
}

.tb--ph-28 {
    padding-left: 28px;
    padding-right: 28px
}

.tb--mv-30 {
    margin-bottom: 30px;
    margin-top: 30px
}

.tb--mh-30 {
    margin-left: 30px;
    margin-right: 30px
}

.tb--pv-30 {
    padding-bottom: 30px;
    padding-top: 30px
}

.tb--ph-30 {
    padding-left: 30px;
    padding-right: 30px
}

.tb--mv-32 {
    margin-bottom: 32px;
    margin-top: 32px
}

.tb--mh-32 {
    margin-left: 32px;
    margin-right: 32px
}

.tb--pv-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.tb--ph-32 {
    padding-left: 32px;
    padding-right: 32px
}

.tb--mv-34 {
    margin-bottom: 34px;
    margin-top: 34px
}

.tb--mh-34 {
    margin-left: 34px;
    margin-right: 34px
}

.tb--pv-34 {
    padding-bottom: 34px;
    padding-top: 34px
}

.tb--ph-34 {
    padding-left: 34px;
    padding-right: 34px
}

.tb--mv-36 {
    margin-bottom: 36px;
    margin-top: 36px
}

.tb--mh-36 {
    margin-left: 36px;
    margin-right: 36px
}

.tb--pv-36 {
    padding-bottom: 36px;
    padding-top: 36px
}

.tb--ph-36 {
    padding-left: 36px;
    padding-right: 36px
}

.tb--mv-40 {
    margin-bottom: 40px;
    margin-top: 40px
}

.tb--mh-40 {
    margin-left: 40px;
    margin-right: 40px
}

.tb--pv-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.tb--ph-40 {
    padding-left: 40px;
    padding-right: 40px
}

.tb--mv-42 {
    margin-bottom: 42px;
    margin-top: 42px
}

.tb--mh-42 {
    margin-left: 42px;
    margin-right: 42px
}

.tb--pv-42 {
    padding-bottom: 42px;
    padding-top: 42px
}

.tb--ph-42 {
    padding-left: 42px;
    padding-right: 42px
}

.tb--mv-44 {
    margin-bottom: 44px;
    margin-top: 44px
}

.tb--mh-44 {
    margin-left: 44px;
    margin-right: 44px
}

.tb--pv-44 {
    padding-bottom: 44px;
    padding-top: 44px
}

.tb--ph-44 {
    padding-left: 44px;
    padding-right: 44px
}

.tb--mv-50 {
    margin-bottom: 50px;
    margin-top: 50px
}

.tb--mh-50 {
    margin-left: 50px;
    margin-right: 50px
}

.tb--pv-50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.tb--ph-50 {
    padding-left: 50px;
    padding-right: 50px
}

.tb--mv-52 {
    margin-bottom: 52px;
    margin-top: 52px
}

.tb--mh-52 {
    margin-left: 52px;
    margin-right: 52px
}

.tb--pv-52 {
    padding-bottom: 52px;
    padding-top: 52px
}

.tb--ph-52 {
    padding-left: 52px;
    padding-right: 52px
}

.tb--mv-60 {
    margin-bottom: 60px;
    margin-top: 60px
}

.tb--mh-60 {
    margin-left: 60px;
    margin-right: 60px
}

.tb--pv-60 {
    padding-bottom: 60px;
    padding-top: 60px
}

.tb--ph-60 {
    padding-left: 60px;
    padding-right: 60px
}

.tb--f-10 {
    font-size: 10px
}

.tb--f-12 {
    font-size: 12px
}

.tb--f-13 {
    font-size: 13px
}

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

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

.tb--f-18 {
    font-size: 18px
}

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

.tb--f-24 {
    font-size: 24px
}

.tb--f-28 {
    font-size: 28px
}

.tb--f-40 {
    font-size: 40px
}

.icon-ic-social {
    background-color: var(--background-color-3);
    background-image: url(https://cdn.bcdel.com/version/0.5.708/static/media/social_colorful_sprite.9720ef35ef807f9bfd76.png);
    background-repeat: no-repeat;
    display: block;
    height: 36px;
    width: 36px
}

.icon-ic_facebook_bw,.icon-ic_facebook_bw\:regular {
    background-position: 0 0
}

.icon-ic_facebook_col,.icon-ic_facebook_col\:regular {
    background-position: -36px 0
}

.icon-ic_instagram_bw,.icon-ic_instagram_bw\:regular {
    background-position: 0 -36px
}

.icon-ic_instagram_col,.icon-ic_instagram_col\:regular {
    background-position: -36px -36px
}

.icon-ic_ok_bw,.icon-ic_ok_bw\:regular {
    background-position: 0 -288px
}

.icon-ic_ok_col,.icon-ic_ok_col\:regular {
    background-position: -36px -288px
}

.icon-ic_telegram_bw,.icon-ic_telegram_bw\:regular {
    background-position: 0 -252px
}

.icon-ic_telegram_col,.icon-ic_telegram_col\:regular {
    background-position: -36px -252px
}

.icon-ic_youtube_bw,.icon-ic_youtube_bw\:regular {
    background-position: 0 -72px
}

.icon-ic_youtube_col,.icon-ic_youtube_col\:regular {
    background-position: -36px -72px
}

.icon-ic_vk_bw,.icon-ic_vk_bw\:regular {
    background-position: 0 -144px
}

.icon-ic_vk_col,.icon-ic_vk_col\:regular {
    background-position: -36px -144px
}

.icon-ic_twitter_bw,.icon-ic_twitter_bw\:regular {
    background-position: 0 -108px
}

.icon-ic_twitter_col,.icon-ic_twitter_col\:regular {
    background-position: -36px -108px
}

.icon-ic_pinterest_bw,.icon-ic_pinterest_bw\:regular {
    background-position: 0 -180px
}

.icon-ic_pinterest_col,.icon-ic_pinterest_col\:regular {
    background-position: -36px -180px
}

.icon-ic_linkedin_bw,.icon-ic_linkedin_bw\:regular {
    background-position: 0 -216px
}

.icon-ic_linkedin_col,.icon-ic_linkedin_col\:regular {
    background-position: -36px -216px
}

.icon-ic_whatsapp_bw,.icon-ic_whatsapp_bw\:regular {
    background-position: 0 -324px
}

.icon-ic_whatsapp_col,.icon-ic_whatsapp_col\:regular {
    background-position: -36px -324px
}

.icon-ic_messenger_bw,.icon-ic_messenger_bw\:regular {
    background-position: 0 -360px
}

.icon-ic_messenger_col,.icon-ic_messenger_col\:regular {
    background-position: -36px -360px
}

.icon-ic_vimeo_bw,.icon-ic_vimeo_bw\:regular {
    background-position: 0 -396px
}

.icon-ic_vimeo_col,.icon-ic_vimeo_col\:regular {
    background-position: -36px -396px
}

.icon-ic_viber_bw,.icon-ic_viber_bw\:regular {
    background-position: 0 -432px
}

.icon-ic_viber_col,.icon-ic_viber_col\:regular {
    background-position: -36px -432px
}

.icon-ic_tumblr_bw,.icon-ic_tumblr_bw\:regular {
    background-position: 0 -468px
}

.icon-ic_tumblr_col,.icon-ic_tumblr_col\:regular {
    background-position: -36px -468px
}

.icon-ic_snapchat_bw,.icon-ic_snapchat_bw\:regular {
    background-position: 0 -504px
}

.icon-ic_snapchat_col,.icon-ic_snapchat_col\:regular {
    background-position: -36px -504px
}

.icon-ic_tiktok_bw,.icon-ic_tiktok_bw\:regular {
    background-position: 0 -540px
}

.icon-ic_tiktok_col,.icon-ic_tiktok_col\:regular {
    background-position: -36px -540px
}

.icon-ic_wechat_bw,.icon-ic_wechat_bw\:regular {
    background-position: 0 -576px
}

.icon-ic_wechat_col,.icon-ic_wechat_col\:regular {
    background-position: -36px -576px
}

.icon-ic_reddit_bw,.icon-ic_reddit_bw\:regular {
    background-position: 0 -612px
}

.icon-ic_reddit_col,.icon-ic_reddit_col\:regular {
    background-position: -36px -612px
}

.icon-ic_digg_bw,.icon-ic_digg_bw\:regular {
    background-position: 0 -648px
}

.icon-ic_digg_col,.icon-ic_digg_col\:regular {
    background-position: -36px -648px
}

.icon-ic_discord_bw,.icon-ic_discord_bw\:regular {
    background-position: 0 -684px
}

.icon-ic_discord_col,.icon-ic_discord_col\:regular {
    background-position: -36px -684px
}

.icon-ic_line_bw,.icon-ic_line_bw\:regular {
    background-position: 0 -720px
}

.icon-ic_line_col,.icon-ic_line_col\:regular {
    background-position: -36px -720px
}

.tb--ico,.tb--ico-big {
    flex-shrink: 0;
    font-family: BuilderFont;
    text-align: center;
    text-transform: none
}

.tb--ico {
    font-size: 24px;
    height: 24px;
    line-height: 23px;
    width: 24px
}

.tb--ico-big {
    font-size: 80px;
    height: 80px;
    line-height: 60px;
    width: 80px
}

.tb--ico-search {
    color: #ccc;
    font-size: 32px;
    right: 7px;
    top: 7px
}

@media screen and (max-width: 1023.9px) {
    .tb--ico-search {
        top:10px
    }
}

.tb--ico-success {
    color: var(--success-color)
}

.tb--ico-failed {
    color: var(--error-color)
}

.tb--input-ico {
    position: absolute
}

.icon-ic_payment_betshop_bw {
    background-position: 0 0
}

.icon-ic_payment_betshop_col {
    background-position: -100px 0
}

.icon-ic_payment_telcell_bw {
    background-position: 0 -64px
}

.icon-ic_payment_telcell_col {
    background-position: -100px -64px
}

.license--ic_antillephone {
    background-position: 0 0
}

.license--ic_gaming {
    background-position: 0 -180px
}

.banner-placeholder {
    background: linear-gradient(336deg,var(--background-color-1) 0,var(--background-color-3) 25%,var(--background-color-5) 50%,var(--background-color-1) 75%,var(--background-color-3) 100%);
    margin-top: 0!important
}

.tb--show-animation {
    animation: placeholderAnimate 1.5s infinite
}

.banner--secondary-tmp1_placeholder,.banner--secondary-tmp2_placeholder {
    height: 170px
}

.banner--secondary-tmp1_placeholder .text-block,.banner--secondary-tmp2_placeholder .text-block {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-3);
    border-radius: 8px;
    margin: 0 4px
}

@media screen and (max-width: 1023.9px) {
    .banner--secondary-tmp1_placeholder .text-block,.banner--secondary-tmp2_placeholder .text-block {
        margin:10px 4px 0
    }

    .banner--secondary-tmp1_placeholder .text-block:last-child,.banner--secondary-tmp2_placeholder .text-block:last-child {
        display: none
    }
}

.banner--secondary-tmp1_placeholder .text-block .text-row,.banner--secondary-tmp2_placeholder .text-block .text-row {
    background-color: var(--background-color-1)!important;
    border-radius: 8px
}

@media screen and (max-width: 1023.9px) {
    .banner--secondary-tmp1_placeholder,.banner--secondary-tmp2_placeholder {
        height:140px
    }
}

.l0--placeholder1 .banner--top-placeholder1 {
    background-color: var(--background-color-1);
    height: 302px;
    left: 10px;
    width: 100%
}

.banner--two-tmp2_placeholder {
    height: 200px;
    margin: 20px 0
}

.banner--two-tmp2_placeholder .text-block {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    height: 100%;
    margin: 0 4px
}

.l2--top .banner--top-placeholder2 {
    height: 242px;
    width: 100%
}

.l3--top .banner--top-placeholder3 {
    height: 434px
}

.banner--secondary-tmp3_placeholder .text-block {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 8px;
    height: 210px;
    margin: 0 6px;
    width: 100%
}

@media only screen and (max-width: 768px) {
    .banner--secondary-tmp3_placeholder .text-block {
        height:120px
    }
}

.banner--secondary-tmp3_placeholder .text-block .text-row {
    border-radius: 8px
}

.banner--secondary-tmp4_placeholder {
    margin-left: -4px;
    margin-right: -4px
}

.banner--secondary-tmp4_placeholder .text-block {
    margin: 4px 0;
    width: calc(50% - 4px)!important
}

.banner--secondary-tmp4_placeholder .text-block .text-row {
    overflow: hidden;
    padding-top: 82%;
    position: relative;
    width: 100%!important
}

.top-matches2_placeholder {
    background-color: var(--background-color-1)!important;
    background-image: var(--background-gradient-1)
}

.l5--banner .banner--top-placeholder5,.l7--banner .banner--top-placeholder7 {
    height: 350px;
    margin-top: -130px!important
}

.banner--secondary-tmp5_placeholder {
    display: flex;
    flex-direction: row;
    margin-top: 66px
}

.banner--secondary-tmp5_placeholder .text-block {
    border-radius: 8px;
    width: 329px!important
}

.banner--secondary-tmp5_placeholder .text-block .text-row {
    border-radius: 8px;
    height: 180px!important
}

@media screen and (max-width: 1023.9px) {
    .banner--secondary-tmp5_placeholder .text-block .text-row {
        height:120px!important
    }
}

.banner--secondary-tmp7_placeholder {
    display: flex;
    flex-direction: row;
    margin: 32px 0;
    width: 100%
}

.banner--secondary-tmp7_placeholder .text-block .text-row {
    border-radius: 24px;
    height: 480px!important;
    width: 100%!important
}

@media screen and (max-width: 1366px) {
    .banner--secondary-tmp7_placeholder .text-block .text-row {
        height:400px!important
    }
}

@media screen and (max-width: 1023.9px) {
    .banner--secondary-tmp7_placeholder .text-block .text-row {
        height:320px!important
    }
}

@media screen and (max-width: 768px) {
    .banner--secondary-tmp7_placeholder .text-block .text-row {
        height:250px!important
    }
}

@media screen and (max-width: 600px) {
    .banner--secondary-tmp7_placeholder .text-block .text-row {
        height:180px!important
    }
}

.banner--secondary-tmp7_placeholder .text-block:first-child {
    margin-right: 16px
}

@media screen and (max-width: 1023.9px) {
    .fproduct--tmp1-placeholder,.fproduct--tmp2-placeholder {
        margin:0 12px
    }
}

.fproduct--tmp1-placeholder .text-block,.fproduct--tmp2-placeholder .text-block {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    height: 128px
}

@media only screen and (max-width: 600px) {
    .fproduct--tmp1-placeholder .text-block,.fproduct--tmp2-placeholder .text-block {
        height:106px
    }
}

.fproduct--tmp1-placeholder .text-row,.fproduct--tmp2-placeholder .text-row {
    background-color: var(--background-color-1)!important;
    background-image: var(--background-gradient-1)!important;
    border-radius: 8px;
    height: 100%;
    width: 100%!important
}

.fproduct--tmp1-placeholder .text-block {
    margin-right: 12px
}

.fproduct--tmp1-placeholder .text-block:last-child {
    margin-right: 0
}

.fproduct--tmp2-placeholder {
    margin: 12px 0
}

@media screen and (max-width: 1023.9px) {
    .fproduct--tmp2-placeholder {
        margin:0 12px
    }
}

.fproduct--tmp2-placeholder .text-block {
    margin-right: 12px
}

.fproduct--tmp2-placeholder .text-block:last-child {
    margin-right: 0
}

.fproduct--tmp3-placeholder .text-block {
    background-color: var(--background-color-3);
    border-radius: 8px;
    height: 140px;
    margin: 20px 4px
}

@media only screen and (max-width: 1366px) {
    .fproduct--tmp3-placeholder .text-block {
        height:120px;
        margin: 20px 2px
    }
}

@media only screen and (max-width: 1248px) {
    .fproduct--tmp3-placeholder .text-block {
        height:100px
    }
}

.fproduct--tmp3-placeholder .text-block .text-row {
    border-radius: 8px;
    height: 100%
}

.st7-placeholder {
    margin-bottom: 30px
}

.st7-placeholder-block .text-block .text-row {
    border-radius: 48px;
    height: 122px!important;
    margin: 0 auto;
    width: 122px!important
}

@media only screen and (max-width: 1300px) {
    .st7-placeholder-block .text-block:last-child {
        display:none
    }
}

@media only screen and (max-width: 1024px) {
    .st7-placeholder-block .text-block .text-row {
        height:68px!important;
        width: 68px!important
    }
}

@media only screen and (max-width: 600px) {
    .st7-placeholder-block .text-block:nth-child(5),.st7-placeholder-block .text-block:nth-child(6) {
        display:none
    }
}

@media only screen and (max-width: 450px) {
    .st7-placeholder-block .text-block:nth-child(4) {
        display:none
    }
}

@media only screen and (max-width: 380px) {
    .st7-placeholder-block .text-block:nth-child(3) {
        display:none
    }
}

.banner--games-placeholder .section--header-placeholder {
    background-color: var(--background-color-3);
    border-radius: 12px;
    height: 30px;
    margin: 12px 4px;
    width: 200px
}

.banner--games-placeholder .text-block {
    background-color: var(--background-color-3);
    border-radius: 12px;
    height: 170px;
    margin: 0 4px
}

.banner--games-placeholder .text-block .text-row {
    display: none
}

@media only screen and (min-width: 768px) and (max-width:1023.9px) {
    .banner--games-placeholder .text-block {
        height:120px
    }
}

@media only screen and (max-width: 767px) {
    .banner--games-placeholder .text-block:nth-of-type(3),.banner--games-placeholder .text-block:nth-of-type(4) {
        display:none
    }
}

.banner--games-placeholder .game-cont-placeholder {
    background-color: var(--background-color-1);
    border-bottom: 4px solid var(--background-color-1)
}

.header--top-placeholder {
    height: 100%
}

.header--top-placeholder .header--logo-placeholder {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 8px;
    height: 30px;
    width: 150px
}

@media only screen and (max-width: 1023.9px) {
    .header--top-placeholder .header--logo-placeholder {
        height:20px;
        width: 100px
    }
}

@media only screen and (max-width: 500px) {
    .header--top-placeholder .header--logo-placeholder {
        height:18px;
        width: 60px
    }
}

.header--top-placeholder .header--menus div {
    height: 16px;
    margin: 0 20px;
    width: 8%
}

.header--top-placeholder .header--actions div,.header--top-placeholder .header--menus div {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 8px
}

.header--top-placeholder .header--actions div {
    height: 30px;
    margin: 0 8px;
    width: 150px
}

@media only screen and (max-width: 1023.9px) {
    .header--top-placeholder .header--actions div {
        height:15px;
        width: 80px
    }
}

@media only screen and (max-width: 500px) {
    .header--top-placeholder .header--actions div {
        height:10px;
        width: 50px
    }
}

@media only screen and (max-width: 1023.9px) {
    .header--top-placeholder.menu--block-item {
        padding:10px 24px
    }
}

.inline-placeholder>div {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    height: 30px
}

.inline-placeholder .inline-first,.inline-placeholder .inline-second {
    width: 140px
}

.inline-placeholder .inline-third {
    width: 110px
}

.footer--top-placeholder {
    padding: 32px 0 24px
}

@media only screen and (max-width: 600px) {
    .footer--top-placeholder {
        padding:0
    }
}

.footer--top-placeholder .footer--pl-row {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer--top-placeholder .footer--pl-row:not(:last-child) {
    margin-bottom: 70px
}

.footer--top-placeholder .footer--pl-row .footer--pl-col-15 {
    width: 15%
}

@media only screen and (max-width: 600px) {
    .footer--top-placeholder .footer--pl-row .footer--pl-col-15 {
        width:20%
    }
}

.footer--top-placeholder .footer--pl-row .footer--pl-col-28 {
    margin: 0 auto;
    width: 28%
}

.footer--top-placeholder .text-row {
    border-radius: 8px;
    height: 18px!important
}

@media only screen and (max-width: 600px) {
    .footer--top-placeholder .text-row {
        height:10px!important
    }
}

.footer--middle-placeholder {
    margin: 60px auto;
    width: 30%
}

.footer--middle-placeholder .text-block {
    align-items: center;
    display: flex;
    flex-direction: column
}

.footer--pp-placeholder .text-block {
    background-color: var(--background-color-3);
    margin: 0 10px
}

.footer-container-pl {
    top: 50px
}

.slider_casino .banner-placeholder {
    height: 336px!important
}

@media only screen and (max-width: 600px) {
    .slider_casino .banner-placeholder {
        height:200px!important
    }
}

.casino-game-plc:not(.grid-type-advanced) .text-block {
    flex-basis: 20%;
    max-width: 20%
}

.casino-game-plc:not(.grid-type-advanced) .text-block .text-row {
    height: 10.5vw!important
}

@media screen and (max-width: 1520px) {
    .casino-game-plc:not(.grid-type-advanced) .text-block {
        flex-basis:25%;
        max-width: 25%
    }

    .casino-game-plc:not(.grid-type-advanced) .text-block .text-row {
        height: 13vw!important
    }
}

@media screen and (max-width: 1200px) {
    .casino-game-plc:not(.grid-type-advanced) .text-block {
        flex-basis:33.33%;
        max-width: 33.33%
    }

    .casino-game-plc:not(.grid-type-advanced) .text-block .text-row {
        height: 16.5vw!important
    }
}

@media screen and (max-width: 768px) {
    .casino-game-plc:not(.grid-type-advanced) .text-block {
        flex-basis:50%;
        max-width: 50%
    }

    .casino-game-plc:not(.grid-type-advanced) .text-block:not(.tb--more-btn-plch):not(:nth-child(-n+4)) {
        display: none
    }

    .casino-game-plc:not(.grid-type-advanced) .text-block .text-row {
        height: 31.5vw!important
    }
}

.casino-game-plc {
    flex-wrap: wrap;
    padding: 10px 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1023.9px) {
    .casino-game-plc {
        padding-bottom:18px;
        padding-top: 18px
    }
}

@media only screen and (max-width: 600px) {
    .casino-game-plc {
        margin-bottom:8px
    }
}

.casino-game-plc .text-block {
    padding: 6px
}

.casino-game-plc .text-block .text-row {
    border-radius: 8px;
    width: 100%!important
}

.casino-game-plc.grid-type-advanced {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill,minmax(calc(25% - 8px),1fr))
}

.casino-game-plc.grid-type-advanced .text-block .text-row {
    height: 11vw!important
}

@media screen and (max-width: 1200px) {
    .casino-game-plc.grid-type-advanced {
        grid-template-columns:repeat(auto-fill,minmax(calc(20% - 8px),1fr))
    }

    .casino-game-plc.grid-type-advanced .text-block:not(.tb--more-btn-plch):not(:nth-child(-n+9)) {
        display: none
    }

    .casino-game-plc.grid-type-advanced .text-block .text-row {
        height: 13vw!important
    }
}

@media screen and (max-width: 768px) {
    .casino-game-plc.grid-type-advanced {
        grid-template-columns:repeat(auto-fill,minmax(calc(50% - 8px),1fr))
    }

    .casino-game-plc.grid-type-advanced .text-block:not(.tb--more-btn-plch):not(:nth-child(-n+4)) {
        display: none
    }

    .casino-game-plc.grid-type-advanced .text-block .text-row {
        height: 31.5vw!important
    }

    .casino-game-plc.grid-type-advanced .text-block:nth-child(2) {
        grid-column-end: span 1;
        grid-row-end: span 2
    }

    .casino-game-plc.grid-type-advanced .text-block:nth-child(2) .text-row {
        height: 100%!important
    }
}

.tb--categories_extend-view .tb--cat-plch {
    padding: 10px 0 10px 24px;
    width: 270px
}

.tb--categories_extend-view .tb--cat-plch .text-row {
    border-radius: 8px;
    height: 100%!important;
    width: 100%!important
}

.tb--categories_extend-view .tb--cat-plch .text-block {
    height: 100%;
    padding: 6px
}

.tb--categories_extend-view .tb--cat-plch+.casino--container.casino--container--wrapper {
    width: calc(100% - 270px)
}

@media screen and (max-width: 1023.9px) {
    .tb--categories_extend-view .tb--cat-plch {
        margin-bottom:12px;
        padding: 0;
        width: 100%
    }

    .tb--categories_extend-view .tb--cat-plch+.casino--container.casino--container--wrapper {
        width: 100%
    }

    .tb--categories_extend-view .tb--cat-plch .text-block {
        padding: 0
    }

    .tb--categories_extend-view .tb--cat-plch .text-row {
        border-radius: 0;
        height: 50px!important
    }
}

.tb--categories_list-view .tb--cat-plch,.tb--categories_slide-view .tb--cat-plch {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px;
    width: 100%
}

.tb--categories_list-view .tb--cat-plch .text-row,.tb--categories_slide-view .tb--cat-plch .text-row {
    border-radius: 8px;
    height: 80px!important;
    width: 100%!important
}

@media screen and (max-width: 1023.9px) {
    .tb--categories_list-view .tb--cat-plch,.tb--categories_slide-view .tb--cat-plch {
        max-width:100%;
        padding: 0
    }

    .tb--categories_list-view .tb--cat-plch .text-row,.tb--categories_slide-view .tb--cat-plch .text-row {
        border-radius: 0;
        height: 48px!important;
        margin-bottom: 12px;
        width: 100%!important
    }
}

.small-grid_wrapper .casino-game-plc .text-block {
    flex-basis: 25%;
    max-width: 25%
}

.small-grid_wrapper .casino-game-plc .text-block .text-row {
    height: 16vw!important
}

@media screen and (max-width: 1200px) {
    .small-grid_wrapper .casino-game-plc .text-block {
        flex-basis:33.333%;
        max-width: 33.333%
    }

    .small-grid_wrapper .casino-game-plc .text-block .text-row {
        height: 21vw!important
    }
}

@media screen and (max-width: 1024px) {
    .small-grid_wrapper .casino-game-plc .text-block {
        padding-top:18px
    }
}

@media screen and (max-width: 768px) {
    .small-grid_wrapper .casino-game-plc .text-block {
        flex-basis:50%;
        max-width: 50%
    }

    .small-grid_wrapper .casino-game-plc .text-block .text-row {
        height: 30.5vw!important
    }
}

.page-managment-banner {
    background: linear-gradient(336deg,var(--background-color-1) 0,var(--background-color-3) 25%,var(--background-color-5) 50%,var(--background-color-1) 75%,var(--background-color-3) 100%);
    height: 427px;
    margin-bottom: 30px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .page-managment-banner {
        height:276px;
        margin-bottom: 16px
    }
}

.page-managment .small-banner-placeholder {
    margin: 0 -16px
}

@media screen and (max-width: 1023.9px) {
    .page-managment .small-banner-placeholder {
        margin:0 -8px
    }
}

.page-managment .small-banner-placeholder div {
    background: linear-gradient(336deg,var(--background-color-1) 0,var(--background-color-3) 25%,var(--background-color-5) 50%,var(--background-color-1) 75%,var(--background-color-3) 100%);
    height: 326px;
    margin: 0 16px 30px;
    width: 33.3%
}

@media screen and (max-width: 1023.9px) {
    .page-managment .small-banner-placeholder div {
        height:129px;
        margin: 0 8px 16px;
        width: 50%
    }

    .page-managment .small-banner-placeholder div:last-child {
        display: none
    }
}

.page-managment-lines div {
    background: linear-gradient(336deg,var(--background-color-1) 0,var(--background-color-3) 25%,var(--background-color-5) 50%,var(--background-color-1) 75%,var(--background-color-3) 100%);
    height: 32px;
    margin-bottom: 30px;
    width: 90%
}

.page-managment-lines div:first-child {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .page-managment-lines div {
        height:17px;
        margin-bottom: 16px
    }
}

.promotion-image-placeholder {
    background: linear-gradient(336deg,var(--background-color-1) 0,var(--background-color-3) 25%,var(--background-color-5) 50%,var(--background-color-1) 75%,var(--background-color-3) 100%);
    height: 300px!important;
    width: 100%
}

.tb--promotion-fullpage .promotion-image-placeholder {
    height: 280px!important;
    left: 0;
    position: absolute;
    top: 0
}

.games-placeholder {
    margin: 28px;
    width: calc(100% - 60px)
}

.games-header {
    background-color: var(--background-color-5);
    height: 70px;
    margin-bottom: 16px;
    padding: 0 20px
}

.games-placeholder-menu {
    background: var(--background-color-5);
    height: 40vh;
    width: 20%
}

.games-placeholder-menu .games-menu-items {
    margin: 20px
}

.games-placeholder-menu span {
    background-color: var(--background-color-3);
    height: 16px;
    width: 80%
}

.games-placeholder-menu span:first-child {
    margin: 0 2px;
    width: 10%
}

.games-placeholder-menu span:last-child {
    margin: 0 2px;
    width: 90%
}

.games--placeholder-content,.games--placeholder-sidebar {
    background-color: var(--background-color-5);
    padding: 20px;
    width: 60%
}

.games--placeholder-content {
    margin: 0 20px;
    width: 60%
}

@media screen and (max-width: 1023.9px) {
    .games--placeholder-content {
        margin:0;
        width: 100%
    }
}

.games--placeholder-sidebar {
    width: 20%
}

.games-placeholder-banner {
    background-color: var(--background-color-3);
    height: 20vh
}

.top-winners-placeholder {
    height: 406px;
    overflow-x: visible;
    overflow-y: hidden;
    position: absolute;
    right: calc(50% - 760px);
    top: 70px;
    width: 385px;
    z-index: 2
}

@media screen and (max-width: 1023.9px) {
    .top-winners-placeholder {
        display:none
    }
}

@media only screen and (max-width: 1366px) {
    .top-winners-placeholder {
        right:16px
    }
}

@media only screen and (max-width: 1600px) {
    .top-winners-placeholder {
        right:24px
    }
}

.top-winners-placeholder .top--widget-name {
    padding: 22px 16px
}

.top-winners-placeholder .top--winners-game_container:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.top-winners-placeholder .top--winners-game {
    background: var(--background-color-2);
    background-image: var(--background-gradient-2);
    height: 98px;
    padding: 6px 6px 8px
}

.top-winners-placeholder .top--winners-game:first-child {
    padding-top: 6px
}

.top-winners-placeholder .top--winners-img {
    background: var(--background-color-3);
    background-image: var(--background-gradient-3)
}

.top--jackpot-plc_cont {
    display: flex;
    margin-bottom: 24px;
    margin-top: 38px
}

@media screen and (max-width: 1023.9px) {
    .top--jackpot-plc_cont {
        display:flex;
        gap: 8px;
        margin: 0 auto;
        overflow: hidden;
        padding: 6px 16px
    }
}

.top--jackpot-plc_cont .top--jackpot-plc {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 24px;
    flex-grow: 1;
    height: 96px;
    margin-right: 24px;
    position: relative
}

.top--jackpot-plc_cont .top--jackpot-plc:last-child {
    margin-right: 0
}

@media screen and (max-width: 1023.9px) {
    .top--jackpot-plc_cont .top--jackpot-plc {
        border-radius:16px;
        height: 64px;
        margin: 0;
        min-width: 300px
    }
}

.tb--rtl .top--jackpot-plc:first-child {
    margin-right: 0
}

.tb--rtl .top--jackpot-plc:last-child {
    margin-right: 24px
}

.tb--game-placeholder {
    background-color: var(--background-color-5);
    background-image: var(--background-gradient-5)
}

.tb--recommended-games-placeholder .tb--recommended-games-placeholder-item {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 8px
}

.tb--recommended-games-placeholder .tb--recommended-games-placeholder-item.tb--gm-header {
    height: 44px
}

.tb--recommended-games-placeholder .text-block {
    margin: 0 6px
}

.tb--recommended-games-placeholder .text-block .text-row {
    border-radius: 8px;
    height: 16px!important;
    margin-bottom: 12px
}

@media screen and (max-width: 1200px) {
    .tb--recommended-games-placeholder .text-block .text-row {
        height:12px!important
    }
}

.tb--most-liked-placeholder-wrapper {
    margin: 0 auto;
    max-width: 1568px;
    padding: 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--most-liked-placeholder-wrapper {
        padding:24px 8px
    }
}

.tb--most-liked-placeholder div {
    width: calc(25% - 10px)
}

@media screen and (max-width: 1023.9px) {
    .tb--most-liked-placeholder div {
        display:none;
        width: calc(50% - 6px)
    }

    .tb--most-liked-placeholder div:first-child,.tb--most-liked-placeholder div:nth-child(2) {
        display: block
    }
}

.tb--title-placeholder .text-row {
    background-color: var(--background-color-1)!important;
    background-image: var(--background-gradient-1);
    border-radius: 8px!important;
    height: 36px!important
}

.groups-slider-placeholder div,.tb--most-liked-placeholder div {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    height: 224px
}

.groups-slider-placeholder {
    flex-wrap: wrap;
    padding: 0 10px
}

.groups-slider-placeholder div {
    margin-bottom: 8px;
    width: calc(50% - 4px)
}

@media screen and (max-width: 1023.9px) {
    .tb--image-block_plc .text-block.tb--mobile-hide {
        display:none
    }
}

.tb--image-block_plc .text-row {
    height: 70px!important;
    max-width: 160px;
    width: 100%!important
}

@media screen and (max-width: 1023.9px) {
    .tb--image-block_plc .text-row {
        height:50px!important;
        max-width: 120px;
        width: 100%!important
    }
}

.tb--announcement-placeholder {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    height: 46px;
    position: fixed;
    top: 0
}

.tb--announcement-placeholder>div {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px
}

.tb--announcement-placeholder .text-row {
    width: 100%!important
}

@media screen and (max-width: 1023.9px) {
    .tb--sport-jeckpot-placehloder .game-cont-placeholder .text-block:not(:first-child) {
        display:none
    }
}

[class*=" category_icon-"]:before,[class^=category_icon-]:before {
    font-family: PromotionsIcon!important;
    font-size: 20px
}

[class*=" category_icon-"].icon_fproduct:before,[class*=" category_icon-"]:before,[class^=category_icon-].icon_fproduct:before,[class^=category_icon-]:before {
    speak: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle
}

[class*=" category_icon-"].icon_fproduct:before,[class^=category_icon-].icon_fproduct:before {
    font-size: inherit;
    margin-right: 0
}

[class$=fproduct] {
    font-size: 48px!important;
    height: 51px!important;
    line-height: 51px!important;
    width: 51px!important
}

[class$=fproduct]:before {
    font-size: inherit!important;
    height: inherit!important;
    line-height: inherit!important;
    width: inherit!important
}

@media screen and (max-width: 768px) {
    [class$=fproduct] {
        font-size:38px!important;
        height: 40px!important;
        line-height: 40px!important;
        width: 40px!important
    }
}

.category_icon-all:before {
    content: "\ea01"
}

.category_icon-android:before {
    content: "\eaa6"
}

.category_icon-atlantis:before {
    content: "\eab2"
}

.category_icon-backgammon:before {
    content: "\ea02"
}

.category_icon-backgammon_1:before {
    content: "\eace"
}

.category_icon-belote_1:before {
    content: "\ea63"
}

.category_icon-belote_2:before {
    content: "\eacf"
}

.category_icon-bingo_star:before {
    content: "\eaaa"
}

.category_icon-blackjack_1:before {
    content: "\ead0"
}

.category_icon-blot:before {
    content: "\eab8"
}

.category_icon-bonus:before {
    content: "\ea8b"
}

.category_icon-bonus_1:before {
    content: "\ead1"
}

.category_icon-bonus_history:before {
    content: "\ead2"
}

.category_icon-cashback_1:before {
    content: "\ead3"
}

.category_icon-cash_show_1:before {
    content: "\ead4"
}

.category_icon-casino_1:before {
    content: "\ea64"
}

.category_icon-casino_2:before {
    content: "\ead5"
}

.category_icon-change_password:before {
    content: "\ea9c"
}

.category_icon-change_password_1:before {
    content: "\ead6"
}

.category_icon-chingachong_1:before {
    content: "\ead7"
}

.category_icon-coin_flip:before {
    content: "\eaab"
}

.category_icon-cosmo_saga:before {
    content: "\eab3"
}

.category_icon-crasher:before {
    content: "\ea55"
}

.category_icon-crash_1:before {
    content: "\ea65"
}

.category_icon-crash_2:before {
    content: "\ead8"
}

.category_icon-cricket:before {
    content: "\eabd"
}

.category_icon-customer_service:before {
    content: "\ea8c"
}

.category_icon-customer_service_1:before {
    content: "\ead9"
}

.category_icon-default_1:before {
    content: "\eada"
}

.category_icon-deposit:before {
    content: "\ea0f"
}

.category_icon-deposit_1:before {
    content: "\ea66"
}

.category_icon-domino_1:before {
    content: "\ea67"
}

.category_icon-domino_2:before {
    content: "\eadb"
}

.category_icon-dr_shocker:before {
    content: "\eab4"
}

.category_icon-esport_1:before {
    content: "\eac3"
}

.category_icon-facebook_1:before {
    content: "\eadc"
}

.category_icon-fast_games:before {
    content: "\ea91"
}

.category_icon-fast_games_1:before {
    content: "\ea92"
}

.category_icon-fast_games_2:before {
    content: "\eadd"
}

.category_icon-figoal:before {
    content: "\eabc"
}

.category_icon-f_mines:before {
    content: "\ea51"
}

.category_icon-f_mines_1:before {
    content: "\eade"
}

.category_icon-game_21:before {
    content: "\ea60"
}

.category_icon-game_21_1:before {
    content: "\ea95"
}

.category_icon-game_21_2:before {
    content: "\eadf"
}

.category_icon-game_history:before {
    content: "\ea9d"
}

.category_icon-golden_ra:before {
    content: "\ea52"
}

.category_icon-golden_ra_1:before {
    content: "\eae0"
}

.category_icon-hamster_mania:before {
    content: "\eabe"
}

.category_icon-hexagon_1:before {
    content: "\eae1"
}

.category_icon-hi_lo:before {
    content: "\ea94"
}

.category_icon-hi_lo_1:before {
    content: "\ea93"
}

.category_icon-hokm_1:before {
    content: "\ea6b"
}

.category_icon-hokm_2:before {
    content: "\eae2"
}

.category_icon-home_1:before {
    content: "\eae3"
}

.category_icon-hot_gear:before {
    content: "\eab5"
}

.category_icon-inbox:before {
    content: "\ea9e"
}

.category_icon-instagram_1:before {
    content: "\eae4"
}

.category_icon-ios:before {
    content: "\eaa7"
}

.category_icon-joker_1:before {
    content: "\ea6c"
}

.category_icon-joker_2:before {
    content: "\eae5"
}

.category_icon-jungle_wheel:before {
    content: "\ea56"
}

.category_icon-kakao_talk:before {
    content: "\ea9b"
}

.category_icon-keno_1:before {
    content: "\ea6d"
}

.category_icon-keno_2:before {
    content: "\eae6"
}

.category_icon-keno_express_1:before {
    content: "\ea6e"
}

.category_icon-last_played:before {
    content: "\eae7"
}

.category_icon-limbo_crash:before {
    content: "\eaac"
}

.category_icon-line:before {
    content: "\ea50"
}

.category_icon-linkedin_1:before {
    content: "\eae8"
}

.category_icon-live_casino_1:before {
    content: "\ea6f"
}

.category_icon-live_casino_2:before {
    content: "\ea70"
}

.category_icon-live_casino_3:before {
    content: "\eac4"
}

.category_icon-live_games_1:before {
    content: "\ea71"
}

.category_icon-live_score:before {
    content: "\ea5c"
}

.category_icon-live_score_1:before {
    content: "\ea72"
}

.category_icon-live_score_2:before {
    content: "\eae9"
}

.category_icon-live_score_3:before {
    content: "\eaea"
}

.category_icon-live_sport:before {
    content: "\ea5d"
}

.category_icon-live_sport_1:before {
    content: "\ea73"
}

.category_icon-live_sport_2:before {
    content: "\eac5"
}

.category_icon-live_sport_3:before {
    content: "\eaeb"
}

.category_icon-live_tv:before {
    content: "\ea5e"
}

.category_icon-login:before {
    content: "\ea98"
}

.category_icon-logout:before {
    content: "\ea9f"
}

.category_icon-logout_2:before {
    content: "\eaec"
}

.category_icon-lotto_boom:before {
    content: "\eab6"
}

.category_icon-maestro:before {
    content: "\eaad"
}

.category_icon-magic_dice:before {
    content: "\eaae"
}

.category_icon-menu_1:before {
    content: "\eaed"
}

.category_icon-menu_2:before {
    content: "\eaee"
}

.category_icon-messenger_1:before {
    content: "\eaef"
}

.category_icon-minesweeper_1:before {
    content: "\ea75"
}

.category_icon-minesweeper_2:before {
    content: "\eaf0"
}

.category_icon-minesweeper_3:before {
    content: "\eaf1"
}

.category_icon-mobile_app:before {
    content: "\eaa8"
}

.category_icon-mr_thimble:before {
    content: "\ea53"
}

.category_icon-mr_thimble_1:before {
    content: "\eaf2"
}

.category_icon-ninja_crash:before {
    content: "\ea57"
}

.category_icon-ninja_crash_1:before {
    content: "\eaa9"
}

.category_icon-ninja_crash_500:before {
    content: "\eac0"
}

.category_icon-offers:before {
    content: "\eaf3"
}

.category_icon-pasoor:before {
    content: "\ea5f"
}

.category_icon-pasoor_1:before {
    content: "\eaf4"
}

.category_icon-penalty_1:before {
    content: "\ea76"
}

.category_icon-penalty_2:before {
    content: "\eaf5"
}

.category_icon-penalty_3:before {
    content: "\eaf6"
}

.category_icon-play_me:before {
    content: "\eacd"
}

.category_icon-plinkoman:before {
    content: "\ea54"
}

.category_icon-plinkoman_1:before {
    content: "\eaf7"
}

.category_icon-poker_1:before {
    content: "\ea77"
}

.category_icon-poker_2:before {
    content: "\ea96"
}

.category_icon-poker_3:before {
    content: "\eaf8"
}

.category_icon-prize_history:before {
    content: "\eaf9"
}

.category_icon-promotions_1:before {
    content: "\ea78"
}

.category_icon-promotions_2:before {
    content: "\ea79"
}

.category_icon-promotions_3:before {
    content: "\eafa"
}

.category_icon-promotion_highlights:before {
    content: "\eac1"
}

.category_icon-refer_friend:before {
    content: "\eaba"
}

.category_icon-register:before {
    content: "\ea99"
}

.category_icon-regulation_1:before {
    content: "\ea7a"
}

.category_icon-regulation_2:before {
    content: "\eafb"
}

.category_icon-request_callback:before {
    content: "\eaa0"
}

.category_icon-request_callback_1:before {
    content: "\eafc"
}

.category_icon-request_cashback:before {
    content: "\eaa1"
}

.category_icon-responsible_gaming:before {
    content: "\ea97"
}

.category_icon-responsible_gaming_1:before {
    content: "\eafd"
}

.category_icon-reward:before {
    content: "\eabb"
}

.category_icon-rocketon_1:before {
    content: "\ea7b"
}

.category_icon-rocketon_2:before {
    content: "\ea7c"
}

.category_icon-rocketon_3:before {
    content: "\eac6"
}

.category_icon-roulette_x:before {
    content: "\ea58"
}

.category_icon-roulette_x_1:before {
    content: "\eafe"
}

.category_icon-roulette_x_2:before {
    content: "\eaff"
}

.category_icon-scratch_map:before {
    content: "\eaaf"
}

.category_icon-scratch_map_1:before {
    content: "\eb00"
}

.category_icon-security:before {
    content: "\eaa2"
}

.category_icon-security_1:before {
    content: "\eb01"
}

.category_icon-self_assessment:before {
    content: "\eb02"
}

.category_icon-sicbo_1:before {
    content: "\ea7d"
}

.category_icon-sicbo_2:before {
    content: "\eb03"
}

.category_icon-slap_shot:before {
    content: "\eabf"
}

.category_icon-slots:before {
    content: "\ea7e"
}

.category_icon-slots_1:before {
    content: "\ea7f"
}

.category_icon-slots_2:before {
    content: "\ea80"
}

.category_icon-slots_3:before {
    content: "\eac7"
}

.category_icon-smartico:before {
    content: "\eac2"
}

.category_icon-sport_1:before {
    content: "\ea8a"
}

.category_icon-sport_2:before {
    content: "\eac8"
}

.category_icon-sport_bet_history:before {
    content: "\eaa3"
}

.category_icon-sport_bet_history_1:before {
    content: "\eac9"
}

.category_icon-sport_main:before {
    content: "\eaca"
}

.category_icon-starlight:before {
    content: "\eab9"
}

.category_icon-statistics_1:before {
    content: "\ea81"
}

.category_icon-statistics_2:before {
    content: "\eb04"
}

.category_icon-table_games_1:before {
    content: "\eb05"
}

.category_icon-telegram_1:before {
    content: "\eb06"
}

.category_icon-tiktok_1:before {
    content: "\eb07"
}

.category_icon-tombala_1:before {
    content: "\ea82"
}

.category_icon-tombala_2:before {
    content: "\eb08"
}

.category_icon-tombala_3:before {
    content: "\eb09"
}

.category_icon-totem:before {
    content: "\eab0"
}

.category_icon-tournament_1:before {
    content: "\ea83"
}

.category_icon-tournament_2:before {
    content: "\eb0a"
}

.category_icon-tower_rush:before {
    content: "\eab7"
}

.category_icon-transactions:before {
    content: "\eaa4"
}

.category_icon-transactions_1:before {
    content: "\eb0b"
}

.category_icon-turbo_mines:before {
    content: "\eab1"
}

.category_icon-tv_games_1:before {
    content: "\ea84"
}

.category_icon-tv_games_2:before {
    content: "\ea85"
}

.category_icon-tv_games_3:before {
    content: "\eacb"
}

.category_icon-twitter:before {
    content: "\ea44"
}

.category_icon-twitter_1:before {
    content: "\eb0c"
}

.category_icon-user:before {
    content: "\eaa5"
}

.category_icon-user_1:before {
    content: "\eb0d"
}

.category_icon-viber_1:before {
    content: "\eb0e"
}

.category_icon-video_poker_1:before {
    content: "\ea8d"
}

.category_icon-video_poker_2:before {
    content: "\eb0f"
}

.category_icon-virtual_sport_1:before {
    content: "\ea87"
}

.category_icon-virtual_sport_2:before {
    content: "\eacc"
}

.category_icon-whatsapp_1:before {
    content: "\eb10"
}

.category_icon-wheel:before {
    content: "\eb11"
}

.category_icon-wheel_1:before {
    content: "\eb12"
}

.category_icon-withdrawal_1:before {
    content: "\eb13"
}

.category_icon-youtube_1:before {
    content: "\eb14"
}

.category_icon-zeppelin_1:before {
    content: "\ea89"
}

.category_icon-zeppelin_2:before {
    content: "\eb15"
}

.category_icon-belote:before {
    content: "\ea03"
}

.category_icon-betradar_baseball:before {
    content: "\ea04"
}

.category_icon-betradar_basketball:before {
    content: "\ea05"
}

.category_icon-betradar_football:before {
    content: "\ea06"
}

.category_icon-betradar_tennis:before {
    content: "\ea07"
}

.category_icon-betradar_tournament:before {
    content: "\ea08"
}

.category_icon-blackjack:before {
    content: "\ea09"
}

.category_icon-cash_show:before {
    content: "\ea0a"
}

.category_icon-casino:before {
    content: "\ea0b"
}

.category_icon-chingachong:before {
    content: "\ea59"
}

.category_icon-crash:before {
    content: "\ea0d"
}

.category_icon-default:before {
    content: "\ea0e"
}

.category_icon-digg:before {
    content: "\ea10"
}

.category_icon-discord:before {
    content: "\ea11"
}

.category_icon-domino:before {
    content: "\ea12"
}

.category_icon-facebook:before {
    content: "\ea13"
}

.category_icon-hexagon:before {
    content: "\ea15"
}

.category_icon-hokm:before {
    content: "\ea17"
}

.category_icon-home:before {
    content: "\ea18"
}

.category_icon-instagram:before {
    content: "\ea19"
}

.category_icon-joker:before {
    content: "\ea1a"
}

.category_icon-keno_express:before {
    content: "\ea5a"
}

.category_icon-keno:before {
    content: "\ea5b"
}

.category_icon-linkedin:before {
    content: "\ea1e"
}

.category_icon-live_casino:before {
    content: "\ea22"
}

.category_icon-live_games:before {
    content: "\ea23"
}

.category_icon-menu:before {
    content: "\ea26"
}

.category_icon-messenger:before {
    content: "\ea27"
}

.category_icon-minesweeper:before {
    content: "\ea28"
}

.category_icon-ok:before {
    content: "\ea2a"
}

.category_icon-other_games:before {
    content: "\ea2b"
}

.category_icon-penalty:before {
    content: "\ea2d"
}

.category_icon-pinterest:before {
    content: "\ea2e"
}

.category_icon-poker:before {
    content: "\ea2f"
}

.category_icon-promotions:before {
    content: "\ea30"
}

.category_icon-reddit:before {
    content: "\ea31"
}

.category_icon-regulation:before {
    content: "\ea33"
}

.category_icon-rocketon:before {
    content: "\ea35"
}

.category_icon-sicbo:before {
    content: "\ea36"
}

.category_icon-snapchat:before {
    content: "\ea37"
}

.category_icon-sport:before {
    content: "\ea38"
}

.category_icon-statistics:before {
    content: "\ea39"
}

.category_icon-table_games:before {
    content: "\ea3b"
}

.category_icon-telegram:before {
    content: "\ea3c"
}

.category_icon-tiktok:before {
    content: "\ea3d"
}

.category_icon-tombala:before {
    content: "\ea3e"
}

.category_icon-tournament:before {
    content: "\ea40"
}

.category_icon-tumblr:before {
    content: "\ea41"
}

.category_icon-tv_games:before {
    content: "\ea61"
}

.category_icon-esport:before {
    content: "\ea62"
}

.category_icon-viber:before {
    content: "\ea46"
}

.category_icon-video_poker:before {
    content: "\ea47"
}

.category_icon-vimeo:before {
    content: "\ea48"
}

.category_icon-virtual_sport:before {
    content: "\ea49"
}

.category_icon-vk:before {
    content: "\ea4a"
}

.category_icon-wechat:before {
    content: "\ea4b"
}

.category_icon-whatsapp:before {
    content: "\ea4c"
}

.category_icon-withdrawal:before {
    content: "\ea4d"
}

.category_icon-youtube:before {
    content: "\ea4e"
}

.category_icon-zeppelin:before {
    content: "\ea4f"
}

.tb--akcent-clr1 {
    color: var(--brand-color-1)
}

.tb--akcent-clr2 {
    color: var(--brand-color-2)
}

.tb--sucess-clr {
    color: var(--success-color)
}

.tb--error-clr {
    color: var(--error-color)
}

.tb--gray-clr {
    color: #999
}

.tb--shadow {
    box-shadow: 0 2px 4px #1a1a1a33
}

.tb--shadow2 {
    box-shadow: 0 2px 12px #dad6d6
}

.tb--drop-shadow {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.tb--w_100 {
    width: 100%
}

.tb--w_90 {
    width: 90%
}

.tb--w_80 {
    width: 80%
}

.tb--w_50 {
    width: 50%
}

.tb--w_auto {
    width: auto!important
}

.tb--h_100 {
    height: 100%
}

.tb--h_fc {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.tb--tac {
    text-align: center
}

.tb--tar {
    text-align: right
}

.tb--tal {
    text-align: left
}

.tb--leter-space_1 {
    letter-spacing: 1px
}

.tb--line-height {
    line-height: 1.5
}

.tb--text_upercase {
    text-transform: uppercase
}

.tb--text-capitalize {
    text-transform: capitalize
}

.tb--text-original {
    text-transform: none
}

.tb--text-lowercase {
    text-transform: lowercase
}

.tb--nowrap {
    white-space: nowrap
}

.tb--wrap {
    white-space: wrap
}

.tb--cp {
    cursor: pointer
}

.tb--cd {
    cursor: default
}

.tb--indent8 {
    text-indent: 8px
}

.tb--indent16 {
    text-indent: 16px
}

.tb--underline {
    text-decoration: underline
}

.tb--ellipsis {
width: auto;
    overflow: hidden;
    white-space: nowrap;
    color: #ffffff;
    text-overflow: ellipsis;
}

.tb--word-break {
    word-break: break-word
}

.tb--text-underline {
    text-decoration: underline
}

.tb--hr {
    border: 0;
    border-top: 1px solid var(--white-color);
    display: block;
    height: 2px;
    margin: 16px 0;
    padding: 0
}

.tb--hide {
    display: none!important
}

.tb--block {
    display: block
}

.tb--overflowY-hidden {
    overflow-y: hidden
}

.fade--in {
    opacity: 1;
    pointer-events: auto
}

.fade--out {
    opacity: 0;
    pointer-events: none
}

@media screen and (max-width: 1023.9px) {
    .tb--overflowY-fix {
        overflow-y:hidden;
        /*position: fixed;*/
        width: 100%
    }
}

.tb--visibility-hidden {
    visibility: hidden
}

.tb--visibility-visible {
    visibility: visible
}

.tb--disabled {
    opacity: .5
}

.tb-c-no_drop {
    cursor: no-drop
}

.tb-p-events_none {
    pointer-events: none
}

.tb--mg-auto {
    margin: 0 auto
}

.tb--ml-4 {
    margin-left: 4px
}

.ovfh,.ovfh body {
    overflow: hidden
}

@media screen and (max-width: 1023.9px) {
    .ovfh body {
        height:0
    }
}

.ovfh-scroll {
    overflow-y: scroll
}

.ovf-hidden,.ovf-hidden body,.ovfh-secondary,.ovfh-secondary body {
    overflow: hidden
}

@media screen and (max-width: 1023.9px) {
    .ovfh-mobile,.ovfh-mobile body {
        height:0;
        overflow: hidden!important
    }
}

.tb--f-light {
    font-weight: 400
}

.tb--f-medium {
    font-weight: 500
}

.tb--bold {
    font-weight: 700
}

.tb--title {
    display: inline-block;
    position: relative
}

.tb--title:before {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 4px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--profile-scroll {
    overflow-x: hidden;
    overflow-y: auto;
        /*padding: 0 25px;*/
}

@media screen and (max-width: 1023.9px) {
    .one-level-filter {
        border-radius:12px;
        height: 100%
    }

    .tb--transaction-form {
        background-color: var(--modal-bg-color-3);
        border-radius: 12px
    }
}

.tb--form-container {
    height: calc(100% - 48px)
}

@media screen and (max-width: 1023.9px) {
    .tb--form-container {
        background-color:var(--modal-bg-color-3);
        border-radius: 12px;
        height: 100%
    }
}

.tb--table-container {
    flex: 1 1
}

.tb--ltr {
    direction: ltr
}

.tb--flex-dir-column {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1023.9px) {
    .tb--mob-column {
        flex-direction:column
    }
}

.inner-subhed-container {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

@media screen and (max-width: 1023.9px) {
    .inner-subhed-container {
        height:100%
    }
}

.tb--flex-square {
    flex: 1 1
}

.tb--modal-account .myProfileForm,.tb--modal-account .one-level-filter,.tb--modal-account .tb--bonuses-form,.tb--modal-account .tb--form-container,.tb--modal-account .tb--table-container {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.tb--modal-account .tb--referrer-report_form .cashier-form-wrapper {
    display: flex;
    height: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--referrer-report_form .cashier-form-wrapper .myProfileForm {
        background-color:var(--modal-bg-color-3);
        border-radius: 12px;
        height: 100%
    }
}

.two-level-table_container {
    border-radius: 12px;
    flex: 1 1
}

.table-height {
    flex: 1 1
}

@media screen and (max-width: 1023.9px) {
    .table-height {
        height:100%
    }
}

@media screen and (max-height: 1023.9px) {
    .tb--flex-box {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

.tb--flex-wrap {
    flex-wrap: wrap
}

.tb--overflow {
    overflow: auto
}

@media screen and (max-width: 1023.9px) {
    .tb--button-space_mobile {
        margin-top:32px
    }
}

@media screen and (min-width: 1024px) {
    .tb--button-space_web,.tb--history-filter .tb--button-space_web {
        margin-top:9px
    }
}

.tb--history-filter .tb--pay-inner-input {
    margin-bottom: 12px
}

.tb--d-block {
    display: block!important
}

.tb--d-inline {
    display: inline-block
}

.tb--main-bottom_space {
    padding-bottom: 24px!important
}

.tb--pis-28 {
    padding-inline-start:28px}

.tb--pie-14 {
    padding-inline-end:14px}

@media screen and (max-width: 1024px) {
    .tb--bg-layout-list {
        margin:0 16px 0 8px;
        max-width: 100vw;
        overflow: overlay;
        white-space: nowrap
    }

    .tb--bg-layout-list .banner-grid-list {
        height: 100%;
        margin-bottom: 8px
    }

    .tb--bg-layout-list .banner-grid-list .banner-grid-item>div {
        height: 100%
    }

    .tb--bg-layout-list .banner-grid-list .banner-grid-item>div img {
        border-radius: 8px;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .tb--bg-layout-list .banner-grid-list .banner-grid-item>div .tb--tournament-video.tb--video-banner {
        height: 100%
    }

    .tb--bg-layout-list .banner-grid-list .banner-grid-item>div .tb--tournament-video.tb--video-banner .tb--banner-video_cover {
        left: 0
    }

    .tb--bg-layout-list .banner-grid-list .banner-grid-item>div .tb--tournament-video.tb--video-banner iframe {
        border-radius: 8px;
        height: 100%!important;
        top: 0;
        transform: none
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll {
        -ms-overflow-style: none;
        align-items: stretch;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0;
        padding-bottom: 4px;
        padding-left: 4px;
        scrollbar-width: none
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout {
        display: block;
        flex: 0 0 100%;
        height: inherit;
        margin-bottom: 0;
        padding: 0 4px
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout .banner-grid-list {
        margin-bottom: 0
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout:first-child {
        padding-right: 30px
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout:nth-child(2) {
        margin-left: -26px
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout:last-child {
        padding-right: 16px
    }

    .tb--bg-layout-list.tb--bg-mobile-hz-scroll::-webkit-scrollbar {
        display: none
    }
}

.fade-appear,.fade-enter {
    opacity: 0;
    z-index: 1
}

@media screen and (min-width: 1024px) {
    .fade-appear-done.fade-enter-done,.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
        opacity:1;
        transition: opacity .6s linear
    }
}

.fade-exit {
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .fade-exit.fade-exit-active {
        opacity:0;
        transition: opacity .6s linear
    }
}

.fade-exit-done {
    opacity: 0
}

@media screen and (min-width: 768px) {
    .tb--desktop-hide {
        display:none!important
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-hide {
        display:none!important
    }

    [class*=tb--col-] {
       /* flex-basis: 100%;*/
        max-width: 100%
    }

    .tb--ns-col {
        flex-basis: auto
    }
}

@media screen and (max-width: 767.9px) {
    .tb--tablet-hide {
        display:none!important
    }
}

@media screen and (max-width: 600px) {
    .tb--small-mobile_hide {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .tb--web-hide {
        display:none!important
    }
}

@media screen and (min-width: 767.9px) {
    .tb--web-tablet-hide {
        display:none!important
    }
}

.tb--status {
    color: #af61ec;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 12px!important;
    max-width: 100%;
    overflow: hidden;
    padding: 4px 8px;
    position: relative;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--status {
        margin-left:auto;
        width: -webkit-max-content;
        width: max-content
    }
}

.tb--status:after {
    background-color: #af61ec;
    border-radius: 10px 10px 10px 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.tb--status.tb--status-active,.tb--status.tb--status-approved,.tb--status[class*=tb--status-allowed] {
    color: #85c082
}

.tb--status.tb--status-active:after,.tb--status.tb--status-approved:after,.tb--status[class*=tb--status-allowed]:after {
    background-color: #85c082
}

.tb--status.tb--status-inReview,.tb--status.tb--status-inprocess,.tb--status.tb--status-invite-pending,.tb--status.tb--status-paypanding,.tb--status.tb--status-paypending,.tb--status.tb--status-pending,.tb--status.tb--status-waiting,.tb--status[class*=tb--status-waiting] {
    color: #e39808
}

.tb--status.tb--status-inReview:after,.tb--status.tb--status-inprocess:after,.tb--status.tb--status-invite-pending:after,.tb--status.tb--status-paypanding:after,.tb--status.tb--status-paypending:after,.tb--status.tb--status-pending:after,.tb--status.tb--status-waiting:after,.tb--status[class*=tb--status-waiting]:after {
    background-color: #e39808
}

.tb--status.tb--status-canceledbyclient,.tb--status.tb--status-canceledbypayment,.tb--status.tb--status-canceledbyuser,.tb--status.tb--status-cancelled,.tb--status.tb--status-declined,.tb--status.tb--status-failed,.tb--status.tb--status-rejected,.tb--status[class*=tb--status-cancelled] {
    color: #f47777
}

.tb--status.tb--status-canceledbyclient:after,.tb--status.tb--status-canceledbypayment:after,.tb--status.tb--status-canceledbyuser:after,.tb--status.tb--status-cancelled:after,.tb--status.tb--status-declined:after,.tb--status.tb--status-failed:after,.tb--status.tb--status-rejected:after,.tb--status[class*=tb--status-cancelled]:after {
    background-color: #f47777
}

.tb--status.tb--status-accepted,.tb--status.tb--status-invite-done,.tb--status.tb--status-paid {
    color: #85c082
}

.tb--status.tb--status-accepted:after,.tb--status.tb--status-invite-done:after,.tb--status.tb--status-paid:after {
    background-color: #85c082
}

.tb--status.tb--status-frozen,.tb--status.tb--status-invite-inprocess,.tb--status.tb--status-onhold {
    color: #69c1dc
}

.tb--status.tb--status-frozen:after,.tb--status.tb--status-invite-inprocess:after,.tb--status.tb--status-onhold:after {
    background-color: #69c1dc
}

.tb--status.tb--status-archived,.tb--status.tb--status-expired,.tb--status.tb--status-finished {
    color: #7e7a7a
}

.tb--status.tb--status-archived:after,.tb--status.tb--status-expired:after,.tb--status.tb--status-finished:after {
    background-color: #999;
    border: 1px solid #7e7a7a
}

.tb--status.tb--status-new {
    color: #8480e8
}

.tb--status.tb--status-new:after {
    background-color: #8480e8
}

.tb--status.tb--status-answered {
    color: #93b044
}

.tb--status.tb--status-answered:after {
    background-color: #93b044
}

.tb--barcode {
    color: var(--brand-color-1);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: underline;
    text-transform: capitalize
}

.tb--column-gap-8 {
    column-gap: 8px
}

.tb--column-gap-10 {
    column-gap: 10px
}

.tb--text-white {
    color: #fff
}

.tb--gap-4 {
    gap: 4px
}

.tb--gap-6 {
    gap: 6px
}

.tb--gap-8 {
    gap: 8px
}

.tb--gap-12 {
    gap: 12px
}

.tb--gap-14 {
    gap: 14px
}

.tb--gap-16 {
    gap: 16px
}

.tb--gap-20 {
    gap: 20px
}

.tb--gap-24 {
    gap: 24px
}

.tb--multiline-ellipsis-2,.tb--multiline-ellipsis-3,.tb--multiline-ellipsis-4 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal
}

.tb--multiline-ellipsis-2 {
    -webkit-line-clamp: 2
}

.tb--multiline-ellipsis-3 {
    -webkit-line-clamp: 3
}

.tb--multiline-ellipsis-4 {
    -webkit-line-clamp: 4
}

.lm-status {
    display: inline-block;
    height: 10px;
    position: relative;
    width: 10px
}

.lm-status:before {
    height: 10px;
    left: 0;
    opacity: .5;
    top: 0;
    width: 10px
}

.lm-status:after,.lm-status:before {
    border-radius: 24px;
    content: "";
    position: absolute
}

.lm-status:after {
    height: 5px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-2.5px);
    width: 5px
}

.lm-status.lm-active-status:after,.lm-status.lm-active-status:before {
    background-color: #089d00
}

.lm-status.lm-pending-status:after,.lm-status.lm-pending-status:before {
    background-color: #ffa800
}

.lm-status.lm-inactive-status:after,.lm-status.lm-inactive-status:before {
    background-color: #f02849
}

.tb--static {
    position: static!important
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

* {
    box-sizing: border-box
}

div:not(.tb--page-content)>ol,div:not(.tb--page-content)>ul {
    list-style: none
}

.tb--page-content ol,.tb--page-content ul {
    list-style-position: inside
}

img {
    max-width: 100%
}

blockquote,q {
    quotes: none
}

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

button,input[type=button],input[type=reset],input[type=submit] {
    border-width: thin
}

a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none
}

input {
    padding: 0
}

.tb--input[type=number]::-webkit-inner-spin-button,.tb--input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button {
    background-color: initial;
    border: none;
    outline: none
}

.tb--input[type=number] {
    -moz-appearance: textfield
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

article,aside,figcaption,figure,footer,header,main,nav,section {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: initial;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: initial
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

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

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: initial
}

textarea {
    overflow: auto;
    resize: none
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

.load6 .loader {
    animation: load6 1.7s ease infinite;
    border-radius: 50%;
    color: #fff;
    font-size: 90px;
    height: 1em;
    margin: 72px auto;
    overflow: hidden;
    position: relative;
    text-indent: -9999em;
    transform: translateZ(0);
    width: 1em
}

@keyframes load6 {
    0% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em;
        transform: rotate(0deg)
    }

    5%,95% {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
    }

    10%,59% {
        box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
    }

    20% {
        box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
    }

    38% {
        box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
    }

    to {
        box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em;
        transform: rotate(1turn)
    }
}

.overlay {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000
}

.loader-container {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

.lds-default {
    display: inline-block;
    height: 64px;
    position: relative;
    width: 64px
}

.lds-default div {
    animation: lds-default 1.2s linear infinite;
    background: #fff;
    border-radius: 50%;
    height: 5px;
    position: absolute;
    width: 5px
}

.lds-default div:first-child {
    animation-delay: 0s;
    left: 53px;
    top: 29px
}

.lds-default div:nth-child(2) {
    animation-delay: -.1s;
    left: 50px;
    top: 18px
}

.lds-default div:nth-child(3) {
    animation-delay: -.2s;
    left: 41px;
    top: 9px
}

.lds-default div:nth-child(4) {
    animation-delay: -.3s;
    left: 29px;
    top: 6px
}

.lds-default div:nth-child(5) {
    animation-delay: -.4s;
    left: 18px;
    top: 9px
}

.lds-default div:nth-child(6) {
    animation-delay: -.5s;
    left: 9px;
    top: 18px
}

.lds-default div:nth-child(7) {
    animation-delay: -.6s;
    left: 6px;
    top: 29px
}

.lds-default div:nth-child(8) {
    animation-delay: -.7s;
    left: 9px;
    top: 41px
}

.lds-default div:nth-child(9) {
    animation-delay: -.8s;
    left: 18px;
    top: 50px
}

.lds-default div:nth-child(10) {
    animation-delay: -.9s;
    left: 29px;
    top: 53px
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    left: 41px;
    top: 50px
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    left: 50px;
    top: 41px
}

@keyframes lds-default {
    0%,20%,80%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }
}

.lang-area {
    position: relative
}

.lang-area_holder {
    cursor: pointer;
    height: 36px;
    padding-right: 30px;
    position: relative;
    text-transform: uppercase
}

.lang-area_holder:before {
    color: #999;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.lang-area_selected {
    color: var(--text-color-2);
    height: 36px
}

.lang-area select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

.la-sub-menu-list {
    border-radius: 12px;
    box-shadow: 0 2px 12px #0000002b;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 9999
}

.la-sub-menu {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border: 0;
    color: var(--text-color-1);
    display: flex;
    flex-direction: column;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: overlay;
    padding: 0;
    white-space: nowrap
}

.la-sub-menu_item {
    color: var(--text-color-1);
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    position: relative
}

.la-sub-menu_item__active {
    color: var(--brand-color-2);
    cursor: default;
    font-weight: 500;
    pointer-events: none
}

.la-sub-menu_item:after {
    background-color: var(--text-color-4);
    bottom: 0;
    content: "";
    height: 1px;
    left: 16px;
    opacity: .2;
    position: absolute;
    right: 16px
}

.la-sub-menu_item:hover {
    background: var(--background-color-5);
    background-image: var(--background-gradient-5);
    color: var(--brand-color-2)
}

.la-sub-menu_item:last-child:after {
    background-color: initial
}

.secondary--menu-center .lang-area:before,.secondary--menu-left .lang-area:before {
    content: none
}

.footer .lang-area.digi_icon-arrow_down:before {
    font-size: 18px;
    line-height: 30px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 4px
}

@media screen and (max-width: 1023.9px) {
    .footer .lang-area.digi_icon-arrow_down:before {
        font-size:24px;
        top: 3px
    }
}

.logo--empty {
    height: 20px;
    min-width: 80px
}

.footerLanguage--empty,.mobileApps--empty {
    min-width: 124px
}

#modal-root .tb--chb-lbl,.popup-to-page .tb--chb-lbl,.tb--bottom-sheet .tb--chb-lbl {
    color: #999;
    display: inline-flex;
    line-height: 1.5
}

#modal-root .tb--chb-lbl .tb--chb-text,.popup-to-page .tb--chb-lbl .tb--chb-text,.tb--bottom-sheet .tb--chb-lbl .tb--chb-text {
    color: #1a1a1a;
    flex-grow: 1;
    padding: 0 8px
}

#modal-root .tb--chb-lbl .tb--chb-text.tb--chb-text-gray,.popup-to-page .tb--chb-lbl .tb--chb-text.tb--chb-text-gray,.tb--bottom-sheet .tb--chb-lbl .tb--chb-text.tb--chb-text-gray {
    color: #999
}

#modal-root .tb--chb-lbl .tb--chb-ico,.popup-to-page .tb--chb-lbl .tb--chb-ico,.tb--bottom-sheet .tb--chb-lbl .tb--chb-ico {
    display: block;
    font-size: 24px;
    height: 24px;
    line-height: 20px;
    width: 24px
}

#modal-root .tb-checkbox-container .tb--error-cont,.popup-to-page .tb-checkbox-container .tb--error-cont,.tb--bottom-sheet .tb-checkbox-container .tb--error-cont {
    color: var(--error-color)
}

#modal-root .tb--custom-checkbox input[type=checkbox],#modal-root .tb--custom-checkbox input[type=checkbox]:checked+label:before,.popup-to-page .tb--custom-checkbox input[type=checkbox],.popup-to-page .tb--custom-checkbox input[type=checkbox]:checked+label:before,.tb--bottom-sheet .tb--custom-checkbox input[type=checkbox],.tb--bottom-sheet .tb--custom-checkbox input[type=checkbox]:checked+label:before {
    display: none
}

#modal-root .tb--custom-checkbox input[type=checkbox]+label:before,.popup-to-page .tb--custom-checkbox input[type=checkbox]+label:before,.tb--bottom-sheet .tb--custom-checkbox input[type=checkbox]+label:before {
    border: 1px solid var(--modal-text-color-2);
    border-radius: 2px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 16px
}

#modal-root .tb--custom-checkbox input[type=checkbox]:checked+label:after,.popup-to-page .tb--custom-checkbox input[type=checkbox]:checked+label:after,.tb--bottom-sheet .tb--custom-checkbox input[type=checkbox]:checked+label:after {
    color: var(--brand-color-1);
    content: " \ea25";
    font-family: BuilderFont!important;
    font-size: 22px;
    left: 0;
    position: absolute;
    top: 0
}

#modal-root .tb--custom-checkbox input[type=checkbox]~label,.popup-to-page .tb--custom-checkbox input[type=checkbox]~label,.tb--bottom-sheet .tb--custom-checkbox input[type=checkbox]~label {
    color: var(--modal-text-color-2);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding-left: 30px;
    position: relative
}

.language {
    align-items: center;
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    cursor: pointer;
    display: inline-block;
    display: none;
    flex-direction: row;
    justify-content: center;
    padding: 7px 10px;
    position: relative;
    width: 70px
}

.language,.language span {
    color: var(--text-color-2);
    font-size: 12px
}

.language span {
    margin-left: 7px;
    margin-right: 3px
}

.language:after {
    vertical-align: middle
}

.links_container {
    background-color: #2b2b2b;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0 2px 5px 0 #0000009c;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 36px;
    width: 180px;
    z-index: 999
}

.links_container a {
    align-items: center;
    border-bottom: 1px solid #525252;
    display: flex;
    font-size: 14px;
    height: 32px;
    justify-content: space-between;
    line-height: 32px;
    padding: 0 8px;
    text-align: left;
    transition: background-color .2s ease
}

.main-menu-bar .language {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    height: 30px;
    margin-left: 10px
}

.tb--lang {
    background: url(https://cdn.bcdel.com/version/0.5.708/static/media/language_sprite.4e415e4c00f18faaafeb.png) no-repeat;
    background-size: 18px;
    height: 18px;
    overflow: hidden;
    width: 18px
}

.la-sub-menu .tb--lang.tb--only-flag {
    margin-left: 4px;
    margin-right: 4px
}

.header-language .tb--only-icon_mob .tb--lang {
    margin-right: 4px
}

.header-language .tb--only-icon_mob:before {
    top: -3px!important
}

.tb--mobile-language_flag {
    left: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.header-language .tb--mobile-language_flag {
    left: 0
}

.header-language .tb--select-overlap,.standard-footer .tb--select-overlap {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 100%;
    justify-content: flex-start;
    padding-left: 44px;
    padding-right: 20px;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .header-language .tb--select-overlap,.standard-footer .tb--select-overlap {
        padding-left:5px;
        padding-right: 5px;
        position: relative
    }
}

.header-language .select-flag {
    padding-left: 0
}

.header-language .select-flag .tb--lang {
    margin-right: 5px
}

.header-language .tb--select-overlap span {
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.call-us-block_btn {
    text-indent: 2000px!important
}

@media screen and (max-width: 1023.9px) {
    .lang-area option {
        background-color:var(--background-color-3)
    }
}

.sq {
    background-position: 0 0
}

.am {
    background-position: 0 -18px
}

.ajt {
    background-position: 0 -612px
}

.ar {
    background-position: 0 -36px
}

.hy {
    background-position: 0 -54px
}

.bs {
    background-position: 0 -72px
}

.aeb {
    background-position: 0 -612px
}

.br {
    background-position: 0 -450px
}

.cnr {
    background-position: 0 -414px
}

.cs {
    background-position: 0 -144px
}

.da {
    background-position: 0 -162px
}

.de {
    background-position: 0 -270px
}

.en {
    background-position: 0 -180px
}

.es {
    background-position: 0 -558px
}

.fa {
    background-position: 0 -198px
}

.fi {
    background-position: 0 -216px
}

.fr {
    background-position: 0 -234px
}

.he {
    background-position: 0 -288px
}

.hi {
    background-position: 0 -324px
}

.hr {
    background-position: 0 -126px
}

.it {
    background-position: 0 -306px
}

.ja {
    background-position: 0 -342px
}

.ka {
    background-position: 0 -252px
}

.kk {
    background-position: 0 -360px
}

.ko {
    background-position: 0 -396px
}

.ku {
    background-position: 0 -378px
}

.nb {
    background-position: 0 -414px
}

.pa {
    background-position: 0 -486px
}

.pt {
    background-position: 0 -468px
}

.ru {
    background-position: 0 -522px
}

.sk,.sr {
    background-position: 0 -540px
}

.sv {
    background-position: 0 -576px
}

.th {
    background-position: 0 -594px
}

.tr {
    background-position: 0 -630px
}

.uk {
    background-position: 0 -648px
}

.ur-PK {
    background-position: 0 -666px
}

.uz {
    background-position: 0 -684px
}

.zh {
    background-position: 0 -108px
}

.zh-cht {
    background-position: 0 -100px
}

.ro {
    background-position: 0 -504px
}

.el {
    background-position: 0 -702px
}

.bg {
    background-position: 0 -720px
}

.mn {
    background-position: 0 -738px
}

.bn {
    background-position: 0 -756px
}

.si {
    background-position: 0 -774px
}

.top--winners-slider {
    border-radius: 0 0 12px 12px;
    height: 349px;
    overflow-x: visible;
    overflow-y: hidden;
    width: 332px;
    z-index: 2
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .top--winners-slider {
        height:280px
    }
}

.top--winners-slider--absolute {
    position: absolute;
    right: calc(50% - 760px);
    top: 24px;
    display: none;
}

.top--winners-slider .top--winners-one-tab {
    width: 50%
}

.top--winners-slider .top--winners-one-tab+.slick-slider .top--winners-game_wrapper:before {
    border-radius: 0 12px
}

@media only screen and (max-width: 1600px) {
    .top--winners-slider {
        right:24px;
        display: none;
    }
}

@media screen and (max-width: 1023.9px) {
    .top--winners-slider {
        background-color:var(--background-color-1);
        background-image: var(--background-gradient-1);
        border-radius: 0;
        height: auto;
        left: 0;
        margin-top: 8px;
        padding-bottom: 16px;
        position: relative;
        right: 0;
        top: 0;
                display: block;
        width: 100%
    }

    .top--winners-slider .slick-slider {
        margin-top: 16px
    }
}

@media screen and (max-width: 1023.9px) and (max-width:1023.9px) {
    .top--winners-slider .slick-slider {
        margin-top:8px
    }
}

@media screen and (max-width: 1023.9px) {
    .top--winners-slider .top--winners-game_title {
        color:var(--text-color-4);
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        margin-left: 19px;
        margin-top: 2px;
        opacity: .5;
        text-transform: capitalize
    }
}

@media screen and (max-width: 1023.9px) and (max-width:1023.9px) {
    .top--winners-slider .top--winners-game_title {
        margin-top:8px
    }
}

.top--winners-slider .slick-slide:after {
    content: none
}

.top--winners-slider .slick-arrow {
    top: 0
}

.top--winners-slider .slick-arrow.slick-prev {
    right: 44px
}

.top--winners-slider .slick-arrow.slick-next {
    right: 0
}

.top--winners-slider .tb--tooltip {
    background-color: #fff;
    color: #000;
    font-size: 11px;
    max-width: 218px;
    padding: 6px 12px 4px;
    text-transform: uppercase;
    z-index: 9999
}

.top--winners-slider .tb--tooltip:after {
    display: none
}

.top--winners-slider .slick-current.slick-active {
    z-index: 1
}

.top--winners-slider .__react_component_tooltip {
    border-radius: 0
}

.top--winners-less {
    margin: 0 8px
}

@media screen and (max-width: 1023.9px) {
    .top--winners-less {
        margin:16px 0 0
    }
}

.top--winners-less .top--winners-game {
    flex-grow: 1
}

@media screen and (max-width: 1023.9px) {
    .top--winners-less .top--winners-game {
        margin:0 8px
    }
}

.top--winners-game_wrapper {
    padding: 8px 12px 6px;
    position: relative;
    z-index: 999
}

.top--winners-game_wrapper:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 0 0 12px 12px;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.top--winners-game_wrapper .top--winners-game_title {
    color: var(--text-color-4);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    opacity: .5;
    padding-bottom: 2px;
    text-transform: capitalize
}

@media screen and (max-width: 1023.9px) {
    .top--winners-game_wrapper .top--winners-game_title {
        padding-bottom:8px
    }
}

.top--winners-game_container {
    border-radius: 4px;
    height: 290px;
    overflow-y: auto;
    padding: 8px 0;
    position: relative
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .top--winners-game_container {
        height:227px
    }
}

.top--winners-game_container ::-webkit-scrollbar,.top--winners-game_container::-webkit-scrollbar {
    height: 3px;
    width: 7px
}

@media only screen and (max-width: 600px) {
    .top--winners-game_container ::-webkit-scrollbar,.top--winners-game_container::-webkit-scrollbar {
        height:2px
    }
}

.top--winners-game_container ::-webkit-scrollbar-thumb,.top--winners-game_container::-webkit-scrollbar-thumb {
    background-color: var(--background-color-5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #0000004d;
    opacity: .5
}

.top--winners-page {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.top--winners-section {
    background-color: var(--background-color-5);
    border-radius: 12px 12px 0 0;
    width: 100%
}

.top--widget-name_scroll {
    overflow-x: auto
}

@media screen and (max-width: 1023.9px) {
    .top--widget-name_scroll {
        background-color:var(--background-color-2);
        background-image: var(--background-gradient-2)
    }
}

.top--widget-name {
    align-items: center;
    border-radius: 12px 12px 0 0;
    color: var(--text-color-1);
    display: flex;
    justify-content: center;
    padding: 10px 16px;
    position: relative
}

.top--widget-name.top--widget-name_active {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 12px 12px 0 0
}

.top--widget-name.top--widget-name_active .top--widget-name_text {
    color: var(--brand-color-2);
    opacity: 1
}

@media screen and (min-width: 1024px) {
    .top--widget-name {
        height:32px;
        line-height: 1.5
    }
}

@media screen and (max-width: 1023.9px) {
    .top--widget-name {
        margin-bottom:8px;
        max-width: calc(100% - 168px);
        width: 50%
    }
}

.top--widget-name:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 12px 12px 0 0;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .top--widget-name:before {
        border-radius:0
    }

    .top--widget-name {
        border-radius: 0;
        margin-bottom: 0;
        max-width: none;
        padding: 14px 16px;
        text-align: center
    }

    .top--widget-name.top--widget-name_active {
        background-color: var(--background-color-1);
        background-image: var(--background-gradient-1);
        border-radius: 12px 12px 0 0;
        color: var(--brand-color-2)
    }

    .top--widget-name:before {
        content: none
    }
}

.top--widget-name .top--widget-name_text {
    color: var(--text-color-1);
    display: inline-block;
    line-height: 14px;
    max-width: 100%;
    opacity: .5
}

.tb--slider-left-mode .slick-list {
    padding: 0 20px 0 6px!important
}

.tb--slider-left-mode .slick-slide {
    padding: 0 4px
}

.tb--slider-100 {
    padding: 0 16px
}

.tb--slider-100 .slick-list {
    padding: 0!important
}

.top--winners-game {
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .top--winners-game {
        border-radius:16px;
        margin-bottom: 0
    }
}

.top--winners-game:not(:last-child) {
    padding-bottom: 8px
}

.top--winners-game:not(:last-child):before {
    background-color: var(--text-color-1);
    bottom: 0;
    opacity: 10%
}

.top--winners-game:first-child:after,.top--winners-game:not(:last-child):before {
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.top--winners-game:first-child:after {
    background-color: var(--background-color-3);
    display: none;
    opacity: 50%;
    top: 0
}

@media screen and (max-width: 1023.9px) {
    .top--winners-game:first-child:after {
        content:none
    }

    .top--winners-game:first-child {
        border: none
    }
}

@media screen and (min-width: 1024px) {
    .top--winners-game:last-child {
        margin-bottom:0
    }
}

@media screen and (max-width: 1023.9px) {
    .top--winners-game {
        background-color:var(--background-color-3);
        background-image: var(--background-gradient-3);
        border: none;
        display: flex!important;
        padding: 8px
    }

    .top--winners-game:after,.top--winners-game:before {
        content: none
    }
}

.top--winners-img {
    aspect-ratio: 1.5/1;
    border-radius: 4px;
    height: auto;
    overflow: hidden;
    width: 85px
}

@media screen and (max-width: 1023.9px) {
    .top--winners-img {
        border-radius:12px;
        width: 110px
    }
}

.top--winners-img img {
    height: 100%!important;
    object-fit: cover;
    text-indent: 8px;
    width: 100%!important
}

.tb--not-available-text {
    background-color: var(--background-color-2);
    color: rgb(from var(--text-color-4) r g b/.5);
    height: 100%;
    padding: 0 24px
}

.tb--not-available-text p {
    text-align: center
}

.top--winners-img_link {
    color: var(--text-color-4)
}

@media screen and (max-width: 1023.9px) {
    .top--winners-img_link,.top--winners-img_link img {
        height:100%
    }
}

.top--winners-desc {
    padding: 0 12px;
    width: calc(100% - 85px)
}

@media screen and (max-width: 1023.9px) {
    .top--winners-desc {
        padding:2px 8px;
        width: calc(100% - 110px)
    }
}

.top--winners-date {
    color: var(--text-color-4);
    font-size: 12px
}

@media screen and (max-width: 1023.9px) {
    .top--winners-date {
        padding-bottom:4px
    }
}

.top--winners-crns {
    padding: 0 4px
}

.top--winners-value {
    color: var(--brand-color-2);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width: 1023.9px) {
    .top--winners-value {
        font-size:16px;
        font-weight: 600;
        line-height: 21px;
        padding-bottom: 4px
    }
}

.top--winners-bet {
    color: var(--text-color-4);
    font-size: 12px;
    opacity: 50%
}

.games--grid-layout {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: repeat(auto-fill,minmax(calc(16.666% - 8px),1fr));
    margin-bottom: 20px
}

@media screen and (min-width: 1200px) and (max-width:1520px) {
    .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(20% - 8px),1fr))
    }
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr))
    }
}

@media screen and (min-width: 768px) and (max-width:1023.9px) {
    .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

@media screen and (max-width: 768px) {
    .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(50% - 8px),1fr))
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout {
        margin-bottom:8px
    }
}

@media screen and (min-width: 768px) and (max-width:1023.9px) {
    .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr))
    }
}

.games--grid-layout .digi_icon-liked {
    color: var(--text-color-4)
}

.games--grid-layout .grid--item-h2 .games--grid-img {
    height: calc(21vw + 49px)
}

@media screen and (min-width: 1568px) {
    .games--grid-layout .grid--item-h2 .games--grid-img {
        height:379px
    }
}

@media screen and (max-width: 1520px) {
    .games--grid-layout .grid--item-h2 .games--grid-img {
        height:calc(26vw + 36px)
    }
}

@media screen and (max-width: 1200px) {
    .games--grid-layout .grid--item-h2 .games--grid-img {
        height:calc(33vw + 26px)
    }
}

.games--grid-layout .grid--item-h2.grid--item-only-img .games--grid-img {
    height: calc(21vw + 8px)
}

@media screen and (min-width: 1568px) {
    .games--grid-layout .grid--item-h2.grid--item-only-img .games--grid-img {
        height:338px
    }
}

@media screen and (max-width: 1520px) {
    .games--grid-layout .grid--item-h2.grid--item-only-img .games--grid-img {
        height:calc(25vw + 8px)
    }
}

@media screen and (max-width: 1200px) {
    .games--grid-layout .grid--item-h2.grid--item-only-img .games--grid-img {
        height:calc(31vw + 8px)
    }
}

.games--grid-layout.games--grid-layout_vertical {
    grid-template-columns: repeat(6,1fr)
}

.games--grid-layout.games--grid-layout_vertical .games--grid-item .games--grid-img {
    aspect-ratio: 1/1.36;
    height: auto
}

@media screen and (max-width: 1439px) {
    .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(5,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 767.9px) {
    .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 499px) {
    .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(2,1fr)
    }
}

.games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
    grid-template-columns: repeat(9,1fr)
}

.games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small .games--grid-item .games--grid-img {
    aspect-ratio: 1/1.4;
    height: auto
}

@media screen and (max-width: 1567px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(8,1fr)
    }
}

@media screen and (max-width: 1439px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(7,1fr)
    }
}

@media screen and (max-width: 1280px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 767.9px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 499px) {
    .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(3,1fr)
    }
}

.games--grid-layout .digi_icon-favorite_fill,.games--grid-layout .digi_icon-liked,.games--grid-layout .digi_icon-liked+span,.most--liked-slider .digi_icon-favorite_fill,.most--liked-slider .digi_icon-liked,.most--liked-slider .digi_icon-liked+span,.tb--game-cont .digi_icon-favorite_fill,.tb--game-cont .digi_icon-liked,.tb--game-cont .digi_icon-liked+span {
    color: var(--brand-color-2)
}

.games--grid-img {
    height: 10.5vw
}

@media screen and (min-width: 1568px) {
    .games--grid-img {
        height:165px
    }
}

@media screen and (max-width: 1520px) {
    .games--grid-img {
        height:12.5vw
    }
}

@media screen and (max-width: 1200px) {
    .games--grid-img {
        height:15.5vw
    }
}

@media screen and (min-width: 1024px) {
    .tb--categories_extend-view .games--grid-layout {
        padding-top:7px
    }
}

@media screen and (min-width: 1520px) {
    .tb--categories_extend-view .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(20% - 8px),1fr))
    }
}

@media screen and (min-width: 1200px) and (max-width:1520px) {
    .tb--categories_extend-view .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr))
    }
}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    .tb--categories_extend-view .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

.tb--categories_extend-view .games--grid-img {
    height: 10.5vw
}

@media screen and (min-width: 1568px) {
    .tb--categories_extend-view .games--grid-img {
        height:165px
    }
}

@media screen and (max-width: 1520px) {
    .tb--categories_extend-view .games--grid-img {
        height:13vw
    }
}

@media screen and (max-width: 1200px) {
    .tb--categories_extend-view .games--grid-img {
        height:16.5vw
    }
}

.tb--categories_extend-view .games--grid-layout_small .games--grid-img {
    height: 18vw
}

@media screen and (min-width: 1568px) {
    .tb--categories_extend-view .games--grid-layout_small .games--grid-img {
        height:280px
    }
}

@media screen and (max-width: 1520px) {
    .tb--categories_extend-view .games--grid-layout_small .games--grid-img {
        height:17.5vw
    }
}

@media screen and (max-width: 1200px) {
    .tb--categories_extend-view .games--grid-layout_small .games--grid-img {
        height:16.5vw
    }
}

@media screen and (min-width: 1024px) {
    .tb--categories_extend-view .games--grid-layout_small {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

.tb--categories_extend-view .games--grid-layout_vertical {
    grid-template-columns: repeat(auto-fill,minmax(calc(20% - 8px),1fr))
}

@media screen and (max-width: 1439px) {
    .tb--categories_extend-view .games--grid-layout_vertical {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--categories_extend-view .games--grid-layout_vertical {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 767.9px) {
    .tb--categories_extend-view .games--grid-layout_vertical {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 499px) {
    .tb--categories_extend-view .games--grid-layout_vertical {
        grid-template-columns:repeat(2,1fr)
    }
}

.tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
    grid-template-columns: repeat(8,1fr)
}

@media screen and (max-width: 1567px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(7,1fr)
    }
}

@media screen and (max-width: 1439px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 1280px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 767.9px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 499px) {
    .tb--categories_extend-view .games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout .games--grid-item .games--grid-img {
        height:21vw
    }
}

@media screen and (max-width: 768px) {
    .games--grid-layout .games--grid-item .games--grid-img {
        height:31.5vw
    }
}

@media screen and (max-width: 500px) {
    .games--grid-layout .games--grid-item .games--grid-img {
        height:30.5vw
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout .grid--item-h2.games--grid-item .games--grid-img {
        height:calc(44vw + 52px)
    }
}

@media screen and (max-width: 768px) {
    .games--grid-layout .grid--item-h2.games--grid-item .games--grid-img {
        height:calc(64vw + 60px)
    }
}

@media screen and (max-width: 500px) {
    .games--grid-layout .grid--item-h2.games--grid-item .games--grid-img {
        height:calc(62vw + 62px)
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-layout .grid--item-h2.games--grid-item.grid--item-only-img .games--grid-img {
        height:calc(42vw + 8px)
    }
}

@media screen and (max-width: 768px) {
    .games--grid-layout .grid--item-h2.games--grid-item.grid--item-only-img .games--grid-img {
        height:calc(63vw + 8px)
    }
}

@media screen and (max-width: 500px) {
    .games--grid-layout .grid--item-h2.games--grid-item.grid--item-only-img .games--grid-img {
        height:calc(61vw + 8px)
    }
}

@media screen and (max-width: 1023.9px) {
    .most--liked-slider .games--grid-item .games--grid-img,.tb--other-groups_slider .games--grid-item .games--grid-img {
        height:21vw
    }
}

@media screen and (max-width: 768px) {
    .most--liked-slider .games--grid-item .games--grid-img,.tb--other-groups_slider .games--grid-item .games--grid-img {
        height:29.5vw
    }
}

@media screen and (max-width: 500px) {
    .most--liked-slider .games--grid-item .games--grid-img,.tb--other-groups_slider .games--grid-item .games--grid-img {
        height:28vw
    }
}

.games--grid-layout_small {
    grid-template-columns: repeat(auto-fill,minmax(calc(25% - 8px),1fr))
}

.games--grid-layout_small .games--grid-img {
    height: 16vw
}

@media screen and (min-width: 1568px) {
    .games--grid-layout_small .games--grid-img {
        height:250px
    }
}

@media screen and (max-width: 1200px) {
    .games--grid-layout_small .games--grid-img {
        height:15.5vw
    }
}

@media screen and (min-width: 768px) and (max-width:1023.9px) {
    .games--grid-layout_small {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

@media screen and (max-width: 768px) {
    .games--grid-layout_small {
        grid-template-columns:repeat(auto-fill,minmax(calc(50% - 8px),1fr))
    }
}

.games--grid-item {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    border-radius: 12px;
    font-size: 14px;
    margin: 4px;
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .games--grid-item:hover .games--grid-hover {
        opacity:1;
        transform: scale(1)
    }

    .games--grid-item:hover .casino--header-icons,.games--grid-item:hover .tb--games-grid-front .games--grid-footer {
        visibility: hidden
    }

    .games--grid-item:hover .games--grid-img img {
        opacity: .3;
        transform: scale(1.5)
    }

    .games--grid-item:hover .games--grid-img.img-no-origin img {
        transform: scale(1.5)
    }

    .games--grid-item:hover .games--grid-jackpot.jackpot-thumbnail,.games--grid-item:hover .tb--game-max-win {
        display: none
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-item {
        margin:4px
    }
}

@media screen and (min-width: 1024px) {
    .games--grid-item .games--grid-item_empty {
        height:25px
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-item .games--grid-hover {
        padding:6px 12px 8px
    }
}

.games--grid-item .casino--lang-wrapper {
    display: block
}

.games--grid-item .games--grid-btn.btn__secondary {
    margin-top: 8px
}

.games--grid-item__bootom-sheet [data-rsbs-backdrop],.games--grid-item__bootom-sheet [data-rsbs-overlay],.games--grid-item__bootom-sheet [data-rsbs-root]:after {
    z-index: 999!important
}

.games--grid-item__game-details-card {
    background-color: var(--background-color-1);
    padding: 16px 16px 24px
}

.games--grid-item__game-details-card .digi_icon-maxwin,.games--grid-item__game-details-card .digi_icon-mp-transactions,.games--grid-item__game-details-card .tb--game-details-card__icon,.games--grid-item__game-details-card .tb--game-details-card__jackpot-icon {
    font-family: BuilderFont!important
}

.games--grid-item.grid--item-only-img {
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .games--grid-item.grid--item-only-img .games--grid-img .tb--game-max-win {
        bottom:12px
    }
}

.games--grid-item.grid--item-only-img .grid--item-only-img--grid-info {
    align-items: center;
    background-color: var(--background-color-1);
    border-radius: 50%;
    bottom: 12px;
    color: var(--text-color-4);
    display: flex;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    opacity: .5;
    position: absolute;
    right: 12px;
    width: 18px;
    z-index: 10
}

@media screen and (max-width: 1023.9px) {
    .games--grid-item.grid--item-only-img .games--grid-hover {
        display:none
    }
}

@media screen and (min-width: 1024px) {
    .games--grid-item.grid--item-only-img .games--grid-footer {
        align-items:center;
        display: flex
    }
}

.grid--item-w2 {
    grid-column-end: span 2;
    grid-row-end: span 1
}

.grid--item-w2 .games--grid-footer_mobile {
    flex-grow: 1
}

.grid--item-w2 .games--grid-img.img-no-origin .games--grid-img-box {
    height: 100%;
    width: 50%
}

.casino--container:not(.most--liked-slider) .grid--item-w2 .games--grid-hover-btn {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 294px
}

.casino--container:not(.most--liked-slider) .grid--item-w2 .games--grid-hover-btn .games--grid-btn {
    margin: 0 6px
}

@media screen and (min-width: 1024px) {
    .grid--item-small .games--grid-footer {
        height:42px
    }
}

@media screen and (max-width: 1023.9px) {
    .grid--item-small .games--grid-footer {
        padding:10px 8px
    }

    .grid--item-small .games--grid-footer .games--grid-name {
        font-size: 16px
    }
}

.grid--item-small .casino--header-icons .casino--lang-wrapper {
    flex-direction: column
}

.grid--item-small .casino--header-icons .casino--lang-wrapper .tb--lang {
    margin-bottom: 8px!important;
    transform: scale(1)
}

@media screen and (max-width: 1023.9px) {
    .grid--item-small .games--grid-amount {
        height:auto;
        padding: 0
    }
}

.grid--item-small .tb--casino-badge span {
    padding-top: 0
}

.grid--item-small .tb--casino-badge span:after {
    font-size: 10px;
    padding: 3px 6px
}

@media screen and (max-width: 1023.9px) {
    .grid--item-small .tb--casino-badge span:after {
        padding:2px 6px
    }
}

.grid--item-small.games--grid-item {
    margin: 4px
}

.grid--item-small .tb--game-max-win {
    font-size: 16px
}

.grid--item-small .tb--game-max-win i {
    font-size: 16px;
    margin-left: -3px
}

.grid--item-small .tb--game-max-win i:before {
    height: 24px;
    line-height: 24px;
    width: 24px
}

.games--grid-hover {
    border-radius: 12px 12px 0 0;
    color: var(--text-color-4);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: center;
    transition: all .2s;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 1023.9px) {
    .games--grid-hover {
        border-radius:0 0 12px 12px;
        height: auto;
        opacity: 1;
        position: relative;
        width: auto
    }
}

.games--grid-hover:after {
    background-color: var(--background-color-1);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .games--grid-hover:after {
        border-radius:0 0 12px 12px;
        opacity: 1
    }
}

.games--grid-hover .games--grid-footer {
    padding: 4px 12px 6px
}

.games--grid-hover .games--grid-footer .games--grid-like i {
    font-size: 16px
}

.games--grid-hover .games--grid-info {
    color: var(--text-color-4);
    font-size: 18px;
    opacity: .5
}

.games--grid-hover .games--grid-info--mobile {
    margin-left: 12px
}

.games--grid-hover .games--grid-btn {
    height: 28px;
    line-height: 27px
}

.games--grid-hover .games--grid-jackpot {
    display: flex;
    justify-content: center;
    margin-bottom: 4px
}

.games--grid-hover .games--grid-amount,.games--grid-hover .games--grid-header,.games--grid-hover .games--grid-jackpot span {
    font-weight: 700
}

.games--grid-header {
    padding: 6px 8px 2px 12px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-header {
        padding:0
    }
}

.games--grid-header i {
    font-size: 20px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-header i {
        font-size:12px
    }

    .games--grid-header i:before {
        height: 12px;
        line-height: 12px;
        width: 12px
    }

    .games--grid-header .games--grid-name {
        align-items: center;
        display: flex;
        font-size: 11px;
        justify-content: space-between;
        width: 100%
    }
}

.casino--header-icons {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    position: absolute;
    top: 12px;
    width: 100%;
    z-index: 3
}

.casino--header-icons .tb--casino-badge__list {
    height: 22px;
    margin: -2px 0;
    max-width: calc(100% - 12px);
    overflow: hidden
}

@media screen and (max-width: 1023.9px) {
    .casino--header-icons {
        padding:0 12px;
        top: 12px
    }
}

.casino--lang-wrapper {
    margin-left: auto
}

@media screen and (min-width: 1024px) {
    .casino--lang-wrapper {
        flex-direction:column
    }
}

@media screen and (max-width: 1023.9px) {
    .casino--lang-wrapper {
        margin-top:-2px
    }
}

.casino--lang-wrapper .tb--lang {
    margin: 0 0 4px!important
}

@media screen and (max-width: 1023.9px) {
    .casino--lang-wrapper .tb--lang {
        margin:0!important;
        transform: scale(.7)
    }
}

.tb--casino-badge .casino-games--badge {
    position: absolute
}

.tb--casino-badge.single-badge .casino-games--badge {
    opacity: 1;
    width: auto
}

.tb--casino-badge.blinking {
    align-items: flex-start;
    animation-duration: calc(1s*(var(--badgeCount) + 2));
    animation-iteration-count: infinite;
    animation-name: badge_anim;
    animation-timing-function: steps(var(--badgeCount)),linear;
    display: flex;
    flex-direction: column;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    padding: 2px 0;
    row-gap: 4px
}

.tb--casino-badge.blinking .casino-games--badge {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding: 1px 8px;
    position: relative
}

.tb--casino-badge.blinking .casino-games--badge:after {
    max-width: 100%;
    padding: 0;
    width: 100%
}

@keyframes badge_anim {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.tb--casino-badge+.casino--lang-wrapper {
    flex-grow: 1
}

.games--grid-btn {
    margin: 0 auto;
    max-width: 136px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .games--grid-btn {
        display:none
    }
}

.games--grid-img {
    border-radius: 12px 12px 0 0;
    position: relative
}

.games--grid-img .games--grid-bg-img {
    display: none
}

.games--grid-img .games--grid-img-box,.games--grid-img img {
    height: 100%;
    width: 100%
}

.games--grid-img img {
    border-radius: 12px 12px 0 0;
    /*object-fit: cover;*/
    transition: transform .5s
}

.games--grid-img.img-no-origin .games--grid-bg-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    filter: blur(8px);
    height: 100%;
    width: 100%
}

.games--grid-img.img-no-origin .games--grid-img-box {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    z-index: 2
}

.games--grid-img.img-no-origin img {
    border-radius: 0;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
    width: 100%
}

@media screen and (max-width: 600px) {
    .games--grid-img {
        height:122px
    }
}

.games--grid-img .tb--game-max-win {
    bottom: 12px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-img .tb--game-max-win {
        bottom:24px
    }
}

.games--grid-img .games--grid-jackpot.jackpot-thumbnail {
    background-color: var(--text-color-1);
    border-radius: 12px 12px 12px 0;
    bottom: 12px;
    color: var(--background-color-1);
    font-size: 12px;
    gap: 2px;
    left: 12px;
    padding: 4px 8px;
    position: absolute
}

.games--grid-img .games--grid-jackpot.jackpot-thumbnail i {
    flex: 0 0 16px;
    font-size: 16px
}

.games--grid-img .games--grid-jackpot.jackpot-thumbnail i:before {
    height: 16px;
    line-height: 16px;
    width: 16px
}

.games--grid-img .games--grid-jackpot.jackpot-thumbnail .account-balance {
    font-weight: 700
}

@media screen and (max-width: 1023.9px) {
    .games--grid-img .games--grid-jackpot.jackpot-thumbnail {
        border-radius:8px 8px 8px 0;
        font-size: 10px;
        padding: 4px
    }

    .games--grid-img .games--grid-jackpot.jackpot-thumbnail i {
        flex: 0 0 14px;
        font-size: 15px
    }

    .games--grid-img .games--grid-jackpot.jackpot-thumbnail i:before {
        height: 14px;
        line-height: 15px;
        width: 14px
    }

    .games--grid-img .games--grid-jackpot.jackpot-thumbnail .account-balance {
        font-weight: 500
    }
}

.grid--item-h2 {
    grid-column-end: span 1;
    grid-row-end: span 2
}

.grid--item-h2 .games--grid-img.img-no-origin .games--grid-img-box {
    height: 50%;
    width: 100%
}

.grid--item-h2 .tb--games-grid-front {
    height: 100%
}

@media screen and (max-width: 1023.9px) {
    .grid--item-h2 .tb--games-grid-front {
        height:calc(100% - 60px)
    }
}

.grid--item-h2 .games--grid-img {
    height: 373px
}

.grid--item-h2.grid--item-only-img .games--grid-img {
    height: 414px
}

.tb--games-grid-front .games--grid-footer {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 0 0 12px 12px;
    font-weight: 500;
    padding: 12px
}

@media screen and (min-width: 1024px) {
    .tb--games-grid-front .games--grid-footer {
        align-items:center;
        height: 41px;
        padding: 12px 8px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--games-grid-front .games--grid-footer {
        background-color:initial;
        border-radius: 0;
        bottom: 0;
        flex-wrap: wrap;
        font-size: 10px;
        left: 0;
        padding: 0 12px;
        position: absolute;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--games-grid-front .games--grid-footer>div {
        padding:0 4px
    }
}

.tb--games-grid-front .games--grid-footer .games--grid-name {
    color: var(--text-color-4)
}

@media screen and (max-width: 1023.9px) {
    .tb--games-grid-front .games--grid-footer .games--grid-name {
        font-size:10px;
        line-height: 1.5;
        z-index: 9
    }
}

.games--grid-amount {
    color: var(--brand-color-2);
    font-size: 14px;
    max-width: 100%
}

@media screen and (max-width: 1023.9px) {
    .games--grid-amount {
        font-size:11px;
        font-weight: 600;
        padding: 3px 0 1px;
        position: relative
    }
}

.games--grid-jackpot {
    color: var(--brand-color-2);
    font-size: 14px;
    max-width: 100%
}

.games--grid-jackpot i {
    font-size: 20px
}

.tb--games-grid-front {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1023.9px) {
    .tb--games-grid-front .games--grid-footer:before {
        background-color:var(--background-color-1);
        bottom: 0;
        content: "";
        display: inline-block;
        left: 0;
        opacity: .8;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.games--grid-like {
    color: var(--text-color-4);
    margin-left: auto
}

.games--grid-like i {
    font-size: 22px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-like {
        justify-content:center
    }
}

.games--grid-favorite i {
    font-size: 20px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-favorite i {
        font-size:14px
    }
}

.games--grid-footer_mobile {
    margin: 0 -5px;
    padding-top: 8px
}

@media screen and (max-width: 1023.9px) {
    .games--grid-footer_mobile {
        font-size:11px
    }
}

.games--grid-footer_mobile .games--grid-like {
    line-height: inherit;
    padding: 0 6px
}

@media screen and (min-width: 1024px) {
    .games--grid-footer_mobile .games--grid-like i {
        font-size:24px
    }
}

@media screen and (max-width: 1023.9px) {
    .games--grid-footer_mobile i {
        font-size:14px
    }
}

.games--grid-footer_mobile div {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 8px;
    line-height: 1.5;
    margin: 0 4px;
    text-align: center;
    width: 50%
}

.games--grid-footer_mobile div i:before {
    margin: 0 auto
}

.games--grid-item .tb--game-max-win {
    align-items: center;
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px 8px 8px 0;
    box-shadow: 0 .520958px 2.60479px #00000040;
    color: var(--brand-color-2);
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    left: 12px;
    max-width: calc(100% - 24px);
    opacity: .9;
    padding: 0 8px 0 6px;
    position: absolute
}

.games--grid-item .tb--game-max-win i {
    font-size: 14px;
    margin: 0 -4px
}

.games--grid-item .tb--game-max-win p span:last-child {
    margin-left: 2px
}

.tb--game-card .tb--modal-game-header {
    background-color: initial;
    border-bottom: 1px solid #ffffff0f
}

.tb--game-card .tb--body-panel,.tb--game-card .tb--modal-body {
    background-color: initial
}

.tb--game-card .tb--casino-game-mobile {
    background-position: 50%!important;
    background-size: cover!important
}

.tb--game-card .tb--casino-game-mobile:after,.tb--game-card .tb--casino-game-mobile:before {
    background-image: inherit;
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    content: "";
    filter: blur(7px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.tb--game-card .tb--casino-game-mobile:after {
    background: linear-gradient(0deg,#00000080,#00000080);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.tb--game-card .tb--body-panel {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 56px 0 0
}

.tb--game-card .tb--game-cont {
    position: relative;
    width: 100%
}

.tb--game-card .games--grid-jackpot {
    background: #ffffff0f;
    border-radius: 8px;
    display: flex!important;
    font-size: 18px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    margin-bottom: 24px;
    width: 100%
}

.tb--game-card .games--grid-jackpot i {
    font-size: 22px;
    margin: 0 4px
}

.tb--game-card .games--grid-amount {
    align-items: center;
    font-size: 16px;
    height: auto;
    padding: 0
}

.tb--game-card .tb--game-info {
    display: flex;
    justify-content: space-between;
    margin: 0 -6px
}

.tb--game-card .tb--game-info>div {
    margin: 0 6px 24px
}

.tb--game-card .tb--game-max-win {
    align-items: center;
    color: var(--brand-color-2);
    display: flex;
    font-size: 16px;
    font-weight: 700
}

.tb--game-card .tb--game-max-win i {
    font-size: 18px
}

.tb--game-card .tb--game-btn-cont .tb--secondary-btn {
    margin-top: 24px
}

.tb--game-card .tb--game-btn-block {
    display: flex;
    justify-content: space-between;
    margin: 0 -8px
}

.tb--game-card .tb--game-btn-block .games--grid-favorite,.tb--game-card .tb--game-btn-block .games--grid-like {
    align-items: center;
    background: #ffffff0f;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 44px;
    justify-content: center;
    margin: 0 8px 40px;
    width: 100%
}

.tb--game-card .tb--game-btn-block .games--grid-favorite i,.tb--game-card .tb--game-btn-block .games--grid-like i {
    font-size: 20px;
    margin: 0 2px
}

.tb--game-card .tb--game-btn-block .games--grid-like i {
    margin-top: -2px
}

.tb--game-card .tb--casino-game-banner img {
    border-radius: 8px
}

.tb--game-cont_wrapper {
    max-height: calc(100vh - 50px);
    overflow: auto;
    padding: 40px 20px;
    width: 100%
}

.tb--lobby-content .tb--more-btn {
    align-items: center;
    background-color: initial;
    border: 1px solid var(--brand-color-2);
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--brand-color-2);
    display: flex;
    font-size: 12px;
    height: 36px;
    justify-content: center;
    margin: 8px auto 24px;
    padding: 7px 16px;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .tb--lobby-content .tb--more-btn {
        max-width:100%;
        min-width: 220px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tb--lobby-content .tb--more-btn .white-loader div {
    background-color: var(--brand-color-2)
}

.tb--categories_extend-view .tb--more-btn {
    margin-bottom: 24px;
    max-width: 100%
}

@media screen and (min-width: 1024px) {
    .tb--categories_extend-view .tb--more-btn {
        margin-left:4px;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .tb--categories_extend-view .tb--more-btn {
        width:calc(100% - 10px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--not-range-filter .games--grid-header {
        display:none
    }
}

.has-navbar .tb--categories_extend-view .games--grid-layout {
    grid-template-columns: repeat(auto-fill,minmax(calc(25% - 8px),1fr))
}

@media screen and (min-width: 1248px) and (max-width:1520px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

@media screen and (min-width: 1023.9px) and (max-width:1248px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(50% - 8px),1fr))
    }
}

.has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical {
    grid-template-columns: repeat(auto-fill,minmax(calc(25% - 8px),1fr))
}

@media screen and (max-width: 1439px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.33% - 8px),1fr))
    }
}

.has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
    grid-template-columns: repeat(6,1fr)
}

@media screen and (max-width: 1567px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(5,1fr)
    }
}

@media screen and (max-width: 1439px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 1280px) {
    .has-navbar .tb--categories_extend-view .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (min-width: 1366px) and (max-width:1600px) {
    .has-navbar .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(25% - 8px),1fr))
    }
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .has-navbar .games--grid-layout {
        grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 8px),1fr))
    }
}

.has-navbar .games--grid-layout.games--grid-layout_vertical {
    grid-template-columns: repeat(auto-fill,minmax(calc(20% - 8px),1fr))
}

@media screen and (max-width: 1439px) {
    .has-navbar .games--grid-layout.games--grid-layout_vertical {
        grid-template-columns:repeat(4,1fr)
    }
}

.has-navbar .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
    grid-template-columns: repeat(8,1fr)
}

@media screen and (max-width: 1567px) {
    .has-navbar .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(7,1fr)
    }
}

@media screen and (max-width: 1439px) {
    .has-navbar .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 1280px) {
    .has-navbar .games--grid-layout.games--grid-layout_vertical.games--grid-layout_vertical-small {
        grid-template-columns:repeat(4,1fr)
    }
}

.tb--rtl .games--grid-like {
    direction: ltr;
    margin-left: 0;
    margin-right: auto
}

.tb--rtl .games--grid-amount {
    direction: ltr
}

.tb--rtl .games--grid-footer .games--grid-name {
    direction: rtl
}

.tb--rtl .games--grid-item .tb--game-max-win {
    border-radius: 8px 8px 0 8px;
    direction: ltr;
    left: auto;
    right: 12px
}

.tb--rtl .games--grid-jackpot {
    direction: ltr
}

.tb--rtl .games--grid-img .games--grid-jackpot.jackpot-thumbnail {
    border-radius: 12px 12px 0 12px;
    left: auto;
    right: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--rtl .games--grid-img .games--grid-jackpot.jackpot-thumbnail {
        border-radius:8px 8px 0 8px
    }

    .tb--rtl .games--grid-header {
        padding: 0
    }
}

.tb--rtl .games--grid-like {
    direction: rtl
}

.tb--rtl .games--grid-like span {
    padding-top: 2px
}

.tb--rtl .casino--header-icons {
    padding: 0 12px
}

.tb--rtl .casino--lang-wrapper {
    margin-left: 0;
    margin-right: auto
}

.tb--rtl .tb--casino-badge span {
    border-radius: 8px 8px 0 8px;
    margin-left: 8px;
    margin-right: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--rtl .tb--casino-badge span {
        margin-left:4px
    }
}

.tb--rtl .tb--casino-badge span:after {
    border-radius: inherit
}

.hour_minute_container {
    margin: 20px auto 0
}

.hour_minute_container .custom-select {
    min-width: 75px!important
}

.day_month_year_cont {
    margin: 0 auto;
    width: 240px
}

.day_month_year_cont>:nth-child(-n+2),.hour_minute_container>:first-child {
    margin-right: 12px
}

.tl_payment_cont {
    padding: 0 24px 70px;
    width: 100%
}

.tl_my_acc_title {
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    margin-bottom: 14px;
    text-transform: uppercase;
    width: 100%
}

.payment-info-link {
    opacity: 60%;
    position: absolute;
    right: 20px
}

@media screen and (max-width: 1023.9px) {
    .payment-info-link {
        position:static
    }
}

.payment-info-link i {
    color: var(--modal-bg-color-1);
    font-size: 12px
}

@media screen and (max-width: 1023.9px) {
    .payment-info-link i {
        font-size:10px
    }
}

.payment-info-link i:before {
    align-items: center;
    background-color: var(--modal-text-color-1);
    border-radius: 50%;
    display: flex;
    height: 15px;
    justify-content: center;
    width: 15px
}

@media screen and (max-width: 1023.9px) {
    .payment-info-link i:before {
        height:13px;
        width: 13px
    }
}

.tb--taxation-info {
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
    text-align: right;
    width: 280px
}

@media screen and (max-width: 1023.9px) {
    .tb--taxation-info {
        width:100%
    }
}

.tb--taxation-info span.label {
    color: var(--modal-text-color-2)
}

.tb--taxation-info span.value {
    color: var(--modal-text-color-1)
}

.tb--taxation-info span.value.cashier {
    color: var(--brand-color-1);
    font-weight: 700
}

.tl_payment_block,.tl_payment_block_inter,.tl_payment_inner_block {
    background-color: #2b2b2b;
    border-radius: 2px;
    margin-bottom: 16px;
    min-height: 95px;
    transition: background-color .2s ease;
    width: 100%
}

.tl_payment_block.active,.tl_payment_block:hover,.tl_payment_block_inter:hover,.tl_payment_inner_block.active .tl_payment_block_inter.active,.tl_payment_inner_block:hover {
    background-color: #1a1a1a
}

.tl_payment_head {
    align-items: center;
    cursor: pointer;
    height: 95px;
    padding: 0 12px;
    width: 100%
}

.tl_payment_padd {
    margin: 0 6px
}

#my_prof {
    padding: 0 12px
}

.tl_payment_block.active .tl_payment_head,.tl_payment_block_inter.active .tl_payment_head,.tl_payment_inner_block.active .tl_payment_head {
    margin-bottom: 12px;
    min-height: 120px
}

.tl_payment_body,.tl_payment_body_inter,.tl_payment_inner_body {
    height: 0;
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    width: 100%
}

.tl_payment_body .custom-select,.tl_payment_body_inter .custom-select,.tl_payment_inner_body .custom-select {
    min-width: 200px
}

.tl_payment_body iframe,.tl_payment_body_inter iframe,.tl_payment_inner_body iframe {
    height: 100%;
    width: 100%
}

.tl_payment_block.active .tl_payment_body,.tl_payment_block_inter.active .tl_payment_body_inter,.tl_payment_inner_block.active .tl_payment_inner_body {
    height: auto;
    min-height: 160px;
    overflow: visible;
    padding-top: 24px
}

.tl_payment_block.tl_info_block.active .tl_payment_body,.tl_payment_block_inter.tl_info_block.active .tl_payment_body_inter,.tl_payment_inner_block.tl_info_block.active .tl_payment_inner_body {
    height: 0
}

.tl_payment_block .tl_payment_col,.tl_payment_block_inter .tl_payment_col,.tl_payment_inner_block .tl_payment_col {
    height: 80px
}

.relativeDP>button {
    background-color: initial;
    border: none;
    color: #1652a8;
    cursor: pointer;
    font-size: 27px;
    height: 36px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 20px;
    width: 22px
}

.tl_payment_icon {
    background-image: url(https://cdn.bcdel.com/version/0.5.708/static/media/builder_sprite.acd6cb5030118905c999.png);
    background-position: 0 -304px;
    display: inline-block
}

.depUpdate {
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-left: 8px;
    outline: none;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase
}

.skrill {
    background-position: 0 -772px
}

.neteller {
    background-position: 0 -720px
}

.arca {
    background-position: 0 -200px
}

.convers3dsecure {
    background-position: 0 -304px
}

.conversetransfer,.irbetbankiransfer {
    background-position: 0 -668px
}

.idram {
    background-position: 0 -252px
}

.redeembonus {
    background-position: 0 0
}

.mobidram {
    background-position: 0 -616px
}

.betshop {
    background-position: 0 -408px
}

.easypay {
    background-position: 0 -564px
}

.telcell {
    background-position: 0 -207px
}

.interkassa {
    background-position: 0 -2521px
}

.run88 {
    background-position: 0 -1916px
}

.perfectmoney {
    background-position: 0 -1968px
}

.exchanger,.exchanger2,.parsianexchanger {
    background-position: 0 -1865px
}

.accyandex {
    background-position: 0 -2469px
}

.accqiwi {
    background-position: 0 -928px
}

.accwebmoney {
    background-position: 0 -876px
}

.perfectmoneyewalet {
    background-position: 0 -1188px
}

.accbankcards {
    background-position: 0 -304px
}

.webmoney {
    background-position-y: -876px
}

.transfertoaccount {
    background-position: 0 -1500px
}

.ptthavale {
    background-position: 0 -1292px
}

.bankasi {
    background-position: 0 -1032px
}

.garantibank {
    background-position: 0 -980px
}

.akbank {
    background-position: 0 -1136px
}

.yapikredi,.yapikredicebehavale {
    background-position: 0 -1084px
}

.finansbank {
    background-position: 0 -2781px
}

.cepbank {
    background-position: 0 -2833px
}

.vakifbank {
    background-position: 0 -2885px
}

.ziraat {
    background-position: 0 -2937px
}

.molekulawebmoney {
    background-position: 0 -876px
}

.vuzu {
    background-position: 0 -3474px
}

.garantionecepbankportbet {
    background-position: 0 -3422px
}

.mpesa {
    background-position: 0 -3525px
}

.accalfaclick {
    background-position: 0 -3632px
}

.accmoneta {
    background-position: 0 -3579px
}

.voucher {
    background-position: 0 130px
}

.asiahawala,.asiahawalaonline {
    background-position: 0 -3684px
}

.fastpay {
    background-position: 0 -3737px
}

.fastpayoffline {
    background-position: 0 -6553px
}

.denizbank {
    background-position: 0 -3841px
}

.promsvyazbank {
    background-position: 0 -3947px
}

.paybox,.woocommerce {
    background-position: 0 -3895px
}

.privebetbank {
    background-position: 0 -1500px
}

.exchangerp {
    background-position: 0 -1424px
}

.nonsamanbank {
    background-position: 0 -4467px
}

.samanbankwithdrawl {
    background-position: 0 -4519px
}

.novabanka {
    background-position: 0 -4831px
}

.ethereum {
    background-position: 0 -5463px
}

.accentpay {
    background-position: 0 -6153px
}

.lateral,.lateralalternative {
    background-position: 0 -6765px
}

.hipay {
    background-position: 0 -6871px
}

.winpay {
    background-position: 0 -6818px
}

.giftshopvoucher {
    background-position: 0 -7451px
}

.jetonwallet {
    background-position: 0 71px
}

.envoypay {
    background-position: 0 445px
}

.tl_payment_block .tl_payment_head .tl_icon_col {
    flex-grow: 0;
    flex-shrink: 0;
    height: 45px;
    width: 86px
}

.tl_icon_col_DP {
    flex-grow: 0;
    flex-shrink: 0;
    height: 45px;
    line-height: 55px
}

.tl_payment_block .tl_payment_head .tl_desc_col {
    cursor: auto;
    flex: 1 1;
    height: auto;
    padding: 0 12px
}

.tl_payment_block_inter>.tl_payment_head .tl_desc_col {
    cursor: auto;
    flex-grow: 0;
    flex-shrink: 0;
    height: auto;
    padding: 0 12px;
    width: 500px
}

.tl_payment_block .tl_payment_head .tl_info_col,.tl_payment_block_inter .tl_payment_head .tl_info_col {
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    width: 300px
}

.tl_payment_block .tl_payment_head .tl_min_max_col,.tl_payment_block_inter .tl_payment_head .tl_min_max_col {
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 230px
}

.tl_payment_block .tl_payment_head .tl_payment_icon {
    border-radius: 4px;
    height: 42px;
    min-width: 86px;
    width: 86px
}

.tl_payment_block .tl_payment_head .tl_payment_desc,.tl_payment_block_inter .tl_payment_head .tl_payment_desc {
    font-size: 14px;
    line-height: 1.2
}

.tl_payment_block .tl_payment_head .tl_info_link,.tl_payment_block_inter .tl_payment_head .tl_info_link {
    color: #fff;
    display: block;
    padding: 0 5px;
    text-decoration: none
}

.tl_payment_block .tl_payment_head .tl_info_link>.tx,.tl_payment_block_inter .tl_payment_head .tl_info_link>.tx {
    font-size: 13px
}

.tl_payment_block .tl_payment_head .tl_info_link .tl_clock_icon,.tl_payment_block .tl_payment_head .tl_info_link .tl_info_icon,.tl_payment_block .tl_payment_head .tl_info_link .tl_percent_icon,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_clock_icon,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_info_icon,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_percent_icon {
    font-size: 22px;
    margin-right: 5px
}

.tl_payment_block .tl_payment_head .tl_info_link .tl_clock_icon:before,.tl_payment_block .tl_payment_head .tl_info_link .tl_info_icon:before,.tl_payment_block .tl_payment_head .tl_info_link .tl_percent_icon:before,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_clock_icon:before,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_info_icon:before,.tl_payment_block_inter .tl_payment_head .tl_info_link .tl_percent_icon:before {
    vertical-align: middle
}

.tl_payment_block .tl_payment_head .tl_min_max,.tl_payment_block_inter .tl_payment_head .tl_min_max {
    margin: 5px 0;
    width: 100%
}

.tl_payment_block .tl_payment_head .tl_min_max .tl_min_max_key,.tl_payment_block_inter .tl_payment_head .tl_min_max .tl_min_max_key {
    display: inline-block;
    padding-right: 5px
}

.tl_payment_block .tl_payment_body .tl_input_popup,.tl_payment_block .tl_payment_body .tl_sel_custom_popup_reg,.tl_payment_block_inter .tl_payment_body_inter .tl_input_popup,.tl_payment_block_inter .tl_payment_body_inter .tl_sel_custom_popup_reg {
    border-color: #0000
}

.avl {
    min-width: 70px
}

.tl_payment_block .tl_deposit_button {
    border-radius: 2px;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-top: 20px;
    outline: none;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase
}

.tl_payment_block .tl_payment_body .field-validation-error,.tl_payment_inner_block .tl_payment_inner_body .field-validation-error {
    color: #f02849;
    font-size: 13px
}

.success-message {
    color: #090
}

.tl_payment_block .tl_payment_body .field-success-msg,.tl_payment_inner_block .tl_payment_inner_body .field-success-msg {
    bottom: 5px;
    color: #fff;
    font-size: 13px;
    margin-left: 13px;
    position: absolute
}

.lbl {
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    width: 100%
}

.clear-btn {
    border-radius: 2px;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    outline: none;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase
}

.cbx {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    line-height: 35px;
    margin: 0 7px;
    padding-left: 25px;
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.cbx input {
    display: none
}

.checkmark {
    background-color: #fff;
    border: 1px solid #999;
    height: 20px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 20px
}

.cbx input:checked~.checkmark,.cbx:hover input~.checkmark {
    background-color: #000
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.cbx input:checked~.checkmark:after {
    display: block
}

.cbx .checkmark:after {
    border: solid #999;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 5px;
    top: 0;
    transform: rotate(45deg);
    width: 5px
}

.tb--paym-img {
    align-items: center;
    background-color: initial;
    background-position-x: 0;
    display: flex
}

.tb--paym-img img {
    height: 64px;
    object-fit: contain;
    width: 100px
}

.tb--paym-img.tb--paym-img-cash {
    background-position-y: 0
}

.tb--paym-img.tb--paym-img-transfer {
    background-position-y: -310px
}

.tb--paym-img.tb--paym-img-arca {
    background-position-y: 124px
}

.tb--paym-img.tb--paym-img-idram {
    background-position-y: 187px
}

.tb--paym-img.tb--paym-img-telcell {
    background-position-y: -185px
}

@media screen and (max-width: 1023.9px) {
    .tb--paym-img {
        border:none;
        border-radius: 0
    }

    .tb--paym-img.tb--paym-img-cash {
        background-position-y: 0
    }

    .tb--paym-img.tb--paym-img-transfer {
        background-position-y: 380px
    }

    .tb--paym-img.tb--paym-img-arca {
        background-position-y: 190px
    }

    .tb--paym-img.tb--paym-img-idram {
        background-position-y: 285px
    }

    .tb--paym-img.tb--paym-img-telcell {
        background-position-y: -285px
    }
}

.tb--pay-item-cont.inactive {
    cursor: not-allowed;
    opacity: .3
}

.tb--pay-item-cont.inactive .tb--payment-item {
    pointer-events: none
}

@media screen and (max-width: 1023.9px) {
    .tb--pay-item-cont {
              margin: 15px 0px;
    }
}

.tb--pay-title {
    border-bottom-color: var(--brand-color-1);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 14px 16px 0 17px
}

@media screen and (max-width: 1023.9px) {
    .tb--pay-title {
        border-bottom:none
    }
}

.tb--payment-item {
    background-color: initial
}

@media screen and (max-width: 1023.9px) {
    .tb--payment-item .tb--error-popup-mob {
        margin-top:0;
        min-height: 100%
    }

    .tb--payment-item {
  
        border-bottom: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

.tb--payment-item .tb--inner-item-out {
    padding: 24px
}


@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
        background: var(--modal-bg-color-2);
    }
}
#modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
    background: rgb(from var(--modal-bg-color-1) r g b / .6);
}
@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
        margin-bottom: 12px;
    }
}
#modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
    border-radius: 12px;
    margin-bottom: 8px;
}
@media screen and (max-width: 1023.9px) {
    .tb--pay-item-cont {
        margin-bottom: 12px;
    }
}


@media screen and (max-width: 1023.9px) {
    .tb--payment-item .tb--inner-item-out {
      padding: 10px 25px;
        background: #192837;
        border-radius: 15px;
    }

    .tb--payment-item .tb--inner-item-out .tb--payment-info {
        margin: 0
    }

    .tb--payment-item .tb--inner-item-out.single-payment-method {
        padding: 0
    }

    .tb--payment-item .tb--inner-item-out.single-payment-method .tb--payment-link {
        display: none
    }

    .tb--payment-item .tb--inner-item-out.single-payment-method .tb--mobile-payment-details.tb--mobile-payment-details-active {
        position: static
    }

    .tb--payment-item .tb--inner-item-out.single-payment-method .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--modal-header,.tb--payment-item .tb--inner-item-out.single-payment-method .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list {
        display: none
    }

    .tb--payment-item .tb--inner-item-out.single-payment-method .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--bonus-det-mob-cont {
        margin: 0
    }
}

.tb--payment-item .tb--inner-item-out .payment-logo {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--payment-item .tb--inner-item-out .payment-logo {
                align-items: center;
        border-radius: 8px;
        display: flex;
        flex: 0 0 140px;
        height: 60px;
        justify-content: center;
        margin-bottom: 0;
        width: 100%;
        padding: 0px;
    }

    .tb--payment-item .tb--inner-item-out .payment-logo img {
        max-height: 150%
    }
}

.open .tb--inner-item-out,.open .tb--paym-img {
    background-color: initial
}

.tb--pay-item-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 16px 0 6px
}

@media screen and (max-width: 1023.9px) {
    .tb--pay-item-footer {
        border-bottom:0;
        padding: 0;
        width: 100%
    }

    .tb--pay-item-footer p:not(:last-child) {
        margin-bottom: 8px
    }

    .tb--inner-item {
        background-color: #f2f2f2;
        padding-bottom: 8px
    }
}

.tb--inner-item .tb--pay-inner-field .tb--pay-inner-btn {
    justify-content: flex-end;
    margin-bottom: 12px
}

@media screen and (min-width: 1024px) {
    .tb--inner-item .tb--pay-inner-field .tb--pay-inner-btn {
        margin-left:8px;
        margin-right: 8px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--inner-item .tb--pay-inner-field {
        display:block
    }
}

@media screen and (min-width: 1024px) {
    .tb--inner-item .tb--pay-inner-field .tb--pay-inner-input {
        justify-content:flex-end;
        max-width: 290px;
        padding-right: 8px;
        width: 290px
    }
}

.tb--inner-item .tb--pay-inner-field .tb--btn {
    margin-top: 0
}

.tb--pay-link {
    color: var(--brand-color-1);
    cursor: pointer;
    display: inline-block;
    text-decoration: underline
}

@media screen and (max-width: 1023.9px) {
    .tb--pay-link {
        margin-top:16px
    }
}

.payment-description {
    color: var(--modal-text-color-3);
    margin-bottom: 25px
}

.payment-description:empty {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .payment-description-block {
        margin:12px 0;
        position: relative
    }

    .payment-description-block .payment-description {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        overflow: hidden
    }

    .payment-description-block .payment-description-btn {
        color: var(--brand-color-1);
        display: inline-block;
        line-height: 16px;
        padding: 0;
        text-decoration: underline;
        text-transform: capitalize;
        white-space: nowrap
    }

    .payment-description-block .payment-description-btn.show-more_btn {
        background-color: var(--modal-bg-color-2);
        bottom: 2px;
        padding: 0 8px 0 30px;
        position: absolute;
        right: 0
    }

    .payment-description-block .payment-description-btn.show-more_btn:before {
        color: var(--modal-text-color-3);
        content: "...";
        left: 4px;
        opacity: .6;
        position: absolute
    }

    .payment-description-block .payment-description-btn.show-less_btn {
        margin-top: 8px
    }
}

.tb--pay-inner-input .react-select__single-value {
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%
}

.tb--pay-currency-input {
    position: relative
}

.tb--pay-currency-input input {
    padding-right: 50px;
    width: 100%
}

.tb--pay-currency-input .tb--pay-currency {
    bottom: 0;
    font-style: normal;
    font-weight: 400;
    height: 5px;
    line-height: 12px;
    margin: auto;
    min-width: 43px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.tb--pay-currency-input .tb--pay-currency.currency-code {
       color: #ffffff9e;
}

.tb--pay-currency-input .tb--pay-currency.currency-symbol {
    font-size: 16px
}

.currency-rate {
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .currency-rate {
        margin-bottom:22px
    }
}

.currency-rate .currency-rate-text {
    color: var(--modal-text-color-3)
}

.currency-rate .currency-amount {
    color: var(--modal-text-color-1)
}

.tb--paym-txt {
    line-height: 1.5;
    padding: 0 42px
}

@media screen and (min-width: 1024px) and (max-width:1380px) {
    .tb--paym-txt {
        padding:0 12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--paym-limits {
        width:100%
    }
}

.tb--paym-limits p {
    width: 150px
}

@media screen and (max-width: 1023.9px) {
    .tb--paym-limits p {
        display:flex;
        font-size: 12px;
        font-weight: 400;
        justify-content: space-between;
        line-height: 14px;
        width: 100%
    }

    .tb--paym-limits p:not(:last-child) {
        margin-bottom: 8px
    }

    .tb--paym-limits p span {
       width: 140px !important;
    }
}

.tb--paym-amount {
    width: 180px
}

@media screen and (min-width: 1024px) and (max-width:1380px) {
    .tb--paym-amount {
        width:100px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--paym-amount {
        margin-bottom:10px;
        width: 100%
    }

    .tb--paym-amount p {
        display: flex;
        justify-content: space-between;
        padding-left: 0
    }

    .tb--paym-amount p span {
        max-width: 100px
    }

    .tb--pay-items {
       padding: 1px;
        background: #363847;
    }
}

.tb--info-alert {
    align-items: center;
    background: #018fc21f;
    border: 1px solid #018fc2;
    border-radius: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 16px
}

.tb--info-alert .title {
    color: var(--modal-text-color-1);
    font-weight: 500;
    line-height: 18px
}

.tb--info-alert .text {
    color: var(--modal-text-color-3);
    font-weight: 400;
    line-height: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--table-cont {
        background-color:#f2f2f2;
        padding: 44px 0 0
    }
}

@media screen and (min-width: 1024px) {
    .tb--table-cont .tb--pay-items-scroll {
        max-height:calc(90vh - 360px);
        overflow: scroll
    }

    .tb--table-cont.no-banner .tb--pay-items-scroll {
        max-height: calc(90vh - 240px);
        overflow: scroll
    }
}

.tb--notverify-cont {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width: 1024px) {
    .tb--payment-verify .tb--verify-email,.tb--payment-verify .tb--verify-mobile {
        width:255px
    }

    .tb--payment-verify .tb--verify-mobile {
        margin: 0 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--payment-verify,.tb--payment-verify .tb--btns {
        display:block
    }

    .tb--verify-err-txt {
        margin-bottom: 24px;
        margin-top: 24px
    }
}

.tb--payment-submit_container {
    color: var(--text-color-4);
    height: 100vh;
    margin: 0 40px
}

.tb--payment-submit_container .tb--payment-submit_content {
    font-size: 16px;
    line-height: 1.5;
    max-width: 320px;
    padding: 42px 0 28px;
    text-align: center
}

@media screen and (max-width: 500px) {
    .tb--payment-submit_container .tb--payment-submit_content {
        font-size:14px
    }
}

.tb--payment-submit_container input {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    margin-top: 26px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px
}

.tb--payment-submit_container .logoBlock_img {
    object-fit: contain
}

.tb--payment-error_content {
    background-color: rgba(255,29,29,.102);
    border: 1px solid #ff1d1d;
    border-radius: 12px;
    padding: 26px 70px
}

@media screen and (max-width: 500px) {
    .tb--payment-error_content {
        padding:20px
    }
}

.tb--payment-error_content i {
    color: var(--error-color)
}

.tb--payment-error_content i:before {
    height: 40px;
    line-height: 40px;
    margin: 0 auto 8px;
    width: 40px
}

.tb--payment-error_content p {
    color: var(--text-color-4);
    font-size: 16px;
    line-height: 1.5;
    max-width: 320px;
    text-align: center
}

@media screen and (max-width: 500px) {
    .tb--payment-error_content p {
        font-size:14px
    }
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--preloader-container .payment-table-container,.tb--payments-page .tb--preloader-container .payment-table-container {
        background:none
    }
}

#modal-root .payment-table-container,.tb--payments-page .payment-table-container {
    border-radius: 12px;
    height: 100%;
    padding: 24px
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container,.tb--payments-page .payment-table-container {
        margin:16px;
        padding: 0
    }

    #modal-root .payment-table-container .tb--pay-cat-name,.tb--payments-page .payment-table-container .tb--pay-cat-name {
        background: var(--modal-bg-color-1);
        color: var(--modal-text-color-2);
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        padding: 0 16px;
        text-transform: capitalize;
        width: 100%
    }
}

#modal-root .payment-table-container .tb--pay-item-cont,.tb--payments-page .payment-table-container .tb--pay-item-cont {
    border-radius: 12px;
    margin-bottom: 8px
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .tb--pay-item-cont,.tb--payments-page .payment-table-container .tb--pay-item-cont {
        margin-bottom:12px
    }
}

#modal-root .payment-table-container .tb--pay-item-cont:last-child,.tb--payments-page .payment-table-container .tb--pay-item-cont:last-child {
    margin-bottom: 0
}

#modal-root .payment-table-container .tb--payment-item:hover,.tb--payments-page .payment-table-container .tb--payment-item:hover {
    border-radius: 12px
}

#modal-root .payment-table-container .open .tb--payment-item,.tb--payments-page .payment-table-container .open .tb--payment-item {
    color: var(--modal-text-color-2)
}

#modal-root .payment-table-container .open .tb--payment-item .tb--inner-item,.tb--payments-page .payment-table-container .open .tb--payment-item .tb--inner-item {
    padding: 24px;
    position: relative
}

#modal-root .payment-table-container .open .tb--payment-item .tb--inner-item:after,.tb--payments-page .payment-table-container .open .tb--payment-item .tb--inner-item:after {
    background-color: var(--modal-text-color-1);
    content: "";
    height: 1px;
    left: 24px;
    opacity: .1;
    position: absolute;
    right: 24px;
    top: 0
}

#modal-root .payment-table-container .open .tb--payment-item .tb--inner-item .react-select__menu .react-select__option,.tb--payments-page .payment-table-container .open .tb--payment-item .tb--inner-item .react-select__menu .react-select__option {
    line-height: 16px;
    min-height: 44px;
    padding-bottom: 6px;
    padding-top: 6px;
    white-space: inherit
}

#modal-root .payment-table-container .tb--subhead-clr,.tb--payments-page .payment-table-container .tb--subhead-clr {
    height: auto
}

#modal-root .payment-table-container .tb--pay-items,.tb--payments-page .payment-table-container .tb--pay-items {
    margin-top: 8px
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .tb--pay-items,.tb--payments-page .payment-table-container .tb--pay-items {
        margin-top:0
    }
}

#modal-root .payment-info-block,.tb--payments-page .payment-info-block {
    background-color: var(--modal-bg-color-3);
    border-radius: 12px;
    height: auto;
    margin: 0 0 16px;
    padding: 24px
}

#modal-root .payment-info-block .payment-info-text,.tb--payments-page .payment-info-block .payment-info-text {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

#modal-root .payment-info-block .payment-info-text a,.tb--payments-page .payment-info-block .payment-info-text a {
    color: var(--brand-color-1);
    cursor: pointer;
    text-decoration: underline
}

#modal-root .payment-info-block .payment-info-text a:hover,.tb--payments-page .payment-info-block .payment-info-text a:hover {
    text-decoration: none
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-info-block,.tb--payments-page .payment-info-block {
        margin:16px;
        padding: 16px
    }

    #modal-root .payment-info-block+.cashier-form-wrapper,.tb--payments-page .payment-info-block+.cashier-form-wrapper {
        margin-top: 0
    }
}

#modal-root .tb--subhead-bonuses,#modal-root .tb--subhead-payment,.tb--payments-page .tb--subhead-bonuses,.tb--payments-page .tb--subhead-payment {
    margin-bottom: 24px
}

.tb--payments-page {
    min-height: 100%
}

.tb--payments-page .tb--subhead-clr {
    margin: 0
}

.tb--payments-page .cashier-form-wrapper,.tb--payments-page .payment-table-container {
    border-radius: 0;
    margin: 0;
    min-height: 100vh;
    padding: 24px
}

@media screen and (max-width: 500px) {
    .tb--payments-page .cashier-form-wrapper,.tb--payments-page .payment-table-container {
        padding:16px
    }
}

.tb--payments-page .cashier-form-wrapper .tb--form-container,.tb--payments-page .cashier-form-wrapper .tb--table-container,.tb--payments-page .cashier-form-wrapper .tb--transaction-form {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

.tb--payments-page .cashier-form-wrapper .tb--form-container,.tb--payments-page .cashier-form-wrapper .tb--transaction-form {
    min-height: calc(100vh - 48px)
}

.tb--payments-page .cashier-form-wrapper .tb--transaction-form .tb--list-row-container {
    margin-bottom: 16px
}

.tb--payments-page .cashier-form-wrapper .tb--transaction-form .tb--pagination {
    margin-top: auto
}

.filtr-icon {
    color: var(--modal-text-color-2);
    cursor: pointer
}

.filtr-icon.selected {
    position: relative
}

.filtr-icon.selected:after {
    background-color: var(--brand-color-1);
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 2px;
    top: 3px;
    width: 6px
}

.tb--transaction-form-mobile {
    background-color: var(--modal-bg-color-2);
    border-radius: 12px;
    height: 100%;
    width: 100%
}

.tb--transaction-form-mobile .tb--empty-cont {
    color: var(--modal-text-color-2);
    opacity: .9
}

.tb--transaction-form-mobile .tb--empty-cont .tb--nodata-icon {
    color: var(--modal-text-color-2);
    opacity: .5
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container {
    margin: 0;
    padding: 0
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob {
    margin: 0
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob:not(:nth-last-child(-n+2)) {
    margin-bottom: 12px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob {
    background-color:#192837;
    padding: 12px;
    position: relative
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb--status {
    margin: 0 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb--status {
        margin:0
    }
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb--pm-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb-mobile-bonus-toggle-btn {
    color: var(--modal-text-color-2);
    font-size: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    transform: rotate(180deg)
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb-mobile-bonus-toggle-btn i:before {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb--gray-clr {
    color: rgb(from var(--modal-text-color-2) r g b/.5)
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-header-mob .tb-mobile-bonus-toggle-details {
    color: var(--modal-text-color-1)
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob {
    background-color: #363847;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 12px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob {
    background: none;
    border: 0;
    gap: 16px;
    padding: 0
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob:not(:last-child) {
    margin-bottom: 12px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob input[type=button] {
    height: 40px;
    line-height: 40px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob.tb--details span:last-child {
    max-width: 70%;
    text-align: right
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob .tb--gray-clr {
    color: var(--modal-text-color-3);
    min-width: 30%
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--list-row-body-mob .tb--list-row-mob .txt.bn-name-txt {
    text-align: right
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--bonus-action-btns {
    padding: 0 16px
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--bonus-radius-one .tb--list-row-mob {
    position: relative
}

.tb--transaction-form-mobile .tb--table-container .tb--list-row-container .tb--list-row-cont-mob .tb--bonus-radius-one .tb--list-row-mob:after {
    background-color: var(--modal-text-color-1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    width: 100%
}

.tb--transaction-form-mobile .tb--table-container .tb--pagination {
    margin-bottom: 0
}

.tb--filter-options {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.tb--filter-options .tb--filter-option {
    align-items: center;
    background-color: var(--modal-bg-color-3);
    border-radius: 24px;
    color: rgb(from var(--modal-text-color-1) r g b/.8);
    display: inline-flex;
    gap: 8px;
    line-height: 16px;
    padding: 8px 12px;
    white-space: nowrap
}

.tb--filter-options .tb--filter-option i:before {
    height: 16px;
    line-height: 16px;
    width: 16px
}

.tb--payment_categories {
    overflow-x: auto
}

@media screen and (min-width: 1023.9px) {
    .tb--payment_categories.tb--submenu-trans {
        border-bottom:1px solid;
        margin: 0 0 12px
    }
}

.br-12 {
    border-radius: 12px
}

.tb--subhead__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    .tb--subhead__wrapper {
        gap:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--subhead__wrapper {
        margin-bottom:0;
        padding: 16px 0
    }
}

@media screen and (max-width: 768px) {
    .tb--subhead__wrapper {
        flex-direction:column;
        gap: 8px
    }
}

@media screen and (max-width: 1200px) {
    .tb--subhead__wrapper .tb--subhead.subhead-limits .tb--ellipsis {
        padding:0
    }
}

.tb--cashier-info__amount,.tb--cashier-info__content,.tb--cashier-info__text {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center
}

.tb--cashier-info__text {
    color: var(--modal-text-color-3)
}

@media screen and (max-width: 1200px) {
    .tb--cashier-info__content {
        justify-content:space-between;
        width: 100%
    }
}

.tb--cashier-info__info {
    display: none;
    margin-inline-start:-4px;position: relative
}

@media screen and (max-width: 768px) {
    .tb--cashier-info__info {
        margin-inline-start:-6px
    }
}

.tb--cashier-info__info .cashier-info-hint {
    width: -webkit-max-content;
    width: max-content
}

@media screen and (max-width: 768px) {
    .tb--cashier-info__info--mobile {
        display:block
    }
}

@media screen and (min-width: 769px) {
    .tb--cashier-info__info--desktop {
        display:block
    }
}

@media screen and (min-width: 1200px) {
    .tb--cashier-info.subhead-limits {
        padding:12px 16px!important
    }
}

.tb--cashier-info .limit-info-icon {
    color: var(--modal-bg-color-1);
    cursor: pointer;
    font-size: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--cashier-info .limit-info-icon {
        font-size:10px
    }
}

.tb--cashier-info .limit-info-icon:before {
    align-items: center;
    background-color: var(--modal-text-color-1);
    border-radius: 50%;
    display: flex;
    height: 15px;
    justify-content: center;
    width: 15px
}

@media screen and (max-width: 1023.9px) {
    .tb--cashier-info .limit-info-icon:before {
        height:13px;
        width: 13px
    }
}

.tb--cashier-info .cashier-info-hint {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0,0,0,.302);
    color: #212121;
    font-size: 10px;
    left: 0;
    line-height: normal;
    max-width: 224px;
    padding: 5px 12px;
    position: absolute;
    text-transform: capitalize;
    top: calc(100% + 8px);
    transform: translate(-20%);
    z-index: 2
}

@media screen and (max-width: 1200px) {
    .tb--cashier-info .cashier-info-hint {
        left:auto;
        right: 0;
        transform: translate(50%)
    }
}

@media screen and (max-width: 768px) {
    .tb--cashier-info .cashier-info-hint {
        transform:translate(50%)
    }
}

.tb--cashier-info .cashier-info-hint--hide {
    display: none
}

@media screen and (max-width: 768px) {
    .tb--cashier-info__deductible-amount {
        order:1
    }
}

.tb--subhead.subhead-limits {
    border-radius: 10px;
    gap: 5px 24px;
    min-height: 24px;
    padding: 10px 16px
}

@media screen and (max-width: 1200px) {
    .tb--subhead.subhead-limits {
        align-items:flex-start;
        height: auto
    }

    .tb--subhead.subhead-limits .tb--ellipsis {
        padding: 10px 0
    }
}

.tb--subhead.subhead-limits .tb--balance-text span:first-child {
    color: var(--modal-text-color-3);
    padding-right: 12px
}

@media screen and (min-width: 768px) {
    .tb--subhead.subhead-limits .tb--balance-text:not(:last-child) {
        position:relative
    }

    .tb--subhead.subhead-limits .tb--balance-text:not(:last-child):after {
        background-color: var(--modal-text-color-2);
        content: "";
        height: 100%;
        opacity: .2;
        position: absolute;
        right: -12px;
        top: 0;
        width: 1px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--subhead.subhead-limits .tb--balance-text {
        align-items:center;
        display: flex
    }

    .tb--subhead.subhead-limits .tb--balance-text span:last-child {
        margin-left: auto;
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .tb--subhead.subhead-limits {
        flex-direction:column
    }

    .tb--subhead.subhead-limits .tb--balance-text {
        justify-content: space-between;
        width: 100%
    }
}

.tb--tax-details-link {
    color: var(--brand-color-1);
    margin-left: auto;
    text-decoration: underline
}

.tb--tax-details-link:hover {
    color: var(--brand-color-1);
    text-decoration: none
}

.tb--payment-body .tb--custom-data-title {
    height: 23px;
    line-height: 23px
}

@media screen and (min-width: 1024px) {
    .tb--payment-body .tb--payment-info>div {
        margin-right:16px;
        width: 22%;
        word-break: break-word
    }

    .tb--payment-body .tb--payment-info>div:first-child {
        flex-shrink: 0;
        width: 34%
    }

    .tb--payment-body .tb--payment-info>div.tb--paym-limits {
        margin-right: 0;
        color: #999999;
    }

    .tb--payment-body .tb--submenu {
               min-height: 65px;
        position: relative;
        background: #192837;
        color:#ffffff;
        /*margin: 10px 65px -15px;*/
        border-radius: 15px;
    }

    .tb--payment-body .tb--submenu .tb--submenu-item {
        text-align: left;
        width: 22%;
        word-break: break-word
    }

    .tb--payment-body .tb--submenu .tb--submenu-item:first-child {
               flex-shrink: 0;
        display: flex;
        justify-content: space-around;
    }

    .tb--payment-body .tb--submenu .tb--submenu-item.tb--paym-details {
        position: absolute;
        right: 10px;
        width: auto
    }

    .tb--payment-body .tb--withdrawal-table .tb--payment-info>div {
        width: 18%
    }

    .tb--payment-body .tb--withdrawal-table .tb--payment-info>div:first-child {
        flex-shrink: 0;
        width: 28%
    }

    .tb--payment-body .tb--withdrawal-table .tb--submenu .tb--submenu-item {
        width: 18%
    }

    .tb--payment-body .tb--withdrawal-table .tb--submenu .tb--submenu-item:first-child {
        flex-shrink: 0;
        width: 28%
    }
}

.tb--payment-info {
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .tb--payment-info {
        -webkit-box-orient:vertical;
        font-size: 12px;
        gap: 8px;
        margin: 16px 0;
        width: 100%
    }
}

.tb--mobile-payment-details.tb--mobile-payment-details-active {
    display: block;
    height: calc(100% - 56px);
    left: 0;
    overflow-y: auto;
    padding-bottom: 16px;
    position: fixed;
    top: 56px;
    width: 100%;
    z-index: 99999
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--modal-header {
    padding-left: 0
}

.tb--mobile-payment-details.tb--mobile-payment-details-active.tb--mobile-fastpayment-details-active .tb--modal-header {
    padding-left: 16px;
    padding-right: 24px
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--bonus-det-mob-cont {
    border-radius: 8px;
    padding: 16px
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--pay-inner-field form {
    display: block
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--pay-inner-field form .tb--pay-inner-btn {
    margin-bottom: 0
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .hide {
    display: none
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .show-more {
    color: var(--brand-color-1)
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--mob-popup-overlay {
        z-index:998
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--error-popup-mob {
        min-height: calc(100% - 55px)
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--pay-title {
        color: var(--modal-text-color-1);
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        margin-bottom: 12px;
        padding: 0
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .payment-logo {
        height: 66px;
        margin-bottom: 16px;
        width: 100%
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--pay-inner-field {
        display: block;
        margin-top: 20px
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .currency-rate {
        margin-top: 16px
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .currency-rate,.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--paym-limits {
        border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.12);
        padding-bottom: 16px
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .show-more {
        padding: 0;
        text-transform: capitalize
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .show-more.open-details {
        text-align: right;
        text-decoration: underline
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:empty {
        margin-bottom: 20px
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) {
        overflow-x: auto;
        padding: 16px;
        white-space: nowrap
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) .tb--pay-method-item {
        border-radius: 8px;
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        width: 86px
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) .tb--pay-method-item:not(:last-child) {
            margin: 0px 0px 15px 0;
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) .tb--pay-method-item .payment-logo {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) .tb--pay-method-item_active {
        border: 1px solid var(--brand-color-1)
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty)::-webkit-scrollbar {
        display: none
    }

    .tb--mobile-payment-details.tb--mobile-payment-details-active .react-select__menu .react-select__option {
        line-height: 16px;
        min-height: 44px;
        padding-bottom: 6px;
        padding-top: 6px;
        white-space: inherit
    }
}

.tb--mobile-payment-details {
    display: none
}

.tb--frame-popup {
    position: relative;
    z-index: 99999!important
}

.tb--frame-popup [data-rsbs-overlay] {
    background: #0000;
    min-height: 60vh
}

.tb--frame-popup [data-rsbs-header],.tb--frame-popup [data-rsbs-overlay],.tb--frame-popup [data-rsbs-scroll] {
    background-color: var(--modal-bg-color-2)
}

.tb--frame-popup [data-rsbs-scroll] {
    padding: 0 16px 18px 18px
}

.tb--frame-popup [data-rsbs-scroll] [data-rsbs-content] {
    display: flex;
    flex-direction: column;
    height: 100%
}

.tb--frame-popup [data-rsbs-scroll] .tb--frame-popup-body {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    flex-grow: 1;
    padding: 8px
}

.tb--frame-popup [data-rsbs-scroll] .tb--frame-popup-body iframe {
    height: 100%;
    width: 100%
}

.tb--frame-popup [data-rsbs-scroll] .tb--frame-popup-body.tb--metamap-frame {
    padding: 0
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--preloader-container .payment-table-container .tb--pay-items {
        margin-top:190px!important
    }
}

.cashier-iframe_container {
    display: flex;
    min-height: 100%;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .cashier-iframe_container {
        background-color:var(--modal-bg-color-3);
        border-radius: 12px
    }
}

@media screen and (max-width: 1023.9px) {
    .cashier-iframe_container {
        height:100%
    }
}

.cashier-iframe_container .cashier-iframe_wrapper {
    min-height: 100%;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .cashier-iframe_container .cashier-iframe_wrapper {
        background-color:var(--modal-bg-color-3);
        height: 100%;
        padding: 16px
    }

    .cashier-iframe_container .cashier-iframe_wrapper iframe {
        height: 100%
    }
}

input::-webkit-search-cancel-button,input::-webkit-search-decoration {
    display: none
}

.search-block {
    background-color: var(--background-color-5);
    position: relative
}

@media screen and (min-width: 1024px) {
    .search-block {
        border-radius:var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
        margin: 0 16px;
        max-width: 223px;
        width: 100%
    }
}

@media screen and (max-width: 1023.9px) {
    .search-block.search-block__focus:after {
        display:none
    }

    .search-block:before {
        background-color: var(--text-color-4);
        bottom: 0;
        content: "";
        left: 0;
        opacity: .3;
        position: absolute;
        top: 0;
        width: 1px;
        z-index: 1
    }
}

.search-block .search-box {
    border: 1px solid #0000;
    color: var(--text-color-4);
    font-family: inherit;
    font-size: 100%;
    outline: none;
    padding: 11px 16px 10px 40px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .search-block .search-box {
        background-color:var(--background-color-1);
        background-image: var(--background-gradient-1);
        background-position: 50%;
        height: 60px;
        padding: 8px 16px;
        text-indent: -99999px;
        width: 60px
    }
}

.search-block .search-box::-webkit-input-placeholder {
    color: var(--text-color-4)!important
}

.search-block .search-box::-moz-placeholder {
    color: var(--text-color-4)!important
}

.search-block .search-box:-ms-input-placeholder {
    color: var(--text-color-4)!important
}

.search-block .search-box:-moz-placeholder {
    color: var(--text-color-4)!important
}

.search-block form {
    display: block;
    position: relative;
    width: 100%
}

.search-block form i {
    display: none
}

.search-block input {
    background-color: initial
}

.search-block.search-block__focus:before {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .container-1 {
        padding-left:0!important
    }
}

.close-icon {
    background-color: initial;
    border: 1px solid #0000;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
    z-index: 1
}

.close-icon:before {
    background-color: var(--background-color-5);
    color: var(--text-color-4);
    font-size: 18px
}

@media screen and (max-width: 1023.9px) {
    .close-icon:before {
        background-color:initial;
        margin: 0 4px
    }

    .search-block__focus {
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 999
    }

    .search-block__focus form {
        align-items: center;
        display: flex;
        padding: 0 16px;
        z-index: 999
    }

    .search-block__focus form i {
        color: var(--text-color-3);
        display: block;
        font-size: 32px
    }

    .search-block__focus .search-box {
        background-image: none;
        border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
        height: 38px;
        line-height: 38px;
        padding-right: 42px;
        text-indent: 0;
        width: 100%
    }

    .search-block__focus .close-icon {
        right: 40px
    }

    .search-block__focus .close-icon:after {
        background-color: var(--background-color-1);
        background-image: var(--background-gradient-1)
    }
}

.popup-overlay {
    background: #111;
    filter: Alpha(Opacity=30);
    height: 100%;
    left: 0;
    opacity: .75;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000
}

.forgot-password-popup,.login-popup,.recovery-password-popup {
    width: 336px
}

.forgot-password-popup .form-row,.login-popup .form-row,.recovery-password-popup .form-row {
    margin-bottom: 16px
}

.forgot-password-popup .form-row input[type=submit]:disabled,.login-popup .form-row input[type=submit]:disabled,.recovery-password-popup .form-row input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .4
}

.forgot-password-popup .form-row.block-item,.login-popup .form-row.block-item,.recovery-password-popup .form-row.block-item {
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase
}

.forgot-password-popup,.login-popup,.my-profile-popup,.recovery-password-popup,.registration-popup {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    display: block;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 106px;
    z-index: 10001
}

.forgot-password-popup .form-row,.login-popup .form-row,.my-profile-popup .form-row,.recovery-password-popup .form-row,.registration-popup .form-row {
    position: relative
}

.forgot-password-popup .form-row .error-message,.login-popup .form-row .error-message,.my-profile-popup .form-row .error-message,.recovery-password-popup .form-row .error-message,.registration-popup .form-row .error-message {
    background-color: #fff;
    border-radius: 2px;
    color: red!important;
    display: none;
    left: calc(50% - 117px);
    margin-top: 10px;
    padding: 8px;
    position: absolute;
    width: 234px;
    z-index: 12
}

.forgot-password-popup .form-row .error-message:after,.login-popup .form-row .error-message:after,.my-profile-popup .form-row .error-message:after,.recovery-password-popup .form-row .error-message:after,.registration-popup .form-row .error-message:after {
    border: 7px solid;
    border-color: #0000 #0000 #fff;
    content: "";
    display: block;
    height: 0;
    left: 10px;
    position: absolute;
    top: -14px;
    width: 0
}

.forgot-password-popup .form-row .form-inline-row .error-message,.login-popup .form-row .form-inline-row .error-message,.my-profile-popup .form-row .form-inline-row .error-message,.recovery-password-popup .form-row .form-inline-row .error-message,.registration-popup .form-row .form-inline-row .error-message {
    left: 16px;
    margin-top: 0
}

.forgot-password-popup .form-row .callback-error-message,.login-popup .form-row .callback-error-message,.my-profile-popup .form-row .callback-error-message,.recovery-password-popup .form-row .callback-error-message,.registration-popup .form-row .callback-error-message {
    color: red!important;
    font-size: 16px
}

.forgot-password-popup .form-row .callback-error-message.registration-error-message,.login-popup .form-row .callback-error-message.registration-error-message,.my-profile-popup .form-row .callback-error-message.registration-error-message,.recovery-password-popup .form-row .callback-error-message.registration-error-message,.registration-popup .form-row .callback-error-message.registration-error-message {
    margin-left: 20px
}

.forgot-password-popup .form-row .form-inline-row .error-row .custom-select,.forgot-password-popup .form-row .form-inline-row .error-row .g-recaptcha,.forgot-password-popup .form-row .form-inline-row .error-row input,.forgot-password-popup .form-row.error-row .custom-select,.forgot-password-popup .form-row.error-row .g-recaptcha,.forgot-password-popup .form-row.error-row input,.login-popup .form-row .form-inline-row .error-row .custom-select,.login-popup .form-row .form-inline-row .error-row .g-recaptcha,.login-popup .form-row .form-inline-row .error-row input,.login-popup .form-row.error-row .custom-select,.login-popup .form-row.error-row .g-recaptcha,.login-popup .form-row.error-row input,.my-profile-popup .form-row .form-inline-row .error-row .custom-select,.my-profile-popup .form-row .form-inline-row .error-row .g-recaptcha,.my-profile-popup .form-row .form-inline-row .error-row input,.my-profile-popup .form-row.error-row .custom-select,.my-profile-popup .form-row.error-row .g-recaptcha,.my-profile-popup .form-row.error-row input,.recovery-password-popup .form-row .form-inline-row .error-row .custom-select,.recovery-password-popup .form-row .form-inline-row .error-row .g-recaptcha,.recovery-password-popup .form-row .form-inline-row .error-row input,.recovery-password-popup .form-row.error-row .custom-select,.recovery-password-popup .form-row.error-row .g-recaptcha,.recovery-password-popup .form-row.error-row input,.registration-popup .form-row .form-inline-row .error-row .custom-select,.registration-popup .form-row .form-inline-row .error-row .g-recaptcha,.registration-popup .form-row .form-inline-row .error-row input,.registration-popup .form-row.error-row .custom-select,.registration-popup .form-row.error-row .g-recaptcha,.registration-popup .form-row.error-row input {
    border-bottom: 1px solid red!important
}

.forgot-password-popup .form-row .form-inline-row .error-row:hover .error-message,.forgot-password-popup .form-row.error-row:hover .error-message,.login-popup .form-row .form-inline-row .error-row:hover .error-message,.login-popup .form-row.error-row:hover .error-message,.my-profile-popup .form-row .form-inline-row .error-row:hover .error-message,.my-profile-popup .form-row.error-row:hover .error-message,.recovery-password-popup .form-row .form-inline-row .error-row:hover .error-message,.recovery-password-popup .form-row.error-row:hover .error-message,.registration-popup .form-row .form-inline-row .error-row:hover .error-message,.registration-popup .form-row.error-row:hover .error-message {
    display: block
}

.forgot-password-popup .form-row .form-inline-row .error-row,.login-popup .form-row .form-inline-row .error-row,.my-profile-popup .form-row .form-inline-row .error-row,.recovery-password-popup .form-row .form-inline-row .error-row,.registration-popup .form-row .form-inline-row .error-row {
    position: relative
}

.forgot-password-popup .form-row .form-inline-row .error-row .error-message,.login-popup .form-row .form-inline-row .error-row .error-message,.my-profile-popup .form-row .form-inline-row .error-row .error-message,.recovery-password-popup .form-row .form-inline-row .error-row .error-message,.registration-popup .form-row .form-inline-row .error-row .error-message {
    bottom: inherit;
    top: 44px
}

.forgot-password-popup .form-row .error-terms,.login-popup .form-row .error-terms,.my-profile-popup .form-row .error-terms,.recovery-password-popup .form-row .error-terms,.registration-popup .form-row .error-terms {
    color: red
}

.forgot-password-popup .form-row .error-terms span,.login-popup .form-row .error-terms span,.my-profile-popup .form-row .error-terms span,.recovery-password-popup .form-row .error-terms span,.registration-popup .form-row .error-terms span {
    color: #999
}

.forgot-password-popup .form-row .form-inline-row,.login-popup .form-row .form-inline-row,.my-profile-popup .form-row .form-inline-row,.recovery-password-popup .form-row .form-inline-row,.registration-popup .form-row .form-inline-row {
    display: flex;
    justify-content: space-between;
    margin: 0 auto
}

.forgot-password-popup .form-row .form-inline-row .selects-inline,.login-popup .form-row .form-inline-row .selects-inline,.my-profile-popup .form-row .form-inline-row .selects-inline,.recovery-password-popup .form-row .form-inline-row .selects-inline,.registration-popup .form-row .form-inline-row .selects-inline {
    margin: 0;
    width: 70px
}

.forgot-password-popup.registration-wizard,.login-popup.registration-wizard,.my-profile-popup.registration-wizard,.recovery-password-popup.registration-wizard,.registration-popup.registration-wizard {
    padding: .5em 1em;
    width: 390px
}

.forgot-password-popup.registration-wizard .registration-body .g-recaptcha iframe,.login-popup.registration-wizard .registration-body .g-recaptcha iframe,.my-profile-popup.registration-wizard .registration-body .g-recaptcha iframe,.recovery-password-popup.registration-wizard .registration-body .g-recaptcha iframe,.registration-popup.registration-wizard .registration-body .g-recaptcha iframe {
    transform: scale(1.06);
    -webkit-transform: scale(1.06)
}

.forgot-password-popup.registration-wizard .registration-body .form-row,.login-popup.registration-wizard .registration-body .form-row,.my-profile-popup.registration-wizard .registration-body .form-row,.recovery-password-popup.registration-wizard .registration-body .form-row,.registration-popup.registration-wizard .registration-body .form-row {
    margin-bottom: 9px
}

.forgot-password-popup.registration-wizard .registration-body .form-row .form-inline-row .custom-select,.login-popup.registration-wizard .registration-body .form-row .form-inline-row .custom-select,.my-profile-popup.registration-wizard .registration-body .form-row .form-inline-row .custom-select,.recovery-password-popup.registration-wizard .registration-body .form-row .form-inline-row .custom-select,.registration-popup.registration-wizard .registration-body .form-row .form-inline-row .custom-select {
    width: 93px
}

.forgot-password-popup.registration-wizard input[type=checkbox],.login-popup.registration-wizard input[type=checkbox],.my-profile-popup.registration-wizard input[type=checkbox],.recovery-password-popup.registration-wizard input[type=checkbox],.registration-popup.registration-wizard input[type=checkbox] {
    margin: 0 2px 0 0;
    width: 20px
}

.forgot-password-popup .my-profile-form,.forgot-password-popup.registration-form,.login-popup .my-profile-form,.login-popup.registration-form,.my-profile-popup .my-profile-form,.my-profile-popup.registration-form,.recovery-password-popup .my-profile-form,.recovery-password-popup.registration-form,.registration-popup .my-profile-form,.registration-popup.registration-form {
    width: 850px
}

.forgot-password-popup .my-profile-form .my-profile-body,.forgot-password-popup .my-profile-form .registration-body,.forgot-password-popup.registration-form .my-profile-body,.forgot-password-popup.registration-form .registration-body,.login-popup .my-profile-form .my-profile-body,.login-popup .my-profile-form .registration-body,.login-popup.registration-form .my-profile-body,.login-popup.registration-form .registration-body,.my-profile-popup .my-profile-form .my-profile-body,.my-profile-popup .my-profile-form .registration-body,.my-profile-popup.registration-form .my-profile-body,.my-profile-popup.registration-form .registration-body,.recovery-password-popup .my-profile-form .my-profile-body,.recovery-password-popup .my-profile-form .registration-body,.recovery-password-popup.registration-form .my-profile-body,.recovery-password-popup.registration-form .registration-body,.registration-popup .my-profile-form .my-profile-body,.registration-popup .my-profile-form .registration-body,.registration-popup.registration-form .my-profile-body,.registration-popup.registration-form .registration-body {
    display: flex
}

.forgot-password-popup .my-profile-form .my-profile-body>div,.forgot-password-popup .my-profile-form .registration-body>div,.forgot-password-popup.registration-form .my-profile-body>div,.forgot-password-popup.registration-form .registration-body>div,.login-popup .my-profile-form .my-profile-body>div,.login-popup .my-profile-form .registration-body>div,.login-popup.registration-form .my-profile-body>div,.login-popup.registration-form .registration-body>div,.my-profile-popup .my-profile-form .my-profile-body>div,.my-profile-popup .my-profile-form .registration-body>div,.my-profile-popup.registration-form .my-profile-body>div,.my-profile-popup.registration-form .registration-body>div,.recovery-password-popup .my-profile-form .my-profile-body>div,.recovery-password-popup .my-profile-form .registration-body>div,.recovery-password-popup.registration-form .my-profile-body>div,.recovery-password-popup.registration-form .registration-body>div,.registration-popup .my-profile-form .my-profile-body>div,.registration-popup .my-profile-form .registration-body>div,.registration-popup.registration-form .my-profile-body>div,.registration-popup.registration-form .registration-body>div {
    border-right: 1px solid #4a4a4a
}

.forgot-password-popup .my-profile-form .my-profile-body .g-recaptcha iframe,.forgot-password-popup .my-profile-form .registration-body .g-recaptcha iframe,.forgot-password-popup.registration-form .my-profile-body .g-recaptcha iframe,.forgot-password-popup.registration-form .registration-body .g-recaptcha iframe,.login-popup .my-profile-form .my-profile-body .g-recaptcha iframe,.login-popup .my-profile-form .registration-body .g-recaptcha iframe,.login-popup.registration-form .my-profile-body .g-recaptcha iframe,.login-popup.registration-form .registration-body .g-recaptcha iframe,.my-profile-popup .my-profile-form .my-profile-body .g-recaptcha iframe,.my-profile-popup .my-profile-form .registration-body .g-recaptcha iframe,.my-profile-popup.registration-form .my-profile-body .g-recaptcha iframe,.my-profile-popup.registration-form .registration-body .g-recaptcha iframe,.recovery-password-popup .my-profile-form .my-profile-body .g-recaptcha iframe,.recovery-password-popup .my-profile-form .registration-body .g-recaptcha iframe,.recovery-password-popup.registration-form .my-profile-body .g-recaptcha iframe,.recovery-password-popup.registration-form .registration-body .g-recaptcha iframe,.registration-popup .my-profile-form .my-profile-body .g-recaptcha iframe,.registration-popup .my-profile-form .registration-body .g-recaptcha iframe,.registration-popup.registration-form .my-profile-body .g-recaptcha iframe,.registration-popup.registration-form .registration-body .g-recaptcha iframe {
    transform: scale(.86);
    -webkit-transform: scale(.86)
}

.forgot-password-popup .my-profile-form .my-profile-body .col2:last-child,.forgot-password-popup .my-profile-form .my-profile-body .col3:last-child,.forgot-password-popup .my-profile-form .my-profile-body .col4:last-child,.forgot-password-popup .my-profile-form .registration-body .col2:last-child,.forgot-password-popup .my-profile-form .registration-body .col3:last-child,.forgot-password-popup .my-profile-form .registration-body .col4:last-child,.forgot-password-popup.registration-form .my-profile-body .col2:last-child,.forgot-password-popup.registration-form .my-profile-body .col3:last-child,.forgot-password-popup.registration-form .my-profile-body .col4:last-child,.forgot-password-popup.registration-form .registration-body .col2:last-child,.forgot-password-popup.registration-form .registration-body .col3:last-child,.forgot-password-popup.registration-form .registration-body .col4:last-child,.login-popup .my-profile-form .my-profile-body .col2:last-child,.login-popup .my-profile-form .my-profile-body .col3:last-child,.login-popup .my-profile-form .my-profile-body .col4:last-child,.login-popup .my-profile-form .registration-body .col2:last-child,.login-popup .my-profile-form .registration-body .col3:last-child,.login-popup .my-profile-form .registration-body .col4:last-child,.login-popup.registration-form .my-profile-body .col2:last-child,.login-popup.registration-form .my-profile-body .col3:last-child,.login-popup.registration-form .my-profile-body .col4:last-child,.login-popup.registration-form .registration-body .col2:last-child,.login-popup.registration-form .registration-body .col3:last-child,.login-popup.registration-form .registration-body .col4:last-child,.my-profile-popup .my-profile-form .my-profile-body .col2:last-child,.my-profile-popup .my-profile-form .my-profile-body .col3:last-child,.my-profile-popup .my-profile-form .my-profile-body .col4:last-child,.my-profile-popup .my-profile-form .registration-body .col2:last-child,.my-profile-popup .my-profile-form .registration-body .col3:last-child,.my-profile-popup .my-profile-form .registration-body .col4:last-child,.my-profile-popup.registration-form .my-profile-body .col2:last-child,.my-profile-popup.registration-form .my-profile-body .col3:last-child,.my-profile-popup.registration-form .my-profile-body .col4:last-child,.my-profile-popup.registration-form .registration-body .col2:last-child,.my-profile-popup.registration-form .registration-body .col3:last-child,.my-profile-popup.registration-form .registration-body .col4:last-child,.recovery-password-popup .my-profile-form .my-profile-body .col2:last-child,.recovery-password-popup .my-profile-form .my-profile-body .col3:last-child,.recovery-password-popup .my-profile-form .my-profile-body .col4:last-child,.recovery-password-popup .my-profile-form .registration-body .col2:last-child,.recovery-password-popup .my-profile-form .registration-body .col3:last-child,.recovery-password-popup .my-profile-form .registration-body .col4:last-child,.recovery-password-popup.registration-form .my-profile-body .col2:last-child,.recovery-password-popup.registration-form .my-profile-body .col3:last-child,.recovery-password-popup.registration-form .my-profile-body .col4:last-child,.recovery-password-popup.registration-form .registration-body .col2:last-child,.recovery-password-popup.registration-form .registration-body .col3:last-child,.recovery-password-popup.registration-form .registration-body .col4:last-child,.registration-popup .my-profile-form .my-profile-body .col2:last-child,.registration-popup .my-profile-form .my-profile-body .col3:last-child,.registration-popup .my-profile-form .my-profile-body .col4:last-child,.registration-popup .my-profile-form .registration-body .col2:last-child,.registration-popup .my-profile-form .registration-body .col3:last-child,.registration-popup .my-profile-form .registration-body .col4:last-child,.registration-popup.registration-form .my-profile-body .col2:last-child,.registration-popup.registration-form .my-profile-body .col3:last-child,.registration-popup.registration-form .my-profile-body .col4:last-child,.registration-popup.registration-form .registration-body .col2:last-child,.registration-popup.registration-form .registration-body .col3:last-child,.registration-popup.registration-form .registration-body .col4:last-child {
    border-right: none
}

.forgot-password-popup .my-profile-form .my-profile-body .form-row,.forgot-password-popup .my-profile-form .registration-body .form-row,.forgot-password-popup.registration-form .my-profile-body .form-row,.forgot-password-popup.registration-form .registration-body .form-row,.login-popup .my-profile-form .my-profile-body .form-row,.login-popup .my-profile-form .registration-body .form-row,.login-popup.registration-form .my-profile-body .form-row,.login-popup.registration-form .registration-body .form-row,.my-profile-popup .my-profile-form .my-profile-body .form-row,.my-profile-popup .my-profile-form .registration-body .form-row,.my-profile-popup.registration-form .my-profile-body .form-row,.my-profile-popup.registration-form .registration-body .form-row,.recovery-password-popup .my-profile-form .my-profile-body .form-row,.recovery-password-popup .my-profile-form .registration-body .form-row,.recovery-password-popup.registration-form .my-profile-body .form-row,.recovery-password-popup.registration-form .registration-body .form-row,.registration-popup .my-profile-form .my-profile-body .form-row,.registration-popup .my-profile-form .registration-body .form-row,.registration-popup.registration-form .my-profile-body .form-row,.registration-popup.registration-form .registration-body .form-row {
    height: 61px;
    margin-bottom: 20px
}

.forgot-password-popup .my-profile-form .my-profile-body .form-row .form-inline-row,.forgot-password-popup .my-profile-form .registration-body .form-row .form-inline-row,.forgot-password-popup.registration-form .my-profile-body .form-row .form-inline-row,.forgot-password-popup.registration-form .registration-body .form-row .form-inline-row,.login-popup .my-profile-form .my-profile-body .form-row .form-inline-row,.login-popup .my-profile-form .registration-body .form-row .form-inline-row,.login-popup.registration-form .my-profile-body .form-row .form-inline-row,.login-popup.registration-form .registration-body .form-row .form-inline-row,.my-profile-popup .my-profile-form .my-profile-body .form-row .form-inline-row,.my-profile-popup .my-profile-form .registration-body .form-row .form-inline-row,.my-profile-popup.registration-form .my-profile-body .form-row .form-inline-row,.my-profile-popup.registration-form .registration-body .form-row .form-inline-row,.recovery-password-popup .my-profile-form .my-profile-body .form-row .form-inline-row,.recovery-password-popup .my-profile-form .registration-body .form-row .form-inline-row,.recovery-password-popup.registration-form .my-profile-body .form-row .form-inline-row,.recovery-password-popup.registration-form .registration-body .form-row .form-inline-row,.registration-popup .my-profile-form .my-profile-body .form-row .form-inline-row,.registration-popup .my-profile-form .registration-body .form-row .form-inline-row,.registration-popup.registration-form .my-profile-body .form-row .form-inline-row,.registration-popup.registration-form .registration-body .form-row .form-inline-row {
    width: 234px
}

.forgot-password-popup .my-profile-form .my-profile-body .form-row input,.forgot-password-popup .my-profile-form .my-profile-body .form-row label,.forgot-password-popup .my-profile-form .registration-body .form-row input,.forgot-password-popup .my-profile-form .registration-body .form-row label,.forgot-password-popup.registration-form .my-profile-body .form-row input,.forgot-password-popup.registration-form .my-profile-body .form-row label,.forgot-password-popup.registration-form .registration-body .form-row input,.forgot-password-popup.registration-form .registration-body .form-row label,.login-popup .my-profile-form .my-profile-body .form-row input,.login-popup .my-profile-form .my-profile-body .form-row label,.login-popup .my-profile-form .registration-body .form-row input,.login-popup .my-profile-form .registration-body .form-row label,.login-popup.registration-form .my-profile-body .form-row input,.login-popup.registration-form .my-profile-body .form-row label,.login-popup.registration-form .registration-body .form-row input,.login-popup.registration-form .registration-body .form-row label,.my-profile-popup .my-profile-form .my-profile-body .form-row input,.my-profile-popup .my-profile-form .my-profile-body .form-row label,.my-profile-popup .my-profile-form .registration-body .form-row input,.my-profile-popup .my-profile-form .registration-body .form-row label,.my-profile-popup.registration-form .my-profile-body .form-row input,.my-profile-popup.registration-form .my-profile-body .form-row label,.my-profile-popup.registration-form .registration-body .form-row input,.my-profile-popup.registration-form .registration-body .form-row label,.recovery-password-popup .my-profile-form .my-profile-body .form-row input,.recovery-password-popup .my-profile-form .my-profile-body .form-row label,.recovery-password-popup .my-profile-form .registration-body .form-row input,.recovery-password-popup .my-profile-form .registration-body .form-row label,.recovery-password-popup.registration-form .my-profile-body .form-row input,.recovery-password-popup.registration-form .my-profile-body .form-row label,.recovery-password-popup.registration-form .registration-body .form-row input,.recovery-password-popup.registration-form .registration-body .form-row label,.registration-popup .my-profile-form .my-profile-body .form-row input,.registration-popup .my-profile-form .my-profile-body .form-row label,.registration-popup .my-profile-form .registration-body .form-row input,.registration-popup .my-profile-form .registration-body .form-row label,.registration-popup.registration-form .my-profile-body .form-row input,.registration-popup.registration-form .my-profile-body .form-row label,.registration-popup.registration-form .registration-body .form-row input,.registration-popup.registration-form .registration-body .form-row label {
    display: block
}

.forgot-password-popup .my-profile-form .custom-select,.forgot-password-popup .my-profile-form input,.forgot-password-popup .my-profile-form label,.forgot-password-popup.registration-form .custom-select,.forgot-password-popup.registration-form input,.forgot-password-popup.registration-form label,.login-popup .my-profile-form .custom-select,.login-popup .my-profile-form input,.login-popup .my-profile-form label,.login-popup.registration-form .custom-select,.login-popup.registration-form input,.login-popup.registration-form label,.my-profile-popup .my-profile-form .custom-select,.my-profile-popup .my-profile-form input,.my-profile-popup .my-profile-form label,.my-profile-popup.registration-form .custom-select,.my-profile-popup.registration-form input,.my-profile-popup.registration-form label,.recovery-password-popup .my-profile-form .custom-select,.recovery-password-popup .my-profile-form input,.recovery-password-popup .my-profile-form label,.recovery-password-popup.registration-form .custom-select,.recovery-password-popup.registration-form input,.recovery-password-popup.registration-form label,.registration-popup .my-profile-form .custom-select,.registration-popup .my-profile-form input,.registration-popup .my-profile-form label,.registration-popup.registration-form .custom-select,.registration-popup.registration-form input,.registration-popup.registration-form label {
    margin: 0 auto;
    width: 234px
}

.forgot-password-popup .my-profile-form input[type=checkbox],.forgot-password-popup.registration-form input[type=checkbox],.login-popup .my-profile-form input[type=checkbox],.login-popup.registration-form input[type=checkbox],.my-profile-popup .my-profile-form input[type=checkbox],.my-profile-popup.registration-form input[type=checkbox],.recovery-password-popup .my-profile-form input[type=checkbox],.recovery-password-popup.registration-form input[type=checkbox],.registration-popup .my-profile-form input[type=checkbox],.registration-popup.registration-form input[type=checkbox] {
    margin: 0 2px 0 0;
    width: 20px
}

.forgot-password-header,.login-header,.recover-password-header,.registration-header {
    align-items: center;
    background-color: #2b2b2b;
    border-radius: 2px 2px 0 0;
    display: flex;
    height: 47px;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%
}

.forgot-password-header span:first-child,.login-header span:first-child,.recover-password-header span:first-child,.registration-header span:first-child {
    color: #fff
}

.forgot-password-header span:last-child,.login-header span:last-child,.recover-password-header span:last-child,.registration-header span:last-child {
    background-color: #757575;
    color: #eee;
    cursor: pointer;
    height: 15px;
    line-height: 13px;
    padding: 0 5px 2px
}

.forgot-password-body,.login-body,.recover-password-body,.registration-body {
    padding: 10px 20px 0
}

.block-item,.forgot-password-footer input,.login-footer input,.recover-password-footer input {
    cursor: pointer
}

.registration-popup.registration-form .registration-footer {
    display: flex;
    justify-content: space-between
}

.registration-popup .registration-footer {
    padding: 0 20px 20px
}

.registration-popup .registration-footer .form-buttons {
    align-self: center;
    display: flex;
    justify-content: space-between;
    margin: 0 17px
}

.registration-popup .registration-footer .form-buttons input {
    margin: 0
}

.registration-popup .registration-footer input {
    cursor: pointer;
    margin-top: 19px
}

.registration-popup .registration-footer .flex-center {
    align-items: center;
    display: flex;
    font-size: 12px
}

.registration-popup .registration-footer .flex-center .cbx-lbl {
    color: var(--text-color-1)
}

.registration-popup .registration-footer .flex-left {
    display: flex;
    flex-direction: row;
    font-size: 12px;
    margin-bottom: 10px
}

.registration-popup .registration-footer .flex-left .checkbox-container {
    margin-right: 5px
}

.registration-popup .registration-footer .flex-left .cbx-lbl {
    color: var(--text-color-1)
}

.registration-popup .registration-footer .flex-left input {
    height: 20px;
    margin-top: 0;
    width: 20px
}

label {
    color: #9a9a9a;
    font-size: 12px;
    line-height: 23px
}

.col2 {
    width: 50%
}

.col2,.col3,.col4 {
    margin-right: 1px;
    margin-top: 14px
}

.col3,.col4 {
    width: 33.333333333%
}

.dont-shrink {
    flex-grow: 0;
    flex-shrink: 0
}

.tb--custom-captcha .tb--error-mes {
    width: calc(100% - 12px)!important
}

.tb--error-mes--select {
    top: calc(100% + 8px)!important
}

.digi_icon-change {
    color: var(--modal-text-color-2)
}

.tb--captcha-lbl {
    display: inline-block
}

.tb--captcha-cont {
    position: relative
}

.tb--captcha-cont a {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.tb--captcha-cont i {
    font-size: 24px
}

@media screen and (min-width: 400px) and (max-width:1023.9px) {
    .tb--captcha-code {
        width:100%
    }
}

.tb--captcha-img_cont {
    align-items: center;
    background-color: #fff;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    display: flex;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    padding-right: 32px
}

@media screen and (max-width: 1023.9px) {
    .tb--captcha-img_cont {
        height:100%;
        line-height: 44px;
        max-height: 44px
    }
}

.tb--captcha-img_cont img {
    max-height: 42px
}

.tb--birthdate_select_group .react-select__value-container {
    padding: 0 10px!important
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--profile-lcont .tb--birthdate_select_group {
        flex-direction:column
    }
}

.tb--modal-account .tb--birthdate_select_group .react-select__value-container,.tb--modal-regFull .tb--birthdate_select_group .react-select__value-container,.tb--profile-lcont .tb--birthdate_select_group .react-select__value-container {
    padding: 0 12px!important
}

@media screen and (max-width: 1248px) {
    .tb--modal-account .tb--birthdate_select_group .react-select__value-container,.tb--modal-regFull .tb--birthdate_select_group .react-select__value-container {
        padding:0 5px!important
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--birthdate_select_group .react-select__value-container,.tb--modal-regFull .tb--birthdate_select_group .react-select__value-container {
        padding:0 12px!important
    }
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--modal-account .tb--birthdate_select_group .react-select__value-container {
        padding:0 16px!important
    }
}

.tb--mobile-code_select {
    margin-right: 4px;
    /*width: 50%*/
}

.tb--rtl .tb--mobile-code_select .react-select__single-value {
    right: 12px
}

.tb--day_select {
    width: 30%
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--day_select {
        padding-bottom:8px;
        width: 100%
    }

    .tb--day_select .tb--mr-4 {
        margin-right: 0
    }
}

.tb--year_select {
    width: 31%
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--year_select {
        width:100%
    }

    .tb--year_select .tb--ml-4 {
        margin-left: 0
    }
}

.tb--month_select {
    width: 42%
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--month_select {
        padding-bottom:8px;
        width: 100%
    }
}

.tb--month_select .react-select__single-value {
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%
}

@media screen and (max-width: 1366px) {
    .tb--month_select .react-select__single-value {
        width:100%
    }
}

.tb--month_select .tb--mh-4 {
    margin-left: 0;
    margin-right: 0
}

.tb--day_select .react-select__control,.tb--month_select .react-select__control,.tb--year_select .react-select__control {
    position: relative
}

.tb--day_select .react-select__control:before,.tb--month_select .react-select__control:before,.tb--year_select .react-select__control:before {
    border-radius: 50%;
    bottom: 1px;
    content: "";
    left: -1px;
    position: absolute;
    top: 1px;
    width: 14px
}

@media screen and (max-width: 1248px) {
    .tb--day_select .react-select__control:before,.tb--month_select .react-select__control:before,.tb--year_select .react-select__control:before {
        width:7px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--day_select .react-select__control:before,.tb--month_select .react-select__control:before,.tb--year_select .react-select__control:before {
        width:10px
    }
}

.tb--day_select .react-select__control.react-select__control--menu-is-open:before,.tb--month_select .react-select__control.react-select__control--menu-is-open:before,.tb--year_select .react-select__control.react-select__control--menu-is-open:before {
    z-index: 1
}

@media screen and (min-width: 1023.9px) and (max-width:1200px) {
    .tb--day_select .custom-select.tb--mh-4,.tb--month_select .custom-select.tb--mh-4,.tb--year_select .custom-select.tb--mh-4 {
        margin-left:0;
        margin-right: 0
    }
}

@media screen and (min-width: 1200px) and (max-width:1500px) {
    .tb--day_select .tb--ml-4,.tb--month_select .tb--ml-4,.tb--year_select .tb--ml-4 {
        margin-left:0
    }

    .tb--day_select .tb--mr-4,.tb--month_select .tb--mr-4,.tb--year_select .tb--mr-4 {
        margin-right: 0
    }
}

.tb--birthdate_select_group {
    gap: 4px
}

.tb--mobile-code_select_group {
    background-color: var(--modal-bg-color-1);
    border: 1px solid #0000;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    height: 42px;
    position: relative
}

.tb--mobile-code_select_group.tb--mobile-code_select--is-focused:not(.tb--error-border) {
    border-color: var(--brand-color-1)
}

.tb--mobile-code_select_group.tb--mobile-code_select--is-focused:not(.tb--error-border) i {
    color: var(--brand-color-1)
}

.tb--mobile-code_select_group .react-select__control,.tb--mobile-code_select_group input {
    background: #0000!important;
    border: 0
}

.tb--mobile-code_select_group .react-select__single-value {
    align-items: center;
    display: flex
}

.tb--mobile-code_select_group .tb--mobile-code_select {
    /*flex: 0 0 115px;*/
    margin-right: 0
}

@media screen and (max-width: 1024px) {
    .tb--mobile-code_select_group .tb--mobile-code_select {
        flex:0 0 0;
    }
}

.tb--mobile-code_select_group .tb--mobile-code_select.code-without-dropdown {
    flex: 0 0 86px
}

@media screen and (max-width: 1024px) {
    .tb--mobile-code_select_group .tb--mobile-code_select.code-without-dropdown {
        flex:0 0 90px
    }
}

.tb--mobile-code_select_group .tb--mobile-code_select.code-without-dropdown .tb--country-code {
    color: var(--modal-text-color-3);
    opacity: .8
}

.tb--mobile-code_select_group .css-2b097c-container,.tb--mobile-code_select_group .css-b62m3t-container {
    position: static
}

.tb--mobile-code_select_group .react-select__control {
    border-radius: 0!important
}

.tb--mobile-code_select_group .react-select__control .react-select__value-container {
    padding-left: 10px!important
}

.tb--mobile-code_select_group .react-select__control:after {
    background-color: var(--modal-bg-color-4);
    bottom: 0;
    content: "";
    display: block;
    height: 25px;
    margin: auto;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px
}

.tb--mobile-code_select_group .tb--mobile-code-dropdown .react-select__menu .react-select__option {
    align-items: center;
    display: flex
}

.tb--mobile-code_select_group .react-select__control .f32-flag,.tb--mobile-code_select_group .tb--mobile-code-dropdown .react-select__menu .f32-flag {
    margin-right: 8px;
    position: relative
}

.tb--mobile-code_select_group .react-select__control .f32-empty,.tb--mobile-code_select_group .tb--mobile-code-dropdown .react-select__menu .f32-empty {
    height: 24px;
    width: 24px
}

.tb--mobile-code_select_group .react-select__control .tb--country-text-code,.tb--mobile-code_select_group .tb--mobile-code-dropdown .react-select__menu .tb--country-text-code {
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--mobile-code_select_group .code-without-dropdown .react-select__value-container {
    padding: 0 4px!important
}

#modal-root .tb--mobile-code_select_group input.tb--error-border,#modal-root .tb--mobile-code_select_group input.tb--error-border:active,#modal-root .tb--mobile-code_select_group input.tb--error-border:focus,#modal-root .tb--mobile-code_select_group input.tb--input-white,#modal-root .tb--mobile-code_select_group input.tb--input-white:active,#modal-root .tb--mobile-code_select_group input.tb--input-white:focus {

    margin: 0px;
}

.tb--error-cont .tb--error-mes:after, .tb--error-cont-datepicker .tb--error-mes:after {
    border-color: #0000 #0000 #fff #fff;
    border-style: solid;
    border-width: .4em;
    box-shadow: -2px 2px 4px 0 #00000014;
    box-sizing: border-box;
    content: "";
    height: 0;
    left: 14px;
    position: absolute;
    top: -3px;
    transform: rotate(136deg);
    width: 0;
}



.tb--error-mes{
    background-color: #f443363d;
    border-radius: 6px;
    box-shadow: 1px 2px 3px 2px #00000014;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 5px;
    display: none;
}

@media only screen and (max-width: 600px) {
    .la-sub-menu ::-webkit-scrollbar, .la-sub-menu::-webkit-scrollbar, .lang-sub-menu ::-webkit-scrollbar, .lang-sub-menu::-webkit-scrollbar, .tb--custom-scroll ::-webkit-scrollbar, .tb--custom-scroll::-webkit-scrollbar, .tb--modal-lvl3 ::-webkit-scrollbar, .tb--modal-lvl3::-webkit-scrollbar {
        height: 2px;
    }
}


.tb--error-cont .tb--error-mes p, .tb--error-cont-datepicker .tb--error-mes p {
    padding: 4px 16px;
}


#modal-root .tb--radio-group .tb--border,.popup-to-page .tb--radio-group .tb--border {
    border-color: var(--brand-color-1)!important
}

#modal-root .tb--radio-group .tb--border i,#modal-root .tb--radio-group .tb--border span,.popup-to-page .tb--radio-group .tb--border i,.popup-to-page .tb--radio-group .tb--border span {
    color: var(--brand-color-1)!important
}

#modal-root .tb--radio-group .tb--border:before,.popup-to-page .tb--radio-group .tb--border:before {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    display: block
}

#modal-root .tb--radio-group .tb--border:after,.popup-to-page .tb--radio-group .tb--border:after {
    border-color: var(--brand-color-1)
}

#modal-root .tb--radio-group .tb--error-border,.popup-to-page .tb--radio-group .tb--error-border {
    background: rgba(240,40,73,.078)!important;
    border-color: var(--error-color)!important
}

@media screen and (max-width: 1200px) {
    .tb--modal-account .tb--day_select .react-select__control:before,.tb--modal-account .tb--month_select .react-select__control:before,.tb--modal-account .tb--year_select .react-select__control:before {
        width:3px
    }
}

.tb--modal-account .tb--day_select .react-select__control--is-disabled:before,.tb--modal-account .tb--month_select .react-select__control--is-disabled:before,.tb--modal-account .tb--year_select .react-select__control--is-disabled:before {
    display: none
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--modal-account .tb--day_select [class*=" digi_icon-"]:before,.tb--modal-account .tb--day_select [class^=digi_icon-]:before,.tb--modal-account .tb--month_select [class*=" digi_icon-"]:before,.tb--modal-account .tb--month_select [class^=digi_icon-]:before,.tb--modal-account .tb--year_select [class*=" digi_icon-"]:before,.tb--modal-account .tb--year_select [class^=digi_icon-]:before {
        display:flex;
        justify-content: center;
        width: 20px
    }
}

.tb--registration-modal .tb--body-panel .tb--pay-inner-input .tb--radio-group {
    display: flex
}

.tb--registration-modal .tb--body-panel .tb--pay-inner-input .tb--radio-group label {
    align-items: center
}

.tb--registration-modal .tb--body-panel .tb--pay-inner-input .tb--radio-group label:first-child {
    margin-right: 12px
}

.tb--registration-modal .tb--input-group .tb--input.disabled {
    background-color: var(--modal-bg-color-1);
    border-color: #0000!important;
    color: var(--modal-text-color-2);
    opacity: .5
}

.tb--registration-modal .tb--input-group .tb--input.disabled:focus {
    border-color: #0000!important
}

.account-menu-details .custom-select .tb--custom-sel.digi_icon-arrow_down,.tb--log_reg_form .custom-select .tb--custom-sel.digi_icon-arrow_down {
    height: 34px;
    right: 0
}

@media screen and (max-width: 1366px) {
    .account-menu-details .custom-select .tb--custom-sel.digi_icon-arrow_down,.tb--log_reg_form .custom-select .tb--custom-sel.digi_icon-arrow_down {
        padding-right:0;
        right: 0
    }
}

.account-menu-details .react-select__input input,.tb--log_reg_form .react-select__input input {
    bottom: 0;
    position: absolute;
    top: 0
}

.account-menu-details .react-select__control,.tb--log_reg_form .react-select__control {
    height: 42px;
    overflow: hidden
}

.account-menu-details .tb--profile-scroll,.tb--log_reg_form .tb--profile-scroll {
    height: calc(100% - 68px)
}

.code-without-dropdown {
    pointer-events: none
}

.code-without-dropdown .tb--custom-sel {
    display: none
}

.react-select__control--menu-is-open+.react-select__menu {
    z-index: 102
}

.css-14jk2my-container.react-select--is-disabled {
    pointer-events: auto
}

.react-select__control--is-disabled .react-select__value-container {
    cursor: not-allowed
}

.tb--rtl .tb--registration-modal .tb--body-panel .tb--pay-inner-input .tb--radio-group label {
    padding-left: 8px;
    padding-right: 36px
}

.tb--rtl .tb--registration-modal .tb--body-panel .tb--pay-inner-input .tb--radio-group label:first-child {
    margin-left: 12px;
    margin-right: 0
}

.tb--radio-group label {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: calc(50% - 4px)
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
    .tb--radio-group label {
        padding:inherit;
        width: calc(50% - 2px)
    }
}

.tb--radio-group label:first-child {
    margin-right: 8px
}

@media screen and (max-width: 1500px) and (min-width:1200px) {
    .tb--radio-group label:first-child {
        margin-right:4px
    }
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
    .tb--radio-group label:first-child {
        margin-right:4px
    }
}

.tb--radio-group label span {
    align-items: center;
    display: flex;
    height: 100%;
    margin-top: 1px
}

.tb--radio-group label i {
    font-size: 24px;
    left: 2px;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tb--radio-group label input {
    display: none
}

.tb--radio-group label:after,.tb--radio-group label:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.tb--radio-group label:after {
    border: 1px solid;
    border-radius: 100%;
    height: 14px;
    right: 10px;
    width: 14px
}

.tb--radio-group label:before {
    border-radius: 100%;
    display: none;
    height: 8px;
    right: 14px;
    width: 8px
}

.tb--radio-group label.tb--input:not(.tb--input--no-icon) {
    padding-left: 38px
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
    .tb--radio-group label.tb--input {
        padding-left:10px
    }
}

.tb--radio-group label.tb--input span {
    display: block;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% + 15px)
}

@media screen and (max-width: 1200px) and (min-width:1024px) {
    .tb--radio-group label.tb--input span {
        width:calc(100% + 20px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--radio-group label.tb--input span {
        margin-top:2px
    }
}

.popup-to-page__header {
    background-color: var(--background-color-1);
    height: 56px;
    padding: 0 18px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999
}

.popup-to-page__header .tb--left-side {
    align-items: center;
    display: flex;
    gap: 25px
}

@media screen and (max-width: 1023.9px) {
    .popup-to-page__header .logoBlock {
        margin:0
    }
}

.popup-to-page {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    min-height: calc(100vh - 56px);
    padding: 40px 16px
}

.popup-to-page .popup-to-page__container {
    display: flex;
    justify-content: center
}

.popup-to-page .popup-to-page__ragistration {
    border-radius: 16px;
    display: flex
}

.popup-to-page .popup-to-page__ragistration .tb--registration-modal {
    margin: inherit
}

.popup-to-page .popup-to-page__ragistration .left-side-banner {
    background-color: var(--background-color-1);
    border-radius: 16px 0 0 16px;
    flex: 0 0 392px;
    margin-right: -32px;
    overflow: hidden;
    width: 392px
}

.popup-to-page .popup-to-page__ragistration .left-side-banner .slick-slide {
    padding: 0
}

.popup-to-page .popup-to-page__ragistration .tb--log_reg_form {
    min-height: 500px;
    position: relative
}

.popup-to-page .popup-to-page__ragistration .tb--log_reg_form .popup-banner {
    padding: 32px 32px 24px
}

.popup-to-page .popup-to-page__ragistration .tb--log_reg_form .tb--input-group .tb--input.disabled {
    background-color: var(--modal-bg-color-1);
    border-color: #0000!important;
    color: var(--modal-text-color-2);
    opacity: .5
}

.popup-to-page .popup-to-page__ragistration .tb--log_reg_form .tb--input-group .tb--input.disabled:focus {
    border-color: #0000!important
}

.popup-to-page .popup-to-page__ragistration .tb--modal-regFull.tb--modal-regBigFull {
    max-width: 1024px;
    width: auto
}

@media screen and (max-width: 1366px) {
    .popup-to-page .popup-to-page__ragistration.hasColumns .tb--reg-body>div>div {
        padding:0 8px
    }
}

@media screen and (max-width: 1200px) {
    .popup-to-page .popup-to-page__ragistration.hasColumns .left-side-banner {
        display:none
    }
}

@media screen and (max-width: 1023.9px) {
    .popup-to-page .popup-to-page__ragistration .left-side-banner {
        display:none
    }

    .popup-to-page .popup-to-page__ragistration .tb--log_reg_form {
        border-radius: 16px
    }
}

.tb--modal-account {
    background-color: var(--modal-bg-color-1)
}

@media screen and (max-width: 1023.9px) {
    .tb--account-body,.tb--modal-account {
        background-color:var(--modal-bg-color-1)
    }
}

.tb--main-header {
    background-color: #192837;
    background-image: var(--brand-gradient-1);
    color: var(--modal-text-color-2);
    border-radius: 30px 30px 0 0;
}

.tb--main-header .tb--header-item {
    opacity: 60%
}

.tb--main-header .tb--header-item.active {
    border-radius: 24px 24px 0 0;
    color: #ff2222;
    opacity: 1
}

.popup-banner,.tb--header-item.active,.tb--modal-header,.tb--modal-logo {
    background-color: #192837;
}

.tb--modal-close .digi_icon-close,.tb--submenu-trans .tb--submenu-item-tans {
    color: var(--modal-text-color-2)
}

.tb--input-group .digi_icon-copied,.tb--input-group i {
    color: var(--modal-text-color-3)
}

.tb--profile-left-cont,.tb--profile-user-right,.tb--user-avatar {
    background-color: #192837;
}

.tb--user-avatar i.digi_icon-user {
    color: var(--modal-text-color-2)
}

.tb--player-id_txt,.tb--profile-date_txt {
    color: var(--modal-text-color-2);
    font-size: 14px
}

.tb--profile-balance_txt {
    color: var(--modal-text-color-3);
    font-size: 14px
}

.tb--attached_documents_table,.tb--profile-date {
    color: var(--modal-text-color-1)
}

.tb--attached_documents_table>div,.tb--no_attached_docs {
    background-color: var(--modal-bg-color-3)
}

.tb--id_color,.tb--personal-details,.tb--player-copy,.tb--profile-balance-info .tb--profile-balance_amount,.tb--profile-user-right .tb--profile-date,.tb--user-name {
    color: var(--modal-text-color-1)
}

.tb--update {
    margin-left: -2px
}

#modal-root .tb--submenu-trans .tb--submenu-item-tans.active,.popup-to-page .tb--submenu-trans .tb--submenu-item-tans.active,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--submenu-trans .tb--submenu-item-tans.active,.tb--status-tracking-filter-mob__wrapper .tb--submenu-trans .tb--submenu-item-tans.active {
    color: var(--brand-color-1)!important
}

#modal-root .tb--custom-data-title,#modal-root label,.popup-to-page .tb--custom-data-title,.popup-to-page label,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--custom-data-title,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile label,.tb--status-tracking-filter-mob__wrapper .tb--custom-data-title,.tb--status-tracking-filter-mob__wrapper label {
    color: var(--modal-text-color-2)
}

#modal-root .tb--message-txt,.popup-to-page .tb--message-txt,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--message-txt,.tb--status-tracking-filter-mob__wrapper .tb--message-txt {
    color: var(--modal-text-color-3)
}

#modal-root .tb--message-txt span.tb--text-mobile,.popup-to-page .tb--message-txt span.tb--text-mobile,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--message-txt span.tb--text-mobile,.tb--status-tracking-filter-mob__wrapper .tb--message-txt span.tb--text-mobile {
    color: var(--modal-text-color-1);
    font-weight: 500
}

#modal-root .tb--wrong-code input,.popup-to-page .tb--wrong-code input,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--wrong-code input,.tb--status-tracking-filter-mob__wrapper .tb--wrong-code input {
    background-color: rgba(230,32,32,.078);
    border: 1px solid var(--error-color)!important;
    opacity: .8
}

#modal-root .react-select__control,#modal-root .tb--bonus-type-select .rmsc,#modal-root .tb--input,#modal-root .tb--input-white,.popup-to-page .react-select__control,.popup-to-page .tb--bonus-type-select .rmsc,.popup-to-page .tb--input,.popup-to-page .tb--input-white,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white,.tb--status-tracking-filter-mob__wrapper .react-select__control,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc,.tb--status-tracking-filter-mob__wrapper .tb--input,.tb--status-tracking-filter-mob__wrapper .tb--input-white {
    background-color: var(--modal-bg-color-1);
    border-color: #0000;
    color: var(--modal-text-color-2)
}

#modal-root .react-select__control::placeholder,#modal-root .tb--bonus-type-select .rmsc::placeholder,#modal-root .tb--input-white::placeholder,#modal-root .tb--input::placeholder,.popup-to-page .react-select__control::placeholder,.popup-to-page .tb--bonus-type-select .rmsc::placeholder,.popup-to-page .tb--input-white::placeholder,.popup-to-page .tb--input::placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control::placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc::placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white::placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input::placeholder,.tb--status-tracking-filter-mob__wrapper .react-select__control::placeholder,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc::placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input-white::placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input::placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

#modal-root .react-select__control:-ms-input-placeholder,#modal-root .tb--bonus-type-select .rmsc:-ms-input-placeholder,#modal-root .tb--input-white:-ms-input-placeholder,#modal-root .tb--input:-ms-input-placeholder,.popup-to-page .react-select__control:-ms-input-placeholder,.popup-to-page .tb--bonus-type-select .rmsc:-ms-input-placeholder,.popup-to-page .tb--input-white:-ms-input-placeholder,.popup-to-page .tb--input:-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control:-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc:-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white:-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input:-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .react-select__control:-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc:-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input-white:-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input:-ms-input-placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

#modal-root .react-select__control::-ms-input-placeholder,#modal-root .tb--bonus-type-select .rmsc::-ms-input-placeholder,#modal-root .tb--input-white::-ms-input-placeholder,#modal-root .tb--input::-ms-input-placeholder,.popup-to-page .react-select__control::-ms-input-placeholder,.popup-to-page .tb--bonus-type-select .rmsc::-ms-input-placeholder,.popup-to-page .tb--input-white::-ms-input-placeholder,.popup-to-page .tb--input::-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control::-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc::-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white::-ms-input-placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input::-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .react-select__control::-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc::-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input-white::-ms-input-placeholder,.tb--status-tracking-filter-mob__wrapper .tb--input::-ms-input-placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

#modal-root .react-select__control:focus,#modal-root .tb--bonus-type-select .rmsc:focus,#modal-root .tb--input-white:focus,#modal-root .tb--input:focus,.popup-to-page .react-select__control:focus,.popup-to-page .tb--bonus-type-select .rmsc:focus,.popup-to-page .tb--input-white:focus,.popup-to-page .tb--input:focus,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control:focus,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc:focus,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white:focus,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input:focus,.tb--status-tracking-filter-mob__wrapper .react-select__control:focus,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc:focus,.tb--status-tracking-filter-mob__wrapper .tb--input-white:focus,.tb--status-tracking-filter-mob__wrapper .tb--input:focus {
    border-color: var(--brand-color-1)
}

#modal-root .react-select__control:focus .digi_icon-arrow_down,#modal-root .react-select__control:focus+i,#modal-root .tb--bonus-type-select .rmsc:focus .digi_icon-arrow_down,#modal-root .tb--bonus-type-select .rmsc:focus+i,#modal-root .tb--input-white:focus .digi_icon-arrow_down,#modal-root .tb--input-white:focus+i,#modal-root .tb--input:focus .digi_icon-arrow_down,#modal-root .tb--input:focus+i,.popup-to-page .react-select__control:focus .digi_icon-arrow_down,.popup-to-page .react-select__control:focus+i,.popup-to-page .tb--bonus-type-select .rmsc:focus .digi_icon-arrow_down,.popup-to-page .tb--bonus-type-select .rmsc:focus+i,.popup-to-page .tb--input-white:focus .digi_icon-arrow_down,.popup-to-page .tb--input-white:focus+i,.popup-to-page .tb--input:focus .digi_icon-arrow_down,.popup-to-page .tb--input:focus+i,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control:focus .digi_icon-arrow_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control:focus+i,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc:focus .digi_icon-arrow_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--bonus-type-select .rmsc:focus+i,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white:focus .digi_icon-arrow_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white:focus+i,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input:focus .digi_icon-arrow_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input:focus+i,.tb--status-tracking-filter-mob__wrapper .react-select__control:focus .digi_icon-arrow_down,.tb--status-tracking-filter-mob__wrapper .react-select__control:focus+i,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc:focus .digi_icon-arrow_down,.tb--status-tracking-filter-mob__wrapper .tb--bonus-type-select .rmsc:focus+i,.tb--status-tracking-filter-mob__wrapper .tb--input-white:focus .digi_icon-arrow_down,.tb--status-tracking-filter-mob__wrapper .tb--input-white:focus+i,.tb--status-tracking-filter-mob__wrapper .tb--input:focus .digi_icon-arrow_down,.tb--status-tracking-filter-mob__wrapper .tb--input:focus+i {
    color: var(--brand-color-1)!important
}

#modal-root .react-select__control.react-select__control--is-disabled,#modal-root .react-select__control.react-select__control--is-disabled .digi_icon-arrow_drop_down,#modal-root .tb--datepicker-group__disabled,#modal-root .tb--datepicker-group__disabled .digi_icon-arrow_drop_down,#modal-root .tb--input-group__disabled,#modal-root .tb--input-group__disabled .digi_icon-arrow_drop_down,.popup-to-page .react-select__control.react-select__control--is-disabled,.popup-to-page .react-select__control.react-select__control--is-disabled .digi_icon-arrow_drop_down,.popup-to-page .tb--datepicker-group__disabled,.popup-to-page .tb--datepicker-group__disabled .digi_icon-arrow_drop_down,.popup-to-page .tb--input-group__disabled,.popup-to-page .tb--input-group__disabled .digi_icon-arrow_drop_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control.react-select__control--is-disabled,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control.react-select__control--is-disabled .digi_icon-arrow_drop_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--datepicker-group__disabled,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--datepicker-group__disabled .digi_icon-arrow_drop_down,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-group__disabled,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-group__disabled .digi_icon-arrow_drop_down,.tb--status-tracking-filter-mob__wrapper .react-select__control.react-select__control--is-disabled,.tb--status-tracking-filter-mob__wrapper .react-select__control.react-select__control--is-disabled .digi_icon-arrow_drop_down,.tb--status-tracking-filter-mob__wrapper .tb--datepicker-group__disabled,.tb--status-tracking-filter-mob__wrapper .tb--datepicker-group__disabled .digi_icon-arrow_drop_down,.tb--status-tracking-filter-mob__wrapper .tb--input-group__disabled,.tb--status-tracking-filter-mob__wrapper .tb--input-group__disabled .digi_icon-arrow_drop_down {
    opacity: 50%
}

#modal-root .tb--documents-cont .react-select__value-container,.popup-to-page .tb--documents-cont .react-select__value-container,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--documents-cont .react-select__value-container,.tb--status-tracking-filter-mob__wrapper .tb--documents-cont .react-select__value-container {
    border-color: #0000
}

#modal-root .tb--preloader-container:before,.popup-to-page .tb--preloader-container:before,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--preloader-container:before,.tb--status-tracking-filter-mob__wrapper .tb--preloader-container:before {
    background-color: initial
}

#modal-root .tb--documents-policy h4,.popup-to-page .tb--documents-policy h4,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--documents-policy h4,.tb--status-tracking-filter-mob__wrapper .tb--documents-policy h4 {
    color: var(--modal-text-color-1)
}

#modal-root .tb--pagination,.popup-to-page .tb--pagination,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination,.tb--status-tracking-filter-mob__wrapper .tb--pagination {
    color: var(--modal-text-color-2)
}

#modal-root .tb--pagination p,.popup-to-page .tb--pagination p,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination p,.tb--status-tracking-filter-mob__wrapper .tb--pagination p {
    color: inherit;
    opacity: 60%
}

#modal-root .tb--pagination li a,.popup-to-page .tb--pagination li a,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination li a,.tb--status-tracking-filter-mob__wrapper .tb--pagination li a {
    border: 1px solid rgb(from var(--modal-text-color-2) r g b/.4);
    color: rgb(from var(--modal-text-color-2) r g b/.8)
}

#modal-root .tb--pagination li.disabled,.popup-to-page .tb--pagination li.disabled,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination li.disabled,.tb--status-tracking-filter-mob__wrapper .tb--pagination li.disabled {
    opacity: 50%
}

#modal-root .tb--pagination li:not(.disabled) a.active,#modal-root .tb--pagination li:not(.disabled) a:hover,.popup-to-page .tb--pagination li:not(.disabled) a.active,.popup-to-page .tb--pagination li:not(.disabled) a:hover,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination li:not(.disabled) a.active,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--pagination li:not(.disabled) a:hover,.tb--status-tracking-filter-mob__wrapper .tb--pagination li:not(.disabled) a.active,.tb--status-tracking-filter-mob__wrapper .tb--pagination li:not(.disabled) a:hover {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    border: 1px solid var(--brand-color-1);
    color: var(--brand-color-text)
}

#modal-root .tb--error-popup-mob,.popup-to-page .tb--error-popup-mob,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--error-popup-mob,.tb--status-tracking-filter-mob__wrapper .tb--error-popup-mob {
    background-color: var(--modal-bg-color-2)
}

#modal-root .rdtMonths,.popup-to-page .rdtMonths,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .rdtMonths,.tb--status-tracking-filter-mob__wrapper .rdtMonths {
    background-color: var(--modal-bg-color-1)
}

#modal-root .react-select__menu,.popup-to-page .react-select__menu,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu,.tb--status-tracking-filter-mob__wrapper .react-select__menu {
    background-color: var(--modal-bg-color-2)
}

#modal-root .react-select__menu .react-select__option,.popup-to-page .react-select__menu .react-select__option,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option,.tb--status-tracking-filter-mob__wrapper .react-select__menu .react-select__option {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

#modal-root .react-select__menu .react-select__option.react-select__option--is-selected,#modal-root .react-select__menu .react-select__option:hover,.popup-to-page .react-select__menu .react-select__option.react-select__option--is-selected,.popup-to-page .react-select__menu .react-select__option:hover,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option.react-select__option--is-selected,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option:hover,.tb--status-tracking-filter-mob__wrapper .react-select__menu .react-select__option.react-select__option--is-selected,.tb--status-tracking-filter-mob__wrapper .react-select__menu .react-select__option:hover {
    background-color: var(--modal-bg-color-1)
}

#modal-root .react-select__placeholder,#modal-root .react-select__single-value,#modal-root .tb--radio-group i,#modal-root .tb--radio-group span,.popup-to-page .react-select__placeholder,.popup-to-page .react-select__single-value,.popup-to-page .tb--radio-group i,.popup-to-page .tb--radio-group span,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__single-value,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--radio-group i,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--radio-group span,.tb--status-tracking-filter-mob__wrapper .react-select__placeholder,.tb--status-tracking-filter-mob__wrapper .react-select__single-value,.tb--status-tracking-filter-mob__wrapper .tb--radio-group i,.tb--status-tracking-filter-mob__wrapper .tb--radio-group span {
    color: var(--modal-text-color-2)
}

#modal-root .tb--radio-group label:after,.popup-to-page .tb--radio-group label:after,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--radio-group label:after,.tb--status-tracking-filter-mob__wrapper .tb--radio-group label:after {
    border-color: var(--modal-text-color-2)
}

#modal-root .tb--radio-group label:before,.popup-to-page .tb--radio-group label:before,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--radio-group label:before,.tb--status-tracking-filter-mob__wrapper .tb--radio-group label:before {
    background-color: var(--modal-text-color-2)
}

#modal-root .tb--error-cont .react-select__control,#modal-root .tb--error-cont .react-select__control:hover,#modal-root input.tb--error-border,#modal-root textarea.tb--error-border,.popup-to-page .tb--error-cont .react-select__control,.popup-to-page .tb--error-cont .react-select__control:hover,.popup-to-page input.tb--error-border,.popup-to-page textarea.tb--error-border,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--error-cont .react-select__control,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--error-cont .react-select__control:hover,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile input.tb--error-border,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile textarea.tb--error-border,.tb--status-tracking-filter-mob__wrapper .tb--error-cont .react-select__control,.tb--status-tracking-filter-mob__wrapper .tb--error-cont .react-select__control:hover,.tb--status-tracking-filter-mob__wrapper input.tb--error-border,.tb--status-tracking-filter-mob__wrapper textarea.tb--error-border {
    border: 1px solid var(--error-color)!important
}

.tb--body-panel,.tb--modal-body {
    background-color: #192837;
}

html.ovfh body {
    overflow: hidden
}

@media screen and (max-width: 1023.9px) {
    html.ovfh body {
        height:0
    }

    html.ovfh body,html.ovfh-secondary body {
        background-color: var(--modal-bg-color-2)
    }
}

@media only screen and (max-width: 1023.9px) {
    .tb--modal-lvl3 {
        background-color:#192837;
    }
}

.tb--security {
    background-color: var(--modal-bg-color-2)
}

.tb--security .image-column:before {
    background-color: initial
}

.tb--security .tb--security-column .tb--security-desc {
    color: var(--modal-text-color-1)
}

.tb--security .react-code-input input {
    background-color: initial;
    border-color: var(--brand-color-1)!important
}

.tb--security .react-code-input input:focus {
    outline: none
}

.tb--description-auth {
    color: var(--modal-text-color-2)
}

.tb--or span {
    background: var(--modal-text-color-2)
}

.tb--two-factor-login-auth .tb--description-auth {
    color: var(--modal-text-color-3)
}

.tb--two-factor-login-auth .tb--google-auth_cont-auth {
    background-color: var(--modal-bg-color-1)
}

.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_title {
    color: var(--modal-text-color-1)
}

.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_desc {
    color: var(--modal-text-color-3)
}

.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_icon {
    background-color: var(--modal-bg-color-2)
}

.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_icon i {
    color: var(--brand-color-1)
}

.tb--google-auth_cont,.tb--google-auth_cont-auth {
    background-color: var(--modal-bg-color-1)
}

.tb--google-auth_title {
    color: var(--modal-text-color-1)
}

.tb--google-auth_desc {
    color: var(--modal-text-color-2)
}

.tb--description,.tb--security .react-code-input input {
    color: var(--modal-text-color-3)
}

.digi_icon-copied span,.tb--copied {
    background: #fff;
    color: #212121
}

.tb--subhead-trans {
    border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1)
}

#modal-root .payment-table-container,.tb--payments-page .payment-table-container {
    background: var(--modal-bg-color-2)
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container,.tb--payments-page .payment-table-container {
        background:none
    }
}

#modal-root .payment-table-container .tb--pay-item-cont,.tb--payments-page .payment-table-container .tb--pay-item-cont {
    background: rgb(from var(--modal-bg-color-1) r g b/.6)
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .tb--pay-item-cont,.tb--payments-page .payment-table-container .tb--pay-item-cont {
        background:var(--modal-bg-color-2)
    }
}

#modal-root .payment-table-container .tb--pay-item-cont:not(.open) .tb--payment-item:hover,.tb--payments-page .payment-table-container .tb--pay-item-cont:not(.open) .tb--payment-item:hover {
    background-color: var(--modal-bg-color-3)
}

#modal-root .payment-table-container .tb--payment-item .tb--pay-currency-input .tb--pay-currency,.tb--payments-page .payment-table-container .tb--payment-item .tb--pay-currency-input .tb--pay-currency {
    opacity: .6
}

#modal-root .payment-table-container .tb--payment-item .react-select__control,#modal-root .payment-table-container .tb--payment-item .tb--input-white,.tb--payments-page .payment-table-container .tb--payment-item .react-select__control,.tb--payments-page .payment-table-container .tb--payment-item .tb--input-white {
    background: var(--modal-bg-color-3)
}

#modal-root .payment-table-container .tb--payment-item .tb--inner-item-out,.tb--payments-page .payment-table-container .tb--payment-item .tb--inner-item-out {
    color: var(--modal-text-color-1)
}

#modal-root .payment-table-container .tb--payment-item .tb--inner-item-out .payment-logo,.tb--payments-page .payment-table-container .tb--payment-item .tb--inner-item-out .payment-logo {
    background: var(--modal-bg-color-1)
}

#modal-root .payment-table-container .tb--subhead,.tb--payments-page .payment-table-container .tb--subhead {
    background-color: var(--modal-bg-color-1);
    color: var(--modal-text-color-1)
}

#modal-root .payment-table-container .subhead-limits:empty,.tb--payments-page .payment-table-container .subhead-limits:empty {
    display: none
}

@media screen and (max-width: 768px) {
    #modal-root .payment-table-container .subhead-limits,.tb--payments-page .payment-table-container .subhead-limits {
        border-radius:12px;
        margin: 0;
        padding: 16px
    }
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container .subhead-limits,.tb--payments-page .payment-table-container .subhead-limits {
        background-color:var(--modal-bg-color-2)
    }

    #modal-root .payment-table-container .subhead-limits p,.tb--payments-page .payment-table-container .subhead-limits p {
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    #modal-root .payment-table-container .subhead-limits,.tb--payments-page .payment-table-container .subhead-limits {
        gap:16px;
        margin-bottom: 0!important;
        padding: 16px;
        width: -webkit-max-content;
        width: max-content
    }

    #modal-root .payment-table-container .subhead-limits p,.tb--payments-page .payment-table-container .subhead-limits p {
        margin: 0;
        padding: 0
    }

    #modal-root .payment-table-container .subhead-limits,.tb--payments-page .payment-table-container .subhead-limits {
        width: auto
    }
}

#modal-root .tb--subhead-payment,.tb--payments-page,.tb--payments-page .tb--subhead-payment {
    background-color: var(--modal-bg-color-1)
}

.tb--payments-page .payment-table-container .subhead-limits {
    margin-top: 0!important
}

.tb--payment_categories {
    color: var(--modal-text-color-2)
}

.tb--payment_categories.tb--submenu-trans {
    border-color: var(--modal-bg-color-1)
}

.tb--subhead-payment {
    background-color: var(--modal-bg-color-4)
}

.tb--payment-body .tb--paym-img,.tb--payment-body .tb--paym-img .tb--akcent-clr1 {
    color: var(--modal-text-color-3)
}

.tb--pay-title {
    background-color: var(--modal-bg-color-1)
}

@media screen and (max-width: 1023.9px) {
    .tb--pay-title {
        background-color:initial
    }

    .tb--mob-menu-item {
        background-color: #2c2d3a;
        border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
        color: rgb(from var(--modal-text-color-2) r g b/.6)
    }

    .tb--mob-menu-item.active {
        background-color: #3b3d4f;
        box-shadow: inset 0 -1px 0 0 #fb0b0b;
        color: #ffffff;
    }
}

.tb--mobile-payment-details.tb--mobile-payment-details-active {
    background-color: var(--modal-bg-color-1)
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .digi_icon-arrow_right,.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--modal-header-txt {
    color: var(--modal-text-color-2)
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--bonus-det-mob-cont {
    background-color: var(--modal-bg-color-2);
    margin: 0px;
}

.tb--mobile-payment-details.tb--mobile-payment-details-active .tb--pay-inner-field input {
    background-color: var(--modal-bg-color-3);
    border-color: #0000!important;
    color: var(--modal-text-color-2)
}

#modal-root .tb--mobile-payment-details.tb--mobile-payment-details-active .react-select__control,#modal-root .tb--mobile-payment-details.tb--mobile-payment-details-active .search-box,#modal-root .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--input,#modal-root .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--input-white,.tb--payments-page .tb--mobile-payment-details.tb--mobile-payment-details-active .react-select__control,.tb--payments-page .tb--mobile-payment-details.tb--mobile-payment-details-active .search-box,.tb--payments-page .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--input,.tb--payments-page .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--input-white {
    background-color: var(--modal-bg-color-1);
    color: var(--modal-text-color-1)
}

#modal-root .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--btn-ternary,.tb--payments-page .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--btn-ternary {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

#modal-root .tb--paym-limits span:first-child,.tb--payments-page .tb--paym-limits span:first-child {
    color: var(--modal-text-color-3)
}

#modal-root .tb--paym-limits span:last-child,.tb--payments-page .tb--paym-limits span:last-child {
    color: var(--modal-text-color-1)
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--paym-limits,.tb--payments-page .tb--paym-limits {
        width:100%
    }
}

.tb--mobile-bonus-details.tb--mobile-bonus-details-active,.tb--mobile-payment-details.tb--mobile-payment-details-active {
    background-color: var(--modal-bg-color-1)
}

@media screen and (max-width: 1023.9px) {
    .one-level-filter {
        background-color:var(--modal-bg-color-3)
    }
}

.two-level-table_container {
    background-color: var(--modal-bg-color-2)
}

@media screen and (max-width: 1023.9px) {
    .two-level-table_container {
        background:none
    }
}

.tb--empty-cont {
    color: var(--modal-text-color-2);
    opacity: .9
}

.tb--empty-cont .tb--nodata-icon {
    color: var(--modal-text-color-2);
    opacity: .5
}

.tb--check-email {
    background: #089d00;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .tb--bonuses-form {
        background-color:var(--modal-bg-color-3)
    }
}

.tb--home-game-heading {
    background-color: var(--modal-bg-color-3);
    color: var(--modal-text-color-1)
}

.tb--home-game-heading.tb--bn-casino-table {
    background-color: var(--modal-bg-color-1)
}

.tb--list-row-cont .tb--list-row {
    background: rgb(from var(--modal-bg-color-1) r g b/.6);
    color: var(--modal-text-color-3)
}

.tb--list-row-cont .tb--list-row.tb--bonus-info-cont-item,.tb--list-row-cont .tb--list-row.tb--game_history_list_row,.tb--list-row-cont .tb--list-row.tb--trans_history_list_row {
    background: var(--modal-bg-color-2)
}

.tb--list-row-cont .tb--list-row:not(.tb--opened_row):not(.tb--trans_history_list_row):hover {
    background-color: var(--modal-bg-color-3)
}

.tb--list-row-cont .tb--list-row.tb--bonus-info-cont-item:hover {
    cursor: default
}

.cashier-form-wrapper,.prizes-form-wrapper {
    background-color: #192837;
}

.cashier-form-wrapper .tb--home-game-heading,.prizes-form-wrapper .tb--home-game-heading {
    background-color:#363747;
}

@media screen and (max-width: 1024px) {
    .cashier-form-wrapper,.prizes-form-wrapper {
        background-color:initial
    }
}

.cashier-form-wrapper .tb--list-row-cont-mob,.cashier-form-wrapper .tb--list-row-cont-mob .tb--list-row-mob,.prizes-form-wrapper .tb--list-row-cont-mob,.prizes-form-wrapper .tb--list-row-cont-mob .tb--list-row-mob,.tb--transaction-form-mobile .tb--list-row-cont-mob,.tb--transaction-form-mobile .tb--list-row-cont-mob .tb--list-row-mob,.two-level-table_container .tb--list-row-cont-mob,.two-level-table_container .tb--list-row-cont-mob .tb--list-row-mob {
    background-color: var(--modal-bg-color-3)
}

.cashier-form-wrapper .tb--list-row-cont-mob,.cashier-form-wrapper .tb--list-row-cont-mob .tb--list-row-mob,.prizes-form-wrapper .tb--list-row-cont-mob,.prizes-form-wrapper .tb--list-row-cont-mob .tb--list-row-mob,.tb--transaction-form-mobile .tb--list-row-cont-mob,.tb--transaction-form-mobile .tb--list-row-cont-mob .tb--list-row-mob,.two-level-table_container .tb--list-row-cont-mob,.two-level-table_container .tb--list-row-cont-mob .tb--list-row-mob {
    color: var(--modal-text-color-1)
}

.tb--bonus-info-cont .tb--list-row {
    position: relative
}

.tb--bonus-info-cont .tb--list-row:not(:last-child):after {
    background-color: var(--modal-text-color-1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 24px;
    opacity: 10%;
    position: absolute;
    right: 24px
}

.tb--details {
    color: var(--brand-color-1)
}

.tb--bonus-game-name {
    color: var(--modal-text-color-1)
}

.tb--list-row-header-mob {
    background-color: var(--modal-bg-color-1)
}

.tb--promo-codes {
    background-color: var(--modal-bg-color-2)
}

.tb--promo-codes .image-column:before {
    background-color: initial
}

.tb--promo-codes .tb--promo-column .tb--promo-desc,.tb--recent-header {
    color: var(--modal-text-color-1)
}

@media screen and (min-width: 1024px) and (max-width:2400px) {
    .tb--bonuses-form_scroll .tb--table-container::-webkit-scrollbar-thumb {
        background:var(--modal-bg-color-1)
    }

    .tb--bonuses-form_scroll .tb--home-game-heading .tb--fixed-col:after {
        background-color: var(--modal-bg-color-1)!important
    }

    .tb--bonuses-form_scroll .tb--fixed-left:before,.tb--bonuses-form_scroll .tb--fixed-right:before {
        background-color: var(--modal-bg-color-1)
    }
}

@media screen and (min-width: 1024px) {
    .tb--bonuses-form_scroll .tb--home-game-heading .tb--fixed-col:after {
        background-color:var(--modal-bg-color-1)!important
    }

    .tb--bonuses-form_scroll .tb--fixed-left:before,.tb--bonuses-form_scroll .tb--fixed-right:before {
        background-color: var(--modal-bg-color-1)
    }
}

.tb--bonus-history-form .react-select__value-container--is-multi,.tb--bonuses-form_scroll .react-select__value-container--is-multi,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__value-container--is-multi {
    color: var(--modal-text-color-2)
}

.tb--gray-text {
    color: var(--modal-text-color-3)
}

.tb--mess-item-txt {
    color: var(--modal-text-color-2)
}

.tb--mess-left-cont .tb--mess-user-left,.tb--mess-right-cont .tb--mess-user-right {
    background-color: var(--modal-bg-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-left-cont .tb--mess-user-left,.tb--mess-right-cont .tb--mess-user-right {
        background-color:var(--modal-bg-color-1)
    }
}

.tb--mess-right-cont .tb--mess-item {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-1)
}

.tb--mess-right-cont .tb--mess-item.active,.tb--mess-right-cont .tb--mess-item:hover {
    background-color: rgb(from var(--modal-bg-color-1) r g b/.6)
}

.tb--mess-right-cont .tb--mess-item:after {
    background-color: var(--modal-bg-color-1)
}

.tb--mess-area,.tb--mess-left-head,.tb--mess-top {
    background-color: var(--modal-bg-color-3);
    color: var(--modal-text-color-1)
}

.tb--mess-area .subject-text,.tb--mess-left-head .subject-text,.tb--mess-top .subject-text {
    color: var(--modal-text-color-2)
}

.tb--mess-container::-webkit-scrollbar-thumb,.tb--mess-items::-webkit-scrollbar-thumb,.tb--mess-type-area::-webkit-scrollbar-thumb {
    background-color: rgb(from var(--modal-text-color-2) r g b/.3)!important
}

.tb--message-inbox_txt+span {
    opacity: 60%
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-top {
        background-color:var(--modal-bg-color-1);
        border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
       
    }
}

.tb--mess-allmsg {
    background-color: rgb(from var(--modal-bg-color-1) r g b/.6)
}

.tb--mess-allmsg.tb--opened-mess {
    background-color: var(--modal-bg-color-3);
    color: var(--modal-text-color-3)
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-allmsg.tb--opened-mess {
        background-color:rgb(from var(--modal-bg-color-2) r g b/.6)
    }
}

.tb--mess-allmsg.tb--mess-income {
    background-color: var(--modal-bg-color-1)
}

.tb--mess-allmsg.tb--mess-income div:not(.tb--mess-allmsg-head) {
    color: var(--modal-text-color-3)
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-allmsg.tb--mess-income {
        background-color:var(--modal-bg-color-3)
    }
}

.tb--new-mess-container.tb--new-mess-container,.tb--new-mess-container.tb--new-mess-container textarea {
    background-color: initial
}

.tb--new-mess-container.tb--new-mess-container textarea {
    border: 1px solid rgb(from var(--modal-text-color-1) r g b/.1)
}

.tb--mess-container .tb--mess-content textarea {
    background-color: var(--modal-bg-color-1);
    border: 1px solid #0000
}

.tb--mess-container .tb--mess-content .tb--mess-subject {
    color: var(--modal-text-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-container .tb--mess-content .tb--mess-content_inner {
        border-bottom:1px solid rgb(from var(--modal-text-color-1) r g b/.1)
    }
}

.tb--mess-container textarea {
    color: var(--modal-text-color-2)
}

@media screen and (min-width: 1024px) {
    .tb--empty-mess-cont {
        background-color:var(--modal-bg-color-2)
    }
}

.tb--empty-mess-cont .tb--mess-empty {
    color: var(--modal-text-color-2)
}

.tb--mess-area:after {
    background-color: rgb(from var(--modal-text-color-1) r g b/.1)
}

.tb--mess-type-area {
    background-color: var(--modal-bg-color-1);
    border: 0;
    color: var(--modal-text-color-2)
}

.tb--mess-type-area::placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

.tb--mess-type-area:-ms-input-placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

.tb--mess-type-area::-ms-input-placeholder {
    color: var(--modal-text-color-2);
    opacity: 50%
}

.tb--mess-head_mobile {
    background-color: var(--modal-bg-color-1);
    border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
    color: var(--modal-text-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--messaging-cont .tb--error-popup-mob .tb--error-clr,.tb--messaging-cont .tb--error-popup-mob span:last-child {
        color:var(--modal-text-color-1)
    }

    .tb--messaging-cont .tb--error-popup-mob div:last-child {
        margin: auto
    }

    .tb--messaging-cont .tb--error-popup-mob div:last-child .tb--btn {
        display: inline-block;
        width: inherit
    }
}

.tb--gambling-content {
    background-color: var(--modal-bg-color-2)
}

.tb--gambling-content .react-select__menu .react-select__option,.tb--gambling-content .react-select__single-value,.tb--modal-lvl1 .tb--modal-close .digi_icon-close,.tb--modal-lvl1 .tb--modal-header .digi_icon-close,.tb--modal-lvl1 .tb--modal-header .tb--modal-header-txt {
    color: var(--modal-text-color-2)
}

.tb--modal-popup .tb--modal__text {
    color: var(--modal-text-color-1)
}

.tb--modal-popup .tb--modal__second-text {
    color: var(--modal-text-color-2)
}

.tb--modal-popup .tb--modal__terms {
    color: var(--modal-text-color-3)
}

.tb--modal-popup .tb--modal-header-txt {
    color: var(--modal-text-color-2)
}

.tb--modal-popup .tb-form-control .tb-limit-type {
    background-color: var(--modal-bg-color-1);
    border: 1px solid #0000;
    color: var(--modal-text-color-1);
    opacity: 50%
}

.tb--modal-popup .tb--time-out_info {
    color: var(--modal-text-color-3)
}

.tb--modal-popup .tb--time-out_attention {
    color: var(--modal-text-color-2)
}

.tb--modal-popup .tb--modal__confirm-text {
    color: var(--modal-text-color-3)
}

.tb--modal-popup .tb--radios {
    background-color: var(--modal-bg-color-1)
}

.tb--modal-popup .tb--radios .tb--radio-text,.tb--modal-popup .tb--radios i {
    color: var(--modal-text-color-1);
    opacity: 60%
}

.tb--modal-popup .tb--radios label.tb--selected-label .tb--radio-text,.tb--modal-popup .tb--radios label.tb--selected-label i {
    color: var(--brand-color-1);
    opacity: 1
}

.tb--modal-popup .tb--send-code-button:disabled {
    opacity: .5
}

.tb--modal-popup.tb--request-popup {
    background-color: var(--modal-bg-color-1)
}

.tb--pref-container {
    background: var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

.tb--pref-container .tb--pref-desc_title {
    color: var(--modal-text-color-1)
}

.tb--pref-container .tb--pref-box_cont {
    background-color: var(--modal-bg-color-1)
}

.tb--gambling-content .tb--gambling-info p {
    color: var(--modal-text-color-3)
}

.tb--day_select .digi_icon-arrow_drop_down,.tb--day_select:before,.tb--month_select .digi_icon-arrow_drop_down,.tb--month_select:before,.tb--year_select .digi_icon-arrow_drop_down,.tb--year_select:before {
    background-color: var(--modal-bg-color-1)
}

.react-select__control .react-select__input input {
    color: var(--modal-text-color-2)!important
}

.account-menu-details .custom-select .tb--custom-sel.digi_icon-arrow_drop_down,.tb--log_reg_form .custom-select .tb--custom-sel.digi_icon-arrow_drop_down {
    background-color: var(--modal-bg-color-1);
    border-radius: 50%
}

#modal-root .rdtMonths,.popup-to-page .rdtMonths,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .rdtMonths {
    background-color: var(--modal-bg-color-1)
}

#modal-root .react-select__menu,.popup-to-page .react-select__menu,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu {
    background-color: var(--modal-bg-color-2)
}

#modal-root .react-select__menu .react-select__option,.popup-to-page .react-select__menu .react-select__option,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

#modal-root .react-select__menu .react-select__option.react-select__option--is-selected,#modal-root .react-select__menu .react-select__option:hover,.popup-to-page .react-select__menu .react-select__option.react-select__option--is-selected,.popup-to-page .react-select__menu .react-select__option:hover,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option.react-select__option--is-selected,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__menu .react-select__option:hover {
    background-color: var(--modal-bg-color-1)
}

#modal-root .tb--captcha-img_cont,.popup-to-page .tb--captcha-img_cont,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--captcha-img_cont {
    border: 1px solid #0000
}

#modal-root .tb--chb-lbl .tb--chb-text,.popup-to-page .tb--chb-lbl .tb--chb-text,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--chb-lbl .tb--chb-text {
    color: var(--modal-text-color-2)
}

#modal-root .tb--chb-lbl .tb--chb-text a,.popup-to-page .tb--chb-lbl .tb--chb-text a,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--chb-lbl .tb--chb-text a {
    color: var(--brand-color-1);
    text-decoration: underline
}

#modal-root .react-select__placeholder,#modal-root .react-select__single-value,.popup-to-page .react-select__placeholder,.popup-to-page .react-select__single-value,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__single-value {
    color: var(--modal-text-color-2)!important
}

#modal-root .tb--error-cont .react-select__control,#modal-root .tb--error-cont .react-select__control:hover,#modal-root input.tb--error-border,.popup-to-page .tb--error-cont .react-select__control,.popup-to-page .tb--error-cont .react-select__control:hover,.popup-to-page input.tb--error-border,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--error-cont .react-select__control,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--error-cont .react-select__control:hover,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile input.tb--error-border {
    border: 1px solid var(--error-color)!important
}

.rdtPicker {
    background-color: var(--modal-bg-color-1);
    border: 1px solid var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

.rdtPicker th {
    border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1)
}

.rdtPicker thead tr:first-child th {
    color: var(--modal-text-color-1)
}

.rdtPicker thead tr:first-child th:hover {
    background: var(--modal-bg-color-2)
}

.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover {
    color: var(--modal-text-color-3)
}

.rdtPicker .rdtDay:hover,.rdtPicker .rdtHour:hover,.rdtPicker .rdtMinute:hover,.rdtPicker .rdtSecond:hover,.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtMonth:hover,.rdtPicker td.rdtYear:hover {
    background: var(--modal-bg-color-3)
}

.rdtPicker .rdtPicker .rdtNew,.rdtPicker .rdtPicker td.rdtOld {
    color: var(--modal-text-color-3)
}

.digi_icon-checkbox {
    color: #fb0b0bb8;
    font-size: 20px;
}


.digi_icon-checkbox_selected {
    color: #fb0b0bb8;
    font-size: 20px;
}


.tb--error-cont .digi_icon-checkbox {
    color: var(--error-color)
}

.digi_icon-not-verify {
    color: #ffa800
}

.tb--confirm-popup,.tb--error-popup,.tb--modal-error,.tb--success-popup {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

.tb--confirm-popup .ms-del-title,.tb--error-popup .ms-del-title,.tb--modal-error .ms-del-title,.tb--success-popup .ms-del-title {
    color: var(--modal-text-color-1);
    font-weight: 700
}

.tb--confirm-popup .ms-del-text,.tb--error-popup .ms-del-text,.tb--modal-error .ms-del-text,.tb--success-popup .ms-del-text {
    color: var(--modal-text-color-2)
}

.tb--ducoments-content {
    background-color: var(--modal-bg-color-2)
}

@media screen and (min-width: 1024px) {
    .tb--ducoments-content {
        border-radius:12px;
        flex: 1 1;
        padding: 24px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--ducoments-content {
        border-radius:16px;
        flex-grow: 1;
        margin: 16px
    }
}

.tb--documents-policy p {
    color: var(--modal-text-color-3)
}

.tb--documents-upload .tb--accordion>div {
    background-color: var(--modal-bg-color-3)
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion>div {
        background-color:var(--modal-bg-color-2)
    }

    .tb--documents-upload .tb--accordion .tb--accordion-header {
        background-color: var(--modal-bg-color-1)
    }
}

.tb--documents-upload .tb--accordion .tb--accordion-sub>div {
    background-color: var(--modal-bg-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .tb--accordion-sub>div {
        background-color:var(--modal-bg-color-1)
    }
}

.tb--documents-upload .tb--accordion .tb--accordion-sub .tb--accordion-header {
    color: var(--modal-text-color-1)
}

@media screen and (max-width: 1023.9px) {
    .tb--documents-upload .tb--accordion .open {
        background-color:var(--modal-bg-color-2)
    }
}

.tb--documents-upload .tb--no-status {
    color: var(--modal-text-color-2)
}

@media screen and (min-width: 1024px) {
    .tb--documents-upload .tb--upload-img-block {
        background-color:var(--modal-bg-color-1)
    }
}

.tb--documents-upload .tb--upload-img-block .tb--upload-img_text {
    color: var(--modal-text-color-3)
}

.tb--documents-upload .tb--upload-img-block .delete-image {
    background-color: #fff;
    border: 1px solid #333
}

.tb--documents-upload .tb--upload-img-block .delete-image i {
    color: #333
}

.tb--documents-upload .tb--upload-img-block .preview-item {
    background-color: var(--modal-bg-color-2)
}

.tb--icon-bg {
    background-color: var(--modal-bg-color-1)
}

.tb--icon-bg svg path {
    fill: var(--modal-text-color-1)
}

.tb--success-txt,.tb--success-txt-white {
    color: var(--modal-text-color-1)
}

#modal-root .tb--log_reg_form .tb--modal-header,.popup-to-page .tb--log_reg_form .tb--modal-header {
    color: var(--modal-text-color-2)
}

#modal-root .tb--log_reg_form .tb--modal-header:before,.popup-to-page .tb--log_reg_form .tb--modal-header:before {
    background-color: var(--modal-text-color-1)
}

#modal-root .tb--log_reg_form .tb--modal-header *,.popup-to-page .tb--log_reg_form .tb--modal-header * {
    color: inherit
}

.cashier-form-wrapper .tb--success-popup p:nth-child(2),.tb--payment-item .tb--error-popup p:nth-child(2),.tb--payment-item .tb--success-popup p:nth-child(2) {
    color: var(--modal-text-color-1)
}

#modal-root .tb--datetime-pick .tb--timepicker .digi_icon-history,.popup-to-page .tb--datetime-pick .tb--timepicker .digi_icon-history {
    color: var(--modal-text-color-3)
}

#modal-root .tb--datetime-pick .tb--timepicker .react-select__single-value,.popup-to-page .tb--datetime-pick .tb--timepicker .react-select__single-value {
    color: var(--modal-text-color-2)!important
}

#modal-root .tb--datetime-pick .tb--timepicker.tb--disabled,.popup-to-page .tb--datetime-pick .tb--timepicker.tb--disabled {
    opacity: 50%
}

#modal-root .react-select__control,#modal-root .react-select__control .react-select__input input,#modal-root .react-select__single-value,#modal-root .tb--input-white:not(:disabled),#modal-root .tb--input:not(:disabled),.tb--action-buton_text,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__control .react-select__input input,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__single-value,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input-white:not(:disabled),.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--input:not(:disabled) {
    color: var(--modal-text-color-2)
}

#modal-root .react-select__placeholder,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .react-select__placeholder {
    opacity: .5
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-payment-details.tb--mobile-payment-details-active .tb--payment-methods-list:not(:empty) .tb--pay-method-item .payment-logo {
        background:var(--modal-bg-color-2)!important
    }
}

.tb--main-header {
    font-weight: 600;
    min-height: 48px
}

.tb--main-header .tb--header-items {
    min-height: 48px
}

.tb--main-header .tb--header-item {
    cursor: pointer
}

.tb--main-header .tb--header-item.active {
    position: relative
}

.tb--main-header .tb--header-item.active:before {
    opacity: 1;
    width: 100%
}

.tb--main-header_icon {
    font-size: 20px;
    margin-left: -4px;
    padding-right: 6px
}

.tb--subhead {
    min-height: 48px
}

@media screen and (min-width: 1024px) {
    .tb--subhead {
        margin:0 -6px;
        padding: 0 24px
    }
}

.tb--submenu .tb--submenu-item {
    cursor: pointer;
    margin-right: 16px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--submenu .tb--submenu-item {
        align-items:center;
        display: flex
    }
}

.tb--mob-menu-item {
    display: inline-block;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .tb--subhead-trans {
        align-items:stretch
    }
}

.tb--submenu-trans .tb--submenu-item-tans:before {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .4s ease;
    width: 0
}

.tb--submenu-trans .tb--submenu-item-tans.active {
    color:#ff2222;
    position: relative;
    transition: all .4s ease
}

.tb--submenu-trans .tb--submenu-item-tans.active:before {
    opacity: 1;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--submenu-trans .tb--submenu-item-tans {
        flex:1 1;
        margin: 0;
        padding: 14px;
        position: relative
    }

    .tb--submenu-trans .tb--submenu-item-tans:after {
        background-color: var(--modal-text-color-1);
        bottom: 0;
        content: "";
        height: 1px;
        left: 0;
        opacity: .1;
        position: absolute;
        width: 100%
    }

    .tb--submenu-trans .tb--submenu-item-tans.active {
        background-color: var(--modal-bg-color-1)
    }
}

.tb--subhead-clr {
    margin-top: 16px
}

.tb--subhead-clr .tb--submenu-item:last-child,.tb--subhead-clr .tb--submenu-item:nth-last-child(-n+2) {
    margin-right: 0
}

.tb--subhead-clr .tb--submenu-item-clr {
    text-align: center
}

.tb--header-sub-count,.tb--sub-count,.tb--sub-count-mob {
    border-radius: 32px;
    line-height: 10px;
    min-width: 10px;
    position: absolute;
    text-align: center
}

.tb--sub-count,.tb--sub-count-mob {
    background-color: var(--brand-color-1);
    color: var(--white-color);
    left: calc(100% - 8px)
}

.tb--header-sub-count,.tb--sub-count {
    font-size: 12px;
    padding: 4px 6px
}

.tb--sub-count {
    bottom: 20px
}

.tb--header-sub-count {
    bottom: 4px;
    color: var(--white-color);
    left: 94%
}

.tb--sub-count-mob {
    border: 1px solid var(--white-color);
    bottom: 4px;
    font-size: 10px;
    padding: 4px 6px
}

.tb--sub-title {
    font-weight: 700;
    letter-spacing: 1px
}

.tb--sub-title-small {
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width: 1023.9px) {
    .tb--sub-title-small {
        margin:0 -32px 24px;
        padding: 12px 32px
    }
}

@media screen and (min-width: 1024px) {
    .tb--popup-overlay {
        background-color:#1a1a1acc;
        filter: Alpha(Opacity=30);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--mob-popup-overlay {
        background-color:#1a1a1acc;
        filter: Alpha(Opacity=30);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000
    }

    .tb--mob-popup-overlay:not(.tb--mob-popup-overlay--full) {
        margin-top: 55px
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-wrapper {
        min-height:100vh;
        overflow: hidden;
        position: absolute
    }
}

.tb--modal-logo {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 18px;
    padding-top: 18px
}

.tb--modal-logo img {
    max-height: 40px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-logo {
        padding-bottom:16px;
        padding-top: 16px
    }
}

.tb--modal-sm {
    box-shadow: 0 0 1px #f2f2f2;
    margin: 0 auto;
    width: 360px
}

@media screen and (min-width: 1024px) {
    .tb--modal-sm {
        border-radius:7px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-sm {
        height:100%;
        width: 100%
    }

    .tb--modal-big {
        position: absolute
    }
}

.tb--body-panel {
    padding: 32px
}

@media screen and (min-width: 1024px) {
    .tb--body-panel {
        border-radius:0 0 16px 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--body-panel {
        margin:0 0px 0px;
        padding: 16px;
        border-radius: 15px 15px 15px 15px;
    }
}

.tb--body-panel.tb--pt-0 {
    padding-top: 0
}

.tb--modal-reg {
    margin: 0 auto;
    width: 360px
}

@media screen and (min-width: 1024px) {
    .tb--modal-reg {
        border-radius:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-reg {
        min-height:100%;
        width: 100%
    }

    .tb--modal-header {
        padding-left: 16px;
        position: fixed!important
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup.no-banner .tb--modal-header:before,.tb--oneclick-success-popup_reg.no-banner .tb--modal-header:before,.tb--registration-modal.no-banner .tb--modal-header:before {
        display:none
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.no-banner .tb--body-panel,.tb--modal-popup.no-banner .tb--modal-body,.tb--oneclick-success-popup_reg.no-banner .tb--body-panel,.tb--oneclick-success-popup_reg.no-banner .tb--modal-body,.tb--registration-modal.no-banner .tb--body-panel,.tb--registration-modal.no-banner .tb--modal-body {
        margin:16px
    }
}

.tb--modal-popup {
    margin: 0 auto;
    width: 360px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal,.tb--modal-popup.tb--request-popup,.tb--modal-popup.tb--two-factor-auth,.tb--modal-popup.tb--two-factor-login-auth,.tb--modal-popup.tb-password-modal {
        min-height:460px
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup {
        border-radius:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup {
        min-height:100%;
        width: 100%
    }

    .tb--modal-popup .tb--two-factor-auth .tb--body-panel {
        margin: 16px
    }
}

@media screen and (max-width: 375px) {
    .tb--modal-popup {
        overflow:auto
    }
}

.tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .tb--live-casino_navbar_wrapper .tb--filter-desktop .tb--live-casino_navbar {
    padding: 6px 8px 6px 16px
}

.tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .tb--live-casino_navbar_wrapper .tb--filter-desktop .tb--live-casino_navbar .tb--navbar_left.open li {
    margin-bottom: 16px
}

.tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .casino--container .tb--providers-block {
    padding: 14px 48px 14px 16px
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup.tb--request-popup .tb--modal-header:before {
        display:none
    }
}

.tb--modal-popup.tb--request-popup .request__attention {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    padding: 16px 12px
}

.tb--modal-popup.tb--request-popup .request__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    text-align: left
}

.tb--modal-popup.tb--request-popup .request__attention .tb--info-text span {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 4px
}

.tb--modal-popup.tb--request-popup .request__attention .tb--info-text p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tb--modal-popup.tb--bonus-request-popup {
    height: 681px;
    width: 460px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel {
    border-radius: 12px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head h2 {
    color: var(--modal-text-color-1);
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    text-transform: capitalize
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head .tb--icon-shape {
    background-color: var(--modal-bg-color-1);
    border-radius: 50%;
    height: 56px;
    margin-bottom: 8px;
    width: 56px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head .tb--icon-shape i {
    align-items: center;
    color: var(--brand-color-1);
    display: flex;
    height: 100%;
    justify-content: center
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head .tb--icon-shape i:before {
    font-size: 24px
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head .tb--icon-shape {
        height:56px;
        width: 56px
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-head .tb--icon-shape i:before {
        font-size: 24px
    }
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body {
    position: relative
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list {
    /*height: 400px;*/
    overflow: auto;
    padding-right: 4px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bottom-shadow,.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--top-shadow {
    height: 64px;
    left: 0;
    max-height: 1px;
    opacity: 0;
    position: absolute;
    transition: all .1s ease-in-out;
    width: 100%;
    z-index: 2
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--top-shadow {
    background: linear-gradient(180deg,var(--modal-bg-color-2) 0,var(--modal-bg-color-2) .01%,#1c1b1a00 100%);
    top: 0
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--top-shadow.active-shadow {
    max-height: 64px;
    opacity: 1;
    pointer-events: none
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bottom-shadow {
    background: linear-gradient(0deg,var(--modal-bg-color-2) 0,var(--modal-bg-color-2) .01%,#1c1b1a00 100%);
    bottom: 0
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bottom-shadow.active-shadow {
    max-height: 64px;
    opacity: 1;
    pointer-events: none
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    margin-bottom: 12px;
    padding: 12px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item:last-child {
    margin-bottom: 0
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img {
    display: flex;
    margin-bottom: 12px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src {
       height: 165px;
    margin-right: 12px;
    object-fit: cover;
    position: relative;
    width: 360px;
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src img {
    border-radius: 12px;
    height: 100%;
    width: 100%
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape {
    align-items: center;
    background-color: rgb(from var(--modal-bg-color-1) r g b/.6);
    border-radius: 18px;
    color: var(--modal-text-color-1);
    display: flex;
    left: 6px;
    padding: 4px 8px;
    position: absolute;
    top: 8px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape i {
    margin-right: 4px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape i:before {
    font-size: 16px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape span {
    font-size: 12px;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape {
        left:12px;
        top: 12px
    }
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title {
    padding-top: 5px;
    width: calc(100% - 190px)
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title .data-type {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title .data-type span {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: uppercase
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title .data-type span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-weight: 700
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--modal-text-color-1);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-data {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 12px
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-data span p {
    display: inline
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-data .read-more-less {
    color: var(--brand-color-1);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-left: 4px;
    text-transform: uppercase
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .bottom-shadow {
    background: linear-gradient(0deg,var(--background-color-2) 0,var(--background-color-2) .01%,#1c1b1a00 100%);
    bottom: 0;
    height: 64px;
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 2
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-footer label {
    margin: 16px 0
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-footer label .tb--chb-text {
    color: #ccc
}

.tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-footer .bonus-item-btn {
        width: 100%;
    display: flex;
    gap: 5px;
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item {
        padding:0
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img {
        flex-direction: column;
        margin-bottom: 0
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src {
        height: 148px;
        width: 100%
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .tb--bonus-src img {
        border-radius: 12px 12px 0 0;
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title {
        background-color: var(--modal-bg-color-1);
        border-radius: 12px 12px 0 0;
        padding: 16px 18px 0;
        position: relative;
        top: -12px;
        width: 100%
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title .data-type {
        justify-content: flex-start
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-img .data-title .data-type span:first-child {
        margin-right: 4px
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .tb--bonus-data {
        padding: 0 18px
    }

    .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-item .bonus-item-btn {
        padding: 0 18px 18px
    }
}

.tb--modal-popup.tb--limit-modal {
    background-color: var(--modal-bg-color-1);
    border-radius: 22px
}

.tb--modal-popup.tb--limit-modal .tb--modal-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    min-height: 56px
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup.tb--limit-modal .tb--modal-header:before {
        display:none
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal .tb--modal-header {
        border-radius:0
    }
}

.tb--modal-popup.tb--limit-modal .tb--modal-body {
    border-radius: 16px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal .tb--modal-body {
        margin:16px
    }
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb--modal-image,.tb--modal-popup.tb--limit-modal .tb--modal-body .tb--modal-image svg {
    height: 56px;
    width: 56px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb--modal__second-text {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    text-align: center;
    text-transform: capitalize
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-modal__list {
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 16px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-modal__list .tb-modal__lm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-modal__list .tb-modal__lm div:first-child {
    color: var(--modal-text-color-3);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: capitalize
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-modal__list .tb-modal__lm div:last-child {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-modal__list .tb-modal__lm:last-child {
    margin-bottom: 0
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-form-control .tb--input {
    border-radius: 90px;
    height: 42px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-form-control .tb--custom-data-title,.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-form-control label {
    padding-left: 12px
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-form-control .custom-select .react-select__control {
    background-color: var(--modal-bg-color-2)!important;
    border-radius: 90px!important
}

.tb--modal-popup.tb--limit-modal .tb--modal-body .tb-form-control .tb-limit-type {
    background-color: var(--modal-bg-color-3);
    border: none;
    border-radius: 24px;
    bottom: 7px;
    color: var(--modal-text-color-1);
    font-size: 10px;
    font-weight: 400;
    height: 27px;
    line-height: normal;
    opacity: .6;
    position: absolute;
    right: 7px;
    width: 42px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal .tb--body-panel {
        border-radius:inherit;
        margin: 0
    }
}

.tb--modal-popup .tb--modal-image {
    height: 54px;
    width: 54px
}

.tb--modal-popup .tb--resend-btn-block .tb--resend-code-button {
    text-transform: uppercase
}

.tb--modal-popup .tb--icon-bg {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 64px;
    justify-content: center;
    margin: 0 auto 24px;
    opacity: .7;
    width: 64px
}

.tb--modal-popup .tb--icon-bg svg {
    height: 34px;
    transform: translateX(2px);
    width: 34px
}

.tb--modal-popup .tb--icon-bg svg path {
    opacity: .7
}

.tb--modal-popup .tb--icon-bg svg * {
    height: 100%;
    width: 100%
}

.tb--modal-popup.tb--two-factor-login-auth {
    background-color: var(--modal-bg-color-1)
}

.tb--modal-popup.tb--two-factor-login-auth .tb--google-auth_cont-auth {
    border-radius: 12px;
    padding: 16px
}

.tb--modal-popup.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-popup.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_desc {
    font-size: 12px
}

.tb--modal-popup.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_icon {
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    width: 40px
}

.tb--modal-popup.tb--two-factor-login-auth .tb--google-auth_cont-auth .tb--google-auth_icon i {
    font-size: 24px
}

.tb--modal-popup.tb--two-factor-login-auth .tb--body-panel {
    border-radius: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--two-factor-login-auth .tb--body-panel {
        border-radius:18px
    }
}

.tb--modal-login_footer {
    flex-wrap: wrap
}

.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-password,.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-username {
    color: var(--brand-color-1);
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 24px;
    max-width: 50%!important;
    opacity: .8;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: underline
}

.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-password:hover,.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-username:hover {
    opacity: 1
}

.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-password:before,.tb--modal-login_footer .tb--btn-text.tb--btn-forgot-username:before {
    background-color: var(--modal-text-color-2)
}

.tb--modal-login_footer .tb--btn-forgot-username {
    padding-left: 12px;
    position: relative
}

.tb--modal-login_footer .tb--btn-forgot-username:before {
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px
}

.tb--modal-login_footer .tb--btn-forgot-password {
    padding-right: 12px
}

.tb--modal-login_footer .tb--btn-forgot-password.tb-max-w_100 {
    max-width: 100%!important
}

.tb--modal-login_footer .tb--action-buton_text {
      margin: 20px 0 0;
    flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
    .tb--modal-with_captcha {
        height:auto!important
    }
}

.tb--modal-account {
    border-radius: 24px;
    height: 90vh;
    margin: 0 auto;
    overflow: hidden;
    width: 90vw
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account {
        border-radius:0;
        height: 100%;
        overflow: visible;
        overflow: initial;
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .tb--modal-account {
        width:100vw
    }
}

.tb--modal-account .tb--prizes-history {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

@media screen and (min-width: 1024.9px) {
    .tb--modal-account .tb--game-history .tb--banner {
        margin-bottom:21px
    }

    .tb--modal-account .tb--game-history .tb--banner.tb--empty-profile_banner {
        margin-bottom: 0
    }

    .tb--modal-account .tb--security-subhead {
        margin-bottom: 24px!important;
        padding: 0;
        width: 100%
    }
}

.tb--modal-account .account-menu {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .tb--modal-account .account-menu {
        height:calc(100% - 48px)
    }

    .tb--modal-account .account-menu.account-menu-security {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .tb--modal-account .account-menu .account-menu-security--small {
        height: calc(100% - 114px)
    }

    .tb--modal-account .account-menu .account-menu-security--full {
        height: 100%
    }

    .tb--modal-account .account-menu .main-tab-menu {
        margin: 0 auto;
        padding: 0;
        width: calc(100% - 36px)
    }

    .tb--modal-account .account-menu .tab--menu {
        padding: 0
    }

    .tb--modal-account .account-menu .other-tab-menu {
        overflow: hidden
    }

    .tb--modal-account .account-menu .other-tab-menu.tb--submenu-trans .tb--submenu-item-tans {
        cursor: pointer;
        margin-bottom: 0;
        padding-bottom: 16px
    }

    .tb--modal-account .account-menu .other-tab-menu.tb--submenu-trans .tb--submenu-item-tans.active:before,.tb--modal-account .account-menu .other-tab-menu.tb--submenu-trans .tb--submenu-item-tans:before {
        bottom: 0
    }

    .tb--modal-account .account-menu .tb--responsible-gaming .tb--subhead {
        padding: 0
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .account-menu {
        height:100%
    }

    .tb--modal-account .account-menu .account-menu-security--small {
        flex-grow: 1
    }

    .tb--modal-account .account-menu .account-menu-security--small .tb--security .tb--security-column.tb--security-content {
        height: 100%
    }
}

@media screen and (max-width: 1024px) {
    .tb--modal-account .account-menu .account-mb-tab {
        display:block
    }

    .tb--modal-account .account-menu .account-mb-tab .tb--mob-menu-item {
        display: inline-block;
        line-height: 44px;
      
    }
}

.tb--modal-account .account-menu .tb--acount-body-preferences .tb--preloader-container {
    height: calc(100% - 114px)
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .account-menu .tb--acount-body-preferences {
        margin:16px
    }

    .tb--modal-account .account-menu .tb--acount-body-preferences .tb--banner {
        margin: 0 0 16px
    }

    .tb--modal-account .account-menu .tb--acount-body-preferences .tb--pref-container {
        height: 100%;
        margin: 0
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-account .tb--subhead+.tb--account-body {
        padding:24px 18px
    }
}

.tb--modal-account .tb--account-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.tb--modal-account .tb--account-body .tb-flex-wrapper {
    flex: 1 1
}

.tb--modal-account .tb--account-body .tb-flex-wrapper .cashier-form-wrapper,.tb--modal-account .tb--account-body .tb-flex-wrapper .prizes-form-wrapper {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body .tb-flex-wrapper .cashier-form-wrapper,.tb--modal-account .tb--account-body .tb-flex-wrapper .prizes-form-wrapper {
        /*margin:16px*/
        margin: -10px;
    }
}

@media screen and (max-width: 1024px) {
    .tb--modal-account .tb--account-body .tb--history-banner {
        background-color:var(--modal-bg-color-1)
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-account .tb--account-body {
        height:calc(100% - 24px);
        padding: 24px 18px
    }

    .tb--modal-account .tb--account-body.tb--subtab-section {
        padding: 6px 18px 24px
    }

    .tb--modal-account .tb--account-body.tb--acount-body-security {
        padding: 24px
    }
}

@media screen and (max-width: 600px) {
    .tb--modal-account .tb--account-body.tb--cashier-load {
        height:auto;
        min-height: 100%
    }

    .tb--modal-account .tb--account-body .banners--long-list .slick-dots {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 190px
    }

    .tb--modal-account .tb--account-body .banners--long-list .slick-dots li {
        max-width: 20px
    }

    .tb--modal-account .tb--account-body .banners--long-list .slick-dots li:first-child {
        margin-bottom: 6px
    }
}

.tb--modal-account .tb--account-body .tb--subhead {
    margin: 0
}

.tb--modal-account .tb--account-body.tb--account-body-gaming {
    height: calc(100% - 28px);
    padding: 0 18px 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--responsible-gaming:not(.tb--account-body),.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--responsible-gaming:not(.tb--account-body) .tb--account-body.tb--responsible-gaming>div {
    flex: 1 1
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming {
        padding:0 16px 16px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content {
    margin-top: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--reality-check-content {
        margin:16px 0
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content {
    border-radius: 16px;
    height: calc(100% - 48px);
    min-height: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content.tb--reality-check-content--read-only .tb--time-out-grid {
    margin: 0 auto;
    max-width: 722px;
    width: 722px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content.tb--reality-check-content--read-only .tb--time-out-grid .tb--rc-options-block .tb--rc-reminder {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content.tb--reality-check-content--read-only .tb--time-out-grid {
        max-width:100%;
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content.tb--reality-check-content--read-only .tb--time-out-grid .tb--rc-reminder__time .counter-block .count-down span.count-down-dots {
        margin:0 6px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content.tb--responsible-content {
        height:calc(100% - 16px);
        margin: 16px 0;
        min-height: calc(100% - 24px);
        overflow: hidden;
        padding: 16px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit {
    margin: 0 auto;
    max-width: 1140px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit {
        width:1140px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit h3 {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__attention {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    margin-bottom: 16px;
    padding: 16px 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__attention .tb--info-text span {
    font-size: 14px;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__attention .tb--info-text span:first-child {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__attention .tb--info-text span:nth-child(2) {
    color: var(--modal-text-color-2);
    font-weight: 400
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block {
    display: flex
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block {
        flex-wrap:wrap
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 274px;
    justify-content: space-between;
    margin-right: 12px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-image {
    align-items: center;
    display: flex;
    height: calc(100% - 186px);
    justify-content: flex-start;
    padding: 0 24px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-image svg {
    width: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-image .a {
    fill: var(--modal-bg-color-3)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-image .b {
    fill: var(--brand-color-1)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-image span {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info {
    background-color: var(--modal-bg-color-3);
    border-radius: 16px;
    height: 186px;
    padding: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line {
    display: flex;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line span {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info {
    margin-left: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 16px;
    color: var(--modal-bg-color-2);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:before {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:hover+p {
    display: block;
    position: absolute;
    right: -80px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info p.tb--valid-from {
    color: #212121
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:120px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm span:first-child {
    color: var(--modal-text-color-3);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .lm:nth-child(3) {
    margin-bottom: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button {
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button .tb--btn {
    height: 42px;
    line-height: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button .tb--btn.tb--set-limit {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button span {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button.disabled:hover span {
    display: block;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item .tb--item-info .limit-button.disabled button {
    opacity: .6;
    pointer-events: none
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item:last-child {
    margin-right: 0
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item {
        width:calc(50% - 6px)
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item:nth-child(2n) {
        margin-right: 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item:nth-child(-n+2) {
        margin-bottom: 12px
    }
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item {
        margin-bottom:12px;
        margin-right: 0;
        width: 100%
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item:last-child {
        margin-bottom: 0
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item_no_max {
    height: 238px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item_no_max .tb--item-image {
    height: calc(100% - 150px)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .limit__item_no_max .tb--item-info {
    height: 150px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit .tb--no-debosit {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit {
    margin: 0 auto;
    max-width: 1140px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit {
        width:1140px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit h3 {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__attention {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    margin-bottom: 16px;
    padding: 16px 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__attention .tb--info-text span {
    font-size: 14px;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__attention .tb--info-text span:first-child {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__attention .tb--info-text span:nth-child(2) {
    color: var(--modal-text-color-2);
    font-weight: 400
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 16px;
    padding: 12px 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info {
    display: flex;
    margin-left: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 16px;
    color: var(--modal-bg-color-2);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info .digi_icon-exclamation-mark:before {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info .digi_icon-exclamation-mark:hover+p {
    display: block;
    left: 50%;
    position: absolute;
    top: -22px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info p span {
    color: #212121;
    font-size: 10px;
    font-weight: 400;
    justify-content: center;
    line-height: normal
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle {
        justify-content:flex-end;
        padding-inline-end:16px}

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .tb--info-circle .valid-info .digi_icon-exclamation-mark:hover+p {
        left: auto;
        right: 16px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span {
    align-items: center;
    color: var(--modal-text-color-1);
    display: flex
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span:first-child {
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 14px;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span:nth-child(2) {
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button button {
    width: 240px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button button.tb--btn {
    height: 42px;
    line-height: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button button.tb--btn.tb--set-limit {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button span {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: var(--modal-bg-color-2);
    display: none;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 8px 12px;
    text-align: center;
    width: 240px
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button span {
        width:calc(100% - 32px)
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button.disabled:hover span {
    display: block;
    position: absolute;
    top: -35px
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button.disabled:hover span {
        left:16px;
        top: -20px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button.disabled button {
    opacity: .6;
    pointer-events: none
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single {
        grid-template-columns:repeat(2,1fr);
        padding: 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span {
        align-items: center;
        display: flex;
        height: 46px
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span:first-child {
        padding-inline-start:16px}

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single span:nth-child(2) {
        justify-content: flex-end;
        padding-inline-end:16px}

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button {
        background-color: var(--modal-bg-color-3);
        border-radius: 16px;
        grid-column: 1/9;
        padding: 16px;
        width: 100%
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__single .limit-button button {
        width: 100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block {
    display: flex
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block {
        flex-wrap:wrap
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 12px;
    max-height: 274px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-image {
    align-items: center;
    display: flex;
    height: 88px;
    justify-content: flex-start;
    padding: 0 24px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-image svg {
    width: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-image .a {
    fill: var(--modal-bg-color-3)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-image .b {
    fill: var(--brand-color-1)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-image span {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info {
    background-color: var(--modal-bg-color-3);
    border-radius: 16px;
    max-height: 186px;
    padding: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line {
    display: flex;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line span {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info {
    margin-left: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 16px;
    color: var(--modal-bg-color-2);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:before {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:hover+p {
    display: block;
    position: absolute;
    right: -80px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:120px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm span:first-child {
    color: var(--modal-text-color-3);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .lm:nth-child(3) {
    margin-bottom: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button {
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button .tb--btn {
    height: 42px;
    line-height: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button .tb--btn.tb--set-limit {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button span {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: var(--modal-bg-color-2);
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button.disabled:hover span {
    display: block;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item .tb--item-info .limit-button.disabled button {
    opacity: .6;
    pointer-events: none
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item:last-child {
    margin-right: 0
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item {
        width:calc(50% - 6px)
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item:nth-child(2n) {
        margin-right: 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item:nth-child(-n+2) {
        margin-bottom: 12px
    }
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item {
        margin-bottom:12px;
        margin-right: 0;
        width: 100%
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .limit__item:last-child {
        margin-bottom: 0
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit .tb--no-debosit {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit {
    height: 100%;
    margin: 0 auto;
    max-width: 1140px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit {
        display:flex;
        flex-direction: column
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit h3 {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .limit__attention {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    margin-bottom: 16px;
    padding: 16px 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .limit__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .limit__attention .tb--info-text span {
    font-size: 14px;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .limit__attention .tb--info-text span:first-child {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .limit__attention .tb--info-text span:nth-child(2) {
    color: var(--modal-text-color-2);
    font-weight: 400
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    height: calc(100% - 158px)
}

@media screen and (max-width: 1200px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block {
        height:calc(100% - 175px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block {
        display:flex;
        flex-direction: column;
        height: 100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__title {
    align-items: center;
    display: flex;
    height: 72px;
    justify-content: space-between;
    padding: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__title p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    position: absolute;
    text-align: center
}

@media screen and (max-width: 500px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__title {
        align-items:flex-start;
        flex-direction: column;
        height: 126px
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__title .tb--btn {
        margin-top: 16px;
        width: 100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit--img {
    align-items: center;
    display: flex
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit--img svg {
    height: 36px;
    width: 36px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit--img svg .a {
    fill: var(--modal-bg-color-2)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit--img svg .b {
    fill: var(--brand-color-1)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit--img h3 {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 18.2px;
    margin: 0 0 0 12px;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action {
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn {
    line-height: 33px;
    width: 156px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn.tb--set-limit {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn:disabled {
    opacity: .5;
    pointer-events: visible
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn:disabled:hover {
    opacity: .5
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn:disabled:hover~p {
    display: block;
    right: 50%;
    top: -35px;
    transform: translate(50%,-35%)
}

@media screen and (max-width: 500px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action,.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__action .tb--btn {
        width:100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__content {
    height: calc(100% - 72px)
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__content {
        height:100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty {
    align-items: center;
    background-color: var(--modal-bg-color-3);
    border-radius: 16px;
    display: flex;
    height: 100%;
    justify-content: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty div {
    align-items: center;
    color: var(--modal-text-color-2);
    display: flex;
    flex-direction: column
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty div i {
    font-size: 44px;
    margin-bottom: 24px;
    opacity: .5
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty div i:before {
    height: 35px;
    width: 50px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty div span {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    opacity: .9;
    text-align: center;
    width: 180px
}

@media screen and (max-width: 600px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__empty {
        padding:24px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list {
    background-color: var(--modal-bg-color-3);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 314px;
    overflow: auto;
    padding: 16px
}

@media screen and (max-width: 1200px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list {
        max-height:299px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list {
        max-height:100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__block {
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__block:nth-child(2) {
    margin-top: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header h4 {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header p {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header p span {
    color: var(--modal-text-color-2)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header .valid-info {
    margin-left: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header .valid-info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 16px;
    color: var(--modal-bg-color-1);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header .valid-info .digi_icon-exclamation-mark:before {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header .valid-info .digi_icon-exclamation-mark:hover+p {
    display: block;
    position: absolute;
    right: -80px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__header .valid-info p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__title {
    display: flex;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: repeat(6,1fr)
}

@media screen and (max-width: 1200px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
        grid-template-columns:repeat(5,1fr)
    }
}

@media screen and (max-width: 850px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (max-width: 668px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 520px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 380px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list .r-list__items {
        grid-template-columns:repeat(1,1fr)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__block .r-limit__list {
        height:100%
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 110px;
    justify-content: space-between
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-title {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-title h2 {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    padding: 0 12px;
    white-space: nowrap
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-title h3 {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 0;
    white-space: nowrap
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-info {
    background-color: var(--modal-bg-color-2);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 68px;
    justify-content: space-between;
    padding: 16px 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-info .status-block {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 32px;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 0 8px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-info .status-block .lm-status {
    min-width: 10px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-info .status-block .status-text {
    color: var(--modal-text-color-1);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin-left: 6px;
    opacity: .6;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item .tb--item-info button.tb--btn {
    height: 40px;
    line-height: 38px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit__item:last-child {
    margin-right: 0
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .tb--no-debosit {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit {
    margin: 0 auto;
    max-width: 1140px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit {
        width:1140px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit h3 {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__attention {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    margin-bottom: 16px;
    padding: 16px 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__attention .tb--info-text span {
    font-size: 14px;
    line-height: 18px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__attention .tb--info-text span:first-child {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__attention .tb--info-text span:nth-child(2) {
    color: var(--modal-text-color-2);
    font-weight: 400
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block {
    display: flex
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block {
        flex-wrap:wrap
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item {
    background-color: var(--modal-bg-color-1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 274px;
    justify-content: space-between;
    margin-right: 12px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-image {
    align-items: center;
    display: flex;
    height: calc(100% - 186px);
    justify-content: flex-start;
    padding: 0 24px;
    width: 100%
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-image svg {
    width: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-image .a {
    fill: var(--modal-bg-color-3)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-image .b {
    fill: var(--brand-color-1)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-image span {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 16px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info {
    background-color: var(--modal-bg-color-3);
    border-radius: 16px;
    height: 186px;
    padding: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line {
    display: flex;
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line span {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info {
    margin-left: 4px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 16px;
    color: var(--modal-bg-color-2);
    cursor: pointer;
    display: inline-block;
    height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:before {
    height: 12px;
    line-height: 12px;
    width: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info .digi_icon-exclamation-mark:hover+p {
    display: block;
    position: absolute;
    right: -80px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line .valid-info p {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:-webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media screen and (max-width: 480px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm .new--limit__line span {
        max-width:120px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm span:first-child {
    color: var(--modal-text-color-3);
    font-size: 12px;
    font-weight: 400;
    line-height: 13px;
    text-transform: capitalize
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .lm:nth-child(3) {
    margin-bottom: 24px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button {
    position: relative
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button .tb--btn {
    height: 42px;
    line-height: 40px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button .tb--btn.tb--set-limit {
    background-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button span {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: var(--modal-bg-color-2);
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    min-width: 150px;
    padding: 8px 12px;
    text-align: center
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button.disabled:hover span {
    display: block;
    left: -10px;
    position: absolute;
    right: -10px;
    top: -35px
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item .tb--item-info .limit-button.disabled button {
    opacity: .6;
    pointer-events: none
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item:last-child {
    margin-right: 0
}

@media screen and (max-width: 1280px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item {
        width:calc(50% - 6px)
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item:nth-child(2n) {
        margin-right: 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item:nth-child(-n+2) {
        margin-bottom: 12px
    }
}

@media screen and (max-width: 768px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item {
        margin-bottom:12px;
        margin-right: 0;
        width: 100%
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .limit__item:last-child {
        margin-bottom: 0
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit .tb--no-debosit {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming {
        height:100%
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--account-body {
        padding: 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content {
        margin: 24px 16px
    }
}

.tb--modal-account .tb--account-body.tb--account-body-gaming .tb--account-body {
    height: calc(100% - 48px)
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--account-body {
        height:100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--account-body.tb--responsible-gaming {
        padding:24px 3px 0
    }

    .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--account-body.tb--responsible-gaming .tb--preloader-container {
        height: 100%
    }
}

.tb--modal-account .tb--banner .slick-track>div {
    border-radius: 12px
}

.tb--modal-account .tb--banner .slick-slide img {
    border-radius: 12px;
    height: 90px
}

@media screen and (max-width: 1024px) {
    .tb--modal-account .tb--banner .slick-slide img {
        border-radius:4px
    }

    .tb--modal-account .tb--banner {
        height: 90px;
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 16px
    }

    .tb--modal-account .tb--banner:empty {
        height: auto;
        margin-top: 0
    }

    .tb--modal-account .tb--banner .slick-track {
        display: flex
    }

    .tb--modal-account .tb--banner .slick-slider {
        height: 100%
    }

    .tb--modal-account .tb--transaction-banner {
        margin: 0 0 16px
    }
}

.tb--modal-account .slick-slider {
    box-shadow: none
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-account .tb--popup-wrapper {
        height:100%
    }
}

.tb--limit-modal .tb--modal-sm_fix {
    margin: 0 auto;
    width: 360px
}

@media screen and (min-width: 1024px) {
    .tb--limit-modal .tb--modal-sm_fix {
        height:588px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--limit-modal .tb--modal-sm_fix {
        height:100%;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-sm_fix.tb--modal-reg .tb--body-panel {
        height:calc(100% - 56px)
    }
}

.tb--sub-tab-mobile {
    margin-top: 44px
}

.tb--confirm-popup,.tb--error-popup,.tb--success-popup {
    border-radius: 12px;
    padding: 24px 24px 32px;
    z-index: 10000
}

@media screen and (max-width: 1023.9px) {
    .tb--error-popup {
        width:calc(100% - 48px)!important
    }
}

.tb--error-popup__close-btn {
    color: var(--modal-text-color-2);
    cursor: pointer;
    font-size: 24px;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px
}

.tb--error-popup .tb--status--icon {
    height: 56px;
    width: 56px
}

.tb--error-popup .tb--status--icon:after {
    height: 44px;
    opacity: .17;
    width: 44px
}

.tb--error-popup .tb--status--icon:before {
    opacity: .17
}

@media screen and (max-width: 1023.9px) {
    .tb--error-popup__cta .tb--btn {
        max-width:none!important
    }
}

.tb--error-popup,.tb--success-popup {
    left: 50%;
    max-width: 360px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.tb--error-popup .tb--btn,.tb--success-popup .tb--btn {
    margin: 0 auto;
    max-width: 184px;
    width: 100%
}

.tb--error-popup .tb--status--icon,.tb--success-popup .tb--status--icon {
    margin: 0 auto 20px!important
}

.tb--confirm-popup {
    left: 50%;
    max-width: 300px;
    min-width: 280px;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 1024px) {
    .tb--confirm-popup .tb--btn {
        padding:0 6px
    }
}

.tb--confirm-popup .tb--md-buttons .tb--btn {
    margin: 0
}

.tb--confirm-popup .tb--md-buttons .tb--btn:first-child {
    margin-right: 8px
}

@media screen and (min-width: 1024px) and (max-width:1248px) {
    .tb--error-popup {
        padding-left:32px;
        padding-right: 32px
    }
}

.tb--failed-message-mob,.tb--success-popup-mob,.tb--success-popup-web {
    left: 0;
    padding: 10px 16px 10px 13px;
    position: fixed;
    top: 56px;
    z-index: 999
}

.tb--success-popup-mob,.tb--success-popup-web {
    background-color: var(--success-color);
    color: var(--white-color)
}

.tb--success-popup-mob .tb--ico-success,.tb--success-popup-web .tb--ico-success {
    color: #fff
}

.tb--failed-message-mob {
    border-left: 2px solid var(--error-color);
    color: var(--white-color)
}

.tb--failed-message-mob,.tb--success-popup-mob {
    width: 100%
}

.tb--mess-fix {
    bottom: 0;
    position: absolute;
    top: auto;
    width: 360px
}

@media screen and (max-width: 1023.9px) {
    .tb--mess-fix {
        bottom:auto;
        position: fixed;
        top: 44px;
        width: 100%
    }
}

.tb--error-popup-mob {
    color: var(--modal-text-color-2);
    left: 0;
    margin-top: 55px;
    min-height: calc(100% - 56px);
    top: 0;
    width: 100%
}

.tb--error-popup-mob,.tb--verification-popup {
    position: fixed;
    z-index: 100000
}

.tb--success-popup.tb--verification-popup {
    border-radius: 12px;
    padding: 32px;
    width: 360px
}

@media screen and (max-width: 1023.9px) {
    .tb--success-popup.tb--verification-popup {
        border-radius:12px;
        padding: 40px 24px;
        width: 290px
    }
}

.tb--success-popup.tb--verification-popup .tb--custom-icon {
    background-color: var(--modal-bg-color-1);
    border-radius: 50%;
    height: 180px;
    margin: 0 auto 24px;
    width: 180px
}

.tb--success-popup.tb--verification-popup .tb--custom-icon svg {
    fill: var(--brand-color-1)
}

.tb--success-popup.tb--verification-popup .tb--custom-title {
    color: var(--modal-text-color-1);
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 24px;
    text-align: center
}

.tb--success-popup.tb--verification-popup .tb--custom-text {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 18px;
    text-align: center
}

.tb--success-popup.tb--verification-popup .tb--btn {
    max-width: 100%;
    width: 100%;

}

.tb--success-popup.tb--verification-popup .tb--verification-popup .tb--custom-icon {
    background-color: var(--modal-bg-color-1);
    border-radius: 50%;
    height: 180px;
    margin: 0 auto 24px;
    width: 180px
}

.tb--success-popup.tb--verification-popup .tb--verification-popup .tb--custom-icon svg {
    fill: var(--brand-color-1)
}

@media screen and (max-width: 768px) {
    .tb--success-popup.tb--verification-popup .tb--custom-icon {
        height:120px;
        width: 120px
    }
}

.tb--modal-header {
    padding-left: 20px;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-header {
        padding-left:16px
    }
}

.tb--modal-header .tb--modal-header-txt {
    display: block
}

@media screen and (min-width: 1024px) {
    .tb--modal-header {
        border-top-left-radius:12px;
        border-top-right-radius: 12px;
        min-height: 56px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-header {
        min-height:56px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 999
    }
}













/* GAME OPEN MODAL */
/* Mobilde görülecek ekilde ayarlandı */
@media screen and (max-width: 768px) {
    .modal-openGameModal {
        display: none; /* Başlangıta gizli */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
                z-index: 9999;
        background-color: rgba(0, 0, 0, 0.8);
        animation: slideUp 0.5s ease-out; /* Yavaşça yukarıya kaydır */
    }

    .modal-content-openGameModal {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #222;
        padding: 20px;
        color: white;
        text-align: center;
        border-radius: 10px 10px 0 0;
    }

    .modal-openGameModal img {
        width: 100%;
        height: auto;
            border-radius: 15px;
    }

    .modal-info-openGameModal h2 {
        margin-top: 10px;
        font-size: 24px;
    }

    .modal-info-openGameModal button {
        background-color: #ffcc00;
        border: none;
        padding: 10px 20px;
        margin: 10px;
        cursor: pointer;
    }

    .modal-info-openGameModal button:hover {
        background-color: #ff9900;
    }

    .close-openGameModal {
        background: none;
        border: none;
        color: white;
        font-size: 20px;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }

    @keyframes slideUp {
        from {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
}

/* GAME OPEN MODAL END */










.tb--modal-header:before {
    background-color: var(--modal-text-color-1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 10%;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-header .tb--modal-header-txt {
        display:block;
        font-size: 14px;
        padding: 15px;
    }
}

.tb--or span {
    display: inline-block;
    height: 1px;
    opacity: 12%;
    width: 100%
}

.tb--or p {
    padding: 0 5px
}

.tb--modal-game-header {
    background-color: #000000b3;
    min-height: 56px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.tb--modal-game-header .digi_icon-close:before,.tb--modal-game-header .tb--modal-game-header-txt {
    color: #fff
}

.tb--game-header {
    color: var(--white-color)
}

.tb--game-header h2 {
    text-shadow: 0 0 6px var(--brand-color-1)
}

.tb--game-cont {
    z-index: 2
}

.tb--game-mobile_bg {
    -webkit-filter: blur(20px) brightness(.6);
    filter: blur(15px) brightness(.6);
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: scale(2);
    width: 100%
}

.tb--casino-game-banner img {
    z-index: 88
}

.tb--game-btn-cont,.tb--game-img-cont {
    position: relative;
    z-index: 2
}

.tb--failed-txt,.tb--success-txt {
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto
}

.tb--success-txt-sm {
    max-width: 200px
}

.tb--failed-txt {
    color: var(--error-color)
}

.tb--modal-logo-txt {
    color: var(--brand-color-1);
    font-weight: 700
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-logo-txt {
        display:none
    }
}

.tb--captch {
    height: 68px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 30px)
}

.tb--responsible-comment .tb--comment-section {
    height: 97px
}

.tb--responsible-comment .tb--error-cont .tb--error-mes {
    top: 100px
}

.tb--message-txt {
    line-height: 1.5
}

.tb--error-cont .tb--error-mes,.tb--error-cont-datepicker .tb--error-mes {
  background-color: #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 3px 2px #00000014;
    box-sizing: border-box;
    color: #f02849;
    display: none;
    font-size: 12px;
    position: absolute;
    margin-top: 25px;
    z-index: 100;
}


.tb--error-cont .tb--error-mes:after,.tb--error-cont-datepicker .tb--error-mes:after {
    border-color: #0000 #0000 #fff #fff;
    border-style: solid;
    border-width: .4em;
    box-shadow: -2px 2px 4px 0 #00000014;
    box-sizing: border-box;
    content: "";
    height: 0;
    left: 14px;
    position: absolute;
    top: -3px;
    transform: rotate(136deg);
    width: 0
}

.tb--error-cont .tb--error-mes p,.tb--error-cont-datepicker .tb--error-mes p {
    padding: 4px 16px
}

.tb--error-cont-datepicker:hover .tb--error-mes,.tb--error-cont:hover .tb--error-mes {
    display: block
}

.tb--custom-sel .tb--error-mes {
    top: 48px
}

@media screen and (max-width: 1023.9px) {
    .tb--custom-sel .tb--error-mes {
        top:52px
    }
}

.tb--error-border {
    background-color: rgba(240,40,73,.078)!important;
    border-color: var(--error-color)!important;
    color: #f02849!important
}

.tg--verify-ico-box {
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 9px;
    width: 27px
}

@media screen and (max-width: 1023.9px) {
    .tg--verify-ico-box {
        top:10px
    }
}

@media screen and (min-width: 1024px) {
    .tg--verify-ico-box.tg--currency-text {
        top:14px
    }
}

.tg--verify-ico-box .tg--verify-ico {
    height: 100%;
    width: 100%
}

.tg--verify-ico-box .tg--verify-ico:before {
    font-size: 24px;
    position: absolute;
    text-align: center;
    top: 0
}

.tg--verify-ico-box.tb--check-email {
    border-radius: 25px;
    height: 20px;
    right: 10px;
    top: 16px;
    width: 20px
}

.tg--verify-ico-box.tb--check-email .digi_icon-check-email {
    position: absolute;
    right: 2px;
    top: -2px
}

.tg--verify-ico-box .digi_icon-checkbox_selected {
    color: var(--success-color)
}

.tg--verify-ico-box .digi_icon-verify:before {
    color: var(--info-color)
}

.tg--verify-ico-box .digi_icon-copy {
    cursor: pointer
}

.tg--verify-ico-box .digi_icon-copied span {
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0,0,0,.302);
    padding: 5px 12px;
    position: absolute;
    right: -10px;
    top: -35px
}

@media screen and (max-width: 1023.9px) {
    .tg--verify-ico-box .digi_icon-copied span {
        top:-40px
    }
}

.tg--verify-ico-box .digi_icon-minus:before {
    color: var(--error-color)
}

.tb--mob-verify {
    color: var(--white-color);
    height: 44px;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 24px)
}

.input--birthdate {
    cursor: default
}

.tb--calendar-icon {
    color: var(--modal-text-color-3);
    font-size: 18px;
    pointer-events: none;
    position: absolute;
    right: 6px;
    top: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--calendar-icon {
        top:9px
    }
}

.tb--mobile-datepicker-native input[type=date] {
    position: relative
}

.tb--mobile-datepicker-native input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 0
}

.tb--mobile-datepicker-native input[type=date]::-webkit-date-and-time-value {
    text-align: left;
    text-align: -webkit-left
}

.tb--custom-radio-inp {
    display: none
}

.tb--custom-radio-inp+label {
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    margin: 0 10px;
    position: relative;
    transition: all .3s ease-in-out
}

.tb--custom-radio-inp+label:after,.tb--custom-radio-inp+label:before {
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: -10px;
    transition: all .3s ease;
    width: 10px
}

.tb--modal-regFull {
    box-shadow: 0 0 1px #f2f2f2;
    margin: 0 auto;
    position: relative
}

.tb--modal-regFull.tb--modal-regBigFull {
    width: 1024px
}

@media screen and (max-width: 1200px) {
    .tb--modal-regFull.tb--modal-regBigFull {
        width:960px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-regFull.tb--modal-regBigFull {
        width:100%
    }
}

.tb--modal-regFull.tb--modal-regSmallFull {
    width: 764px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-regFull.tb--modal-regSmallFull {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-regFull {
        border-radius:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-regFull.tb--modal-regBigFull,.tb--modal-regFull.tb--modal-regSmallFull {
        max-width:100%
    }

    .tb--modal-regFull .tb--reg-body,.tb--modal-regFull .tb--reg-footer {
        display: block
    }

    .tb--modal-regFull .tb--chb {
        margin-bottom: 16px
    }
}

.tb--modal-regFull .tb--reg-full {
    padding: 32px 10px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-regFull .tb--reg-full {
        padding:0px 0px;
    }

    .tb--modal-regFull .tb--reg-full .tb--reg-footer {
        padding: 0 16px
    }

    .tb--body-panel.tb--reg-full,.tb--modal-account.tb--modal-big {
        overflow: auto;
        width: calc(100% - 0px);
    }

    .tb--reg-body>div {
        border-right: none
    }
}

.tb--reg-body>div:last-child {
    border-right: none
}

.tb--reg-body>div>div {
    padding: 0 22px
}

@media screen and (max-width: 1023.9px) {
    .tb--reg-body>div>div {
        padding:0 16px
    }
}

.tb--reg-footer {
    padding: 16px 28px 36px
}

@media screen and (max-width: 1023.9px) {
    .tb--reg-footer {
        padding:0 16px 24px
    }
}

.tb--reg-footer label.tb-checkbox-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 1024px) {
    .tb--reg-footer .tb--btn {
        width:calc(33.333% - 38px)
    }
}

.tb--reg-footer .restriction-block {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 900px) and (max-width:1024px) {
    .tb--reg-footer .restriction-block {
        flex-direction:row
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-regSmallFull .tb--reg-footer .tb--btn {
        width:calc(33.333% - 38px)
    }

    .tb--modal-regSmallFull .tb--action-buton_text {
        width: calc(50% - 38px)
    }

    .tb--modal-regSmallFull .tb--reg-footer {
        padding: 0
    }

    .tb--modal-regSmallFull .tb--reg-footer .tb--reg-acctions-link {
        margin-left: auto;
        padding: 0 22px
    }

    .tb--modal-regSmallFull .tb--reg-footer .tb--action-buton_text,.tb--modal-regSmallFull .tb--reg-footer .tb--reg-acctions-link .tb--btn {
        width: 100%
    }
}

.tb--px-22 {
    padding: 0 22px
}

@media screen and (max-width: 1023.9px) {
    .tb--px-22 {
        padding:0
    }
}

.tb--px-22::empty {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .tb--modal-regBigFull .tb--reg-footer {
        padding:0
    }

    .tb--modal-regBigFull .tb--reg-footer .tb--reg-acctions-link {
        margin-left: auto;
        padding: 0 22px
    }

    .tb--modal-regBigFull .tb--reg-footer .tb--action-buton_text,.tb--modal-regBigFull .tb--reg-footer .tb--reg-acctions-link .tb--btn {
        width: 100%
    }

    .tb--modal-regBigFull .tb--action-buton_text {
        width: calc(33.333% - 38px)
    }
}

.tb--reg-captch {
    width: calc(100% - 72px)
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-sm .tb--ph-40 {
        padding-left:32px;
        padding-right: 32px
    }

    .tb--modal-reg .tb--custom-check {
        margin-bottom: 24px
    }
}

#network-notification-background.tb--modal-lvl1,.tb--modal-lvl1 {
    /*background: #000000b3; */
}

.tb--modal-lvl1 {
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

.tb--modal-lvl1.tb--modal-second-layer {
    z-index: 10000
}

.tb--modal-lvl1.tb--frame-modal-lvl1,.tb--modal-lvl1.tb--payment-barcode-modal-lvl1,.tb--modal-lvl1.tb--reminder-modal-lvl1 {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px
}

.tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2,.tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2,.tb--modal-lvl1.tb--reminder-modal-lvl1 .tb--modal-lvl2 {
    border-radius: 12px;
    height: auto;
    overflow: hidden
}

.tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3,.tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3,.tb--modal-lvl1.tb--reminder-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 {
    padding-top: 0
}

.tb--modal-lvl1.tb--reminder-modal-lvl1 {
    z-index: 99999
}

.tb--modal-lvl1.tb--reminder-modal-lvl1 .tb--modal-lvl2 {
    max-width: 420px;
    width: 100%
}

.tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
    background-color: var(--modal-bg-color-1);
    width: 420px
}

.tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body {
    border-radius: 16px;
    margin: 16px;
    padding: 8px
}

.tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body iframe {
    height: 560px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-lvl1.tb--frame-modal-lvl1 {
        align-items:flex-end;
        padding: 0
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 {
        border-radius: 12px 12px 0 0;
        height: 82vh
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 {
        padding: 16px 18px 18px
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
        height: 100%;
        width: 100%
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-header {
        background-color: var(--modal-bg-color-1);
        min-height: 56px;
        padding: 0;
        position: relative!important
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-header:before {
        background: var(--modal-text-color-1);
        border-radius: 2px;
        content: "";
        display: block;
        height: 4px;
        left: 50%;
        opacity: .1;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: 48px
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-header .tb--modal-header-txt {
        font-size: 14px;
        text-transform: capitalize
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-header .tb--modal-close {
        display: none
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body {
        margin: 0
    }

    .tb--modal-lvl1.tb--frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body iframe {
        height: 100%
    }
}

.tb--modal-lvl1.tb--payment-frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
    width: 420px
}

.tb--modal-lvl1.tb--metamap-frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
    width: 100%
}

.tb--modal-lvl1.tb--metamap-frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body {
    padding: 0
}

.tb--modal-lvl1.tb--metamap-frame-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-body iframe.metamap {
    height: 664px;
    width: 412px
}

.tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
    background-color: var(--modal-bg-color-1);
    padding: 24px;
    width: 290px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup {
        width:100%
    }
}

.tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup .tb--modal-body {
    background: none
}

.tb--modal-lvl1.tb--payment-barcode-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup .tb--modal-body iframe {
    border: 1px solid #00000014;
    border-radius: 8px;
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .tb--modal-lvl1.tb--request-modal-lvl1 .tb--modal-lvl2 {
        height:auto;
        min-height: 100%
    }

    .tb--modal-lvl1.tb--request-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 {
        background-color: initial
    }
}

@media screen and (max-width: 500px) {
    .tb--modal-lvl1.tb--request-modal-lvl1 .tb--modal-lvl2 .tb--modal-lvl3 .tb--modal-popup.tb--bonus-request-popup {
        width:100%
    }
}

.tb--modal-no-overlay {
    background: none
}

.tb--modal-lvl2 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-lvl2 {
        height:100%;
        background: #000000d4;
    }
}

@media screen and (min-width: 1024px) {
    .tb--modal-lvl2 {
        min-height:100%;
        background: #000000e6;
    }

    .tb--modal-lvl3 {
        padding: 24px
    }
}

@media screen and (max-width: 1023.9px) {
    #modal-root .payment-table-container, .tb--payments-page .payment-table-container {
        background: none;
    }
}
    

@media screen and (max-width: 1023.9px) {
    .tb--modal-lvl3 {
        display:block;
        height: 100%;
        overflow-x: hidden;
        padding-top: 56px;
        width: 100%;
        color: white;
    }
}

.tb--success-img svg {
    height: 54px
}

.tb--congrats-containe {
    margin: 0 auto
}

.tb--success-img i {
    color: var(--success-color);
    font-size: 60px
}

.tb--success-img i:before {
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    width: 60px
}

.tb--cp-success .tb--cp-success-icon,.tb--cp-success .tb--shadow-icon,.tb--shadow-icon-style .tb--cp-success-icon,.tb--shadow-icon-style .tb--shadow-icon {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
    position: relative;
    width: 56px
}

.tb--cp-success .tb--cp-success-icon.size-28,.tb--cp-success .tb--shadow-icon.size-28,.tb--shadow-icon-style .tb--cp-success-icon.size-28,.tb--shadow-icon-style .tb--shadow-icon.size-28 {
    height: 28px;
    width: 28px
}

.tb--cp-success .tb--cp-success-icon.size-28:after,.tb--cp-success .tb--cp-success-icon.size-28:before,.tb--cp-success .tb--shadow-icon.size-28:after,.tb--cp-success .tb--shadow-icon.size-28:before,.tb--shadow-icon-style .tb--cp-success-icon.size-28:after,.tb--shadow-icon-style .tb--cp-success-icon.size-28:before,.tb--shadow-icon-style .tb--shadow-icon.size-28:after,.tb--shadow-icon-style .tb--shadow-icon.size-28:before {
    background-color: #018fc2;
    opacity: .17
}

.tb--cp-success .tb--cp-success-icon.size-28:after,.tb--cp-success .tb--shadow-icon.size-28:after,.tb--shadow-icon-style .tb--cp-success-icon.size-28:after,.tb--shadow-icon-style .tb--shadow-icon.size-28:after {
    height: 22px;
    width: 22px
}

.tb--cp-success .tb--cp-success-icon.size-76,.tb--cp-success .tb--shadow-icon.size-76,.tb--shadow-icon-style .tb--cp-success-icon.size-76,.tb--shadow-icon-style .tb--shadow-icon.size-76 {
    height: 76px;
    width: 76px
}

.tb--cp-success .tb--cp-success-icon.size-76:after,.tb--cp-success .tb--shadow-icon.size-76:after,.tb--shadow-icon-style .tb--cp-success-icon.size-76:after,.tb--shadow-icon-style .tb--shadow-icon.size-76:after {
    height: 60px;
    width: 60px
}

.tb--cp-success .tb--cp-success-icon.size-76 i,.tb--cp-success .tb--shadow-icon.size-76 i,.tb--shadow-icon-style .tb--cp-success-icon.size-76 i,.tb--shadow-icon-style .tb--shadow-icon.size-76 i {
    font-size: 43px;
    height: 43px;
    width: 43px
}

.tb--cp-success .tb--cp-success-icon.size-76 i.digi_icon-close,.tb--cp-success .tb--shadow-icon.size-76 i.digi_icon-close,.tb--shadow-icon-style .tb--cp-success-icon.size-76 i.digi_icon-close,.tb--shadow-icon-style .tb--shadow-icon.size-76 i.digi_icon-close {
    font-size: 35px
}

.tb--cp-success .tb--cp-success-icon.size-76 i:before,.tb--cp-success .tb--shadow-icon.size-76 i:before,.tb--shadow-icon-style .tb--cp-success-icon.size-76 i:before,.tb--shadow-icon-style .tb--shadow-icon.size-76 i:before {
    line-height: 43px
}

.tb--cp-success .tb--cp-success-icon.size-56,.tb--cp-success .tb--shadow-icon.size-56,.tb--shadow-icon-style .tb--cp-success-icon.size-56,.tb--shadow-icon-style .tb--shadow-icon.size-56 {
    height: 56px;
    width: 56px
}

.tb--cp-success .tb--cp-success-icon.size-56:after,.tb--cp-success .tb--shadow-icon.size-56:after,.tb--shadow-icon-style .tb--cp-success-icon.size-56:after,.tb--shadow-icon-style .tb--shadow-icon.size-56:after {
    height: 44px;
    width: 44px
}

.tb--cp-success .tb--cp-success-icon.size-56 i,.tb--cp-success .tb--shadow-icon.size-56 i,.tb--shadow-icon-style .tb--cp-success-icon.size-56 i,.tb--shadow-icon-style .tb--shadow-icon.size-56 i {
    font-size: 32px;
    height: 32px;
    width: 32px
}

.tb--cp-success .tb--cp-success-icon.size-56 i.digi_icon-close,.tb--cp-success .tb--shadow-icon.size-56 i.digi_icon-close,.tb--shadow-icon-style .tb--cp-success-icon.size-56 i.digi_icon-close,.tb--shadow-icon-style .tb--shadow-icon.size-56 i.digi_icon-close {
    font-size: 24px
}

.tb--cp-success .tb--cp-success-icon.size-56 i:before,.tb--cp-success .tb--shadow-icon.size-56 i:before,.tb--shadow-icon-style .tb--cp-success-icon.size-56 i:before,.tb--shadow-icon-style .tb--shadow-icon.size-56 i:before {
    line-height: 32px
}

.tb--cp-success .tb--cp-success-icon:after,.tb--cp-success .tb--cp-success-icon:before,.tb--cp-success .tb--shadow-icon:after,.tb--cp-success .tb--shadow-icon:before,.tb--shadow-icon-style .tb--cp-success-icon:after,.tb--shadow-icon-style .tb--cp-success-icon:before,.tb--shadow-icon-style .tb--shadow-icon:after,.tb--shadow-icon-style .tb--shadow-icon:before {
    background-color: #089d00;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.tb--cp-success .tb--cp-success-icon:before,.tb--cp-success .tb--shadow-icon:before,.tb--shadow-icon-style .tb--cp-success-icon:before,.tb--shadow-icon-style .tb--shadow-icon:before {
    opacity: .2
}

.tb--cp-success .tb--cp-success-icon:after,.tb--cp-success .tb--shadow-icon:after,.tb--shadow-icon-style .tb--cp-success-icon:after,.tb--shadow-icon-style .tb--shadow-icon:after {
    height: 44px;
    opacity: .3;
    width: 44px
}

.tb--cp-success .tb--cp-success-icon.warning:after,.tb--cp-success .tb--cp-success-icon.warning:before,.tb--cp-success .tb--shadow-icon.warning:after,.tb--cp-success .tb--shadow-icon.warning:before,.tb--shadow-icon-style .tb--cp-success-icon.warning:after,.tb--shadow-icon-style .tb--cp-success-icon.warning:before,.tb--shadow-icon-style .tb--shadow-icon.warning:after,.tb--shadow-icon-style .tb--shadow-icon.warning:before {
    background-color: #ffa800;
    opacity: .17
}

.tb--cp-success .tb--cp-success-icon.error:after,.tb--cp-success .tb--cp-success-icon.error:before,.tb--cp-success .tb--shadow-icon.error:after,.tb--cp-success .tb--shadow-icon.error:before,.tb--shadow-icon-style .tb--cp-success-icon.error:after,.tb--shadow-icon-style .tb--cp-success-icon.error:before,.tb--shadow-icon-style .tb--shadow-icon.error:after,.tb--shadow-icon-style .tb--shadow-icon.error:before {
    background-color: #f02849;
    opacity: .17
}

.tb--cp-success .tb--cp-success-icon .digi_icon-check,.tb--cp-success .tb--cp-success-icon .digi_icon-close,.tb--cp-success .tb--cp-success-icon .digi_icon-exclamation-mark,.tb--cp-success .tb--cp-success-icon .digi_icon-info-filled,.tb--cp-success .tb--shadow-icon .digi_icon-check,.tb--cp-success .tb--shadow-icon .digi_icon-close,.tb--cp-success .tb--shadow-icon .digi_icon-exclamation-mark,.tb--cp-success .tb--shadow-icon .digi_icon-info-filled,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-check,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-close,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-exclamation-mark,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-info-filled,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-check,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-close,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-exclamation-mark,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-info-filled {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1
}

.tb--cp-success .tb--cp-success-icon .digi_icon-check:before,.tb--cp-success .tb--cp-success-icon .digi_icon-close:before,.tb--cp-success .tb--cp-success-icon .digi_icon-exclamation-mark:before,.tb--cp-success .tb--cp-success-icon .digi_icon-info-filled:before,.tb--cp-success .tb--shadow-icon .digi_icon-check:before,.tb--cp-success .tb--shadow-icon .digi_icon-close:before,.tb--cp-success .tb--shadow-icon .digi_icon-exclamation-mark:before,.tb--cp-success .tb--shadow-icon .digi_icon-info-filled:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-check:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-close:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-exclamation-mark:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-info-filled:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-check:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-close:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-exclamation-mark:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-info-filled:before {
    height: 100%;
    line-height: 32px;
    width: 100%
}

.tb--cp-success .tb--cp-success-icon .digi_icon-check,.tb--cp-success .tb--cp-success-icon .digi_icon-close,.tb--cp-success .tb--shadow-icon .digi_icon-check,.tb--cp-success .tb--shadow-icon .digi_icon-close,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-check,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-close,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-check,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-close {
    color: #fff;
    font-size: 20px;
    height: 32px;
    width: 32px
}

.tb--cp-success .tb--cp-success-icon .digi_icon-check,.tb--cp-success .tb--shadow-icon .digi_icon-check,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-check,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-check {
    background-color: #089d00
}

.tb--cp-success .tb--cp-success-icon .digi_icon-close,.tb--cp-success .tb--shadow-icon .digi_icon-close,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-close,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-close {
    background-color: #f02849
}

.tb--cp-success .tb--cp-success-icon .digi_icon-info-filled,.tb--cp-success .tb--shadow-icon .digi_icon-info-filled,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-info-filled,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-info-filled {
    background-color: #018fc2;
    color: #fff;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.tb--cp-success .tb--cp-success-icon .digi_icon-info-filled:before,.tb--cp-success .tb--shadow-icon .digi_icon-info-filled:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-info-filled:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-info-filled:before {
    line-height: 16px
}

.tb--cp-success .tb--cp-success-icon .digi_icon-exclamation-mark,.tb--cp-success .tb--shadow-icon .digi_icon-exclamation-mark,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-exclamation-mark,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-exclamation-mark {
    background-color: #ffa800;
    color: #fff;
    font-size: 43px;
    height: 43px;
    width: 43px
}

.tb--cp-success .tb--cp-success-icon .digi_icon-exclamation-mark:before,.tb--cp-success .tb--shadow-icon .digi_icon-exclamation-mark:before,.tb--shadow-icon-style .tb--cp-success-icon .digi_icon-exclamation-mark:before,.tb--shadow-icon-style .tb--shadow-icon .digi_icon-exclamation-mark:before {
    height: 100%;
    line-height: 43px;
    width: 100%
}

.tb--cp-success .tb--cp-success-icon,.tb--shadow-icon-style .tb--cp-success-icon {
    margin: 0 auto 24px
}

.tb--inactive-info {
    align-items: center;
    border-radius: 12px;
    display: flex;
    font-size: 14px;
    justify-content: center;
    margin-bottom: 16px
}

.tb--inactive-info.tb--inactive-step2 {
    background-color: #ebebeb;
    color: #1a1a1a;
    flex-direction: column;
    padding: 16px 12px;
    text-align: center
}

.tb--inactive-info.tb--inactive-step2 i {
    color: #878787;
    font-size: 28px;
    margin-bottom: 12px
}

.tb--inactive-code .tb--resend-conde,.tb--inactive-code>div {
    width: 50%
}

.tb--inactive-code .tb--resend-conde {
    font-size: 12px
}

.tb--resend-conde.tb--btn {
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    color: #908e8e
}

.tb--inactive-row .tb--lbl {
    font-size: 11px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal {
    width: 520px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal {
        width:100%
    }
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel {
        margin-left:0;
        margin-right: 0
    }
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list {
    min-height: 260px;
    padding: 16px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list {
        padding:24px
    }
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates {
    margin-bottom: 24px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item {
    align-items: center;
    border-radius: 24px;
    display: inline-flex;
    margin: 0 8px 8px 0;
    padding: 8px 12px;
    position: relative
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item span {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    opacity: .6;
    z-index: 1
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item span:first-child {
    margin-right: 16px;
    position: relative
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item span:first-child:before {
    background-color: var(--modal-text-color-1);
    content: "";
    height: 100%;
    opacity: .6;
    position: absolute;
    right: -8px;
    top: 0;
    width: 1px;
    z-index: 1
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item:before {
    background-color: var(--modal-bg-color-3);
    border-radius: 24px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item .digi_icon-close {
    color: var(--modal-text-color-1);
    margin-left: 8px;
    opacity: .6
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item .digi_icon-close:before {
    display: inline-block;
    height: 12px;
    line-height: 11px;
    width: 12px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item_more span {
    color: var(--brand-color-1);
    margin-right: 0!important
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item_more span:before {
    content: none!important
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--empty-cont {
    align-items: center;
    color: var(--modal-text-color-2);
    display: flex;
    flex-direction: column;
    opacity: .9
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--empty-cont i {
    font-size: 32px;
    margin: 42px 0 12px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--empty-cont i:before {
    height: 44px;
    line-height: 44px;
    width: 44px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--empty-cont p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    margin-bottom: 66px;
    text-align: center;
    width: 200px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb-form-control {
    margin: 0;
    width: 100%
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb-form-control .tb--btn {
    margin: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb-form-control .tb--radio-lbl {
    padding-inline-start:40px}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control {
    margin-bottom: 16px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--pay-inner-input {
    margin-bottom: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--pay-inner-input .react-select__value-container {
    padding: 0 12px!important
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--pay-inner-input .react-select__option--is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--pay-inner-input .custom-select .react-select__control .digi_icon-history {
    color: var(--modal-text-color-2);
    position: absolute;
    right: 6px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--pay-inner-input .custom-select .react-select__menu {
    border-radius: 12px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--chb-lbl {
    line-height: 22px!important
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb-checkbox-container input {
    display: none
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .custom-select.react-select--is-disabled .react-select__control--is-disabled {
    opacity: .5
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--input::placeholder {
    font-size: 14px
}

@media screen and (max-width: 1024px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb-form-control .tb--input::placeholder {
        font-size:16px
    }
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action .tb-form-control {
    margin-bottom: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action .tb-form-control:first-child {
    margin-right: 16px
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action .tb-form-control .tb--btn {
    margin-bottom: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action .tb-form-control .tb--btn_cancel {
    background-color: var(--modal-bg-color-2);
    color: var(--modal-text-color-2)
}

@media screen and (max-width: 380px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action {
        flex-direction:column
    }

    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit__action .tb-form-control:first-child {
        margin-bottom: 16px;
        margin-right: 0
    }

    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb--gap-12 {
        display: flex;
        flex-direction: column
    }

    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb--gap-12 .tb-form-control:first-child {
        margin-bottom: 8px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list {
        padding:16px
    }
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-form-control.tb--date-check .tb--chb-lbl {
    line-height: 22px!important
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-form-control.tb--date-check .tb-checkbox-container input {
    display: none
}

@media screen and (max-width: 768px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-form-control .tb--pay-inner-input .tb--radio-group .tb--radio-lbl span {
        width:calc(100% - 20px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-form-control .tb--pay-inner-input .tb--radio-group label.tb--input span {
        margin-top:0
    }
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-form-control .tb--pay-inner-input .tb--mob-popup-overlay {
    margin-top: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb--manin__action .tb--btn {
    margin-bottom: 0
}

.tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb--flex-grow .tb-form-control .tb--pay-inner-input .tb--radio-lbl {
    padding-inline-start:40px}

.tb--modal-popup.tb-password-modal {
    background-color: var(--modal-bg-color-1);
    border-radius: 18px
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-image {
    background-color: var(--modal-bg-color-1);
    height: 68px;
    width: 68px
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-image svg {
    height: 32px;
    width: 32px
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-image svg path {
    fill: var(--brand-color-1)
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-body .tb--body-panel {
    border-radius: 18px;
    padding: 72px 32px 32px
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-body .tb--body-panel .tb--modal__text {
    font-weight: 700
}

.tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-body .tb--body-panel .tb--modal__terms {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-body .tb--body-panel {
        padding:0 24px 24px
    }

    .tb--modal-popup.tb-password-modal.tb-terms-modal .tb--modal-body .tb--body-panel .tb--modal-body-top {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb-password-modal .tb--modal-body {
        padding-top:24px
    }

    .tb--modal-popup.tb-password-modal .tb--body-panel {
        border-radius: 18px;
        margin: 0
    }
}

.tb--modal-popup.tb-password-modal .tb--modal-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    min-height: 56px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-popup.tb-password-modal .tb--modal-header:before {
        background-color:initial
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb-password-modal .tb--modal-header {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

.tb--modal-popup.tb-password-modal .tb--modal-body {
    border-radius: 18px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--modal-image {
    background-color: var(--modal-bg-color-1);
    border-radius: 50%;
    height: 68px;
    width: 68px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--modal-image .tb--rc-reminder__icon i {
    font-size: 32px;
    margin: 0
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--modal-image .tb--rc-reminder__icon i:before {
    height: 32px;
    line-height: 32px;
    width: 32px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--modal__second-text,.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--modal__text {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--amount-status {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 16px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--amount-status div {
    font-size: 12px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--amount-status div:first-child {
    color: var(--modal-text-color-3);
    font-weight: 400;
    line-height: 13px;
    text-transform: capitalize
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .tb--amount-status div:nth-child(2) {
    color: var(--modal-text-color-1);
    font-weight: 700;
    line-height: 12px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention {
    align-items: center;
    background-color: #ffa8001f;
    border: 1px solid #ffa800;
    border-radius: 12px;
    display: flex;
    margin-bottom: 24px;
    padding: 16px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info,.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info .tb--status--icon {
    height: 36px;
    width: 36px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info .tb--status--icon.tb--status--icon_info:after {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#018fc27a 33.33%,#ffa800 66.67%,#ffa800 100%);
    height: 36px;
    opacity: .17;
    width: 36px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info .tb--status--icon.tb--status--icon_info:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#018fc280 33.33%,#ffa800 66.67%,#ffa800 100%);
    height: 28px;
    opacity: .17;
    width: 28px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info .tb--status--icon.tb--status--icon_info .digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 50%;
    font-size: 18px;
    height: 20px;
    line-height: 23px;
    width: 20px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--status-block_info .tb--status--icon.tb--status--icon_info .digi_icon-exclamation-mark:before {
    color: var(--modal-text-color-1);
    height: 20px;
    line-height: 20px;
    width: 20px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--info-text {
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--info-text span:first-child {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--body-panel .limit__attention .tb--info-text span:nth-child(2) {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--input-group .tb--input {
    border-radius: 90px;
    height: 42px
}

.tb--modal-popup.tb-password-modal .tb--modal-body .tb--input-group label {
    padding-left: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb-password-modal {
        padding:16px
    }

    .tb--modal-popup.tb-password-modal .tb--modal-header {
        left: 0
    }

    .tb--modal-popup.tb-password-modal .tb--modal-body {
        border-radius: 16px
    }
}

.tb--modal-popup .tb--modal-image {
    background-color: var(--modal-bg-color-1);
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    height: 56px;
    margin: 0 auto 24px;
    width: 56px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--modal-image {
        margin:0 auto 24px
    }
}

.tb--modal-popup .tb--modal-image .b {
    fill: var(--brand-color-1)
}

.tb--modal-popup .tb--modal-image .a {
    fill: var(--modal-bg-color-1)
}

.tb--modal-popup .tb--modal-image svg {
    height: 42px;
    width: 42px
}

.tb--modal-popup .tb--modal-image i {
    color: var(--brand-color-1);
    font-size: 26px
}

.tb--modal-popup .tb--modal-image i:before {
    height: 28px;
    line-height: 28px;
    width: 28px
}

.tb--modal-popup .tb--modal__second-text,.tb--modal-popup .tb--modal__text {
    font-size: 18px;
    font-weight: 500;
    line-height: inherit;
    text-align: center
}

.tb--modal-popup .digi_icon-via_resend_email {
    color: var(--brand-color-1);
    font-size: 19px;
    left: 0;
    position: absolute;
    top: -2px
}

.tb--modal-popup .tb--resend-btn-block {
    padding-left: 30px
}

.tb--modal-popup .tb--resend-btn-block input {
    font-weight: 700!important
}

.tb--modal-popup .tb--resend-btn-block input:focus {
    background-color: initial
}

.tb--modal-popup .tb--resend-code-button {
    background-color: initial;
    border: 0;
    color: var(--brand-color-1);
    font-size: 14px;
    letter-spacing: .56px;
    line-height: 19px;
    outline: none;
    text-transform: capitalize
}

.tb--modal-popup .tb--resend-code-button:disabled {
    color: var(--modal-text-color-2)
}

.tb--modal-popup .tb--input-loader.tb--border-0 {
    border: 0
}

.tb--modal-popup .tb-form-control .tb--label {
    color: var(--background-color-6);
    margin-bottom: 6px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb-form-control .tb--label {
        color:#999
    }
}

.tb--modal-popup .tb-form-control .tb--input {
    font-size: 12px;
    height: 36px;
    padding: 0 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb-form-control .tb--input {
        height:44px
    }
}

.tb--modal-popup .tb-form-control .tb--input::placeholder {
    font-size: 12px
}

.tb--modal-popup .tb-form-control .tb--input:-ms-input-placeholder {
    font-size: 12px
}

.tb--modal-popup .tb-form-control .tb--input::-ms-input-placeholder {
    font-size: 12px
}

.tb--modal-popup .tb-form-control .tb-limit-type {
    border-bottom-right-radius: 2px;
    border-left: none;
    border-top-right-radius: 2px;
    font-size: 10px;
    height: 36px;
    width: 39px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb-form-control .tb-limit-type {
        height:44px
    }
}

.tb--modal-popup .tb-form-control .remove-limit {
    position: absolute
}

.tb--modal-popup .tb-form-control .tb--input_wrapper {
    position: relative;
    width: calc(100% - 39px)
}

.tb--modal-popup .tb-form-control .delete-limit {
    padding: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.tb--modal-popup .tb-form-control .delete-limit.tb--d-none {
    display: none
}

.tb--modal-popup.tb--active-bonus-popup {
    width: 422px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-header:before {
    height: 0
}

.tb--modal-popup.tb--active-bonus-popup .tb--my-profile-popups.tb--body-panel {
    padding: 32px!important
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img {
    margin-bottom: 24px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-src {
    height: 13.5vw
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-src {
        height:33vw
    }
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-src img {
    border-radius: 12px 12px 0 0;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data {
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    margin-top: -10px;
    padding: 16px;
    position: relative
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-id {
    color: var(--modal-text-color-1);
    font-size: 12px;
    margin-bottom: 12px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-id span:first-child {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-id span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-left: 4px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-title {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-amount {
    color: var(--modal-text-color-1);
    font-size: 24px;
    font-weight: 700
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-amount span {
    color: var(--modal-text-color-2);
    font-size: 14px!important;
    font-weight: 400;
    margin-left: 4px;
    text-transform: uppercase;
    word-break: normal
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status {
    align-items: center;
    background: #ffa8001f;
    border: 1px solid #ffa800;
    border: 1px solid var(--Alert,#ffa800);
    border-radius: 12px;
    display: flex;
    height: 92px;
    margin-bottom: 24px;
    padding: 16px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style {
    margin-right: 16px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style .tb--ms-icon {
    height: 36px;
    width: 36px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled {
    font-size: 14px;
    height: 20px;
    width: 20px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled:before {
    line-height: 22px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style .tb--ms-icon:after {
    height: 28px;
    width: 28px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb-info-content h5 {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 4px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb-info-content p {
    color: var(--modal-text-color-3);
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .lb-block h4 {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list {
    width: 100%
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list .slick-slider .slick-list .slick-track .slick-slide:first-child {
    padding-left: 0
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ::-webkit-scrollbar,.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list::-webkit-scrollbar {
    height: 3px;
    width: 6px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ::-webkit-scrollbar-thumb,.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list::-webkit-scrollbar-thumb {
    background-color: hsla(0,4%,49%,.361);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #0000004d
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list_item {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    display: flex!important;
    height: 105px;
    padding: 12px;
    width: 358px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list_item {
        width:100%
    }
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list_img {
    height: 81px;
    width: 162px
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list_img {
        width:110px
    }
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list_img img {
    border-radius: 12px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul {
    margin-left: 12px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li {
    margin-bottom: 8px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:first-child span:first-child {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:first-child span:nth-child(2) {
    color: var(--modal-text-color-1);
    font-weight: 700;
    margin-left: 4px
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:nth-child(2) {
    color: var(--modal-text-color-1);
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 158px
}

@media screen and (max-width: 600px) {
    .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:nth-child(2) {
        width:120px
    }
}

@media screen and (max-width: 375px) {
    .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:nth-child(2) {
        width:80px
    }
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:last-child {
    color: var(--modal-text-color-1);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0
}

.tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:last-child span {
    color: var(--modal-text-color-2);
    font-size: 10px!important;
    font-weight: 400;
    margin-left: 4px;
    text-transform: uppercase
}

.tb--modal-popup .tb--modal-body {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: relative
}

.tb--modal-popup .tb--modal-body.tb--ph-40 {
    padding-left: 40px;
    padding-right: 40px
}

.tb--modal-popup .tb--modal-body.tb--modal-body_small {
    padding-bottom: 40px;
    padding-top: 64px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--modal-body.tb--modal-body_small {
        padding-bottom:130px;
        padding-top: 112px
    }
}

.tb--modal-popup .tb--form-inner,.tb--modal-popup .tb--form-inner_small {
    flex-direction: column
}

.tb--modal-popup .tb--modal__confirm-text {
    line-height: 19px;
    margin: 16px 0 12px;
    text-align: center
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--modal__confirm-text {
        margin:24px 0 70px
    }
}

.tb--modal-popup .tb--radios {
    overflow: hidden
}

.tb--modal-popup .tb--radios h4 {
    margin-bottom: 32px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--radios h4 {
        margin-bottom:24px
    }
}

.tb--modal-popup .tb--radios div {
    display: flex;
    flex-direction: column
}

.tb--modal-popup .tb--radios div label {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.tb--modal-popup .tb--radios [type=radio]:checked,.tb--modal-popup .tb--radios [type=radio]:not(:checked) {
    display: none;
    left: -9999px;
    position: absolute
}

.tb--modal-popup .tb--radios label {
    border: 1px solid #0000;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    cursor: pointer;
    line-height: normal;
    position: relative
}

.tb--modal-popup .tb--radios label.tb--border {
    border: 1px solid var(--brand-color-1)
}

.tb--modal-popup .tb--radios img {
    margin-right: 18px;
    width: 24px
}

.tb--modal-popup .tb--radios i {
    font-size: 24px
}

.tb--modal-popup .tb--radios .tb--radio-text {
    font-size: 14px;
    line-height: 19px;
    padding: 0 8px
}

.tb--modal-popup .tb--radios .tb--radio-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 4px)
}

@media screen and (max-width: 500px) {
    .tb--modal-popup .tb--radios .tb--radio-text span {
        width:calc(100% - 70px)
    }
}

.tb--modal-popup .tb--pass-change_email span {
    display: block;
    width: calc(100% - 36px)
}

.tb--modal-popup .tb--confirm-code-input {
    border-color: #ccc;
    width: 50%
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup .tb--confirm-code-input {
        border-bottom-right-radius:0;
        border-right: 0;
        border-top-right-radius: 0
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--confirm-code-input {
        margin-bottom:24px
    }
}

.tb--modal-popup .tb-confirm-method-link {
    color: var(--modal-text-color-2);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin: 22px auto 0;
    text-transform: capitalize;
    width: -webkit-max-content;
    width: max-content
}

.tb--modal-popup input[type=button] {
    font-weight: 400;
    letter-spacing: .56px
}

@media screen and (min-width: 1024px) {
    .tb--modal-popup .tb--send-code-button {
        background-color:var(--modal-bg-color-2);
        border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
        min-width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }
}

.tb--modal-popup .tb--send-code-button:disabled {
    background-color: #e6e6e6;
    border-color: #ccc;
    color: #00000080;
    font-size: 12px;
    opacity: 1;
    text-transform: none
}

.tb--modal-popup .tb--form-inner_small p {
    color: #1a1a1a;
    font-size: 14px;
    line-height: 19px;
    margin: 34px 0 20px;
    text-align: center
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup .tb--form-inner_small p {
        color:#999;
        margin-top: 74px
    }
}

.tb--modal-popup.tb--rc-reminder-popup {
    background-color: var(--modal-bg-color-2);
    padding: 32px;
    text-align: center;
    width: 420px
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--rc-reminder-popup {
        width:100%
    }
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-popup-icon {
    margin-bottom: 16px
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-popup-icon i.reminder-anim-icon {
    display: inline-block;
    width: 85px
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-popup-icon i.reminder-anim-icon svg * {
    stroke: var(--brand-color-1)
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer {
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 16px;
    text-align: center
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-title {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time {
    align-items: flex-start;
    color: var(--modal-text-color-1);
    display: flex;
    justify-content: center
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time p,.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time>span {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time>span {
    display: inline-block;
    margin: 0 5px
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time p span {
    display: block
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time p span:last-child {
    color: var(--modal-text-color-2);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time .count-down .count-down-day,.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time .count-down .count-down-day+span {
    display: none
}

@media screen and (max-width: 500px) {
    .tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer .tb--rc-timer-time .count-down {
        padding:0
    }
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer-note {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px;
    margin-bottom: 24px
}

.tb--modal-popup.tb--rc-reminder-popup .tb--rc-timer-note a {
    color: var(--brand-color-1);
    text-decoration: underline
}

.tb--modal-popup.tb--two-fa-popup {
    background-color: var(--modal-bg-color-1);
    border-radius: 18px
}

.tb--modal-popup.tb--two-fa-popup .tb--modal-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    min-height: 56px
}

@media screen and (min-width: 1023.9px) {
    .tb--modal-popup.tb--two-fa-popup .tb--modal-header:before {
        background-color:initial
    }
}

.tb--modal-popup.tb--two-fa-popup .tb--body-panel {
    border-radius: 18px
}

.tb--modal-popup.tb--two-fa-popup .tb--body-panel .tb--radios label {
    margin-bottom: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-popup.tb--two-fa-popup {
        padding:16px
    }

    .tb--modal-popup.tb--two-fa-popup .tb--modal-header {
        left: 0
    }

    .tb--modal-popup.tb--two-fa-popup .tb--body-panel {
        border-radius: 18px;
        margin: 0
    }
}

.tb--d-none {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .tb--modal-body_verify {
        align-items:center
    }
}

@media screen and (min-width: 1024px) {
    .tb--popup-wrapper {
        height:calc(100% - 48px);
        padding: 0 6px
    }
}

.tb--popup-wrapper .tb--account-body {
    height: 100%
}

.tb--action-buton_text {
    font-size: 14px
}

.tb--action-buton_text .tb--btn-text {
    height: auto!important;
    line-height: normal!important;
    padding: 0 8px
}

@media screen and (min-width: 1024px) {
    .tb--modal-regFull .tb--action-text_wrapper {
        padding:0 22px
    }
}

.tb--modal-regFull .tb--action-buton_text {
    margin: -16px 0 26px
}

@media screen and (min-width: 1024px) {
    .tb--modal-regFull .tb--action-buton_text {
        margin-left:auto
    }
}

.tb--modal-reg .tb--action-buton_text {
    margin: -10px 0 40px
}

.tb--popup-template {
    background: #0000;
    padding: 213px 58px 32px
}

.tb--popup-template img {
    border-radius: 7px;
    height: calc(100% - 50px);
    left: 24px;
    object-fit: cover;
    position: absolute;
    top: 20px;
    width: 497px;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-template {
        max-height:calc(100% - 200px);
        min-height: 471px;
        padding: 149px 0;
        width: 320px
    }
}

@media screen and (max-width: 600px) {
    .tb--popup-template {
        padding:149px 35px
    }
}

.tb--popup-template .tb--modal-close {
    align-items: center;
    background: #2923234d;
    border-radius: 30px;
    display: flex;
    font-size: 20px;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-template .tb--modal-close {
        right:10px;
        top: 10px
    }
}

.tb--popup-template .tb--modal-close .digi_icon-close {
    color: #fff
}

.tb--popup-template .tb--modal-close .digi_icon-close:before {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.tb--popup-template form {
    margin-top: 32px
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-template form {
        margin-top:18px
    }
}

.tb--popup-template .temp-text {
    font-size: 14px;
    margin: 32px 0;
    white-space: pre-wrap
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-template .temp-text {
        margin-top:18px
    }
}

.tb--popup-template .temp-btn {
    background: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border: 1px solid var(--brand-color-2);
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--background-color-1);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin: auto;
    min-width: 158px;
    padding: 0 16px;
    text-align: center;
    text-transform: uppercase;
    transition: color,background-color .2s
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-template .temp-btn {
        margin-bottom:24px
    }
}

.tb--popup-full .tb--popup-temp {
    max-height: 100vh
}

.tb--popup-temp {
    max-height: calc(100vh - 48px);
    max-width: 100vw;
    overflow: overlay;
    width: 200px
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-temp {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

.tb--popup-temp::-webkit-scrollbar-corner {
    background-color: initial
}

.popup-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.tb--show {
    color: grey
}

.popup-template-size {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

#modal-root .tb--modal-verification .react-select__indicators:after,.tb--bottom-sheet.tb--bottom-sheet__popup .tb--history-filter-mobile .tb--modal-verification .react-select__indicators:after {
    background-color: var(--modal-bg-color-4);
    content: "";
    height: 70%;
    width: 1px
}

.tb--gap_6 {
    gap: 6px
}

@media screen and (min-width: 1023.9px) {
    #modal-root .tb--log_reg_form,#modal-root .tb--two-fa-popup,.popup-to-page .tb--log_reg_form,.popup-to-page .tb--two-fa-popup {
        min-height:460px
    }
}

#modal-root .tb--log_reg_form,.popup-to-page .tb--log_reg_form {
    background-color: var(--modal-bg-color-1);
    overflow: hidden
}

@media screen and (min-width: 1023.9px) {
    #modal-root .tb--log_reg_form,.popup-to-page .tb--log_reg_form {
        border-radius:16px
    }
}

#modal-root .tb--log_reg_form .tb--modal-header,.popup-to-page .tb--log_reg_form .tb--modal-header {
    border-radius: 0
}

#modal-root .tb--log_reg_form .tb--body-panel,.popup-to-page .tb--log_reg_form .tb--body-panel {
    border-radius: 0px 0px 0 0;
    flex-grow: 1
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--log_reg_form .tb--body-panel,.popup-to-page .tb--log_reg_form .tb--body-panel {
        border-radius:16px
    }
}

#modal-root .tb--log_reg_form .tb--body-panel .tb--select-element,.popup-to-page .tb--log_reg_form .tb--body-panel .tb--select-element {
    margin-bottom: 16px
}

#modal-root .tb--log_reg_form .tb--body-panel .tb--action-buton_text,.popup-to-page .tb--log_reg_form .tb--body-panel .tb--action-buton_text {
    flex-wrap: wrap;
    margin: 0 auto
}

#modal-root .tb--log_reg_form .tb--body-panel .tb--action-buton_text .tb--registration-link,.popup-to-page .tb--log_reg_form .tb--body-panel .tb--action-buton_text .tb--registration-link {
    min-width: auto;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--log_reg_form .tb--modal-header,.popup-to-page .tb--log_reg_form .tb--modal-header {
        position:relative
    }
}

#modal-root .tb--log_reg_form .tb--registration-text,.popup-to-page .tb--log_reg_form .tb--registration-text {
    display: inline-block
}

#modal-root .tb--log_reg_form .tb--registration-link,.popup-to-page .tb--log_reg_form .tb--registration-link {
    white-space: break-spaces
}

#modal-root .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer,.popup-to-page .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer {
    padding: 12px 0 0
}

#modal-root .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer .tb--input-loader,#modal-root .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer input.tb--btn,.popup-to-page .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer .tb--input-loader,.popup-to-page .tb--log_reg_form.tb--oneclick-reg_form .tb--reg-footer input.tb--btn {
    width: 100%
}

#modal-root .tb--log_reg_form.tb--oneclick-reg_form .tb-checkbox-container__newsletter,.popup-to-page .tb--log_reg_form.tb--oneclick-reg_form .tb-checkbox-container__newsletter {
    margin-top: 24px
}

#modal-root .tb--log_reg_form .tb--oneclick-reg,.popup-to-page .tb--log_reg_form .tb--oneclick-reg {
    align-items: center;
    color: var(--brand-color-text);
    display: flex;
    justify-content: center;
    min-width: 120px;
    position: relative;
    width: 100%
}

#modal-root .tb--log_reg_form .tb--oneclick-reg i,.popup-to-page .tb--log_reg_form .tb--oneclick-reg i {
    color: var(--brand-color-text);
    font-size: 20px;
    margin: 0 4px
}

#modal-root .tb--log_reg_form .tb--oneclick-reg input.tb--btn,.popup-to-page .tb--log_reg_form .tb--oneclick-reg input.tb--btn {
    color: var(--brand-color-text);
    min-width: auto;
    padding: 0;
    width: auto!important
}

#modal-root .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline,#modal-root .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline i,#modal-root .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline input,.popup-to-page .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline,.popup-to-page .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline i,.popup-to-page .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline input {
    color: var(--brand-color-1)
}

#modal-root .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline input,.popup-to-page .tb--log_reg_form .tb--oneclick-reg.tb--btn-outline input {
    background-color: initial
}

#modal-root .tb--log_reg_form .tb--firebase-block button,.popup-to-page .tb--log_reg_form .tb--firebase-block button {
    cursor: pointer;
    height: 36px;
    padding: 0;
    width: 36px
}

#modal-root .tb--log_reg_form .tb--firebase-block button svg,.popup-to-page .tb--log_reg_form .tb--firebase-block button svg {
    height: 100%;
    width: 100%
}

#modal-root .tb--log_reg_form .tb--firebase-block button svg rect,.popup-to-page .tb--log_reg_form .tb--firebase-block button svg rect {
    stroke: rgb(from var(--modal-text-color-1) r g b/.1)
}

#modal-root .tb--log_reg_form .tb--firebase-block .tb--firebase-row,.popup-to-page .tb--log_reg_form .tb--firebase-block .tb--firebase-row {
    gap: 24px
}

#modal-root .tb--modal-verification label,.popup-to-page .tb--modal-verification label {
    margin-bottom: 4px
}

#modal-root .tb--modal-verification .tb--modal-image,.popup-to-page .tb--modal-verification .tb--modal-image {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    display: flex;
    justify-content: center;
    margin: 0 auto 24px
}

#modal-root .tb--modal-verification .tb--modal-text-content,#modal-root .tb--modal-verification .tb--modal-text-content h4,.popup-to-page .tb--modal-verification .tb--modal-text-content,.popup-to-page .tb--modal-verification .tb--modal-text-content h4 {
    margin-bottom: 24px
}

#modal-root .tb--modal-verification .tb--modal-text-content .tb--modal__confirm-text,.popup-to-page .tb--modal-verification .tb--modal-text-content .tb--modal__confirm-text {
    margin: 0
}

#modal-root .tb--modal-verification .tb--radios,.popup-to-page .tb--modal-verification .tb--radios {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    margin-bottom: 24px;
    position: relative;
    z-index: 0
}

#modal-root .tb--modal-verification .tb--radios:after,.popup-to-page .tb--modal-verification .tb--radios:after {
    background-color: var(--modal-bg-color-1);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

#modal-root .tb--modal-verification .tb--radios>div,.popup-to-page .tb--modal-verification .tb--radios>div {
    display: flex;
    flex-direction: row
}

#modal-root .tb--modal-verification .tb--radios label,.popup-to-page .tb--modal-verification .tb--radios label {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding: 8px 12px;
    width: 100%
}

#modal-root .tb--modal-verification .tb--radios label i,.popup-to-page .tb--modal-verification .tb--radios label i {
    font-size: 24px
}

#modal-root .tb--modal-verification .tb-form-control input[type=button],.popup-to-page .tb--modal-verification .tb-form-control input[type=button] {
    min-height: 36px
}

#modal-root .tb--modal-verification form.tb--form-verificstion svg,.popup-to-page .tb--modal-verification form.tb--form-verificstion svg {
    display: none
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--input.tb--input-white,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--input.tb--input-white {
    height: 100%;
    min-height: 40px
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select {
    border-radius: var(--input-radius-top-left) 0 0 var(--input-radius-bottom-left)!important
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select .custom-select,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select .custom-select {
    margin-right: 0
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select .react-select__control,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-code_select .react-select__control {
    border-radius: var(--input-radius-top-left) 0 0 var(--input-radius-bottom-left)!important;
    border-right: 0
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-number input,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--email-phone-input .tb--mobile-number input {
    border-radius: 0 var(--input-radius-top-right) var(--input-radius-bottom-right) 0
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--verification-code-input .tb--send-code-button,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--verification-code-input .tb--send-code-button {
    background-color: initial;
    border-radius: 0 var(--input-radius-top-right) var(--input-radius-bottom-right) 0;
    height: 36px;
    line-height: 36px;
    min-width: 50%;
    position: static;
    width: 50%
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--input.tb--input-white,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--input.tb--input-white {
    border-color: var(--error-color)
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--input.tb--input-white::placeholder,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--input.tb--input-white::placeholder {
    color: var(--error-color)!important
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--error-mes,#modal-root .tb--modal-verification form.tb--form-verificstion .tb--error-cont+.tb--error-mes,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--error-cont .tb--error-mes,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--error-cont+.tb--error-mes {
    top: 48px
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb-form-control,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb-form-control {
    margin-bottom: 0
}

#modal-root .tb--modal-verification form.tb--form-verificstion .tb-form-control .tb-form-button,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb-form-control .tb-form-button {
    min-height: 36px
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb--log_reg_form,.popup-to-page .tb--log_reg_form {
        border-radius:0;
        width: 100%
    }

    #modal-root .tb--modal-verification,.popup-to-page .tb--modal-verification {
        height: auto;
        min-height: 100%
    }

    #modal-root .tb--modal-verification form.tb--form-verificstion .tb--input.tb--input-white,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--input.tb--input-white {
        min-height: 44px
    }

    #modal-root .tb--modal-verification form.tb--form-verificstion .tb--verification-code-input .tb--send-code-button,.popup-to-page .tb--modal-verification form.tb--form-verificstion .tb--verification-code-input .tb--send-code-button {
        height: 44px;
        line-height: 44px
    }
}

.tb--popup-template_modal {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0
}

.tb--popup-template_modal.tb--modal-lvl3 {
    background-color: initial
}

.tb--popup-blank_content {
    max-width: 100%;
    overflow: auto;
    word-break: break-word
}

.tb--popup-blank_content.tb--bc {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1)
}

.tb--popup-blank_wrapper {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    max-width: 100vw
}

.tb--popup-blank_wrapper.tb--popup-with-dont-show-again .tb-popup-template-brasilia,.tb--popup-blank_wrapper.tb--popup-with-dont-show-again .tb-popup-template-detroit,.tb--popup-blank_wrapper.tb--popup-with-dont-show-again .tb-popup-template-montecarlo,.tb--popup-blank_wrapper.tb--popup-with-dont-show-again .tb-popup-template-paris,.tb--popup-blank_wrapper.tb--popup-with-dont-show-again .tb-popup-template-vegas {
    max-height: calc(100vh - 100px)
}

.tb--popup-blank_wrapper.tb--popup-full .tb-popup-template-brasilia,.tb--popup-blank_wrapper.tb--popup-full .tb-popup-template-detroit,.tb--popup-blank_wrapper.tb--popup-full .tb-popup-template-montecarlo,.tb--popup-blank_wrapper.tb--popup-full .tb-popup-template-paris,.tb--popup-blank_wrapper.tb--popup-full .tb-popup-template-vegas {
    max-height: calc(100vh - 50px)
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-blank_wrapper {
        max-height:100%
    }
}

.tb--popup-blank_wrapper .tb--modal-close {
    margin-left: auto
}

.tb--popup-blank_wrapper .tb--chb-lbl {
    white-space: nowrap
}

.tb--popup-blank_wrapper .tb--chb-lbl .tb--chb-text {
    color: grey!important
}

.tb--popup-blank_inner {
    overflow: hidden;
    position: relative
}

.tb--popup-blank_inner .tb--modal-close {
    align-items: center;
    background: #2923234d;
    border-radius: 30px;
    display: flex;
    font-size: 20px;
    height: 36px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px
}

.tb--popup-blank_inner .tb--popup-blank_content {
    max-height: calc(100vh - 48px)
}

.tb--popup-full .tb--popup-blank_inner .tb--popup-blank_content {
    max-height: 100vh
}

.tb--popup-temp-fix-height {
    max-height: calc(100vh - 48px);
    max-width: 100vw;
    overflow: overlay
}

@media screen and (max-width: 1023.9px) {
    .tb--popup-temp-fix-height {
        position:relative
    }
}

.tb-popup-template-brasilia,.tb-popup-template-detroit,.tb-popup-template-montecarlo,.tb-popup-template-paris,.tb-popup-template-vegas {
    max-width: calc(100vw - 40px)
}

.tb-popup-template-brasilia h3,.tb-popup-template-detroit h3,.tb-popup-template-montecarlo h3,.tb-popup-template-paris h3,.tb-popup-template-vegas h3 {
    font: normal normal 700 30px/39px Roboto
}

.tb-popup-template-brasilia .temp-text,.tb-popup-template-detroit .temp-text,.tb-popup-template-montecarlo .temp-text,.tb-popup-template-paris .temp-text,.tb-popup-template-vegas .temp-text {
    font: normal normal normal 14px/19px Roboto
}

.tb-popup-template-brasilia .temp-btn,.tb-popup-template-detroit .temp-btn,.tb-popup-template-montecarlo .temp-btn,.tb-popup-template-paris .temp-btn,.tb-popup-template-vegas .temp-btn {
    display: inline-block;
    letter-spacing: .56px;
    max-width: 100%;
    transition: all .3s ease-in-out
}

.tb-popup-template-brasilia {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

.tb-popup-template-brasilia .tb--popup-temp {
    flex-grow: 1;
    width: 100%
}

.tb-popup-template-brasilia .tb--popup-template .temp-btn {
    background: none;
    background-color: #ff9d00;
    border: 1px solid #ff9d00;
    color: #000;
    margin: 0 auto;
    min-width: 160px
}

.tb-popup-template-brasilia .tb--popup-template .temp-btn:hover {
    background-color: #cc7e00
}

.tb-popup-template-vegas {
    display: flex
}

.tb-popup-template-vegas .popup-img {
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    width: 100%
}

.tb-popup-template-vegas .popup-header-section {
    min-width: 50%;
    position: relative
}

.tb-popup-template-vegas .popup-header-section .popup-bg-img-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tb-popup-template-vegas .tb--popup-template {
    display: block;
    max-width: 100vw;
    min-width: 50%;
    padding: 86px 24px 40px
}

.tb-popup-template-vegas .tb--popup-template .temp-btn {
    background: none;
    background-color: #292323;
    border: 1px solid #ffb700;
    color: #ffb700;
    margin: 0;
    min-width: 160px
}

.tb-popup-template-vegas .tb--popup-template .temp-btn:hover {
    background-color: #0d0c0c
}

.tb-popup-template-vegas .tb--popup-template .tb--modal-close {
    transition: all .3s ease-in-out
}

.tb-popup-template-vegas .tb--popup-template .tb--modal-close:hover {
    background: #29232380
}

.tb-popup-template-paris .tb--popup-template {
    padding: 66px 48px 32px
}

.tb-popup-template-paris .tb--popup-template .temp-btn {
    background: none;
    background-color: #fff;
    border: 1px solid #fff;
    color: #5d31ba;
    margin: 0 auto;
    min-width: 234px
}

.tb-popup-template-paris .tb--popup-template .temp-btn:hover {
    background-color: #e6e6e6
}

.tb-popup-template-paris .popup-header-section {
    margin-bottom: 18px;
    padding-top: 70px;
    position: relative;
    text-align: center
}

.tb-popup-template-paris .popup-header-section .popup-img {
    height: 180px;
    object-fit: cover;
    vertical-align: middle;
    width: 180px
}

.tb-popup-template-paris .popup-header-section .popup-bg-img-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tb-popup-template-montecarlo {
    overflow: overlay
}

.tb-popup-template-montecarlo .tb--popup-template {
    padding: 66px 48px 32px;
    text-align: center
}

.tb-popup-template-montecarlo .tb--popup-template .temp-text {
    text-align: left
}

.tb-popup-template-montecarlo .tb--popup-template .temp-btn {
    background: none;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    margin: 0 auto;
    min-width: 234px
}

.tb-popup-template-montecarlo .tb--popup-template .temp-btn:hover {
    background-color: #af0545
}

.tb-popup-template-montecarlo .popup-header-section {
    height: 322px;
    position: relative;
    width: 100%
}

.tb-popup-template-montecarlo .popup-header-section .popup-img {
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
    width: 100%
}

.tb-popup-template-montecarlo .popup-header-section .popup-bg-img-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tb-popup-template-detroit {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

.tb-popup-template-detroit .tb--popup-temp {
    flex-grow: 1;
    width: 100%
}

.tb-popup-template-detroit .tb--popup-template {
    padding: 124px 24px 115px
}

.tb-popup-template-detroit .tb--popup-template .temp-btn {
    background: none;
    background-color: #ffb700;
    border: 1px solid #ffb700;
    color: #000;
    min-width: 160px
}

.tb-popup-template-detroit .tb--popup-template .temp-btn:hover {
    background-color: #cc9200
}

@media screen and (max-width: 1023.9px) {
    .tb-popup-template-detroit .tb--popup-template,.tb-popup-template-montecarlo .tb--popup-template,.tb-popup-template-paris .tb--popup-template,.tb-popup-template-vegas .tb--popup-template {
        width:100%
    }

    .tb-popup-template-detroit .tb--popup-template h3,.tb-popup-template-montecarlo .tb--popup-template h3,.tb-popup-template-paris .tb--popup-template h3,.tb-popup-template-vegas .tb--popup-template h3 {
        font: normal normal 700 24px/32px Roboto
    }

    .tb-popup-template-detroit .tb--popup-template .temp-text,.tb-popup-template-montecarlo .tb--popup-template .temp-text,.tb-popup-template-paris .tb--popup-template .temp-text,.tb-popup-template-vegas .tb--popup-template .temp-text {
        margin: 18px 0
    }

    .tb-popup-template-detroit .tb--popup-template .temp-btn,.tb-popup-template-montecarlo .tb--popup-template .temp-btn,.tb-popup-template-paris .tb--popup-template .temp-btn,.tb-popup-template-vegas .tb--popup-template .temp-btn {
        font: normal normal normal 12px/36px Roboto
    }

    .tb-popup-template-vegas {
        display: flex;
        flex-direction: column;
        overflow: overlay;
        position: relative
    }

    .tb-popup-template-vegas .popup-header-section {
        min-width: 100%
    }

    .tb-popup-template-vegas .popup-img {
        max-height: 250px;
        object-fit: cover
    }

    .tb-popup-template-vegas .tb--popup-template {
        flex-grow: 1;
        min-height: auto;
        padding: 24px 24px 36px;
        text-align: center;
        width: 100%
    }

    .tb-popup-template-vegas .tb--popup-template .temp-text,.tb-popup-template-vegas .tb--popup-template h3 {
        text-align: left
    }

    .tb-popup-template-vegas .tb--popup-template .tb--modal-close {
        align-items: center;
        display: flex;
        font-size: 20px;
        height: 36px;
        justify-content: center;
        right: 12px;
        top: 12px;
        width: 36px
    }

    .tb-popup-template-vegas .tb--popup-template .tb--modal-close :before {
        padding: 0
    }

    .tb-popup-template-paris .tb--popup-template {
        min-height: auto;
        padding: 52px 24px
    }

    .tb-popup-template-paris .tb--popup-template .temp-btn {
        min-width: 160px
    }

    .tb-popup-template-paris .popup-header-section {
        padding-top: 40px
    }

    .tb-popup-template-paris .popup-header-section .popup-img {
        height: 160px;
        width: 160px
    }

    .tb-popup-template-montecarlo {
        display: flex;
        flex-direction: column;
        flex-grow: 1
    }

    .tb-popup-template-montecarlo .popup-header-section {
        height: 250px
    }

    .tb-popup-template-montecarlo .tb--popup-template {
        min-height: auto;
        padding: 32px 37px 45px
    }

    .tb-popup-template-montecarlo .tb--popup-template .temp-btn {
        min-width: 160px
    }

    .tb-popup-template-detroit .tb--popup-temp {
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

    .tb-popup-template-detroit .popup-header-section {
        min-height: 236px;
        position: relative;
        width: 100%
    }

    .tb-popup-template-detroit .popup-header-section .popup-img {
        height: 100%;
        object-fit: cover;
        vertical-align: middle;
        width: 100%
    }

    .tb-popup-template-detroit .popup-header-section .popup-bg-img-overlay {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .tb-popup-template-detroit .tb--popup-template {
        max-height: inherit;
        min-height: auto;
        padding: 32px 40px 60px!important;
        width: 100%
    }

    .tb-popup-template-detroit .tb--popup-template .temp-btn {
        margin-bottom: 0;
        min-width: 160px
    }

    .tb-popup-template-brasilia .tb--popup-template {
        padding: 149px 37px 55px;
        width: 100%
    }

    .tb-popup-template-brasilia .tb--popup-temp {
        max-height: 100vh;
        max-width: 100vw
    }
}

.tb--log_reg_form .tb--flex-height-stretch_small {
    display: flex;
    flex-direction: column;
    min-height: 532px
}

@media screen and (max-width: 1023.9px) {
    .tb--log_reg_form .tb--flex-height-stretch_small {
        min-height:auto
    }
}

.tb--log_reg_form .tb--regFull-body {
    flex-grow: 1
}

@media screen and (max-width: 1023.9px) {
    .tb--log_reg_form .tb--message-txt {
        text-align:center
    }
}

.tb--regFull-body .tb--reg-body .tb--col-4>div,.tb--regFull-body .tb--reg-body .tb--col-6>div {
    margin-bottom: 16px
}

.tb--regFull-body .tb--reg-body .tb--day_select,.tb--regFull-body .tb--reg-body .tb--month_select,.tb--regFull-body .tb--reg-body .tb--year_select {
    height: 42px
}

.tb--br-left .tb--custom-data-title,.tb--br-left label {
    padding-left: 18px;
    padding-right: 18px
}

.tb--br-left .tb--reg-footer label {
    padding: 0!important
}

.tb--radius-one :nth-last-child(2) {
    border-radius: 0 0 12px 12px
}

.tb--radius-one .tb--radius :nth-last-child(2) {
    border-radius: 0
}

.tb--radius-one .tb--radius :last-child {
    border-radius: 0 0 12px 12px
}

.tb--radius-one .tb--radius-none :last-child,.tb--radius-one .tb--radius-none :nth-last-child(2) {
    border-radius: 0
}

input.tb--has-eye-icon {
    padding-right: 40px
}

@media screen and (min-width: 1024px) {
    .cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--game_history_table>div:first-child,.cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--home-game-heading,.cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .transaction-item {
        display:flex
    }

    .cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--game_history_table>div:first-child>div,.cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--home-game-heading>div,.cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .transaction-item>div {
        flex: 1 1;
        margin: 0;
        padding-left: 14px;
        padding-right: 14px;
        width: auto;
        word-break: break-word
    }

    .cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--home-game-heading>div {
        padding-left: 14px!important;
        padding-right: 14px!important
    }

    .cashier-form-wrapper:not(.tb--history-banner) .tb--transaction-form .tb--acc_status {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .cashier-form-wrapper:not(.tb--history-banner) .tb--tar {
        text-align: inherit
    }
}

.cashier-form-wrapper .tb--game_history_table .tb--bonus-info-cont .tb--game_history_list_row div,.cashier-form-wrapper .tb--game_history_table .tb--bonus-info-cont .tb--home-game-heading div,.cashier-form-wrapper .tb--game_history_table .tb--bonus-info-cont .tb--trans_history_list_row div {
    flex: auto!important;
    margin: 0!important;
    padding: 0!important;
    width: 100%!important
}

.popup-banner {
    padding: 16px
}

.popup-banner .popup-banner_inner {
    border-radius: 12px;
    overflow: hidden;
}

.popup-banner .popup-banner_inner img {
    height: 100%;
    /*object-fit: cover;*/
    width: 100%
}

.popup-banner .popup-banner_inner iframe {
    height: 56.25vw;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.tb--modal-account .tb--tournament-video.tb--video-banner {
    height: 90px;
    padding: 0
}

.tb--modal-image {
    align-items: center;
    display: flex;
    justify-content: center
}

.tb--two-fa-popup .tb--body-panel .tb--modal-header {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    min-height: 56px
}

.tb--two-fa-popup .tb--body-panel .tb--modal-body.tb--modal-body_small {
    padding-bottom: 0;
    padding-top: 127px
}

.tb--two-fa-popup .tb--body-panel .tb--modal-body .tb--form-inner_small p {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.tb--two-fa-popup .tb--modal-image {
    background-color: var(--modal-bg-color-1);
    height: 68px;
    width: 68px
}

.tb--two-fa-popup .tb--modal-image .a {
    fill: #0000
}

.tb--two-fa-popup .tb--modal-image svg {
    height: 50px;
    width: 50px
}

.tb--two-fa-popup .tb--modal-image svg path {
    fill: #0000
}

.tb--two-fa-popup .tb--modal-image svg #account_update path {
    fill: var(--brand-color-1)
}

.tb--two-fa-popup .tb--modal-image svg #password path {
    fill: var(--modal-text-color-2)
}

.tb--two-fa-popup .tb--radios {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.tb--two-fa-popup .tb--radios:after {
    background-color: var(--modal-bg-color-1);
    bottom: 0;
    content: "";
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.tb--two-fa-popup .tb--radios>div {
    flex-direction: row
}

.tb--two-fa-popup .tb--radios label {
    align-items: center;
    background-color: var(--modal-bg-color-1);
    border: 1px solid #0000;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    min-height: 42px;
    padding: 8px 12px;
    width: 100%
}

.tb--two-fa-popup .tb--modal__text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    text-transform: capitalize
}

.tb--two-fa-popup .tb--radio-text_selected {
    border-radius: 12px;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 600;
    margin-top: 24px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    z-index: 0
}

.tb--two-fa-popup .tb--radio-text_selected:after {
    background-color: var(--modal-bg-color-1);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.tb--two-fa-popup .tb--modal__confirm-text {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    margin-top: 0
}

.tb--two-fa-popup .tb--modal__confirm-text span {
    color: var(--modal-text-color-1)
}

.tb--two-fa-popup .tb--send-code {
    margin-top: 16px
}

.tb--two-fa-popup .tb--move-bottom {
    margin-bottom: -33px
}

.tb--two-fa-popup .tb-confirm-method-link {
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 17px!important;
    text-transform: uppercase
}

.tb--two-fa-popup .tb-confirm-method-link i {
    font-size: 20px
}

.tb--send-code {
    display: flex;
    justify-content: center
}

.tb--send-code.tb--resend-code {
    margin-bottom: 42px;
    margin-top: 8px
}

.tb--send-code input.tb--text {
    background: #0000;
    border: none;
    color: var(--brand-color-1);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.tb--send-code .tb--send-code_text {
    color: var(--modal-text-color-2);
    font-size: 14px
}

.tb--send-code .digi_icon-via_resend_email {
    margin: 0 4px;
    position: relative
}

#modal-root .tb--registration-verification .tb--modal-image,.popup-to-page .tb--registration-verification .tb--modal-image {
    height: 56px;
    width: 56px
}

#modal-root .tb--registration-verification .tb--modal-image .a,.popup-to-page .tb--registration-verification .tb--modal-image .a {
    fill: #0000
}

#modal-root .tb--registration-verification .tb--modal-image i,.popup-to-page .tb--registration-verification .tb--modal-image i {
    color: var(--brand-color-1);
    font-size: 28px
}

#modal-root .tb--registration-verification .tb--modal-image i:before,.popup-to-page .tb--registration-verification .tb--modal-image i:before {
    height: 28px;
    line-height: 28px;
    width: 28px
}

#modal-root .tb--registration-verification .tb--modal-image svg,.popup-to-page .tb--registration-verification .tb--modal-image svg {
    height: 50px;
    width: 50px
}

#modal-root .tb--registration-verification .tb--modal-image svg path,.popup-to-page .tb--registration-verification .tb--modal-image svg path {
    fill: var(--brand-color-1)
}

#modal-root .tb--registration-verification .tb--modal-popup .tb--modal__text,.popup-to-page .tb--registration-verification .tb--modal-popup .tb--modal__text {
    font-size: 16px
}

#modal-root .tb--registration-verification .tb--verification-code-input+.tb-form-control,.popup-to-page .tb--registration-verification .tb--verification-code-input+.tb-form-control {
    margin-bottom: -33px!important
}

#modal-root .tb--registration-verification .tb--verification-code-input+.tb-form-control .tb-confirm-method-link,.popup-to-page .tb--registration-verification .tb--verification-code-input+.tb-form-control .tb-confirm-method-link {
    margin-bottom: 16px;
    margin-top: 16px!important
}

#modal-root .tb--registration-verification .tb--verification-code-input+.tb-form-control.tb--mb-0,.popup-to-page .tb--registration-verification .tb--verification-code-input+.tb-form-control.tb--mb-0 {
    margin-bottom: 0!important
}

#modal-root .tb--registration-verification .tb-confirm-method-link,.popup-to-page .tb--registration-verification .tb-confirm-method-link {
    align-items: center;
    display: flex;
    max-width: 100%;
    text-align: center;
    text-transform: capitalize
}

#modal-root .tb--registration-verification .tb-confirm-method-link i,.popup-to-page .tb--registration-verification .tb-confirm-method-link i {
    font-size: 20px
}

#modal-root .tb--registration-verification .tb--modal__confirm-text .tb--text-bold,.popup-to-page .tb--registration-verification .tb--modal__confirm-text .tb--text-bold {
    color: var(--modal-text-color-1)
}

#modal-root .tb--my-profile-popups .tb--icon-bg,.popup-to-page .tb--my-profile-popups .tb--icon-bg {
    background-color: var(--modal-bg-color-1);
    height: 56px;
    width: 56px
}

#modal-root .tb--my-profile-popups .tb--icon-bg svg,.popup-to-page .tb--my-profile-popups .tb--icon-bg svg {
    height: 32px;
    width: 32px
}

#modal-root .tb--my-profile-popups .tb--icon-bg svg path,.popup-to-page .tb--my-profile-popups .tb--icon-bg svg path {
    fill: var(--brand-color-1);
    opacity: 1
}

#modal-root .tb--my-profile-popups .tb--modal__second-text,#modal-root .tb--my-profile-popups .tb--modal__text,.popup-to-page .tb--my-profile-popups .tb--modal__second-text,.popup-to-page .tb--my-profile-popups .tb--modal__text {
    font-size: 16px;
    margin-bottom: 24px
}

#modal-root .tb--my-profile-popups .tb--resend-btn-block .tb--resend-code-button,.popup-to-page .tb--my-profile-popups .tb--resend-btn-block .tb--resend-code-button {
    color: var(--brand-color-1);
    opacity: 1;
    text-transform: uppercase
}

#modal-root .tb--my-profile-popups .tb--resend-btn-block .tb--resend-code-button:focus,.popup-to-page .tb--my-profile-popups .tb--resend-btn-block .tb--resend-code-button:focus {
    background-color: initial;
    color: var(--brand-color-1)
}

#modal-root .tb--my-profile-popups .tb--resend-btn-block input:disabled,.popup-to-page .tb--my-profile-popups .tb--resend-btn-block input:disabled {
    opacity: 50%
}

#modal-root .tb--my-profile-popups .tb--resend-code-button,.popup-to-page .tb--my-profile-popups .tb--resend-code-button {
    color: var(--modal-text-color-2);
    text-decoration: none
}

#modal-root .tb--my-profile-popups .tb--resend-code-button:disabled,.popup-to-page .tb--my-profile-popups .tb--resend-code-button:disabled {
    background-color: initial!important
}

#modal-root .tb--my-profile-popups .tb--message-txt span,.popup-to-page .tb--my-profile-popups .tb--message-txt span {
    color: var(--modal-text-color-1)
}

#modal-root .tb--my-profile-popups .tb--verify-btn-block,.popup-to-page .tb--my-profile-popups .tb--verify-btn-block {
    align-items: flex-end;
    display: flex
}

@media screen and (max-width: 1023.9px) {
    #modal-root .tb-verify-popup,.popup-to-page .tb-verify-popup {
        height:auto;
        min-height: 100%
    }
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--body-panel {
    padding: 32px
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info {
    background: var(--modal-bg-color-1);
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 12px 16px
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info>li {
    align-items: center;
    color: var(--modal-text-color-3);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    justify-content: space-between;
    width: 100%
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info>li:not(:last-child) {
    margin-bottom: 10px
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info>li span:first-child {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    line-height: 21px
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info>li span:first-child i {
    font-size: 18px;
    opacity: 80%
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg ul.tb--oneclick-success-info>li span:last-child {
    color: var(--modal-text-color-1);
    font-weight: 700
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--reg-footer {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 0
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--reg-footer .tb--btn {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--reg-footer .tb--btn i {
    font-size: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--reg-footer {
        display:block
    }

    .tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--reg-footer .tb--btn:not(:last-child) {
        margin-bottom: 24px
    }
}

.tb--success-popup_reg.tb--oneclick-success-popup_reg .tb--send-btn-box {
    margin-top: auto
}

.tb--success-popup_reg.page__rag-success {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    min-height: calc(100vh - 56px);
    padding: 60px 16px
}

.tb--success-popup_reg.page__rag-success .tb--modal-header,.tb--success-popup_reg.page__rag-success .tb--modal-logo {
    display: none
}

.tb--popup_join .tb--btn-forgot-password,.tb--popup_join .tb--btn-forgot-username {
    text-decoration: none
}

.tb--popup_join .tb--action-buton_text {
    align-items: center;
    flex-direction: column;
    gap: 24px
}

.tb--popup_join .tb--action-buton_text .tb--registration-text {
    display: block;
    font-size: 12px;
    position: relative;
    width: 100%
}

.tb--popup_join .tb--action-buton_text .tb--registration-text:before {
    background-color: var(--modal-text-color-2);
    content: "";
    height: .5px;
    left: 0;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 50%
}

.tb--popup_join .tb--action-buton_text .tb--registration-text span {
    background-color: var(--modal-bg-color-2);
    padding: 0 12px;
    position: relative
}

.tb--popup_join .tb--registration-link {
    border: 1px solid var(--brand-color-1);
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    height: 40px;
    line-height: 40px;
    padding-left: 23px;
    padding-right: 23px;
    text-align: center;
    width: 100%!important
}

.tb--popup_join .tb--registration-link:hover {
    color: var(--brand-color-1)
}

.tb--popup_join .tb--action-buton_text .tb--btn-text {
    height: 44px!important;
    line-height: 44px!important
}

.tb--oneclick-button-animated {
    background-color: var(--brand-color-1);
    color: var(--background-color-1)
}

.tb--oneclick-button-animated__content {
    align-items: center;
    animation: moveit .9s ease forwards;
    display: flex;
    justify-content: center
}

.tb--oneclick-button-animated__content i {
    font-size: 24px!important;
    margin-left: -2px
}

@keyframes moveit {
    0% {
        margin-top: -250px
    }

    20% {
        margin-top: 6px
    }

    40% {
        margin-top: -4px
    }

    60% {
        margin-top: 3px
    }

    80% {
        margin-top: -2px
    }

    to {
        margin-top: 0
    }
}

.tb--status-block {
    align-items: center;
    border: 1px solid;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    padding: 16px
}

.tb--status-block h4 {
    color: var(--modal-text-color-2);
    font-size: 14px;
    line-height: 1;
    margin-bottom: 8px
}

.tb--status-block p {
    color: var(--modal-text-color-3);
    font-size: 14px
}

.tb--status-block p a {
    text-decoration: underline
}

.tb--status-block .tb--status--icon {
    flex: 0 0 36px;
    height: 36px;
    width: 36px
}

.tb--status-block .tb--status--icon i {
    font-size: 24px!important;
    height: 20px;
    line-height: 23px;
    width: 20px
}

.tb--status-block .tb--status--icon i:before {
    align-items: center;
    display: flex;
    justify-content: center
}

.tb--status-block .tb--status--icon:after {
    height: 28px;
    width: 28px
}

.tb--status-block .tb--status--icon .digi_icon-check,.tb--status-block .tb--status--icon .digi_icon-error_new {
    font-size: 26px
}

.tb--status-block .tb--status--icon .digi_icon-error_new:before {
    line-height: 24px
}

.tb--status-block .tb--status--icon .digi_icon-check:before {
    line-height: 28px
}

.tb--status-block.tb--status-block_error .tb--status--icon i {
    font-size: 16px!important
}

.tb--status-block.tb--status-block_error .tb--status--icon:after {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#f028497a 33.33%,#f02849 66.67%,#f02849 100%);
    opacity: .17
}

.tb--status-block.tb--status-block_error .tb--status--icon:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#f0284980 33.33%,#f02849 66.67%,#f02849 100%);
    opacity: .17
}

.tb--status-block.tb--status-block_success .tb--status--icon:after,.tb--status-block.tb--status-block_success .tb--status--icon:before {
    background-color: #089d00
}

.tb--status-block.tb--status-block_warning .tb--status--icon i {
    font-size: 16px!important
}

.tb--status-block.tb--status-block_warning .tb--status--icon i.digi_icon-exclamation_verify {
    font-size: 14px!important
}

.tb--status-block.tb--status-block_warning .tb--status--icon:after,.tb--status-block.tb--status-block_warning .tb--status--icon:before {
    background-color: #ffa800
}

.tb--status-block.tb--status-block_warning .tb--status--icon .tb--status--icon:before {
    opacity: .2
}

.tb--status-block.tb--status-block_warning .tb--status--icon .tb--status--icon:after {
    opacity: .3
}

.tb--status--icon {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: center;
    position: relative;
    width: 54px
}

.tb--status--icon:after,.tb--status--icon:before {
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.tb--status--icon:after {
    height: 42px;
    opacity: .09;
    width: 42px
}

.tb--status--icon:before {
    opacity: .1
}

.tb--status--icon .digi_icon-check,.tb--status--icon .digi_icon-error_new,.tb--status--icon .digi_icon-exclamation_verify,.tb--status--icon .digi_icon-info-filled {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 28px;
    position: relative;
    width: 28px;
    z-index: 1
}

.tb--status--icon .digi_icon-check:before,.tb--status--icon .digi_icon-error_new:before,.tb--status--icon .digi_icon-exclamation_verify:before,.tb--status--icon .digi_icon-info-filled:before {
    height: 100%;
    width: 100%
}

.tb--status--icon .digi_icon-close {
    background-color: #f02849;
    border-radius: 50%;
    color: #d9d9d9;
    display: inline-block;
    font-size: 24px;
    height: 32px;
    position: relative;
    width: 32px;
    z-index: 1
}

.tb--status--icon .digi_icon-close:before {
    height: 100%;
    line-height: 32px;
    width: 100%
}

.tb--status--icon .digi_icon-exclamation_verify,.tb--status--icon .digi_icon-info-filled {
    background-color: #ffa800
}

.tb--status--icon .digi_icon-exclamation_verify:before,.tb--status--icon .digi_icon-info-filled:before {
    line-height: 20px
}

.tb--status--icon .digi_icon-check {
    background-color: #089d00
}

.tb--status--icon .digi_icon-check:before {
    line-height: 28px
}

.tb--status--icon.tb--status--icon_error:after {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#f028497a 33.33%,#f02849 66.67%,#f02849 100%);
    opacity: .17
}

.tb--status--icon.tb--status--icon_error:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#f0284980 33.33%,#f02849 66.67%,#f02849 100%);
    opacity: .17
}

.tb--status--icon.tb--status--icon_success:after,.tb--status--icon.tb--status--icon_success:before {
    background-color: #089d00
}

.tb--status--icon.tb--status--icon_warning:after {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#ffa8007a 33.33%,#ffa800 66.67%,#ffa800 100%);
    opacity: .17
}

.tb--status--icon.tb--status--icon_warning:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#ffa80080 33.33%,#ffa800 66.67%,#ffa800 100%);
    opacity: .17
}

.tb--status--icon.tb--status--icon_warning i.digi_icon-exclamation-mark {
    background-color: #ffa800;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    margin: 0 4px
}

.tb--status--icon.tb--status--icon_warning.tb--size-24 {
    flex: 0 0 24px;
    height: 24px;
    width: 24px
}

.tb--status--icon.tb--status--icon_warning.tb--size-24:before {
    height: 19px;
    width: 19px
}

.tb--status--icon.tb--status--icon_warning.tb--size-24:after {
    height: 24px;
    width: 24px
}

.tb--status--icon.tb--status--icon_warning.tb--size-24 i.digi_icon-exclamation-mark,.tb--status--icon.tb--status--icon_warning.tb--size-24 i.digi_icon-exclamation-mark:before {
    font-size: 12px;
    height: 14px;
    width: 14px
}

.tb--status--icon.tb--status--icon_warning.tb--size-36 {
    flex: 0 0 36px;
    height: 36px;
    width: 36px
}

.tb--status--icon.tb--status--icon_warning.tb--size-36:before {
    height: 28px;
    width: 28px
}

.tb--status--icon.tb--status--icon_warning.tb--size-36:after {
    height: 36px;
    width: 36px
}

.tb--status--icon.tb--status--icon_warning.tb--size-36 i.digi_icon-exclamation-mark,.tb--status--icon.tb--status--icon_warning.tb--size-36 i.digi_icon-exclamation-mark:before {
    font-size: 18px;
    height: 20px;
    width: 20px
}

.tb--status-block_error {
    background-color: #f028491f;
    border-color: #e62020
}

.tb--status-block_success {
    background-color: rgba(8,157,0,.078);
    border-color: #089d00
}

.tb--status-block_warning {
    background-color: #ffa8001f;
    border-color: #ffa800
}

.tb--status-block_info,.tb--status-block_info .tb--status--icon.tb--status--icon_info {
    height: 24px;
    width: 24px
}

.tb--status-block_info .tb--status--icon.tb--status--icon_info:after {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#018fc27a 33.33%,#018fc2 66.67%,#018fc2 100%);
    height: 24px;
    opacity: .17;
    width: 24px
}

.tb--status-block_info .tb--status--icon.tb--status--icon_info:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff0 0,#018fc280 33.33%,#018fc2 66.67%,#018fc2 100%);
    height: 19px;
    opacity: .17;
    width: 19px
}

.tb--status-block_info .tb--status--icon.tb--status--icon_info .digi_icon-info-filled {
    background-color: #018fc2;
    font-size: 12px;
    height: 14px;
    width: 14px
}

.tb--status-block_info .tb--status--icon.tb--status--icon_info .digi_icon-info-filled:before {
    line-height: 15px
}

.tb--rtl .tb--log_reg_form input {
    direction: ltr
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .limit__attention .tb--info-text {
    margin-left: 0;
    margin-right: 12px
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item {
    margin-left: 12px;
    margin-right: 0
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item .tb--item-image span,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item .tb--item-image span,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item .tb--item-image span {
    margin-left: 0;
    margin-right: 16px
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item .tb--item-info .lm .valid-info,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item .tb--item-info .lm .valid-info,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item .tb--item-info .lm .valid-info {
    left: auto;
    right: 104px;
    top: 1px
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item:last-child,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item:last-child,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item:last-child {
    margin-left: 0
}

@media screen and (max-width: 1280px) {
    .tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item:nth-child(2n),.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item:nth-child(2n),.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item:nth-child(2n) {
        margin-left:0
    }
}

@media screen and (max-width: 768px) {
    .tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item {
        margin-bottom:12px;
        margin-left: 0
    }

    .tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .bet-limit__block .limit__item:last-child,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .deposit-limit__block .limit__item:last-child,.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .loss-limit__block .limit__item:last-child {
        margin-bottom: 0
    }
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .access-limit__block .r-limit__title .r-limit--img h3 {
    margin: 0 12px 0 0
}

.tb--rtl .tb--modal-account .tb--account-body.tb--account-body-gaming .tb--gambling-content .access-limit .access-limit__block .r-limit__content .r-list__block .r-list__items .access-limit__item .tb--item-info .status-block .status-text {
    margin-left: 0;
    margin-right: 6px
}

.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb-form-control .tb--custom-data-title,.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb-form-control label {
    padding-left: 0;
    padding-right: 12px
}

.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item span:first-child {
    margin-left: 16px;
    margin-right: 0
}

.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item span:first-child:before {
    left: -8px;
    right: auto
}

.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-dates__item .digi_icon-close {
    margin-left: 0;
    margin-right: 8px
}

.tb--rtl .tb--modal-popup.tb--limit-modal.tb--access-limit-modal .tb--modal-body .tb--body-panel .tb-modal__list .tb--set-limmit .tb--set-limmit__action .tb-form-control:first-child {
    margin-left: 16px;
    margin-right: 0
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list {
    padding-left: 4px;
    padding-right: 0
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-img .tb--bonus-src {
    margin-left: 12px;
    margin-right: 0
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape {
    left: auto;
    right: 6px
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape i {
    margin-left: 4px;
    margin-right: 0
}

@media screen and (max-width: 600px) {
    .tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-img .tb--bonus-src .type-shape {
        right:12px
    }
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-img .data-title .data-type span:first-child {
    margin-left: 4px;
    margin-right: 0
}

.tb--rtl .tb--modal-popup.tb--bonus-request-popup .tb--body-panel .tb--modal-body .tb--bonus-list .tb--bonus-item .tb--bonus-data .read-more-less {
    margin-left: 0;
    margin-right: 4px
}

.tb--rtl .tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .tb--live-casino_navbar_wrapper .tb--filter-desktop .tb--live-casino_navbar {
    padding: 6px 16px 6px 8px
}

.tb--rtl .tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .casino--container .tb--providers-block {
    padding: 14px 16px 14px 48px
}

.tb--rtl .tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .casino--container .tb--providers-block.open ul.tb--providers_list li {
    margin: 0 0 17px 24px
}

.tb--rtl .tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .casino--container .tb--providers-block ul.tb--providers_list li {
    margin: 0 0 27px 24px
}

.tb--rtl .tb--modal-popup.tb--add-game-popup .tb--body-panel .tb--modal-body .casino--container .tb--providers-block .tb--providers-arrow {
    left: 8px;
    right: auto
}

.tb--rtl .tb--modal-popup.tb--request-popup .request__attention .tb--info-text {
    text-align: right
}

.tb--rtl .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb-bonus-status .tb--ms-icon-style {
    margin-left: 16px;
    margin-right: 0
}

.tb--rtl .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul {
    margin-left: 12px;
    margin-right: 12px
}

.tb--rtl .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .linked-list ul li:first-child span:nth-child(2),.tb--rtl .tb--modal-popup.tb--active-bonus-popup .tb--modal-body .tb--bonus-img .tb--bonus-data .data-id span:nth-child(2) {
    margin-left: 0;
    margin-right: 4px
}

.tb--rtl .tb--set-limmit .tb-form-control .tb--pay-inner-input .custom-select .react-select__control .digi_icon-history {
    left: 6px;
    right: auto!important
}

.tb--rtl .tb-form-control,.tb--rtl .tb-limit-type {
    left: 7px;
    right: auto!important
}

.tb--ms-icon-style.ms-icon {
    margin-bottom: 16px
}

.tb--ms-icon-style .tb--ms-icon {
    align-items: center;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 72px
}

.tb--ms-icon-style .tb--ms-icon:after,.tb--ms-icon-style .tb--ms-icon:before {
    background-color: #089d00;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.tb--ms-icon-style .tb--ms-icon:before {
    opacity: .1
}

.tb--ms-icon-style .tb--ms-icon:after {
    height: 56px;
    opacity: .09;
    width: 56px
}

.tb--ms-icon-style .tb--ms-icon.warning:after,.tb--ms-icon-style .tb--ms-icon.warning:before {
    background-color: #ffa800;
    opacity: .17
}

.tb--ms-icon-style .tb--ms-icon.size-28 {
    height: 56px;
    width: 56px
}

.tb--ms-icon-style .tb--ms-icon.size-28:after {
    height: 44px;
    width: 44px
}

.tb--ms-icon-style .tb--ms-icon .digi_icon-exclamation-mark,.tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled {
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1
}

.tb--ms-icon-style .tb--ms-icon .digi_icon-exclamation-mark:before,.tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled:before {
    height: 100%;
    line-height: 38px;
    width: 100%
}

.tb--ms-icon-style .tb--ms-icon .digi_icon-exclamation-mark,.tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled {
    background-color: #ffa800;
    color: #fff;
    font-size: 16px;
    height: 32px;
    width: 32px
}

.tb--ms-icon-style .tb--ms-icon .digi_icon-exclamation-mark:before,.tb--ms-icon-style .tb--ms-icon .digi_icon-info-filled:before {
    line-height: 32px
}

.tb--ms-icon-style .tb--ms-icon .digi_icon-exclamation-mark {
    font-size: 32px
}

.cookies-policy {
    color: var(--text-color-3);
    font-size: 10px;
    margin: 34px auto 100px;
    text-align: center;
    width: 685px
}

.tb--banner:empty {
    margin: 0
}

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

.tb--banner .tb--banner-btns {
    bottom: 8px;
    position: absolute;
    right: 8px
}

.tb--banner .tb--banner-btns a {
    border: 2px solid var(--white-color);
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 18px;
    z-index: 1
}

@media screen and (max-width: 1248px) {
    .tb--banner .tb--banner-btns a {
        height:14px;
        width: 14px
    }
}

.tb--banner .tb--banner-btns a:active:before {
    background-color: var(--white-color);
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 8px
}

@media screen and (max-width: 1248px) {
    .tb--banner .tb--banner-btns a:active:before {
        height:6px;
        left: 2px;
        top: 2px;
        width: 6px
    }
}

@media screen and (min-width: 1024.9px) {
    .tb--empty-profile_banner+.tb--ducoments-content {
        flex:1 1
    }

    .tb--empty-profile_banner+.tb--bonuses-form .tb--history-body .tb--history-empty {
        height: calc(100vh - 474px)
    }

    .tb--empty-profile_banner+.tb--promo-codes {
        height: calc(100% - 10px)
    }

    .tb--empty-profile_banner.cashier-form-wrapper.cashier-form-wrapper_two {
        border-radius: 12px;
        min-height: calc(100% - 10px)
    }

    .tb--empty-profile_banner.cashier-form-wrapper .tb--preloader-container {
        min-height: calc(100vh - 380px)
    }

    .tb--empty-profile_banner+.cashier-form-wrapper {
        min-height: calc(100% - 214px)
    }

    .tb--empty-profile_banner+.tb--norecent-game {
        min-height: calc(100% - 10px)
    }

    .tb--empty-profile_banner .tb--preloader-container {
        min-height: calc(100vh - 330px)
    }

    .tb--modal-account .tb--empty-profile_banner+.tb--preloader-container {
        height: calc(100% - 70px)
    }
}

.tb--banner-video_cover {
    height: 100%;
    position: absolute!important;
    top: 0;
    width: 100%;
    z-index: 1
}

.tb--input-container {
    display: flex;
    flex-direction: column
}

.tb--input-container label {
    order: -1
}

.tb--profile-left-cont .tb--input-fix:focus+.input-label,.tb--profile-left-cont .tb--input:focus+.input-label {
    color: red
}

body #modal-root .react-select__control:focus,body #modal-root .tb--input-white:focus,body #modal-root .tb--input:focus {
    border-color: #ff0000;
}

body #modal-root .react-select__control:focus~i,body #modal-root .tb--input-white:focus~i,body #modal-root .tb--input:focus~i {
    color: var(--brand-color-1)
}

body #modal-root .react-select__control--is-focused {
    border-color: #ff0000;
}

body #modal-root .react-select__control--is-focused i {
    color: var(--brand-color-1)
}

.tb--input,.tb--input-fix {
    -webkit-appearance: none;
    border: 1px solid #0000;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    font-size: 14px;
    height: 42px;
    line-height: 41px;
    outline: 0;
    padding: 0 15px
}

.tb--input-fix.disabled,.tb--input-fix:disabled,.tb--input.disabled,.tb--input:disabled {
    background-color: initial;
    border-color: #ccc;
    color: #ccc;
}

.tb--input-fix:focus,.tb--input:focus {
    border-color: #fb0b0b;
    outline: none
}

.tb--input-fix.tb--input-error,.tb--input.tb--input-error {
    border: 1px solid var(--error-color)
}

.tb--input-fix.tb--fasri_input,.tb--input.tb--fasri_input {
    direction: ltr
}

@media screen and (max-width: 1023.9px) {
    .tb--input,.tb--input-fix {
        font-size:16px;
        height: 44px
    }
}

.tb--input {
    width: 100%
}

.tb--input-h_42 {
    height: 42px
}

.tb--input-fix {
    width: 280px
}

@media screen and (max-width: 1023.9px) {
    .tb--input-fix {
        width:100%
    }
}

::placeholder {
    color: #ccc;
    opacity: 1
}

:-ms-input-placeholder {
    color: #ccc
}

::-ms-input-placeholder {
    color: #ccc
}

.tb--input-white {
       background: #363747;
    color: #f9f9f98f;
}

input[type=number] {
    color: var(--theme-color1)
}

.tb--custom-radio-inp+label:before {
    box-shadow: inset 0 0 0 .2em #ccc,inset 0 0 0 1em #ccc;
    transition: all .3s ease
}

.tb--custom-radio-inp:checked+label:before {
    box-shadow: inset 0 0 0 .2em #707070,inset 0 0 0 1em var(--brand-color-1);
    transition: all .3s ease
}



/*!
 * https://github.com/NateRadebaugh/react-datetime
 */
.rdtPicker {
    box-shadow: 0 1px 3px #0000001a;
    margin-top: 1px;
    padding: 4px;
    width: 250px
}

.rdtPicker .rdtTimeToggle {
    text-align: center
}

.rdtPicker table {
    margin: 0;
    width: 100%
}

.rdtPicker td,.rdtPicker th {
    height: 28px;
    text-align: center
}

.rdtPicker .rdtDay:hover,.rdtPicker .rdtHour:hover,.rdtPicker .rdtMinute:hover,.rdtPicker .rdtSecond:hover,.rdtPicker .rdtTimeToggle:hover,.rdtPicker td {
    cursor: pointer
}

.rdtPicker td.rdtToday {
    position: relative
}

.rdtPicker td.rdtToday:before {
    border-bottom: 7px solid #428bca;
    border-left: 7px solid #0000;
    border-top-color: #0003;
    bottom: 4px;
    content: "";
    display: inline-block;
    position: absolute;
    right: 4px
}

.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover {
    background-color: var(--brand-color-1);
    border-radius: 4px;
    color: #fff;
    text-shadow: 0 -1px 0 #00000040
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color: #fff
}

.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover {
    background: none;
    cursor: not-allowed
}

.rdtPicker td span.rdtOld {
    color: #999
}

.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker .dow {
    border-bottom: none;
    cursor: default;
    width: 14.2857%
}

.rdtPicker .rdtSwitch {
    width: 100px
}

.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align: top
}

.rdtCounter .rdtBtn,.rdtNext span,.rdtPrev span {
    -webkit-touch-callout: none;
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker thead tr:first-child th {
    cursor: pointer
}

.rdtPicker tfoot {
    border-top: 1px solid #f9f9f9
}

.rdtPicker button {
    background: none;
    border: none;
    cursor: pointer
}

.rdtPicker button:hover {
    background-color: #eee
}

.rdtPicker thead button {
    height: 100%;
    width: 100%
}

td.rdtMonth,td.rdtYear {
    cursor: pointer;
    height: 50px;
    width: 25%
}

.rdtCounters {
    display: inline-block
}

.rdtCounters>div {
    float: left
}

.rdtCounter {
    height: 100px;
    width: 40px
}

.rdtCounterSeparator {
    line-height: 100px
}

.rdtCounter .rdtBtn {
    cursor: pointer;
    height: 40%;
    line-height: 40px
}

.rdtCounter .rdtBtn:hover {
    background: #eee
}

.rdtCounter .rdtCount {
    font-size: 1.2rem;
    height: 20%
}

.rdt .rdtPicker input {
    font-size: 1.2rem;
    margin-top: -.3rem;
    text-align: center;
    width: 2rem
}

.rdtTime td {
    cursor: default
}

.transaction-form {
    min-height: 300px;
    padding: 0 24px
}

@media only screen and (max-width: 1023.9px) {
    .transaction-form {
        padding:45px 0 0
    }
}

.transaction-form .transaction-header input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .4
}

.transaction-form .transaction-header .submit {
    background-color: #090;
    cursor: pointer;
    text-align: center
}

.transaction-form .cancel-withdrawal {
    background-color: #a90000;
    color: #eee;
    cursor: pointer;
    height: 15px;
    line-height: 13px;
    padding: 0 5px 2px
}

.tb-continue,.tb-continue:active,.tb-continue:focus,.tb-continue:hover {
    color: var(--brand-color-1);
    cursor: pointer;
    text-decoration: underline;
    text-transform: uppercase
}

.tb--modal-ref-report {
    display: flex;
    flex-direction: column
}

.tb--referrer-report_form {
    flex-grow: 1;
    min-height: 300px;
    padding: 24px
}

@media only screen and (min-width: 1024px) {
    .tb--referrer-report_form {
        overflow-y:auto
    }
}

@media only screen and (max-width: 1023.9px) {
    .tb--referrer-report_form {
        height:100%;
        overflow-y: auto;
        padding: 16px
    }
}

.tb--referrer-report_form .tb--banner {
    margin-bottom: 21px
}

@media only screen and (max-width: 1024px) {
    .tb--referrer-report_form .tb--banner {
        margin-bottom:16px;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 0!important
    }
}

.tb--referrer-report_form .tb--banner.tb--empty-profile_banner {
    margin-bottom: 0
}

.tb--referrer-report_form .tb--banner .cashier-form-wrapper,.tb--referrer-report_form .tb--banner .cashier-form-wrapper .myProfileForm {
    border-radius: 12px
}

@media screen and (min-width: 1024.9px) {
    .tb--referrer-report_form .tb--banner .cashier-form-wrapper,.tb--referrer-report_form .tb--banner .cashier-form-wrapper .myProfileForm {
        display:flex;
        flex: 1 1;
        flex-direction: column
    }
}

@media only screen and (max-width: 1024px) {
    .tb--referrer-report_form .tb--banner .cashier-form-wrapper,.tb--referrer-report_form .tb--banner .cashier-form-wrapper .myProfileForm {
        display:flex;
        height: 100%
    }
}

@media screen and (min-width: 1024.9px) {
    .tb--referrer-report_form .tb--banner .tb--referrer-header {
        margin-left:-4px;
        margin-right: -4px
    }
}

.tb--referrer-report_form .tb--banner .tb--referrer-header input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .4
}

.tb--referrer-report_form .tb--banner .tb--referrer-header .submit {
    background-color: #090;
    cursor: pointer;
    text-align: center
}

.tb--referrer-report_form .tb--banner .cancel-withdrawal {
    background-color: #a90000;
    color: #eee;
    cursor: pointer;
    height: 15px;
    line-height: 13px;
    padding: 0 5px 2px
}

@media screen and (min-width: 1024px) {
    .tb--referrer-report_form .tb--banner .tb--history-empty {
        margin-top:24px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--referrer-report_form .tb--banner .tb--history-empty p {
        margin-top:16px
    }
}

@media screen and (min-width: 1024px) {
    .tb--referrer-report_form .tb--banner .cashier-form-wrapper {
        height:100%
    }
}

@media screen and (min-width: 1024.9px) {
    .tb--referrer-report_form .tb--banner .tb--empty-profile_banner+.cashier-form-wrapper {
        min-height:calc(100% - 130px)
    }
}

@media screen and (max-width: 1024px) {
    .tb--referrer-report_form .tb--banner .tb--empty-profile_banner {
        position:absolute
    }
}

.tb--referrer-report_form .cashier-form-wrapper .tb--home-game-heading .tb--acc22 {
    flex: none
}

.tb--referrer-report_form .cashier-form-wrapper .tb--home-game-heading .tb--tar {
    text-align: right;
    width: 13%
}

.tb--referrer-report_form .cashier-form-wrapper .tb--list-row-container .tb--acc22 {
    flex: none
}

.tb--referrer-report_form .cashier-form-wrapper .tb--list-row-container .tb---rtl-currency {
    text-align: right
}

.tb--rtl .tb--referrer-report_form .cashier-form-wrapper .tb--home-game-heading .tb--tar {
    text-align: left
}

.tb--rtl .tb--referrer-report_form .cashier-form-wrapper .tb--home-game-heading .tb--fa-tab {
    width: 13%
}

.tb--rtl .tb--referrer-report_form .cashier-form-wrapper .tb--list-row-container .tb--list-row .tb--acc22 {
    direction: ltr;
    text-align: right
}

.tb--rtl .tb--referrer-report_form .cashier-form-wrapper .tb--list-row-container .tb--list-row .tb---rtl-currency {
    text-align: left
}

.tb--rtl .tb--referrer-report_form .cashier-form-wrapper .tb--list-row-container .tb--list-row .tb--fa-tab {
    width: 13%
}

.tb--notif-mail {
    margin: 0 50px
}

@media screen and (max-width: 1023.9px) {
    .tb--notification,.tb--settings {
        display:block
    }

    .tb--settings {
        margin-top: 20px
    }

    .tb--profile-user-left-bottom,.tb--profile-user-left-top {
        padding: 0
    }

    .tb--pref-body {
        padding: 0 32px
    }

    .tb--pref-body.tb--scroll-cont {
        max-height: none;
        overflow: visible;
        overflow: initial
    }

    .tb--notif-mail {
        margin: 16px 0 0
    }
}

.bonus-form .bonuses_nav_bar {
    margin-bottom: 20px;
    padding: 0 24px
}

.bonus-form .bonuses_nav_bar a {
    display: block;
    height: 35px;
    padding: 0 40px 20px 0
}

.bonus-form .bonuses_nav_bar a.active,.bonus-form .bonuses_nav_bar a:active,.bonus-form .bonuses_nav_bar a:hover {
    border: 3px;
    border-bottom: 3px solid #f14100;
    color: #999;
    outline: 0;
    transition: border-width .1s ease;
    z-index: 2
}

.bonus-form .bonuses_nav_bar a:first-child {
    text-align: left
}

.bonus-form .bonuses_nav_bar hr {
    background-color: #000;
    border: 1px solid #000;
    bottom: 0;
    color: #000;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: calc(100% - 50px);
    z-index: 0
}

.bonus-form .bonus-header {
    padding: 0 12px
}

.bonus-form .bonus-header input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .4
}

.bonus-form .bonus-header>div {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 12px;
    width: 160px
}

.bonus-form .bonus-header .submit {
    background-color: #090;
    cursor: pointer;
    text-align: center
}

.bonus-form .btn {
    background-color: #000;
    border: 1px solid #000;
    color: var(--text-color-4);
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    height: 25px;
    min-width: 95px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.bonus-form .btn:disabled {
    background-color: #484848!important;
    border: none;
    color: #797979!important;
    cursor: default
}

.bonus-form .cancel-btn {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    min-width: 75px;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.bonus-form .activate {
    background: #000!important;
    color: #f14100!important
}

.bonus-form .status-1 {
    color: #f5b903
}

.bonus-form .status-2 {
    color: #169716
}

.bonus-form .status-3 {
    color: #815215
}

.bonus-form .status-4 {
    color: #c31211
}

.bonus-form .status-5,.bonus-form .status-6 {
    color: #0d8b83
}

@media only screen and (max-width: 1366px) {
    .tb--bg-mobile-margin {
        background-color:var(--modal-bg-color-1)
    }
}

@media screen and (max-height: 1023.9px) {
    .two-level-table_container {
        display:flex;
        flex-direction: column
    }
}

@media screen and (min-width: 1023.9px) {
    .two-level-table_container .tb--bonuses-form .tb--history-filter .tb--button-space_web {
        margin-top:9px
    }
}

@media screen and (max-width: 1024px) {
    .tb--bonus-history-mobile,.tb--bonus-mobile {
        display:flex;
        flex: 1 1;
        flex-direction: column
    }
}

.tb--bonuses-form {
    border-radius: 12px;
    height: 100%;
    margin: 16px 16px 9px
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form {
        padding:5px 8px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--tabel-full {
        position: relative
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--acc12 {
        flex: 1 1
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--amount {
        color: var(--modal-text-color-1);
        font-weight: 700
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--home-game-header,.tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--list-row-container,.tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--preloader-container {
        padding-right: 30%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--home-game-heading {
        border-radius: 12px 0 0 0
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--home-game-heading .status,.tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--list-row-container .tb--list-row_inner .status,.tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--preloader-container .tb--list-row_inner .status {
        display: none
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--bonus-opened .tb--list-row-container {
        border-radius: 0 0 0 12px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop {
        position: absolute;
        right: 0;
        top: 0;
        width: 30%;
        z-index: 1
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--home-game-heading.tb--bonus-game-heading {
        align-items: center;
        background: var(--modal-bg-color-1);
        border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
        border-left: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
        border-radius: 0 12px 0 0;
        display: flex;
        justify-content: space-between;
        margin: 0;
        min-height: 52px;
        padding-left: 10px;
        padding-right: 18px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--home-game-heading.tb--bonus-game-heading .tb--bonus-details-link-open {
        align-items: center;
        color: var(--modal-text-color-1);
        display: flex;
        font-weight: 700
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--home-game-heading.tb--bonus-game-heading .tb--bonus-details-link-open .tb--details-close {
        color: var(--brand-color-1);
        cursor: pointer;
        font-size: 16px;
        margin-right: 5px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list {
        background: var(--modal-bg-color-1);
        border-left: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
        border-radius: 0 0 12px 0;
        height: 55vh;
        margin: 0;
        overflow-y: overlay
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item {
        padding: 18px
    }
}

@media only screen and (min-width: 1023.9px) and (max-width:1366px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item:not(:last-child) {
        padding:18px 18px 0
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-title {
        color:var(--modal-text-color-1);
        font-size: 16px;
        font-weight: 700;
        line-height: 21px;
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 1023.9px) and (max-width:1366px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-title {
        font-size:13px
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table {
        border-radius:12px;
        overflow: hidden
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row {
        background: none;
        margin: 0!important;
        padding: 0!important
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div {
        font-size: 14px;
        justify-content: space-between;
        padding: 18px 0 18px 16px;
        width: 100%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div:nth-child(2n) {
        background: rgb(from var(--modal-bg-color-2) r g b/.5)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div:nth-child(odd) {
        background: var(--modal-bg-color-3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div .txt {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: var(--modal-text-color-1);
        display: -webkit-box;
        display: block;
        font-weight: 700;
        margin-left: 20px;
        margin-right: 18px;
        text-align: right;
        text-overflow: ellipsis;
        width: 60%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div .title {
        color: var(--modal-text-color-3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div.bn-name {
        position: relative
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div.bn-name .txt:after {
        background-color: #fff;
        border-radius: 10px;
        bottom: -12px;
        box-shadow: 0 3px 6px #0000004d;
        color: var(--modal-bg-color-2);
        content: attr(data-name);
        display: none;
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        padding: 8px 12px;
        position: absolute;
        right: 12px;
        text-align: left;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div.bn-name .txt:hover:after {
        display: block
    }
}

@media only screen and (min-width: 1023.9px) and (max-width:1366px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--bonus-info-cont-table .tb--details-list-row>div {
        font-size:12px
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item.game-names .tb--details-list-row {
        max-height:160px;
        overflow-y: overlay
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item.game-names .tb--details-list-row>div .title {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: var(--modal-text-color-3);
        display: -webkit-box;
        font-weight: 700;
        overflow: hidden;
        padding-right: 16px;
        text-overflow: ellipsis;
        width: 100%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--accordion-header {
        align-items: center;
        background-color: var(--modal-bg-color-3);
        color: var(--modal-text-color-3);
        display: flex;
        justify-content: space-between;
        padding: 14px 16px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--accordion-header .digi_icon-arrow_down {
        cursor: pointer;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (min-width: 1023.9px) and (min-width:1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--accordion-header .digi_icon-arrow_down.digi_icon-arrow_down--rotated {
        transform:rotate(180deg)
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--accordion-content:nth-child(odd) .tb--details-list-row>div {
        background:var(--modal-bg-color-3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list .tb--bonus-info-cont-item .tb--accordion-content:nth-child(2n) .tb--details-list-row>div {
        background: rgb(from var(--modal-bg-color-2) r g b/.5)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--tabel-empty .table-height {
        box-shadow: none
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--table-container.tb--tabel-empty .tb--home-game-heading {
        border-radius: 12px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--home-game-heading {
        border-radius: 12px 12px 0 0;
        min-height: 52px
    }
}

@media only screen and (min-width: 1023.9px) and (max-width:1366px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--home-game-heading .tb--acc7 {
        width:12%
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .table-height,.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container {
        border-radius:0 0 12px 12px;
        flex-grow: 1;
        overflow: hidden
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--preloader-container {
        height: 100%;
        position: static
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--preloader-container {
        padding-right: 0
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont,.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--list-row-cont {
        height: 55vh;
        overflow-y: overlay
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row,.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--list-row-cont .tb--list-row {
        border-radius: 0;
        color: var(--modal-text-color-3);
        height: 53px;
        justify-content: center;
        margin: 0;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-top: 10px;
        position: static
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row:nth-child(2n),.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--list-row-cont .tb--list-row:nth-child(2n) {
        background: rgb(from var(--modal-bg-color-1) r g b/.3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row:nth-child(4n),.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--list-row-cont .tb--list-row:nth-child(4n) {
        background: var(--modal-bg-color-3)
    }
}

@media only screen and (min-width: 1023.9px) and (max-width:1366px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row .tb--acc7,.tb--bonuses-form.tb--bonus-history-form .tb--preloader-container .tb--list-row-cont .tb--list-row .tb--acc7 {
        width:12%
    }
}

@media screen and (min-width: 1023.9px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container {
        border-radius:0 0 12px 12px;
        margin: 0;
        min-height: 55vh;
        overflow: hidden
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row {
        transition: all .3s ease
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row.tb--bonus-list-row:hover {
        background: var(--modal-bg-color-1)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-container .tb--list-row-cont .tb--list-row.tb--bonus-details-toggle-opened {
        background: var(--modal-bg-color-1);
        color: var(--modal-text-color-3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--has-pagination .tb--list-row-container {
        min-height: 50vh
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--has-pagination .tb--list-row-container .tb--list-row-cont,.tb--bonuses-form.tb--bonus-history-form .tb--has-pagination .tb--preloader-container .tb--list-row-cont,.tb--bonuses-form.tb--bonus-history-form .tb--has-pagination.tb--table-container .tb--bonus-info-cont.tb--bonus-info-desktop .tb--bonus-info-cont-list {
        height: 50vh
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--history-filter {
        margin-bottom: 12px;
        margin-top: 0
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--history-filter_selects {
        display: grid;
        grid-template-columns: repeat(5,1fr)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--history-filter_selects .tb--col-2 {
        flex-basis: none!important;
        max-width: none!important;
        min-width: 100%;
        padding-inline-end:8px}

    .tb--bonuses-form.tb--bonus-history-form .tb--history-filter .tb--col-2 {
        flex-basis: 20%;
        max-width: 20%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--pagination {
        flex-grow: 1;
        margin: 0;
        padding: 20px 0 0
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--bonus-details-link {
        color: var(--brand-color-1);
        font-weight: 700;
        text-decoration: underline
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--custom-data-title {
        height: 14px;
        line-height: 14px;
        margin-bottom: 6px
    }
}

@media screen and (max-width: 1024px) {
    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--list-row-header-mob {
        align-items:center;
        border-radius: 12px 12px 0 0;
        height: 52px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--list-row-header-mob .tb--bonus-id {
        font-weight: 700
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one {
        background-color: var(--modal-bg-color-3);
        border-radius: 0 0 12px 12px;
        padding: 12px 18px 18px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-type-title {
        color: var(--modal-text-color-1);
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 10px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-date-list {
        color: #999;
        font-size: 12px;
        margin-bottom: 12px
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb-mobile-bonus-toggle-btn {
        border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        height: 44px;
        letter-spacing: .7px;
        line-height: 44px;
        overflow: hidden;
        padding-left: 24px;
        padding-right: 24px;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        width: 100%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob {
        border-radius: 12px;
        margin-bottom: 22px;
        overflow: hidden
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob .tb--list-row-mob {
        border: none;
        border-radius: 0;
        padding-right: 0
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob .tb--list-row-mob:nth-child(2n) {
        background: var(--modal-bg-color-1)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob .tb--list-row-mob:nth-child(odd) {
        background: var(--modal-bg-color-3)
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob .tb--list-row-mob span.txt {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        font-weight: 700;
        overflow: hidden;
        padding-left: 20px;
        padding-right: 18px;
        text-align: right;
        text-overflow: ellipsis;
        width: 60%
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob.tb--game-names {
        max-height: 300px;
        overflow-y: overlay
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-item-table-mob.tb--game-names .title {
        font-weight: 700
    }

    .tb--bonuses-form.tb--bonus-history-form .tb--list-row-cont-mob.tb--bonus-item-mob .tb--radius-one .tb--bonus-det-mob-cont {
        border-radius: 0;
        box-shadow: none;
        margin: 0
    }

    .tb--bonuses-form {
        height: auto;
        margin: 24px 16px
    }
}

.tb--bonuses-form .tb--list-row {
    position: relative
}

@media only screen and (max-width: 1366px) {
    .tb--bonuses-form.tb--bonuses-form_scroll .tb--list-row_inner>div {
        padding-bottom:8px;
        padding-top: 8px
    }

    .tb--bonuses-form .tb--list-row {
        font-size: 12px
    }

    .tb--bonuses-form .tb--home-game-heading {
        font-size: 13px
    }

    .tb--bonuses-form .tb--bonus-name {
        width: 12%
    }
}

.tb--bonuses-form .tb--history-body .tb--btn {
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    min-width: inherit;
    width: 90px
}

@media only screen and (max-width: 1366px) {
    .tb--bonuses-form .tb--history-body .tb--btn {
        width:80px
    }
}

.tb--bonuses-form .tb--freespin-column {
    gap: 2px
}

.tb-bonuses-cont-toggle.digi_icon-arrow_down {
    background-color: initial;
    border: none;
    color: rgb(from var(--modal-text-color-1) r g b/.6);
    display: block;
    height: 24px;
    margin-right: 5px;
    outline: none;
    padding: 0;
    transform: rotate(0deg);
    transition: all .3s;
    width: 24px
}

.tb-bonuses-cont-toggle.digi_icon-arrow_down:before {
    display: inline-block;
    font-size: 18px
}

.tb--rtl .tb-bonuses-cont-toggle.digi_icon-arrow_down {
    margin-left: 5px;
    margin-right: 0
}

.tb-bonuses-cont-toggle-opened {
    transform: rotate(180deg)!important
}

.tb--list-row-container {
    margin-top: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--list-row-container {
        background:var(--modal-bg-color-2);
        border-radius: 12px;
        margin-bottom: 16px;
        padding-bottom: 16px
    }
}

.tb--list-row-cont-mob {
    border-radius: 12px
}

.tb--list-row-cont-mob .tb-mobile-bonus-toggle-btn {
    position: relative
}

.tb--list-row-cont-mob .tb-mobile-bonus-toggle-btn .tb-bonuses-cont-toggle {
    left: inherit;
    right: -8px
}

.tb--list-row-cont-mob .tb-mobile-bonus-toggle-btn .tb-bonuses-cont-toggle:before {
    content: "\ea07"
}

.tb--list-row-cont-mob .tb--btn {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    width: 100%
}

.tb--list-row-cont-mob .tb--accordion {
    background-color: var(--modal-bg-color-3);
    border-radius: 12px;
    color: var(--modal-text-color-3)
}

.tb--list-row-cont-mob .tb--accordion .tb--accordion-header {
    align-items: center;
    background-color: var(--modal-bg-color-3);
    border-radius: 12px;
    color: var(--modal-text-color-1);
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.tb--list-row-cont-mob .tb--accordion .tb--accordion-header .digi_icon-arrow_down {
    background-color: var(--modal-bg-color-3);
    border-radius: 50%;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tb--list-row-cont-mob .tb--accordion .tb--accordion-header .digi_icon-arrow_down.digi_icon-arrow_down--rotated {
    transform: rotate(180deg)
}

.tb--list-row-cont-mob .tb--accordion .tb--accordion-content .tb--list-row-body-mob .tb--list-row-mob {
    color: var(--modal-text-color-3)
}

.tb--list-row-cont-mob .tb--accordion .tb--accordion-content .tb--list-row-body-mob .tb--list-row-mob .txt {
    color: var(--modal-text-color-1)
}

.tb--bonus-info-cont {
    width: 100%
}

.tb--bonus-info-cont>div {
    margin-bottom: 4px
}

.tb--bonus-info-cont .tb--home-game-heading {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-top: 24px;
    min-height: 40px
}

.tb--bonus-info-cont .tb--list-row {
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px
}

.tb--bonus-info-cont .tb--list-row:last-child {
    border: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.tb--list-row-cont .tb--bonus-info-cont .tb--list-row {
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 15px
}

.tb--list-row-cont .tb--bonus-info-cont .tb--list-row:last-child {
    border: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

@media screen and (min-width: 1024px) {
    .tb--button-col {
        position:absolute
    }
}

.tb--list-row-mob:not(:last-child) {
    border-bottom: 1px solid var(--modal-bg-color-4)
}

.tb--list-row-mob:last-child {
    border-radius: 0 0 12px 12px
}

.tb--mobile-bonus-details {
    display: none
}

.tb--mobile-bonus-details.tb--mobile-bonus-details-active {
    display: block;
    height: 100%;
    left: 0;
    overflow-y: auto;
    padding-bottom: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-bonus-details.tb--mobile-bonus-details-active {
        display:flex;
        flex-direction: column;
        height: -webkit-fill-available;
        padding: 0;
        top: 56px
    }
}

.tb--mobile-bonus-details.tb--mobile-bonus-details-active .tb--modal-header {
    z-index: 1001
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-bonus-details.tb--mobile-bonus-details-active.tb--mobile-bonus-details-active_final {
        height:100%;
        padding-top: 56px;
        top: 0
    }
}

.tb--mobile-bonus-details .digi_icon-arrow_right {
    color: var(--modal-text-color-2);
    padding-left: 0;
    transform: rotate(0deg)
}

.tb--mobile-bonus-details .tb--list-row-mob {
    margin: 0
}

.tb--mobile-bonus-details .tb--list-row-mob:not(:last-child) {
    border-bottom: 1px solid var(--modal-bg-color-4)
}

.tb--mobile-bonus-details .tb--bonus-mobile-info {
    padding: 1px
}

.tb--mobile-bonus-details .tb--bonus-det-mob-cont {
    box-shadow: 0 0 4px #0000004d
}

@media screen and (max-width: 1023.9px) {
    .tb--mobile-bonus-details .tb--bonus-det-mob-cont {
        background:var(--modal-bg-color-2);
        border-radius: 12px;
        box-shadow: none;
        flex-grow: 1;
        height: auto;
        margin: 16px!important;
        padding: 16px
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob {
        padding-left: 12px;
        padding-right: 12px
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob:not(:last-child) {
        margin-bottom: 24px;
        padding-bottom: 24px;
        position: relative
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob:not(:last-child):after {
        background-color: var(--modal-bg-color-4);
        bottom: 0;
        content: "";
        height: 1px;
        left: 12px;
        position: absolute;
        right: 12px
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob .tb--list-row-mob {
        background: none;
        border: 0;
        font-size: 12px;
        padding: 0
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob .tb--list-row-mob:not(:last-child) {
        margin-bottom: 4px
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob .tb--list-row-mob.tb--details .tb--title-details {
        color: var(--modal-text-color-1);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 8px
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob .tb--list-row-mob.tb--details .tb--text-details {
        padding: 0;
        text-align: left;
        width: 100%
    }

    .tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-details-mob .tb--list-row-mob .tb--gray-clr {
        color: var(--modal-text-color-3)
    }
}

.tb--mobile-bonus-details .tb--bonus-det-mob-cont .tb--list-row-mob:before {
    display: none
}

.tb--mobile-bonus-details .tb--modal-header {
    border-radius: 0!important;
    padding-left: 16px
}

.tb-bonuses-cont-toggle.digi_icon-arrow_right {
    font-size: 24px
}

.tb--bonus-game-name {
    padding: 6px 16px
}

.tb--acc14 {
    width: 14%
}

@media screen and (min-width: 1024px) and (max-width:2400px) {
    .tb--bonuses-form_scroll .tb--home-game-heading,.tb--bonuses-form_scroll .tb--list-row-container {
        padding:0
    }

    .tb--bonuses-form_scroll .tb--home-game-heading.tb--bn-sport-table,.tb--bonuses-form_scroll .tb--list-row-container.tb--bn-sport-table {
        width: 2823px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading.tb--bn-casino-table,.tb--bonuses-form_scroll .tb--list-row-container.tb--bn-casino-table {
        width: 1951px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading .tb--home-game-heading,.tb--bonuses-form_scroll .tb--home-game-heading .tb--list-row,.tb--bonuses-form_scroll .tb--list-row-container .tb--home-game-heading,.tb--bonuses-form_scroll .tb--list-row-container .tb--list-row {
        padding-left: 0;
        padding-right: 0
    }

    .tb--bonuses-form_scroll .tb--home-game-heading .tb--fixed-right,.tb--bonuses-form_scroll .tb--list-row-container .tb--fixed-right {
        width: 220px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading.tb--bn-sport-table+.tb--list-row-container {
        width: 2823px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading.tb--bn-casino-table+.tb--list-row-container {
        width: 1951px
    }

    .tb--bonuses-form_scroll .tb--table-container {
        flex: initial;
        height: 100%;
        overflow: auto;
        padding-bottom: 10px;
        position: static
    }
}

@media screen and (min-width: 1024px) and (max-width:2400px) {
    .tb--bonuses-form_scroll .tb--table-container::-webkit-scrollbar {
        height:6px;
        width: 3px
    }

    .tb--bonuses-form_scroll .tb--table-container::-webkit-scrollbar-corner {
        background: #0000
    }

    .tb--bonuses-form_scroll .table-height {
        flex: initial;
        height: calc(100% - 70px)
    }

    .tb--bonuses-form_scroll .tb--preloader-container {
        height: calc(100% - 70px)!important;
        width: 1943px
    }
}

@media screen and (min-width: 1024px) {
    .tb--bonuses-form_scroll {
        padding-bottom:45px;
        position: relative
    }

    .tb--bonuses-form_scroll .tb--pagination {
        border-top: 2px solid var(--modal-bg-color-1);
        bottom: 0;
        left: 0;
        margin: 0;
        padding-top: 10px;
        position: absolute;
        right: 0
    }

    .tb--bonuses-form_scroll .tb--list-row-cont .tb--list-row_scroll {
        padding-bottom: 0;
        padding-top: 0
    }

    .tb--bonuses-form_scroll .tb--list-row-cont .tb--bonus-info-cont .tb--list-row_scroll {
        padding-bottom: 8px;
        padding-top: 8px
    }

    .tb--bonuses-form_scroll .tb--list-row-cont .tb--list-row {
        background: var(--modal-bg-color-1);
        color: var(--modal-text-color-2)
    }

    .tb--bonuses-form_scroll .tb--list-row-cont .tb--list-row .tb--fixed-col:not(:empty):after {
        background-color: var(--modal-bg-color-1)
    }

    .tb--bonuses-form_scroll .tb--list-row_inner>div {
        padding-bottom: 4px;
        padding-top: 4px
    }

    .tb--bonuses-form_scroll .tb--list-row_inner>div:not(.tb--bonus-id) {
        padding-left: 4px;
        padding-right: 4px
    }

    .tb--bonuses-form_scroll .tb--bonus-info-cont {
        width: 100%
    }

    .tb--bonuses-form_scroll .tb--bonus-info-cont .tb--bonus-info-cont-item,.tb--bonuses-form_scroll .tb--bonus-info-cont .tb--home-game-heading {
        padding-left: 16px;
        padding-right: 16px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading>div {
        align-items: center;
        display: flex;
        height: 48px
    }

    .tb--bonuses-form_scroll .tb--home-game-heading>div:not(.tb--bonus-id) {
        padding-left: 4px;
        padding-right: 4px
    }

    .tb--bonuses-form_scroll .tb--fixed-col {
        position: -webkit-sticky;
        position: sticky
    }

    .tb--bonuses-form_scroll .tb--fixed-col:not(:empty):after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .tb--bonuses-form_scroll .tb--fixed-left {
        align-items: center;
        background-color: var(--modal-bg-color-3);
        border-radius: 12px 0 0 12px;
        height: 59px;
        left: 0;
        overflow: hidden;
        padding-left: 48px;
        padding-right: 10px
    }

    .tb--bonuses-form_scroll .tb--fixed-left.tb--fixed-col-activ>div {
        width: 90px!important
    }

    .tb--bonuses-form_scroll .tb--fixed-left.tb--fixed-col-activ>div .tb--btn {
        min-width: 80px;
        padding-left: 16px;
        padding-right: 16px;
        width: 80px!important
    }

    .tb--bonuses-form_scroll .tb--fixed-left.tb--fixed-col-activ:before {
        right: auto
    }

    .tb--bonuses-form_scroll .tb--fixed-left:before {
        bottom: -3px;
        content: "";
        opacity: .4;
        position: absolute;
        right: 0;
        top: -4px;
        width: 1px
    }

    .tb--bonuses-form_scroll .tb--fixed-right {
        align-items: center;
        background-color: var(--modal-bg-color-3);
        border-radius: 0 12px 12px 0;
        height: 59px;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
        right: 0;
        width: 214px
    }

    .tb--bonuses-form_scroll .tb--fixed-right .tb--btn,.tb--bonuses-form_scroll .tb--fixed-right .tb--fixed-right-item,.tb--bonuses-form_scroll .tb--fixed-right div {
        width: 110px!important
    }

    .tb--bonuses-form_scroll .tb--fixed-right .tb--fixed-right-item {
        margin: 0 6px;
        text-align: center
    }

    .tb--bonuses-form_scroll .tb-bonuses-cont-toggle.digi_icon-arrow_down {
        left: 10px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--max-ta,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--wr,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--wt {
        max-width: 190px;
        min-width: 190px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--activation-date,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--date,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--min-selections {
        max-width: 170px;
        min-width: 170px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--bonus-name {
        max-width: 200px;
        min-width: 200px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--amount,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--bet-type,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--cashout,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--max-odd {
        max-width: 130px;
        min-width: 130px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--bonus-type,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--date-trigger,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--min-odd,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--status-spaces {
        max-width: 120px;
        min-width: 120px
    }
}

@media screen and (min-width: 1024px) and (min-width:1023.9px) {
    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--max-odd,.tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--min-odd {
        margin:0 4px;
        padding: 0!important
    }
}

@media screen and (min-width: 1024px) {
    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--period {
        max-width:110px;
        min-width: 110px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--bonus-id {
        max-width: 115px;
        min-width: 115px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--trigger {
        max-width: 80px;
        min-width: 80px
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--status {
        text-align: center
    }

    .tb--bonuses-form_scroll:not(.tb--bonus-info-cont) .tb--status.tb--active-status {
        color: var(--brand-color-1)
    }

    .tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--acc10,.tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--acc12,.tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--acc5,.tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--acc7,.tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--acc8,.tb--bonuses-form_scroll .tb--home-game-heading:not(.tb--home-game-heading-inner) .tb--flex-grow,.tb--bonuses-form_scroll .tb--list-row_inner .tb--acc10,.tb--bonuses-form_scroll .tb--list-row_inner .tb--acc12,.tb--bonuses-form_scroll .tb--list-row_inner .tb--acc5,.tb--bonuses-form_scroll .tb--list-row_inner .tb--acc7,.tb--bonuses-form_scroll .tb--list-row_inner .tb--acc8,.tb--bonuses-form_scroll .tb--list-row_inner .tb--flex-grow {
        width: auto
    }
}

.tb--bonuses-form_scroll .react-select__value-container--is-multi,.tb--history-filter-mobile .react-select__value-container--is-multi {
    padding-right: 28px!important
}

.tb--acc7 .tb--btn-text {
    padding-left: 4px;
    padding-right: 4px
}

.tb--home-game-heading {
    border-radius: 12px
}

.tb--list-row-mob.tb--status:before {
    display: none
}

.tb--list-row_inner .tb--bonus-id {
    padding: 8px 20px 8px 0;
    width: 12%
}

.bonus-tooltip {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    position: relative
}

.bonus-tooltip__text {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.bonus-tooltip .tb--tooltip {
    background-color: var(--white-color);
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    max-width: 0;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 24px;
    white-space: normal;
    z-index: 999
}

.bonus-tooltip .digi_icon-info {
    font-size: 14px
}

.bonus-tooltip .digi_icon-info:before {
    height: 14px;
    line-height: 14px;
    margin-inline-start:8px;width: 14px
}

.bonus-tooltip .digi_icon-info:hover {
    color: var(--text-color-4);
    cursor: pointer
}

.bonus-tooltip .digi_icon-info:hover+.tb--tooltip {
    display: block;
    max-width: 80%;
    opacity: 1
}

.bonus-tooltip__value {
    text-align: end
}

.tb--bonus-campaign {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20%;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--bonus-campaign {
        padding:0 18px
    }
}

.tb--bonus-campaign_image {
    border-radius: 12px;
    margin-top: 40px
}

@media screen and (max-width: 1023.9px) {
    .tb--bonus-campaign_image {
        margin-top:24px
    }
}

.tb--bonus-campaign_title {
    align-self: self-start;
    color: var(--text-color-2);
    font-size: 32px;
    margin-top: 42px
}

@media screen and (max-width: 1023.9px) {
    .tb--bonus-campaign_title {
        font-size:14px;
        margin-top: 24px
    }
}

.tb--bonus-campaign_description {
    color: var(--text-color-2);
    font-size: 16px;
    margin-top: 31px
}

@media screen and (max-width: 1023.9px) {
    .tb--bonus-campaign_description {
        font-size:12px;
        margin-top: 24px
    }
}

.tb--bonus-campaign_button {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    cursor: pointer;
    font-size: 16px;
    height: 64px;
    margin-bottom: 160px;
    margin-top: 32px;
    width: 309px
}

@media screen and (max-width: 1023.9px) {
    .tb--bonus-campaign_button {
        height:50px
    }
}

.tb--bonus-campaign_button:disabled {
    cursor: none;
    opacity: .2;
    pointer-events: none
}

.tb--bonus-campaign_preloader .tb--preloader-container {
    bottom: 0;
    height: auto;
    position: absolute;
    top: 0
}

.tb--bonus-campaign_popup {
    border-radius: 12px!important
}

.tb--bonus-campaign_popup .digi_icon-check:before {
    font-size: 20px
}

.empty_section__image {
    margin-bottom: 16px
}

.empty_section .casino-illustration .st0,.empty_section .casino-illustration .st1 {
    fill: var(--brand-color-1)
}

.empty_section .casino-illustration .st2 {
    fill: var(--modal-text-color-3)
}

.empty_section .casino-illustration .st3 {
    fill: var(--modal-text-color-3);
    opacity: 1
}

.empty_section .casino-illustration .st4,.empty_section .sport-illustration .st0 {
    fill: var(--brand-color-1);
    opacity: .6
}

.empty_section .sport-illustration .st1 {
    fill: var(--brand-color-1)
}

.empty_section .sport-illustration .st2 {
    fill: var(--modal-text-color-3);
    opacity: .8
}

.empty_section .sport-illustration .st3 {
    fill: var(--modal-text-color-3)
}

.empty_section .sport-illustration .st4 {
    fill: var(--brand-color-1)
}

.tb--progress-wrapper .tb--progress-steps {
    counter-reset: step
}

.tb--progress-wrapper .tb--progress-steps li {
    align-items: center;
    color: var(--modal-text-color-2);
    counter-increment: step;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    width: 20%
}

.tb--progress-wrapper .tb--progress-steps li:before {
    align-items: center;
    background-color: var(--modal-bg-color-2);
    border: 1px solid var(--modal-text-color-2);
    border-radius: 50%;
    color: var(--modal-text-color-2);
    content: counter(step);
    display: inline-flex;
    height: 24px;
    justify-content: center;
    width: 24px;
    z-index: 1
}

.tb--progress-wrapper .tb--progress-steps li:after {
    background-color: var(--modal-text-color-2);
    content: "";
    height: 1px;
    left: -50%;
    position: absolute;
    top: 11px;
    width: 100%;
    z-index: 0
}

.tb--progress-wrapper .tb--progress-steps li.active:after,.tb--progress-wrapper .tb--progress-steps li.active:before {
    background-color: var(--brand-color-1);
    border-color: var(--brand-color-1);
    color: var(--brand-color-text)
}

.tb--progress-wrapper .tb--progress-steps li.false:after,.tb--progress-wrapper .tb--progress-steps li.false:before {
    background-color: #ea2027;
    border-color: #ea2027;
    color: var(--brand-color-text)
}

.tb--progress-wrapper .tb--progress-steps li:last-child:before {
    content: "\ea22";
    font-family: BuilderFont;
    font-size: 20px
}

.tb--progress-wrapper .tb--progress-steps li:first-child:after {
    display: none
}

.tb--custom-badge {
    padding: 0 6px;
    text-transform: none
}

.tb--badge:after,.tb--custom-badge {
    border-radius: 5px;
    border-bottom-left-radius: 0;
    font-size: 8px;
    font-weight: 700;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--badge:after {
    text-transform: uppercase
}

@media screen and (min-width: 1024px) {
    .tb--badge:after {
        max-width:calc(100% + 22px);
        padding: 1px 3px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--badge:after {
        line-height:12px;
        margin: 0 12px;
        max-width: calc(100% + 15px);
        padding: 2px 3px;
        position: relative
    }
}

.tb--badge__link {
    align-items: center;
    display: flex
}

.tb--badge.tb--badge-side:after {
    margin: 0 8px
}

@media screen and (min-width: 1024px) {
    .tb--badge.tb--badge-top:after {
        position:absolute;
        right: -12px;
        top: 0;
        transform: translateY(-90%)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--badge.tb--badge-top:after {
        bottom:2px
    }

    .tb--badge {
        align-items: center;
        display: flex
    }
}

@media screen and (min-width: 1024px) {
    .more--menu-items .tb--badge:after,.secondary_more_block .tb--badge:after {
        margin:0 12px;
        position: relative;
        right: auto;
        top: -2px
    }

    .tb--header-submenu .tb--badge:after,.tb--secondary-submenu .tb--badge:after {
        margin: 0 12px;
        position: relative;
        right: auto;
        top: -1px
    }
}

.casino-menu-items_text.tb--badge:after {
    content: attr(data-badge);
    max-width: 100%
}

@media screen and (min-width: 1024px) {
    .casino-menu-items_text.tb--badge:after {
        top:19px
    }
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-items_text.tb--badge:after {
        bottom:auto;
        line-height: 11px;
        margin: 0;
        position: absolute;
        right: -10px;
        top: 6px
    }
}

.tb--new:after {
    background-color: #ffcf0d;
    color: #493d3d
}

.tb--promotion:after {
    background-color: #f14100;
    color: #fff
}

.tb--free:after {
    background-color: #2eb92e;
    color: #fff
}

.tb--bonus:after {
    background-color: #7b15c9;
    color: #fff
}

.tb--hot:after {
    background-color: red;
    color: #fff
}

.tb--top:after {
    background-color: #558dfb;
    color: #fff
}

.tb--jackpot:after {
    background-color: #f14100;
    color: #fff
}

.tb--soon:after {
    background-color: #22b122;
    color: #fff
}

.tb--premium:after {
    background: linear-gradient(78deg,#e0b652,#fbf0b8 33%,#d8b54f);
    color: #0d0d0d
}

.tb--popular:after {
    background: #910db2;
    color: #fbfbfb
}

.tb--trending:after {
    background: #ffa217;
    color: #493d3d
}

.tb--cashback:after {
    background: #cb18cb;
    color: #fbfbfb
}

.tb--exclusive:after {
    background: linear-gradient(90deg,#2e2e2e,#474747 51.04%,#919191);
    color: #fbfbfb
}

.tb--tournament:after {
    background: linear-gradient(90.07deg,#0e26ff 2.19%,#5263ff 97.85%);
    color: #fbfbfb
}

.casino--badge:after,.casino-games--badge:after,.tb--badge:after {
    content: attr(data-badge)
}

.tb--none:after {
    content: ""
}

.casino--badge {
    position: relative
}

.casino--badge:after {
    border-radius: 10px 10px 10px 0;
    font-size: 10px;
    font-weight: 700;
    height: 18px;
    letter-spacing: .5px;
    line-height: 11px;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    text-transform: uppercase
}

.casino--badge-bonus,.casino--badge-hot,.casino--badge-jackpot,.casino--badge-new,.casino--badge-soon,.casino--badge-top {
    color: #fff
}

.casino--badge-hot {
    background-color: #bf2a39
}

.casino--badge-exclusive {
    background: linear-gradient(90deg,#2e2e2e,#474747 51.04%,#919191);
    color: #fbfbfb
}

.casino--badge-jackpot {
    background-color: #f14100
}

.casino--badge-top {
    background-color: #558dfb
}

.casino--badge-new {
    background-color: #ffcf0d;
    color: #493d3d
}

.casino--badge-popular {
    background: #910db2;
    color: #fbfbfb
}

.casino--badge-trending {
    background: #ffa217;
    color: #493d3d
}

.casino--badge-cashback {
    background: #cb18cb;
    color: #fbfbfb
}

.casino--badge-soon {
    background-color: #22b122
}

.casino--badge-bonus {
    background-color: #7b15c9
}

.casino--badge-promotion {
    background: #cb18cb;
    color: #fbfbfb
}

.casino--badge-premium {
    background: linear-gradient(78deg,#e0b652,#fbf0b8 33%,#d8b54f);
    color: #0d0d0d
}

.casino--badge-tournament {
    background: linear-gradient(90.07deg,#0e26ff 2.19%,#5263ff 97.85%);
    color: #fbfbfb
}

.tb--casino-badge {
    max-width: calc(100% - 12px);
    width: 100%
}

.tb--casino-badge span {
    border-radius: 8px 8px 8px 0;
    color: #fff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-bottom: 3px;
    margin-right: 8px;
    max-width: calc(100% - 6px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1023.9px) {
    .tb--casino-badge span {
        margin-bottom:1px;
        margin-right: 4px
    }
}

.tb--casino-badge span.casino--badge-new {
    color: #262626
}

.tb--casino-badge span:after {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    max-width: 100%;
    overflow: hidden;
    padding: 1px 8px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: text-top;
    white-space: nowrap;
    width: 100%
}

.casino--badge--old:after {
    content: attr(data-badge)
}

.tb--casino-badge--old span {
    border-radius: 4px 9px 7px 0;
    height: 12px;
    line-height: 12px
}

.tb--casino-badge--old span:after {
    border-radius: 4px 4px 4px 0;
    font-size: 8px;
    height: 12px;
    line-height: 13px;
    padding: 1px 6px
}

.tb--custom-data-title {
    color: #999;
    display: block;
    height: 23px;
    line-height: 23px
}

.tb--custom-sel {
    align-items: center;
    -webkit-appearance: none;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    color: #1a1a1a;
    cursor: pointer;
    display: flex;
    height: 36px;
    outline: 0;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .tb--custom-sel {
        height:44px
    }
}

.tb--custom-sel.digi_icon-arrow_down {
    color: var(--modal-text-color-3);
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-4px,-50%)
}

.tb--custom-sel .tb--custom-search {
    background-color: #f2f2f2;
    position: absolute;
    top: 35px
}

@media screen and (max-width: 1023.9px) {
    .tb--custom-sel .tb--custom-search {
        top:44px;
        width: 100%
    }
}

.tb--custom-sel .tb--custom-options {
    background-color: #f2f2f2;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    left: 0;
    line-height: 21px;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 36px;
    width: 100%;
    z-index: 98
}

.tb--custom-sel .tb--custom-options.tb--custom-opt-search {
    max-height: 155px
}

@media screen and (max-width: 1023.9px) {
    .tb--custom-sel .tb--custom-options.tb--custom-opt-search {
        top:44px
    }
}

.tb--custom-sel .tb--custom-options li {
    overflow: hidden;
    padding: 5px 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--custom-sel .tb--custom-options li:hover {
    background-color: var(--white-color)
}

.tb--custom-sel-fix {
    width: 280px
}

@media screen and (max-width: 1023.9px) {
    .tb--custom-sel-fix {
        width:100%
    }
}

.tb--menu-close,.tb--setting-ico {
    color: #666;
    cursor: pointer;
    flex-shrink: 0;
    font-family: BuilderFont;
    font-size: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    text-transform: none;
    width: 24px
}

.tb--menu-header {
    background-color: #1b2838;
    background-image: var(--background-gradient-1);
    min-height: 56px;
    padding-left: 16px;
    padding-right: 16px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.tb--mobile-menu-body {
    margin-top: 56px;
    padding: 16px;
        background: #222d3d;
}

.tb--mobile-menu {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    bottom: 0;
    left: 0;
    min-height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000
}

.tb--mobile-menu .tb--user-info {
    border-radius: 4px 4px 0 0;
    padding: 16px 16px 8px
}

@media only screen and (max-width: 1023.9px) {
    .tb--mobile-menu .tb--user-info-mobile {
        align-items:start;
        flex-direction: row;
        justify-content: start;
        margin-bottom: 18px;
        padding: 0
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar {
        align-items: center;
        background-color: var(--background-color-2);
        background-image: var(--background-gradient-2);
        border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
        border-radius: 22px;
        display: flex;
        height: 40px;
        justify-content: center;
        margin-bottom: 0;
        margin-right: 8px;
        position: relative;
        width: 40px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar i.digi_icon-user {
        -webkit-text-fill-color: #0000;
        background: var(--brand-color-2);
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        background-image: var(--brand-gradient-2);
        font-size: 24px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar i.digi_icon-user:before {
        height: 50px;
        line-height: 50px;
        width: 50px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar .tb--profile-image {
        background-image: var(--brand-gradient-2);
        border-radius: 50%;
        height: 100%;
        width: 100%
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar .user-unverified_icon-shape {
        align-items: center;
        background-color: var(--background-color-2);
        border: 2px solid var(--background-color-1);
        border-radius: 100%;
        bottom: -4px;
        display: flex;
        height: 18px;
        justify-content: center;
        position: absolute;
        right: -4px;
        width: 18px;
        z-index: 1
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar .user-unverified_icon-shape i {
        color: #ffae2b;
        font-size: 9px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-avatar .user-unverified_icon-shape i:before {
        height: 9px;
        line-height: 9px;
        width: 9px
    }
    
    
    .tb--mobile-menu .tb--user-info-mobile .tb--user-info-mob {
         background-color: #242d3c;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        margin-top: 16px;
        padding: 16px;
        width: 100%;
        align-items: flex-end;
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--user-name_mob {
        color: var(--text-color-4)
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--copy-wrapper {
        position: relative
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont {
        align-items: center;
        border-radius: 8px;
        display: flex;
        font-size: 14px;
        padding: 10px 8px;
        width: 100%
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont:nth-child(2) {
        margin-left: 12px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont p {
        align-items: center;
        display: flex;
        flex-grow: 1;
        justify-content: space-between
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont .digi_icon-copied {
        font-size: 22px
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont .digi_icon-copied:before {
        color: var(--text-color-4)
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont .tb--akcent-clr2 {
        color: var(--text-color-2)
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont .tb--player-id {
        color: var(--text-color-4)
    }

    .tb--mobile-menu .tb--user-info-mobile .tb--player-id_cont .tb--copied {
        border-radius: 12px;
        box-shadow: 0 3px 6px rgba(0,0,0,.302);
        line-height: normal;
        padding: 5px 12px;
        position: absolute;
        right: 0;
        text-transform: capitalize;
        top: -30px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.tb--mobile-menu .tb--user-id {
    border-radius: 3px;
    color: var(--text-color-4);
    font-weight: 700;
    padding: 4px 8px
}

.tb--mobile-menu .tb--curr {
    color: var(--text-color-4)
}

.tb--mobile-menu .tb--menu-items {
    background-color: #1b2838;
    background-image: var(--background-gradient-1);
    border-radius: 12px;
        box-shadow: 0 0px 15px #ff0000b3;
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    border: none;
    box-shadow: none;
    display: none;
    margin: 16px -16px 0;
    padding: 0;
    position: relative;
    top: 0;
    width: calc(100% + 32px)
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu.show-submenu {
    display: block
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu a {
    border: 0;
    color: var(--text-color-3);
    display: inline-block;
    font-size: 16px;
    padding: 18px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu a:after {
    background-color: var(--background-color-3);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 92%
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu a:last-child {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu a:last-child:after {
    display: none
}

.tb--mobile-menu .tb--menu-items .tb--account-submenu a .tb--menu-sub-count {
    margin: 0 16px
}

.tb--mobile-menu .tb--menu-items .tb--menu-item {
    color: var(--text-color-2);
    cursor: pointer;
    font-size: 18px;
    padding: 16px;
    position: relative
}

.tb--mobile-menu .tb--menu-items .tb--menu-item:not(:last-child):after {
    background-color: var(--background-color-2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.tb--mobile-menu .tb--menu-items .tb--menu-item i {
    font-size: 22px
}

.tb--mobile-menu .tb--menu-items .tb--menu-item .tb--menu-item_txt {
    align-items: center;
    display: flex;
    padding: 0 16px;
    text-transform: capitalize
}

.tb--mobile-menu .tb--menu-items .tb--menu-item.open {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    color: var(--brand-color-2);
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0
}

.tb--mobile-menu .tb--menu-items .tb--menu-item.open i {
    -webkit-text-fill-color: #0000;
    background: var(--brand-color-2);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    background-image: var(--brand-gradient-2)
}

.tb--mobile-menu .tb--menu-items .tb--menu-item.open:before {
    color: var(--brand-color-2)
}

.tb--mobile-menu .tb--menu-items .tb--menu-item.active {
    background-color: var(--background-color-2);
    color: var(--brand-color-2)
}

.tb--mobile-menu .tb--balance-info_top,.tb--mobile-menu .tb--total-net-balance {
    margin-bottom: 12px;
    padding-bottom: 16px;
    position: relative
}

.tb--mobile-menu .tb--balance-info_top:before,.tb--mobile-menu .tb--total-net-balance:before {
    background-color: var(--background-color-2);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.tb--mobile-menu .tb--total-net-balance {
    font-size: 12px;
    margin-bottom: 16px;
    padding-bottom: 12px
}

.tb--mobile-menu .tb--total-net-balance .tb--info {
    align-items: center;
    color: var(--text-color-4);
    display: flex
}

@media only screen and (max-width: 768px) {
    .tb--mobile-menu .tb--total-net-balance:last-child .tb--info .tb--tooltip {
        bottom:24px;
        top: auto
    }
}

.tb--mobile-menu .tb--total-net-balance .tb--tooltip {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    line-height: normal;
    max-width: 0;
    opacity: 0;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 24px;
    z-index: 999
}

.tb--mobile-menu .tb--total-net-balance .digi_icon-info {
    color: var(--text-color-4);
    cursor: pointer;
    font-size: 14px
}

.tb--mobile-menu .tb--total-net-balance .digi_icon-info:hover+.tb--tooltip {
    display: block;
    max-width: 80%;
    opacity: 1
}

.tb--mobile-menu .tb--balance-info_top>div {
    flex-direction: column;
    max-width: calc(100% - 40px)
}

.tb--mobile-menu .tb--balance-info_top .show-balance-icon {
    background-color: var(--background-color-2)
}

.tb--mobile-menu .tb--balance-info_top .show-balance-icon:before,.tb--mobile-menu .tb--balance-info_top .tb--hide-balance {
    color: var(--text-color-4)
}

.tb--mobile-menu .chashier-buttons {
    display: flex
}

.tb--mobile-menu .chashier-buttons a {
    align-items: center;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0 16px;
    width: 100%
}

.tb--mobile-menu .chashier-buttons a:nth-child(2) {
    margin-left: 12px
}

.tb--mobile-menu .chashier-buttons a i {
    font-size: 20px;
    margin: 0 5px 0 -6px
}

.tb--user-balance,.tb--user-balance .tb--balance-right {
    color: var(--text-color-2)
}

.tb--user-balance .tb--withdraw-clr {
    color: #00912c
}

.tb--user-balance .tb--balance-info,.tb--user-balance .tb--user-cashback_cont,.tb--user-balance .tb--user-info {
    background-color: #1b2838;
    background-image: var(--background-gradient-1);
    border-radius: 12px;
box-shadow: 0 0px 15px #ff0000b3;
    margin-bottom: 16px;
    padding: 16px
}

.tb--user-balance .tb--balance-info .tb--balance-txt {
    color: var(--text-color-2);
    display: block;
    margin-bottom: 8px
}

.tb--user-balance .tb--balance-info .tb--balance {
    color: var(--text-color-4)
}

.tb--user-balance .tb--balance-info .tb--balance span:last-child {
    color: var(--text-color-2);
    font-size: 12px;
    margin-left: 4px
}

.tb--user-balance .tb--balance-info .tb--balance .tb--hide-balance {
    color: var(--text-color-3)
}

.tb--user-balance .tb--balance-info .tb--balance .tb--balance-currency {
    color: var(--text-color-3);
    font-size: 12px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 36px;
    margin-left: 4px
}

.tb--user-balance .tb--balance-info .tb--balance .digi_icon-change_password {
    color: var(--text-color-3);
    font-size: 14px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 36px;
    margin-left: 4px
}

.tb--user-balance .tb--balance-info .tb--balance .digi_icon-change_password:before {
    font-size: 14px;
    height: 14px;
    line-height: 34px;
    width: 14px
}

.tb--user-balance .tb--balance-info .tb--balance-info-text_mobile {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .tb--user-balance .tb--balance-info .tb--balance-info-text_mobile {
        background-color:rgba(240,40,73,.078)!important;
        border: 1px solid var(--error-color)!important;
        border-radius: 16px;
        color: var(--modal-text-color-3);
        display: flex;
        font-size: 12px;
        height: 100%;
        margin-top: 16px;
        padding: 16px;
        width: 100%
    }
}

.tb--user-balance .tb--player-verification_status {
    margin-bottom: 10px
}

.tb--user-balance .tb--player-verification_status p {
    color: var(--text-color-4)
}

.tb--menu-sub-count {
    background-color: var(--brand-color-1);
    border-radius: 32px;
    color: var(--brand-color-text);
    font-size: 10px;
    height: 20px;
    min-width: 20px;
    padding: 3px 4px;
    text-align: center
}

.tb--menu-sub-count_bonuses {
    position: absolute
}

.tb--right-menu-mob {
    margin: 0 auto
}

.tb--right-menu-mob img {
    max-height: 18px
}

.tb--exit-icon,.tb--go-old-mobile {
    color: var(--white-color)
}

.tb--exit-icon {
    cursor: pointer;
    flex-shrink: 0;
    font-family: BuilderFont;
    font-size: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    text-transform: none;
    width: 24px
}

.tb--mobile-logout {
    color: var(--text-color-2);
    opacity: .7;
    padding: 16px 16px 0
}

.tb--mobile-logout i {
    font-size: 24px
}

.tb--mobile-logout span {
    padding: 0 10px
}

.show-balance-icon,.tb--requst-cashback {
    align-items: center;
    background-color: var(--background-color-2);
    border-radius: 12px;
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media only screen and (max-width: 1023.9px) {
    .show-balance-icon i,.tb--requst-cashback i {
        color:var(--text-color-4)!important
    }
}

.tb--user-cashback_cont {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.tb--user-cashback_cont .tb--requst-cashback i {
    color: var(--modal-text-color-1);
    font-size: 22px
}

@media only screen and (min-width: 1024px) {
    .tb--user-cashback_cont .tb--requst-cashback {
        background-color:var(--modal-bg-color-2)
    }
}

@media only screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--user-cashback_cont .tb--requst-cashback {
        margin-bottom:6px
    }
}

.tb--user-cashback_cont .tb--rcashback-title {
    color: var(--text-color-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 0 10px;
    text-transform: capitalize
}

@media only screen and (max-width: 1023.9px) {
    .tb--user-cashback_cont .tb--rcashback-title {
        margin-right:auto
    }
}

.tb--user-cashback_cont .tb--rcashback-link {
    align-items: center;
    color: var(--brand-color-1);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-end;
    min-width: 140px;
    text-transform: capitalize
}

.tb--user-cashback_cont .tb--rcashback-link i {
    font-size: 12px;
    margin-left: 4px
}

.tb--user-cashback_cont .tb--rcashback-link i:before {
    height: 18px;
    line-height: 18px;
    width: 18px
}

@media only screen and (max-width: 500px) {
    .tb--user-cashback_cont .tb--rcashback-link {
        width:80%
    }

    .tb--user-cashback_cont .tb--rcashback-link i:before {
        height: 18px;
        line-height: 18px;
        width: 18px
    }
}

@media only screen and (max-width: 340px) {
    .tb--user-cashback_cont .tb--rcashback-link {
        justify-content:flex-start
    }

    .tb--user-cashback_cont .tb--rcashback-link>span {
        max-width: 70%
    }
}

.show-balance-icon:before {
    font-size: 18px
}

@media only screen and (max-width: 1023.9px) {
    .tb--rtl .tb--user-cashback_cont .tb--rcashback-title {
        margin-left:auto;
        margin-right: 0
    }
}

@media only screen and (max-width: 340px) {
    .tb--rtl .tb--user-cashback_cont .tb--rcashback-link {
        justify-content:flex-end
    }
}

.tb--rtl .tb--user-cashback_cont .tb--rcashback-link i {
    margin-left: 0;
    margin-right: 4px;
    transform: rotate(180deg)
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.lds-spinner {
    height: 100%;
    position: relative;
    transform: translate(-18px,-18px) scale(.18) translate(18px,18px);
    width: 100%
}

.lds-spinner div {
    animation: lds-spinner 1s linear infinite;
    border-radius: 40%;
    height: 24px;
    left: 94px;
    position: absolute;
    top: 48px;
    transform-origin: 6px 52px;
    width: 12px
}

.lds-spinner div:first-child {
    animation-delay: -.9166666667s;
    transform: rotate(0deg)
}

.lds-spinner div:nth-child(2) {
    animation-delay: -.8333333333s;
    transform: rotate(30deg)
}

.lds-spinner div:nth-child(3) {
    animation-delay: -.75s;
    transform: rotate(60deg)
}

.lds-spinner div:nth-child(4) {
    animation-delay: -.6666666667s;
    transform: rotate(90deg)
}

.lds-spinner div:nth-child(5) {
    animation-delay: -.5833333333s;
    transform: rotate(120deg)
}

.lds-spinner div:nth-child(6) {
    animation-delay: -.5s;
    transform: rotate(150deg)
}

.lds-spinner div:nth-child(7) {
    animation-delay: -.4166666667s;
    transform: rotate(180deg)
}

.lds-spinner div:nth-child(8) {
    animation-delay: -.3333333333s;
    transform: rotate(210deg)
}

.lds-spinner div:nth-child(9) {
    animation-delay: -.25s;
    transform: rotate(240deg)
}

.lds-spinner div:nth-child(10) {
    animation-delay: -.1666666667s;
    transform: rotate(270deg)
}

.lds-spinner div:nth-child(11) {
    animation-delay: -.0833333333s;
    transform: rotate(300deg)
}

.lds-spinner div:nth-child(12) {
    animation-delay: 0s;
    transform: rotate(330deg)
}

.lds-css {
    height: 36px
}

.white-loader div {
    background-color: var(--white-color)
}

.brand-loader div {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1)
}

.tb--spinner {
    text-align: center
}

.tb--spinner>div {
    animation: sk-bouncedelay 1.4s ease-in-out infinite both;
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-1);
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    margin: 0 6px;
    width: 10px
}

.tb--spinner .tb--bounce1 {
    animation-delay: -.32s
}

.tb--spinner .tb--bounce2 {
    animation-delay: -.16s
}

@keyframes sk-bouncedelay {
    0%,80%,to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--history-filter {
        display:block;
        padding: 8px 16px
    }
}

@media screen and (min-width: 1024px) {
    .tb--history-filter {
        margin-left:-4px;
        margin-right: -4px
    }

    .tb--history-filter .tb--input-loader {
        margin: 0 8px
    }

    .tb--history-filter .tb--btn {
        margin: 0 4px;
        padding: 0 16px
    }
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-overlay] {
    background-color: var(--modal-bg-color-2)
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-header] {
    border-bottom: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
    padding: 24px 16px 12px
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-header]:before {
    background: var(--modal-text-color-3);
    opacity: 1
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-header] .tb--bottom-sheet__title {
    color: var(--modal-text-color-2);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-header] .tb--bottom-sheet__close-btn {
    color: var(--modal-text-color-2);
    padding: 0
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile {
    padding: 24px 10px 36px
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--col-2 {
    margin: 0;
    padding: 0 8px
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--col-2 .tb--pay-inner-input,.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--col-2>div {
    margin-bottom: 16px
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--col-fromdate,.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--col-todate {
    flex-basis: 50%;
    max-width: 50%
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--filter-buttons {
    align-items: center;
    display: flex;
    margin-top: 16px;
    width: 100%
}

.tb--bottom-sheet.tb--bottom-sheet__popup [data-rsbs-scroll] .tb--history-filter-mobile .tb--hfm-body .tb--filter-buttons .tb--btn {
    margin: 0 8px
}

.cashier-form-wrapper,.prizes-form-wrapper {
    border-radius: 12px
}

@media screen and (min-width: 1024px) {
    .cashier-form-wrapper,.prizes-form-wrapper {
        padding:10px 16px 24px
    }
}

.cashier-form-wrapper .tb--list-row-cont .tb--list-row.tb--game_history_table,.prizes-form-wrapper .tb--list-row-cont .tb--list-row.tb--game_history_table {
    cursor: auto
}

@media screen and (max-width: 1023.9px) {
    .cashier-form-wrapper.cashier-form-referrer-report,.prizes-form-wrapper.cashier-form-referrer-report {
        margin-top:0
    }

    .tb--preloader-container .tb--list-row-cont {
        display: none
    }
}

.tb--home-game-heading {
    min-height: 60px
}

@media screen and (min-width: 1366px) {
    .tb--home-game-heading,.tb--list-row,.tb--payment-body,.tb--payment-item {
        font-size:14px
    }
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--home-game-heading,.tb--list-row,.tb--payment-body,.tb--payment-item {
        font-size:12px
    }
}

.tb--list-row-cont .tb--table_button {
    font-size: 10px;
    height: 32px;
    line-height: 0;
    max-width: 110px;
    min-width: 0;
    min-width: auto;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--list-row-cont {
        box-shadow:none
    }
}

.tb--list-row-cont .tb--list-row {
    border-radius: 12px;
    cursor: pointer;
    padding-bottom: 11px;
    padding-top: 20px
}

.tb--list-row-cont .tb--list-row:not(:nth-last-child(-n+2)) {
    margin-bottom: 8px
}

.tb--list-row-cont .tb--list-row.tb--game_history_list_row {
    cursor: default;
    padding-bottom: 4px;
    padding-top: 4px
}

.tb--list-row-cont .tb--list-row.tb--game_history_list_row .tb--red {
    color: red
}

.tb--list-row-cont .tb--list-row.tb--priz-history_list_row {
    padding-bottom: 24px;
    padding-top: 24px
}

.tb--list-row-cont .tb--list-row.tb--opened_row {
    border-bottom: 0;
    padding-bottom: 28px
}

.tb--list-row-cont .tb--list-row.tb--opened_row .tb--home-game-heading {
    background-color: var(--modal-bg-color-3)
}

.tb--list-row-cont .tb--list-row.tb--opened_row .tb--bonus-info-cont {
    border-top: 1px solid rgb(from var(--modal-text-color-1) r g b/.1);
    margin-top: 24px
}

.tb--list-row-cont .tb--list-row.tb--opened_row .tb-bonuses-cont-toggle.digi_icon-arrow_down {
    color: rgb(from var(--modal-text-color-1) r g b/.8)
}

.tb--list-row-cont .tb--list-row.tb--list-row-ref,.tb--list-row-cont .tb--list-row.tb--list-row-trans {
    margin: 5px;
    padding: 20px;
}

.tb--list-row-cont .tb--table_action-button {
    border-radius: 10px;
    font-size: 10px;
    height: 24px;
    line-height: 28px;
    padding: 0 13px
}

@media screen and (min-width: 1024px) {
    .tb--list-row-cont .tb--table_action-button {
        max-width:100%
    }
}

.tb--list-row-cont .tb--table_action-button_col {
    overflow: hidden;
    white-space: nowrap
}

.tb--list-row-cont .tb--table_action-button_col .tb--table_action-button {
    min-width: auto
}

.tb--game_history_icon {
    display: inline-block;
    transform: rotate(90deg) translate(1px)
}

.tb--game_history_icon.bet_icon {
    transform: rotate(-90deg) translate(-2px)
}

@media screen and (min-width: 1024px) {
    .tb--trans-cont .tb--list-row-scroll {
        max-height:calc(90vh - 450px);
        overflow: auto
    }
}

.tb--list-row-cont-mob .tb--list-row-header-mob {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding-bottom: 16px;
    padding-top: 16px
}

.tb--list-row-cont-mob .tb--list-row-mob {
    background-color: #f2f2f2;
    padding-bottom: 16px;
    padding-top: 16px
}

.tb--list-row-cont-mob .tb--list-row-mob.tb--details {
    padding-right: 0
}

.tb--list-row-cont-mob .tb--text-details {
    padding-left: 16px;
    padding-right: 16px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: normal;
    width: 50%
}

@media screen and (max-width: 500px) {
    .tb--list-row-cont-mob .tb--text-details {
        width:70%
    }
}

.tb--list-row-cont-mob .tb--btn {
    width: calc(100% - 64px)
}

.tb--rtl .tb--list-row-cont-mob .tb--list-row-mob.tb--details {
    padding-left: 0;
    padding-right: 16px
}

.tb--rtl .tb--list-row-cont-mob .tb--text-details {
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: normal;
    width: 50%
}

@media screen and (max-width: 500px) {
    .tb--rtl .tb--list-row-cont-mob .tb--text-details {
        width:70%
    }
}

.tb--acc10 div,.tb--acc11 div,.tb--acc12 div,.tb--acc22 div,.tb--acc27 div,.tb--acc5 div,.tb--acc7 div,.tb--acc8 div {
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--acc1 {
    width: 16px
}

.tb--acc5 {
    width: 5%
}

.tb--acc5 .tb--table_button {
    min-width: 80%
}

.tb--acc7 {
    width: 7%
}

.tb--acc7 .tb--table_button {
    min-width: 100%
}

.tb--acc8 {
    padding-right: 20px;
    width: 8%
}

.tb--acc10 {
    padding-right: 20px;
    width: 10%
}

.tb--acc11 {
    padding-right: 20px;
    width: 11%
}

.tb--acc12 {
    padding-right: 20px;
    width: 12%
}

.tb--acc16 {
    padding-right: 20px;
    width: 16%
}

.tb--acc22 {
    flex: 1 1;
    padding-right: 20px;
    padding: 0 14px!important;
    width: 22%
}

.tb--acc27 {
    padding-right: 20px;
    width: 27%
}

@media screen and (min-width: 1024px) and (max-width:1366px) {
    .tb--acc-status {
        width:20%
    }
}

.tb--pagination {
    margin: 16px 0
}

.tb--pagination a {
    align-items: center;
    border: 1px solid #999;
    border-radius: 6px;
    color: #999;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 24px;
    justify-content: center;
    margin-left: 8px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.tb--pagination p {
    padding-right: 12px
}

.tb--pagination .tb--pagination-font {
    font-size: 18px
}

.tb--pagination .tb--pagination-li {
    display: inline-flex
}

.tb--pagination .tb--pagination-li [class*=" digi_icon-"]:before,.tb--pagination .tb--pagination-li [class^=digi_icon-]:before {
    height: 24px;
    width: 32px
}

.tb--pagination.tb--mobile-pagination {
    margin: 0;
    position: relative
}

.tb--pagination.tb--mobile-pagination a {
    margin-left: 0
}

.tb--pagination.tb--mobile-pagination .tb--gray-clr {
    color: var(--brand-color-1);
    padding: 0;
    position: absolute;
    text-align: center;
    width: calc(100% - 36px);
    z-index: 0
}

.tb--pagination.tb--mobile-pagination .tb--mobile-pagination-menu {
    position: relative;
    z-index: 1
}

.tb--pagination.tb--mobile-pagination .tb--mobile-pagination-menu li {
    display: none
}

.tb--pagination.tb--mobile-pagination .tb--mobile-pagination-menu li:first-child,.tb--pagination.tb--mobile-pagination .tb--mobile-pagination-menu li:last-child {
    display: inline-flex
}

.tb--pagination.tb--mobile-pagination .tb--mobile-pagination-menu li a {
    border: 1px solid var(--text-color-4);
    border-radius: 4px;
    box-shadow: 0 2px 4px #00000029;
    color: var(--text-color-3);
    height: 44px;
    line-height: 44px;
    width: 70px
}

@media screen and (max-width: 1023.9px) {
    .tb--history-mobile {
        display:flex;
        flex: 1 1;
        flex-direction: column;
        margin: 16px
    }
}

.tb--history {
    align-items: center;
    background: var(--modal-bg-color-2);
    border-radius: 12px;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1024px) {
    .tb--history {
        flex:1 1
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--history {
        background:var(--modal-bg-color-1);
        margin: 24px 16px
    }
}

.tb--history .tb--game-history_tbl {
    height: calc(100% - 220px);
    padding-bottom: 0;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--history .tb--game-history_tbl {
        height:78vh
    }
}

.tb--history-large {
    display: flex;
    flex: 1 1
}

@media screen and (max-width: 1023.9px) {
    .tb--history-large {
        background:var(--modal-bg-color-3);
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        margin: 24px 16px
    }
}

.tb--history-large .tb--game-history_tbl {
    width: 100%
}

.tb--empty-history {
    height: 100%
}

.tb--game-history_tbl.tb--recent-data {
    height: auto
}

.tb--game-history_tbl .tb--game-history {
    height: 100%
}

.tb--empty-cont img {
    opacity: .7
}

@media screen and (max-width: 1023.9px) {
    .tb--empty-cont {
        margin-bottom:36px;
        margin-top: 36px
    }
}

.tb--nodata-icon {
    display: flex;
    font-size: 54px;
    height: 40px;
    justify-content: center;
    margin-right: 48px;
    margin-top: 30px
}

.tb--recent-game_item {
    border-radius: 8px;
    overflow: hidden;
    padding: 0 6px
}

.tb--recent-game_item img {
    border-radius: 8px;
    display: block;
    height: 117px;
    max-width: 100%;
    object-fit: cover;
    width: 100%
}

.tb--recent-game_item .tb--recent-game-hover_content {
    background-color: rgb(from var(--modal-bg-color-1) r g b/.9);
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    padding: 8px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all .5s ease;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 1024px) {
    .tb--recent-game_item:hover .tb--recent-game-hover_content {
        opacity:1
    }
}

.tb--recent-game_cont-wrapper {
    padding: 24px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--recent-game_cont-wrapper {
        display:none
    }
}

.tb--recent-game_cont-wrapper .slick-slide {
    padding: 0!important
}

.tb--recent-game_cont-wrapper .tb--recent-game_cont {
    background-color: var(--modal-bg-color-1);
    border-radius: 12px;
    padding: 18px 24px 24px
}

.tb--recent-game_cont-wrapper .tb--recent-game_cont .slick-arrow {
    background: none;
    border: 1px solid rgb(from var(--modal-text-color-2) r g b/.4);
    border-radius: 6px;
    color: rgb(from var(--modal-text-color-2) r g b/.8)
}

.tb--recent-game_cont-wrapper .tb--recent-game_cont .slick-arrow:before {
    color: inherit;
    opacity: 1
}

.tb--recent-game_cont-wrapper .tb--recent-game_cont .slick-arrow.slick-disabled {
    opacity: 50%
}

.tb--recent-game-header {
    color: var(--modal-text-color-1);
    font-size: 16px;
    font-weight: 500
}

.tb--recent-game-play {
    background-color: initial;
       border: 1px solid #ff2222;
    color: #ff2222;
    display: block;
    font-size: 12px;
    margin: 10px 0;
    padding: 8px 20px
}

.tb--recent-game-demo {
    color: var(--modal-text-color-1);
    font-size: 13px;
    margin-top: 6px;
    text-align: center;
    text-transform: uppercase
}

.tb--continue,.tb--continue:active,.tb--continue:focus,.tb--continue:hover {
    color: var(--brand-color-1);
    text-decoration: underline
}

@media screen and (min-width: 1024px) {
    .cashier-form-wrapper.cashier-form-wrapper_two {
              min-height: calc(100% - 120px);
        overflow: auto;
        height: 432px;
    }
}

.tr-history .transaction-item .tb--acc10,.tr-history .transaction-item .tb--acc12,.tr-history .transaction-item .tb--flex-grow,.tr-history .transaction-item .transaction-balance {
    flex: 1 1!important
}

.tr-history .transaction-item .tb--transaction-type .bonus-name_tolltip {
    background-color: #fff;
    border-radius: 24px;
    box-shadow: 0 3px 6px 0 #0003;
    color: #212121;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    max-width: 304px;
    padding: 7px 12px;
    white-space: normal
}

.tb--game_history_table .tb--first_row {
    align-items: center;
    display: flex;
    margin-right: 15px;
    padding-left: 0!important
}

.tb--game_history_table.tb--list-row {
    padding-bottom: 14px;
    padding-top: 22px
}

.tb--rtl .tb--game_history_table .tb--first_row {
    margin-right: 0;
    padding-right: 0!important
}

.btn {
    background-color: initial;
    color: var(--text-color-4);
    cursor: pointer;
    padding: 0;
    text-decoration: none
}

.btn__main-clr {
    color: var(--brand-color-2)
}

.btn:hover {
    color: var(--text-color-4);
    text-decoration: none
}

@media only screen and (min-width: 1024px) {
    .btn {
        background:#ff2222;
        background-image: var(--brand-gradient-2);
        border: 1px solid #ff2222;
        border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .7px;
        padding: 0 16px;
        text-align: center;
        text-transform: uppercase;
        transition: color,background-color .2s
    }

    .btn,.btn:hover {
               color: #ffffff;
        font-weight: bold;
    }

    .btn:hover {
        opacity: .9
    }

    .btn__secondary {
        background: #0000;
        color: #ff2222;
    }

    .btn__secondary:hover {
        color: #ff2222;
        opacity: .9
    }

    .btn__icon {
        padding: 0 6px
    }
}

.tb--btn,.tb--btn-small {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .7px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--btn-small.disabled,.tb--btn-small:disabled,.tb--btn.disabled,.tb--btn:disabled {
    opacity: .6;
    pointer-events: none
}

@media screen and (min-width: 1024px) {
    .tb--btn-input_border {
        border-bottom-left-radius:0;
        border-bottom-right-radius: var(--input-radius-bottom-right);
        border-top-left-radius: 0;
        border-top-right-radius: var(--input-radius-top-right)
    }

    .tb--input-btn_border {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }
}

.tb--btn {
    min-width: 110px
}

@media screen and (max-width: 1023.9px) {
    .tb--btn {
        width:100%
    }
}

.tb--btn-small {
    width: 96px
}

@media screen and (max-width: 1023.9px) {
    .tb--btn-small {
        min-width:50px;
        width: 100%
    }
}

.tb--btn-text {
    padding-left: 23px;
    padding-right: 23px;
    text-align: center
}

@media screen and (max-width: 1023.9px) {
    .tb--log_reg_form .tb--btn-text,.tb--modal-account .tb--btn-text,.tb--modal-popup .tb--btn-text,.tb--modal-wrapper .tb--btn-text {
        width:100%
    }
}

.tb--btn-fix {
    width: 280px
}

@media screen and (max-width: 1023.9px) {
    .tb--btn-fix {
        width:100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--access-btn {
        max-width:180px;
        overflow: hidden;
        padding: 0 20px;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (min-width: 768px) {
    .tb--access-btn {
        max-width:180px!important
    }
}

@media screen and (max-width: 768px) {
    .tb--access-btn {
        max-width:110px
    }
}

.tb--access-btn span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tb--modal-close,.tb--star {
    color: #999;
    cursor: pointer;
    flex-shrink: 0;
    font-family: BuilderFont;
    font-size: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    text-transform: none;
    width: 24px
}

.tb--star.active {
    color: var(--brand-color-2)
}

.tb--btn-ternary {
    background-color: #ff2222;
    background-image: var(--brand-gradient-1);
    color: var(--brand-color-text)
}

.tb--btn-ternary:hover {
    opacity: .9
}

.tb--btn-ternary.tb--offers-btn .lds-spinner {
    transform: translate(-18px,-18px) scale(.18) translate(50%,50%)
}

.tb--btn-outline {
    background-color: initial;
    border: 1px solid var(--brand-color-1);
    color: var(--brand-color-1)
}

.tb--btn-outline:hover {
    opacity: .9
}

.tb--btn-primary {
    background-color: #ff1100;
    background-image: var(--brand-gradient-2);
    color: var(--brand-color-text)
}

.tb--btn-secondary {
    background-color: initial;
    background-image: none;

    color: #ffffff;
}

.tb--btn-secondary:hover {
    opacity: .9
}

.tb--btn-bordered {
  background-color: initial;
    border: 1px solid #ff1100;
    color: #ffffff;
}

.tb--btn-bordered:hover {
    opacity: .9
}

.tb--btn-outlined {
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    color: #000
}

.tb--btn-outlined:hover {
    opacity: .9
}

.tb--btn-cancel {
    background-color: var(--modal-bg-color-2);
    border: none;
    color: var(--modal-text-color-2)
}

.tb--btn-cancel:hover {
    opacity: .9
}

.tb--main-btn1 {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    color: var(--background-color-1)
}

.tb--main-btn2 {
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-1);
    color: var(--text-color-4)
}

.tb--secondary-btn {
    background-color: initial;
    background-image: none;
    border: 1px solid var(--brand-color-2);
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--brand-color-2)
}

.tb--secondary-btn:hover {
    opacity: .9
}

.tb--btn-transparent {
    background-color: initial;
    color: #999
}

.tb--btn-transparent_akcent {
    background-color: initial;
    color: var(--brand-color-1)
}

.attache-files-content .tb--btn-ternary {
    cursor: default;
    opacity: .5
}

.attache-files-content .tb--btn-ternary.active {
    cursor: pointer;
    opacity: 1
}

.tb--notice-wrapper {
    left: 50%;
    position: fixed;
    top: 6px;
    transform: translate(-50%,6px);
    z-index: 99999
}

@media screen and (max-width: 1023.9px) {
    .tb--notice-wrapper {
        top:0;
        transform: translate(-50%)
    }

    .mobile-app-notice {
        top: 50px
    }
}

.tb--notice-container {
    margin-top: 8px
}

.tb--notice-content {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px #0003;
    color: #2c2d3b;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 8px;
    pointer-events: all;
    width: 400px
}

.tb--notice-content .tb--notice-msg {
    padding: 0 12px
}

@media screen and (max-width: 500px) {
    .tb--notice-content {
        width:calc(100vw - 40px)
    }
}

.tb--notice-content.tb--notice-success {
    border-left: 3px solid #089d00
}

.tb--notice-content.tb--notice-success .digi_icon-check {
    align-items: center;
    background-color: #089d0033;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-success .digi_icon-check:before {
    align-items: center;
    background-color: #089d00;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-success .digi_icon-check:after {
    background-color: #089d0080;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.tb--notice-content.tb--notice-error {
    border-left: 3px solid #f02849
}

.tb--notice-content.tb--notice-error .tb--notice-error_sub .digi_icon-close {
    align-items: center;
    background-color: #f0284933;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-error .tb--notice-error_sub .digi_icon-close:before {
    align-items: center;
    background-color: #f02849;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-error .tb--notice-error_sub .digi_icon-close:after {
    background-color: #f0284980;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.tb--notice-content.tb--notice-warning {
    border-left: 3px solid #ffa800
}

.tb--notice-content.tb--notice-warning .digi_icon-exclamation {
    align-items: center;
    background-color: #ffa80033;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-warning .digi_icon-exclamation:before {
    align-items: center;
    background-color: #ffa800;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-warning .digi_icon-exclamation:after {
    background-color: #ffa80080;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.tb--notice-content.tb--notice-network_online {
    border-left: 3px solid #089d00
}

.tb--notice-content.tb--notice-network_online .digi_icon-wifi_on {
    align-items: center;
    background-color: #089d0033;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-network_online .digi_icon-wifi_on:before {
    align-items: center;
    background-color: #089d00;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-network_online .digi_icon-wifi_on:after {
    background-color: #089d0080;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.tb--notice-content.tb--notice-network_offline {
    border-left: 3px solid #f02849
}

.tb--notice-content.tb--notice-network_offline .digi_icon-wifi_off {
    align-items: center;
    background-color: #f0284933;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-network_offline .digi_icon-wifi_off:before {
    align-items: center;
    background-color: #f02849;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-network_offline .digi_icon-wifi_off:after {
    background-color: #f0284980;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.tb--notice-content.tb--notice-network_poor {
    border-left: 3px solid #ffa800
}

.tb--notice-content.tb--notice-network_poor .digi_icon-poor_internet {
    align-items: center;
    background-color: #ffa80033;
    border-radius: 24px;
    color: #fff;
    display: flex;
    height: 36px;
    justify-content: center;
    min-width: 36px
}

.tb--notice-content.tb--notice-network_poor .digi_icon-poor_internet:before {
    align-items: center;
    background-color: #ffa800;
    border-radius: 24px;
    display: flex;
    font-size: 14px;
    height: 20px;
    justify-content: center;
    width: 20px;
    z-index: 2
}

.tb--notice-content.tb--notice-network_poor .digi_icon-poor_internet:after {
    background-color: #ffa80080;
    border-radius: 24px;
    content: "";
    height: 28px;
    position: absolute;
    width: 28px;
    z-index: 1
}

.move-up-leave {
    animation: moveOpen .3s linear reverse both;
    animation-play-state: running;
    animation-timing-function: cubic-bezier(.6,.04,.98,.34)
}

@keyframes moveOpen {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tb--notice-wrapper .move-up-leave:nth-child(1n) {
    animation-delay: .5s
}

.tb--notice-wrapper .move-up-leave:nth-child(2n) {
    animation-delay: 1s
}

.tb--notice-wrapper .move-up-leave:nth-child(3n) {
    animation-delay: 1.5s
}

.tb--notice-wrapper .move-up-leave:nth-child(4n) {
    animation-delay: 2s
}

.tb--notice-wrapper .move-up-leave:nth-child(5n) {
    animation-delay: 2.5s
}

.tb--notice-wrapper .move-up-leave:nth-child(6n) {
    animation-delay: 3s
}

.tb--notice-wrapper .move-up-leave:nth-child(7n) {
    animation-delay: 3.5s
}

.tb--notice-wrapper .move-up-leave:nth-child(8n) {
    animation-delay: 4s
}

.tb--notice-wrapper .move-up-leave:nth-child(9n) {
    animation-delay: 4.5s
}

.tb--notice-wrapper .move-up-leave:nth-child(10n) {
    animation-delay: 5s
}

.tb--notice-wrapper .move-up-leave:first-child {
    animation-delay: .1s
}

.tb--cookies-wrapper {
    align-items: center;
    bottom: 0;
    box-shadow: 0 4px 8px #0000000d;
    display: flex;
    left: 0;
    padding: 24px 60px 24px 24px;
    position: fixed;
    right: 0;
    z-index: 99999999
}

.tb--cookies-wrapper:before {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--cookies-wrapper .tb--cookies-logo {
    align-items: center;
    background-color: var(--background-color-1);
    border-radius: 50%;
    color: var(--brand-color-2);
    display: flex;
    flex: 0 0 70px;
    height: 70px;
    justify-content: center;
    width: 70px
}

.tb--cookies-wrapper .tb--cookies-logo i:before {
    font-size: 48px;
    height: 60px;
    line-height: 60px;
    width: 60px
}

@media screen and (max-width: 1023.9px) {
    .tb--cookies-wrapper .tb--cookies-logo {
        flex:0 0 90px;
        height: 90px;
        width: 90px
    }

    .tb--cookies-wrapper .tb--cookies-logo i:before {
        font-size: 60px;
        height: 65px;
        line-height: 65px;
        width: 65px
    }
}

@media screen and (max-width: 500px) {
    .tb--cookies-wrapper .tb--cookies-logo {
        flex:0 0 65px;
        height: 65px;
        width: 65px
    }

    .tb--cookies-wrapper .tb--cookies-logo i:before {
        font-size: 45px
    }
}

.tb--cookies-wrapper .tb--cookies-right-col {
    justify-content: space-between;
    width: 90%
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content {
    margin-left: 24px;
    margin-right: 30px
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h1,.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h2,.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h3,.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h4,.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h5,.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content h6 {
    color: var(--text-color-1);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 31px;
    margin-bottom: 6px;
    text-transform: capitalize
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content span.tb--cookies-text {
    color: var(--text-color-3);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
    line-height: 16px;
    opacity: .8
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content span.tb--cookies-text a {
    color: var(--text-color-4);
    text-decoration: underline
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-btn {
    align-items: center;
    background: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border: 0;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--background-color-1);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    letter-spacing: .7px;
    line-height: 36px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    transition: color,background-color .2s;
    white-space: nowrap
}

.tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-btn:hover {
    color: var(--background-color-1);
    opacity: .9
}

@media screen and (max-width: 1023.9px) {
    .tb--cookies-wrapper .tb--cookies-right-col {
        align-items:start;
        flex-direction: column;
        margin-left: 30px
    }

    .tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-content {
        margin: 0 0 12px
    }
}

@media screen and (max-width: 500px) {
    .tb--cookies-wrapper .tb--cookies-right-col {
        margin:0
    }

    .tb--cookies-wrapper .tb--cookies-right-col .tb--cookies-btn {
        width: 100%
    }
}

.tb--cookies-wrapper .tb--modal-close {
    align-items: center;
    background-color: var(--background-color-1);
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    line-height: 36px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 36px;
    z-index: 99
}

.tb--cookies-wrapper .tb--modal-close .digi_icon-close {
    color: var(--text-color-3)
}

.tb--cookies-wrapper .tb--modal-close i:before {
    font-size: 16px
}

@media screen and (max-width: 500px) {
    .tb--cookies-wrapper {
        flex-direction:column;
        padding: 30px 24px!important
    }

    .tb--cookies-wrapper .tb--cookies-logo {
        margin-bottom: 15px
    }
}

.tb--promo-codes {
    border-radius: 12px;
    flex: 1 1;
    padding: 30px
}

@media screen and (max-width: 1023.9px) {
    .tb--promo-codes {
        flex-direction:column;
        margin: 16px;
        padding: 16px
    }
}

.tb--promo-codes .image-column {
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--promo-codes .tb--promo-column {
        width:50%
    }
}

@media screen and (max-width: 1024px) {
    .tb--promo-codes .tb--promo-column .tb--w_50 {
        width:100%
    }
}

.tb--promo-codes .tb--promo-column.tb--promo-form {
    margin-left: 20px
}

@media screen and (max-width: 1023.9px) {
    .tb--promo-codes .tb--promo-column.tb--promo-form {
        display:flex;
        flex-direction: column;
        height: 100%;
        margin-left: 0
    }

    .tb--promo-codes .tb--promo-column.tb--promo-form .tb--flex-grid6 {
        flex-shrink: 1;
        height: 100%
    }

    .tb--promo-codes .tb--promo-column.tb--promo-form .tb--promo-form__cta {
        margin-top: auto
    }
}

.tb--promo-codes .tb--promo-column .tb--promo-desc {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 24px
}

.tb--promo-codes .tb--promo-column.promo-illustration {
    align-items: center;
    display: flex;
    justify-content: center
}

.tb--promo-codes .tb--promo-divider {
    background-color: #ccc;
    height: 170px;
    margin: 4px 30px;
    width: 1px
}

.tb--promo-codes form>div {
    padding-left: 6px;
    padding-right: 6px
}

.tb--promo-codes form .tb--pc-input {
    min-width: 285px
}

@media screen and (max-width: 1023.9px) {
    .tb--promo-codes form {
        flex-direction:column
    }
}

.tb--promo-codes .promo-icon {
    height: auto;
    width: 100%
}

.tb--promo-codes .promo-icon .st0 {
    fill: var(--modal-text-color-2)
}

.tb--promo-codes .promo-icon .st1 {
    fill: var(--modal-bg-color-1)
}

.tb--promo-codes .promo-icon .st2 {
    fill: var(--brand-color-1)
}

.tb--promo-codes .promo-icon .st3 {
    fill: var(--modal-bg-color-2)
}

.casino--container {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px
}

.casino--container.tb--categories_list {
    width: 100%
}

.casino--container.tb--categories_list.d-none {
    display: none
}

@media only screen and (max-width: 1366px) {
    .casino--container {
        padding-left:16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .casino--container.casino--container-mobile {
        padding:0
    }
}

.casino--container .tb--preloader-container {
    height: 100%!important
}

.casino--container .tb--empty-state {
    margin-top: 8px
}

.casino--container--wrapper {
    min-height: 400px;
    padding: 0 20px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .casino--container--wrapper {
        padding:0 12px
    }
}

.casino--container--wrapper .tb--preloader-container {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999999999
}

.casino--top-space {
    padding-top: 460px
}

@media screen and (max-width: 1023.9px) {
    .casino--top-space {
        padding-top:0!important
    }
}

.casino--space {
    padding-top: 40px
}

@media screen and (max-width: 1023.9px) {
    .casino--space {
        padding-top:20px
    }
}

.casino-slider-container .top--winners-slider .slick-slide {
    padding: 0
}

@media screen and (max-width: 1023.9px) {
    .casino-slider-container .top--winners-slider .slick-slide {
        padding:0 4px!important
    }
}

@media only screen and (min-width: 1366px) {
    .casino-slider-container .wrapper-2 {
        margin-top:-120px
    }
}

.casino--wrapper {
    overflow-x: hidden;
    padding-bottom: 8px
}

.casino--wrapper .casino--games-more_btn {
    width: calc(100% - 20px)
}

@media screen and (max-width: 600px) {
    .casino--wrapper .casino--games-more_btn {
        width:calc(100% - 8px)
    }
}

@media screen and (max-width: 1023.9px) {
    .casino--wrapper.casino--container {
        padding-left:6px;
        padding-right: 6px
    }
}

@media screen and (max-width: 600px) {
    .casino--wrapper.casino--container {
        padding-left:12px;
        padding-right: 12px
    }
}

.casino--games-more_btn {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    color: var(--text-color-4);
    font-size: 14px;
    height: 50px;
    margin-top: 8px;
    padding: 10px 35px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.casino-block_img {
    background-color: #1a1a1a;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%
}

.casino--demo-header p {
    color: var(--brand-color-2);
    font-size: 16px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    margin: auto;
    max-width: 260px;
    padding: 0 16px
}

@media only screen and (min-width: 1024px) and (max-width:1365px) {
    .casino--demo-header p {
        height:50px;
        line-height: 50px
    }
}

.casino-menu-block_wrapper {
    margin: 0 24px
}

@media only screen and (max-width: 1366px) {
    .casino-menu-block_wrapper {
        margin:0 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-block_wrapper {
        margin:0
    }
}

.casino-menu-block {
    border-radius: 8px;
    margin: 0 auto 8px;
    max-width: 1520px;
    position: relative
}

.casino-menu-block:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-block:after {
        border-radius:0
    }
}

.casino-menu-items {
    border-radius: 8px;
    height: 60px;
    line-height: 1.6;
    position: relative;
    z-index: 1
}

.casino-menu-items .search-block {
    background-image: none
}

@media screen and (min-width: 1024px) {
    .casino-menu-items .search-block .search-box {
        border-radius:var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
        padding: 11px 34px 10px 40px
    }
}

.casino-menu-items .search-block .search-box:focus {
    border-color: var(--brand-color-2)
}

@media only screen and (max-width: 1023.9px) {
    .casino-menu-items .search-block .search-box {
        border:0
    }
}

.casino-menu-items .search-block:after {
    display: none
}

.casino-menu-items .search-block .digi_icon-search {
    color: var(--text-color-4);
    font-size: 24px;
    left: 10px;
    position: absolute
}

@media only screen and (max-width: 1023.9px) {
    .casino-menu-items .search-block .digi_icon-search {
        align-items:center;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        pointer-events: none;
        width: 100%
    }
}

.casino-menu-items .search-block .close-icon:before {
    background-color: initial
}

@media only screen and (max-width: 1023.9px) {
    .casino-menu-items .search-block.search-block__focus .search-box {
        padding-left:5px
    }
}

.casino-menu-items .casino-menu-items_holder {
    display: flex;
    flex-wrap: nowrap;
    font-weight: 500;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: calc(100% - 100px)
}

@media only screen and (min-width: 1024px) {
    .casino-menu-items .casino-menu-items_holder {
        margin-right:0
    }
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-items .casino-menu-items_holder {
        width:calc(100% - 60px)
    }
}

.casino-menu-items .casino-menu-items_holder .slick-slide {
    padding: 0
}

.casino-menu-items .casino-menu-items_holder .casino-menu-items_wrapper {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-items .casino-menu-items_holder .casino-menu-items_wrapper {
        display:flex;
        overflow-x: auto
    }
}

.casino-menu-item {
    color: var(--text-color-4);
    flex-shrink: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 15px
}

@media screen and (max-width: 1023.9px) {
    .casino-menu-item {
        padding:0 12px
    }
}

.casino-menu-item:hover {
    color: var(--brand-color-2)
}

@media screen and (min-width: 1024px) {
    .casino-web-padding {
        padding:0 40px
    }
}

.casino-menu-items_text {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 60px;
    padding: 4px
}

.casino-menu-items_icon {
    font-size: 26px;
    padding: 4px
}

.casino-menu-item__active {
    color: var(--brand-color-2)
}

.casino--links-container {
    flex-wrap: wrap
}

@media screen and (max-width: 1023.9px) {
    .casino--links-container {
        overflow-x:auto
    }
}

.casino--links-container.casino--links-container_space {
    padding: 18px 0 8px
}

.casino-all-links {
    overflow: hidden;
    padding: 0 24px;
    position: relative;
    transition: max-height .5s ease-in;
    z-index: 1
}

@media screen and (max-width: 1023.9px) {
    .casino-all-links {
        background-color:var(--background-color-2);
        background-image: var(--background-gradient-2)
    }
}

.casino-all-links.closed-sub-categories {
    max-height: 60px!important;
    transition: max-height .5s ease-out
}

.casino-all-links_arrow {
    left: 20px;
    position: absolute;
    top: -1px
}

.casino-all-links_item {
    background-clip: padding-box;
    background-color: var(--background-color-5);
    background-image: var(--background-gradient-5);
    border: 1px solid #0000;
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--text-color-4);
    display: inline-block;
    font-size: 14px;
    margin: 0 8px 8px 0;
    padding: 8px 14px;
    white-space: nowrap
}

.casino-all-links_item:hover,.casino-all-links_item__active {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-color: var(--brand-color-2);
    box-shadow: 0 3px 6px rgba(0,0,0,.302);
    color: var(--brand-color-2)
}

.casino-all-links_item:after {
    border-radius: 7px 7px 0 7px;
    bottom: 0;
    display: inline-block;
    margin-left: 10px;
    max-width: 60%;
    overflow: hidden;
    position: static;
    right: 14px;
    text-overflow: ellipsis;
    top: 0;
    transform: translate(0)
}

.casino-all-links_item.casino-all-links_close,.casino-all-links_item.casino-all-links_more {
    align-items: center;
    display: flex;
    font-size: 21px;
    height: 35px;
    padding: 0 14px
}

.casino-block-games {
    margin: 0 -10px
}

@media screen and (max-width: 1023.9px) {
    .casino-block-games {
        margin:0
    }
}

.casino-block-games .casino-block-games_holder {
    display: flex;
    width: 100%
}

.casino-block-games .casino-block-games_item {
    border-radius: 8px;
    flex-basis: 50%;
    flex-grow: 1;
    height: 160px;
    max-width: 50%;
    min-width: 1px;
    padding: 10px;
    position: relative;
    transition: transform .2s
}

@media only screen and (max-width: 600px) {
    .casino-block-games .casino-block-games_item {
        height:100px;
        padding: 4px
    }
}

@media only screen and (min-width: 500px) and (max-width:767px) {
    .casino-block-games .casino-block-games_item {
        flex-basis:33.33333%;
        max-width: 33.33333%
    }
}

@media only screen and (min-width: 768px) and (max-width:1023.9px) {
    .casino-block-games .casino-block-games_item {
        flex-basis:25%;
        max-width: 25%
    }
}

@media only screen and (min-width: 1024px) and (max-width:1365px) {
    .casino-block-games .casino-block-games_item {
        flex-basis:25%;
        max-width: 25%
    }
}

@media only screen and (min-width: 1366px) {
    .casino-block-games .casino-block-games_item {
        flex-basis:16.66%;
        max-width: 16.66%
    }
}

.casino-block-games .casino-block-games_item img {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    display: inline-block;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    vertical-align: top;
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .casino-block-games .casino-block-games_item:hover {
        border:1px solid var(--brand-color-2);
        padding: 0;
        transform: scale(1);
        z-index: 2
    }

    .casino-block-games .casino-block-games_item:hover .casino-block-games_demo_cont {
        opacity: 1;
        transform: scale(1)
    }
}

@media only screen and (min-width: 1024px) and (max-width:1366px) {
    .casino-block-games .casino-block-games_item:hover {
        transform:scale(1.2)
    }
}

@media only screen and (min-width: 1024px) and (max-width:1365px) {
    .casino-block-games .casino-block-games_item:hover {
        transform:scale(1.02)
    }
}

.casino-block-games .casino-block-games_demo_cont {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: center;
    transition: all .5s;
    width: 100%;
    z-index: 2
}

.casino-block-games .casino-block-games_demo_cont:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    bottom: 0;
    content: "";
    display: none;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .casino-block-games .casino-block-games_demo_cont:after {
        display:block
    }
}

.casino-block-games .casino-block-games_demo_cont>div {
    border-radius: 2px;
    position: relative;
    z-index: 5
}

.casino-block-games .tb--empty-state {
    margin-top: 16px;
    width: calc(100% - 20px)
}

@media only screen and (min-width: 768px) {
    .casino-block-games .tb--empty-state {
        margin-bottom:14px;
        z-index: 1
    }
}

.casino--game-hover_content {
    margin-top: calc(50% - 110px)
}

@media only screen and (min-width: 1024px) and (max-width:1365px) {
    .casino--game-hover_content {
        margin-top:calc(50% - 135px)
    }
}

.casino--game-play {
    border: 1px solid var(--brand-color-2);
    color: var(--text-color-4);
    padding: 12px 44px;
    position: relative;
    z-index: 2
}

.casino--game-play:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.casino--game-play:hover:before {
    opacity: .7
}

.casino--game-demo {
    color: var(--text-color-4);
    font-size: 13px;
    margin-top: 16px;
    text-align: center;
    text-transform: uppercase
}

.tb--casino-game-mobile {
    background-color: #000000f7;
    position: fixed;
    z-index: 1000
}

@media screen and (max-width: 1023.9px) {
    .tb--casino-game-mobile {
        bottom:0;
        left: 0;
        right: 0;
        top: 0
    }
}

.tb--casino-game-mobile .game-redirect-loader,.tb--casino-game-mobile .tb--preloader-container {
    height: 100%
}

.tb--casino-game-mobile .tb--body-panel {
    padding: 56px 16px 0
}

.img-block-holder,.top-casino-block,.top-live-casino-block {
    margin-bottom: 8px;
    position: relative
}

.slider_casino {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .slider_casino {
        position:relative
    }
}

.slider_casino .casino--main-slider .slick-list {
    position: relative
}

.slider_casino .casino--main-slider .slick-list:after {
    background-image: linear-gradient(180deg,#0000,var(--background-color-2));
    content: "";
    display: block;
    height: 80%;
    left: 0;
    position: absolute;
    top: 76%;
    width: 100%;
    z-index: 99
}

@media screen and (max-width: 1023.9px) {
    .slider_casino .casino--main-slider .slick-list:after {
        content:none
    }
}

.slider_casino .casino--main-slider .slick-list .slick-slide {
    padding: 0
}

.slider_casino .main--slider-top {
    position: relative
}

.slider_casino .main--slider-top .main--slider-counter,.slider_casino .main--slider-top .slick-next,.slider_casino .main--slider-top .slick-prev {
    top: 23px
}

.slider_casino .main--slider-bottom {
    position: relative
}

.slider_casino .main--slider-bottom .main--slider-counter,.slider_casino .main--slider-bottom .slick-next,.slider_casino .main--slider-bottom .slick-prev {
    top: 340px
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .slider_casino .main--slider-bottom .main--slider-counter,.slider_casino .main--slider-bottom .slick-next,.slider_casino .main--slider-bottom .slick-prev {
        top:270px
    }
}

.slider_casino .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-right .slick-next {
        right:25px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-right .slick-next {
        right:24px
    }
}

.slider_casino .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-right .slick-prev {
        right:69px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-right .slick-prev {
        right:68px
    }
}

.slider_casino .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-right .main--slider-counter {
        right:113px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-right .main--slider-counter {
        right:112px
    }
}

.slider_casino .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-left .slick-prev {
        left:24px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-left .slick-prev {
        left:16px
    }
}

.slider_casino .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-left .slick-next {
        left:69px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-left .slick-next {
        left:59px
    }
}

.slider_casino .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .slider_casino .main--slider-left .main--slider-counter {
        left:114px
    }
}

@media only screen and (max-width: 1366px) {
    .slider_casino .main--slider-left .main--slider-counter {
        left:102px
    }
}

@media screen and (min-width: 1024px) {
    .main--slider-top.main--slider-right .top--winners-slider {
        top:75px
    }
}

.main--slider-bottom.main--slider-right .casino--top-space,.main--slider-top.main--slider-right .casino--top-space {
    padding-top: 520px
}

.main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .main--slider-counter,.main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .slick-next,.main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .slick-prev {
    top: 410px
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .main--slider-counter,.main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .slick-next,.main--slider-bottom.main--slider-right .slider_casino .main--slider-bottom .slick-prev {
        top:344px
    }
}

.tb--winners-item_mob {
    display: flex;
    overflow-x: auto
}

@media screen and (max-width: 1023.9px) {
    .tb--winners-item_mob {
        padding:0 8px
    }
}

.not-found-providers {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 80px 8px 12px;
    text-align: center;
    text-transform: none
}

.not-found-providers__title {
    color: var(--text-color-1);
    font-size: 14px;
    font-weight: 700
}

.not-found-providers__text {
    color: var(--text-color-4);
    font-size: 12px
}

.not-found-providers__i2 {
    fill: var(--background-color-2)
}

.not-found-providers__i1 {
    fill: var(--brand-color-2)
}

@media screen and (min-width: 1024px) {
    .livecasino-slider-container {
        position:absolute;
        width: 100%
    }

    .livecasino--top-space {
        margin-top: 400px
    }
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .livecasino--top-space {
        margin-top:330px
    }
}

@media screen and (min-width: 1024px) {
    .livecasino--top-space {
        position:relative;
        z-index: 999999
    }
}

.tb--filter-desktop {
    margin-left: auto;
    margin-right: auto;
    max-width: 1570px
}

@media screen and (min-width: 1024px) {
    .tb--filter-desktop .tb--btn-more {
        margin-top:9px
    }
}

.tb--live-casino_navbar {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    width: 100%
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_navbar {
        background-color:var(--background-color-5);
        background-image: var(--background-gradient-5);
        border-radius: 8px;
        margin-bottom: 8px;
        padding: 11px 24px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar {
        flex-wrap:wrap-reverse
    }
}

.tb--live-casino_navbar.tb-br-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tb--live-casino_navbar .tb--navbar_left {
    flex-wrap: wrap;
    font-size: 14px;
    padding: 0;
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_navbar .tb--navbar_left {
        margin-bottom:4px;
        margin-left: -16px;
        max-width: calc(100% - 300px);
        padding: 13px 0 0 16px
    }

    .tb--live-casino_navbar .tb--navbar_left li {
        margin-bottom: 21px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--navbar_left {
        display:flex;
        flex-wrap: nowrap;
        height: 56px!important;
        margin: 0 -16px;
        order: 2;
        overflow-x: auto;
        overflow-y: hidden!important;
        padding: 12px 16px;
        width: calc(100% + 32px)
    }

    .tb--live-casino_navbar .tb--navbar_left::-webkit-scrollbar {
        display: none
    }
}

.tb--live-casino_navbar .tb--navbar_left.open {
    margin-bottom: -5px
}

.tb--live-casino_navbar .tb--navbar_left li {
    align-items: center;
    color: var(--text-color-4);
    cursor: pointer;
    display: flex;
    margin-right: 24px;
    position: relative;
    white-space: nowrap
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--navbar_left li.tb--badge:after {
        margin:0;
        position: absolute;
        right: -6px;
        top: -6px!important
    }
}

.tb--live-casino_navbar .tb--navbar_left li.active,.tb--live-casino_navbar .tb--navbar_left li:hover {
      color: #ff1100;
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home {
    margin-right: 16px;
    padding: 0 16px 0 0;
    position: relative
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home:after {
    background: rgba(from var(--text-color-4) r g b/.2);
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_back,.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_link {
    align-items: center;
    background-color: var(--background-color-4);
    display: flex
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_link {
    border-radius: 40px;
    padding: 7px 12px;
    white-space: nowrap
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_link .category_icon-home {
    margin-right: 8px
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_link .category_icon-home:before {
    font-size: 14px
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_back {
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.tb--live-casino_navbar .tb--navbar_left li.tb--navbar_left_lobby_home .lobby_home_back i {
    color: var(--text-color-4);
    font-size: 18px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--navbar_left li {
        margin-right:18px;
        padding: 7px 0
    }

    .tb--live-casino_navbar .tb--navbar_left li.groups-both {
        margin-inline-end:18px}
}

.tb--live-casino_navbar .tb--navbar_left li .tb--group-icon {
    height: 14px;
    margin-right: 8px;
    width: 14px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--navbar_left.fixed-lh-back li.tb--navbar_left_lobby_home {
        left:0;
        position: -webkit-sticky;
        position: sticky;
        z-index: 1
    }

    .tb--live-casino_navbar .tb--navbar_left.fixed-lh-back li.tb--navbar_left_lobby_home:before {
        background: var(--background-color-5);
        bottom: -12px;
        box-shadow: 16px 0 30px 0 rgba(from var(--background-color-5) r g b/.75);
        content: "";
        left: -16px;
        position: absolute;
        right: -16px;
        top: -12px;
        z-index: -1
    }
}

.tb--live-casino_navbar .tb--navbar_left.open li.tb--btn-more {
    color: var(--brand-color-2)
}

.tb--live-casino_navbar .tb--navbar_right {
    margin-left: auto
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_navbar .tb--navbar_right {
        margin-top:2px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--navbar_right {
        align-items:center;
        background-color: var(--background-color-4);
        display: flex;
        gap: 12px;
        justify-content: space-between;
        margin-left: -16px;
        margin-right: -16px;
        order: 1;
        padding: 8px 16px;
        width: calc(100% + 32px)!important
    }
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_navbar .tb--navbar_right .tb--sorting-wrapper {
        height:36px
    }
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper {
    margin-right: auto;
    position: relative
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block {
    background-color: var(--background-color-1);
    border: 1px solid #0000;
    border-radius: 8px;
    color: var(--text-color-4);
    cursor: pointer;
    font-size: 12px;
    height: 36px;
    justify-content: flex-start;
    margin: 0 16px 0 0;
    padding: 0 40px;
    position: relative;
    transition: .3s
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block:after {
    color: var(--text-color-4);
    content: "\ea05";
    cursor: pointer;
    font-family: BuilderFont!important;
    font-size: 16px;
    position: absolute;
    right: 12px;
    transition: .3s
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .digi_icon-close {
    display: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .tb--filter-button-wrapper {
    left: 12px;
    position: absolute
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .tb--filter-button-wrapper .digi_icon-filter:before {
    margin-right: 0
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block.active:after {
    color: var(--brand-color-2);
    transform: rotate(180deg)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block:focus-visible {
    outline: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .search-input {
    border: none;
    color: var(--text-color-4);
    font-size: 12px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .search-input:focus-visible {
    outline: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-block .search-input::placeholder {
    opacity: .5
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results {
    background-color: var(--background-color-1);
    border-radius: 8px;
    box-shadow: 0 12px 12px #0003;
    left: 0;
    position: absolute;
    top: 40px;
    width: 223px;
    z-index: 999
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    max-height: 440px;
    overflow: auto;
    padding: 4px 0
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items {
    max-height: auto;
    padding: 0 16px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 16px 26px 16px 0;
    position: relative
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li:before {
    background: var(--background-color-5);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li:last-child:before {
    display: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li.tb--badge:after {
    left: 0;
    margin: 0;
    max-width: 80%;
    position: absolute;
    right: auto;
    top: 14px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--custom-badge {
    left: 0;
    right: auto;
    top: 14px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--categories-item_text {
    color: var(--text-color-4);
    font-size: 12px;
    font-weight: 500;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s;
    white-space: nowrap
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--categories-item_count {
    color: var(--text-color-4);
    opacity: .5;
    padding: 0 8px;
    transition: .3s
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li a {
    display: flex
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico .digi_icon-checkbox,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico .digi_icon-checkbox_selected {
    font-size: 18px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico .digi_icon-checkbox:before,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico .digi_icon-checkbox_selected:before {
    color: var(--text-color-4);
    opacity: 60%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li .tb--chb-ico .digi_icon-checkbox_selected:before {
    color: var(--brand-color-2);
    opacity: 1
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list ul.tb--categories-list_items li:hover a span {
    color: var(--brand-color-2)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li {
    padding-bottom: 6px;
    padding-top: 22px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li.tb--badge:after {
    top: 18px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li.tb--none,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li:first-child {
    padding-bottom: 15px;
    padding-top: 15px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li.tb--none.tb--badge:after,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-text ul.tb--categories-list_items li:first-child.tb--badge:after {
    display: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li {
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li.tb--badge:after {
    left: 65px;
    max-width: calc(100% - 118px);
    position: absolute;
    top: 24px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li .tb--categories-item_inner {
    align-items: center;
    display: flex;
    width: 100%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li .tb--categories-item_name {
    display: inline-flex
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li .tb--categories-item_name .tb--categories-item_text {
    max-width: 60px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li:not(.tb--none) .tb--categories-item_name {
    align-self: flex-end
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li .tb--categories-item_image {
    align-items: center;
    background-color: var(--background-color-5);
    background-image: var(--background-gradient-5);
    border: 1px solid #0000;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 8px;
    padding: 4px;
    width: 56px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-text-logo ul.tb--categories-list_items li .tb--categories-item_image img {
    max-height: 100%;
    max-width: 100%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li {
    align-items: center;
    background-color: var(--background-color-5);
    background-image: var(--background-gradient-5);
    border: 1px solid #0000;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    margin: 6px 0;
    padding: 4px;
    width: calc(50% - 4px)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li.tb--badge:after {
    left: 4px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li:before {
    display: none
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li.active {
    border-color: var(--brand-color-2);
    color: var(--brand-color-2)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li.active .tb--categories-item_count,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li.active .tb--categories-item_text {
    color: var(--brand-color-2)
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li .tb--categories-item_image,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li .tb--categories-item_inner,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li a {
    display: inline-block;
    height: 100%;
    text-align: center;
    width: 100%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li .tb--categories-item_image img,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li .tb--categories-item_inner img,.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .tb--providers_list.tb--providers_list-only-logo ul.tb--categories-list_items li a img {
    max-height: 100%;
    max-width: 100%
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .empty-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 186px;
    justify-content: center
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .empty-list svg {
    height: 44px;
    width: 44px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .empty-list .not-found-providers__title {
    font-size: 12px;
    margin: 12px 0 8px
}

.tb--live-casino_navbar .tb--navbar_right .multi-search-wrapper .search-results .empty-list .not-found-providers__text {
    color: var(--text-color-4);
    font-size: 12px;
    line-height: 16px;
    opacity: .8;
    text-align: center;
    width: 150px
}

.tb--live-casino_navbar .tb--navbar_right.tb--navbar_home_active {
    display: flex;
    justify-content: flex-end
}

.tb--live-casino_navbar .tb--live-casino_filter {
    border-radius: 12px;
    color: var(--text-color-4);
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 37px;
    padding: 9px;
    position: relative;
    width: 36px
}

.tb--live-casino_navbar .tb--live-casino_filter .filter-icon {
    width: 16px
}

.tb--live-casino_navbar .tb--live-casino_filter .filter-icon.filter-icon-middle {
    margin: 0
}

.tb--live-casino_navbar .tb--live-casino_filter .filter-icon.filter-icon-middle:before {
    left: 10px
}

.tb--live-casino_navbar .tb--live-casino_filter.filtered:before {
    background-color: var(--brand-color-2);
    border: 2px solid var(--background-color-5);
    border-radius: 50%;
    content: "";
    height: 8px;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--live-casino_filter {
        display:none
    }
}

.tb--live-casino_navbar .tb--live-casino_filter.active,.tb--live-casino_navbar .tb--live-casino_filter:hover {
    color: var(--brand-color-2)
}

.tb--live-casino_navbar .tb--btn-more {
    align-items: center;
    border-radius: 100px;
    color: var(--text-color-4);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 24px;
    width: 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar .tb--btn-more {
        display:none
    }
}

.tb--live-casino_navbar .tb--btn-more i:before {
    font-size: 16px
}

.tb--live-casino_navbar .tb--btn-more .digi_icon-arrow_up {
    color: var(--brand-color-2)
}

.tb--rotate {
    transform: rotate(180deg)
}

.tb--live-casino_search {
    cursor: pointer;
    height: 36px;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_search {
        border-radius:90px;
        height: 44px;
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_search .digi_icon-search {
        bottom:0;
        left: 10px;
        right: auto;
        top: 0
    }
}

.tb--live-casino_search .search-box {
    border: 1px solid #0000;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    height: 100%;
    outline: none;
    overflow: hidden;
    transition: border-color .5s;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_search .search-box {
        border-radius:8px
    }
}

.tb--live-casino_search .search-box i {
    transition: color .5s
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_search .search-box {
        padding:0 40px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_search .search-box {
        padding-left:60px;
        padding-right: 45px
    }
}

.tb--live-casino_search i {
    bottom: 0;
    color: var(--text-color-4);
    font-family: BuilderFont!important;
    font-size: 24px;
    height: 24px;
    margin: auto;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 24px
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_search i {
        left:0;
        right: 0
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_search i {
        display:flex;
        justify-content: center;
        left: -16px;
        width: 60px
    }
}

.tb--live-casino_search .close-icon:before {
    background-color: initial
}

@media screen and (min-width: 1024px) {
    .tb--live-casino_navbar_wrapper .tb--live-casino_search {
        margin-right:12px;
        width: 200px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar_wrapper .tb--live-casino_search i {
        color:var(--text-color-3);
        left: 0;
        margin: 0;
        opacity: 1;
        top: 50%;
        transform: translate(12px,-50%);
        width: 20px
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search .close-icon:before {
        margin: 0
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search.active i {
        color: var(--brand-color-2);
        opacity: 1
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search:after,.tb--live-casino_navbar_wrapper .tb--live-casino_search:before {
        display: none
    }
}

.tb--live-casino_navbar_wrapper .tb--live-casino_search:after {
    color: var(--text-color-4)
}

.tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box {
    color: var(--text-color-4);
    font-size: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box {
        background-color:initial;
        border: 1px solid rgba(from var(--text-color-4) r g b/.2);
        color: var(--text-color-2);
        font-size: 14px;
        padding-left: 44px;
        padding-right: 34px
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box:focus {
        border-color: var(--brand-color-2)
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box::placeholder {
        color: var(--text-color-2);
        opacity: .5
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box:-ms-input-placeholder {
        color: var(--text-color-2);
        opacity: .5
    }

    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box::-ms-input-placeholder {
        color: var(--text-color-2);
        opacity: .3
    }
}

.tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box::placeholder {
    color: var(--text-color-4);
    opacity: .5
}

.tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box:-ms-input-placeholder {
    color: var(--text-color-4);
    opacity: .5
}

.tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box::-ms-input-placeholder {
    color: var(--text-color-4);
    opacity: .3
}

.tb--live-casino_navbar_wrapper .tb--filter-button_mobile {
    align-self: center;
    display: none;
    flex-wrap: wrap;
    margin-right: -13px;
    padding: 0 12px;
    position: relative;
    width: 51px
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar_wrapper .tb--filter-button_mobile {
        display:flex;
        flex-direction: column;
        margin: 0;
        padding: 0
    }

    .tb--live-casino_navbar_wrapper .tb--filter-button_mobile .filter-icon {
        width: 19px
    }

    .tb--live-casino_navbar_wrapper .tb--filter-button_mobile .filter-icon.filter-icon-middle {
        margin: 4px 0
    }
}

.tb--live-casino_navbar_wrapper .tb--filter-button_mobile .search-result-count {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border-radius: 100%;
    color: var(--background-color-1);
    font-size: 11px;
    height: 16px;
    min-width: 16px;
    padding: 3px 5px 1px;
    position: absolute;
    right: 6px;
    top: -8px
}

.tb--live-casino_navbar_wrapper .tb--filter-button_mobile.active {
    position: relative
}

.tb--live-casino_navbar_wrapper .tb--filter-button_mobile.active:after {
    background-color: var(--brand-color-2);
    border: 2px solid var(--background-color-4);
    border-radius: 100%;
    content: "";
    height: 8px;
    left: 30px;
    position: absolute;
    top: 0;
    width: 8px
}

@media screen and (min-width: 500px) {
    .tb--live-casino_navbar_wrapper .tb--filter-button_mobile.active:after {
        left:34px
    }
}

.tb--live-casino_navbar_wrapper .tb--badge:after {
    max-width: calc(100% + 10px);
    padding: 0 3px
}

.tb--live-casino_navbar_wrapper .tb--badge.tb--badge-top:after {
    top: -2px
}

.tb--live-casino_navbar_wrapper .tb--custom-badge {
    border-radius: 6px 6px 6px 0;
    max-width: 100%;
    padding: 0 6px;
    position: absolute;
    right: -12px;
    top: -2px;
    transform: translateY(-90%)
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar_wrapper .tb--custom-badge {
        right:-6px;
        top: 6px
    }

    .tb--live-casino_navbar_wrapper {
        position: relative;
        z-index: 99
    }

    .tb--live-casino_navbar_wrapper .tb--categories-filter,.tb--live-casino_navbar_wrapper .tb--filter-button_mobile,.tb--live-casino_navbar_wrapper .tb--sorting-container {
        align-items: center;
        background-color: var(--background-color-1);
        border-radius: 50%;
        color: rgba(from var(--text-color-4) r g b/.5);
        display: flex;
        flex: 0 0 auto;
        font-size: 22px;
        height: 44px;
        justify-content: center;
        width: 44px
    }
}

.tb--live-casino_navbar_wrapper.has-lobby-navbar .tb--providers-block {
    background-color: initial!important;
    display: flex;
    padding-top: 6px!important;
    width: 100%
}

.tb--live-casino_navbar_wrapper.has-lobby-navbar .tb--providers-block li {
    background-color: initial
}

.tb--live-casino_navbar_wrapper.has-lobby-navbar .tb--providers-block .digi_icon-arrow_down {
    cursor: pointer;
    height: 24px
}

.tb--live-casino_navbar_wrapper.has-lobby-navbar .tb--providers-block.tb--providers_list-logo,.tb--live-casino_navbar_wrapper.has-lobby-navbar .tb--providers-block.tb--providers_list-only-logo {
    margin: -6px 0 0 -6px!important;
    padding: 0!important
}


    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-center span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-center.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-end span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-end.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-start span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in .tb--sidebar-main_link.show-badge.tb--justify-start.tb--sidebar-sub_menu span.tb--item-text {
        padding-right: 5px
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.show-badge.tb--justify-center span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.show-badge.tb--justify-center.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-center span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-center.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-end span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-end.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-start span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-main_item.fade--in.show-icon .tb--sidebar-main_link.tb--justify-start.tb--sidebar-sub_menu span.tb--item-text {
        padding-left: 0
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-center.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-end.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-start.tb--sidebar-sub_menu span.tb--item-text {
        padding-right: 14px
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-center.show-badge span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-center.show-badge.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-end.show-badge span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-end.show-badge.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-start.show-badge span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--justify-start.show-badge.tb--sidebar-sub_menu span.tb--item-text {
        padding-right: 5px
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in.show-icon .tb--justify-center.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in.show-icon .tb--justify-end.tb--sidebar-sub_menu span.tb--item-text,.tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in.show-icon .tb--justify-start.tb--sidebar-sub_menu span.tb--item-text {
        padding-left: 0
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--sidebar-submenu .tb--sidebar-submenu_link {
        padding: 12px 23px
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--sidebar-submenu .tb--sidebar-submenu_link .tb--badge {
        margin-left: 8px;
        margin-right: 0
    }

    .tb--sidebar-open .tb--sidebar-main .tb--sidebar-submen_open.fade--in .tb--sidebar-submenu .tb--sidebar-submenu_link span.tb--item-text {
        padding: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary {
        display: flex
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--item-text {
        display: block;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--badge-abs.tb--badge {
        display: block;
        margin: 0;
        padding: 1px 6px;
        position: absolute;
        right: 8px;
        top: 5px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item a,.tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item a i,.tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item a span.tb--secondary-text {
        display: block
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style {
        margin: 6px;
        padding: 12px;
        width: 96%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a {
        align-items: center;
        display: flex;
        flex-direction: row
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a .tb--badge {
        display: inline-block;
        margin: 0 0 0 8px;
        position: static
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a i {
        margin-bottom: 0;
        margin-right: 4px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a.tb--align-center .tb--badge:after,.tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a.tb--align-end .tb--badge:after {
        margin: 0 0 0 12px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a.tb--align-center {
        justify-content: center
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--list-style a.tb--align-end {
        justify-content: end
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--grid-style {
        padding: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--grid-style a {
        padding: 28px 8px;
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--grid-style a i {
        margin-bottom: 10px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--grid-style.hide_icon a {
        padding: 20px 8px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.tb--grid-style .tb--badge {
        max-width: calc(100% - 20px);
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu {
        padding: 12px 0 16px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu a {
        display: block
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu a span.tb--secondary-text {
        display: flex
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu a .tb--badge:after {
        margin: 0 12px;
        position: relative;
        right: 0;
        top: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu>a {
        display: flex;
        margin-bottom: 12px;
        padding: 0!important
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu>a.tb--align-center {
        justify-content: center
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu>a.tb--align-end {
        justify-content: end
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu>a>i {
        margin-right: 8px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu>a .tb--badge {
        overflow: visible;
        overflow: initial
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu:before {
        display: none
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--list-style .tb--secondary-submenu.show a,.tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--list-style a {
        display: flex
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show {
        background-color: initial;
        background-image: none;
        border: 0;
        display: block;
        padding: 0;
        position: relative;
        top: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show:not(:last-child) {
        margin-bottom: 12px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show:before {
        border-radius: 12px;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show.active:before,.tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show:hover:before {
        opacity: .3
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show .tb--secondary-submenu_item {
        line-height: normal;
        min-height: auto;
        padding: 12px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a {
        display: inline-block
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a.tb--align-center {
        text-align: center;
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a.tb--align-end {
        text-align: right;
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a.tb--align-start {
        text-align: left;
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a i:before {
        display: inline-block
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a span.tb--item-text {
        padding: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu .tb--secondary-submenu.show a span.tb--badge {
        padding: 1px 6px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style {
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show {
        margin: 4px 0;
        min-width: auto;
        width: calc(50% - 4px)
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show:nth-child(odd) {
        margin-right: 4px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show:nth-child(2n) {
        margin-left: 4px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show a {
        padding: 28px 8px;
        text-align: center;
        width: 100%
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show a i {
        display: block;
        margin-bottom: 10px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show a span:after {
        margin: 0;
        position: absolute;
        right: 8px;
        top: 17px;
        transform: translateY(-90%)
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show.hide_icon a {
        padding: 20px 8px
    }

    .tb--sidebar-open .tb--sidebar-secondary .tb--sidebar-secondary_item.hase-secondary-submenu.tb--grid-style .secondary-submenu .tb--secondary-submenu.show .tb--secondary-submenu_item {
        padding: 0;
        position: static
    }

    .tb--has-sidebar.show-sidebar_block .footer-container {
        margin-left: auto;
        max-width: calc(100% - 60px)
    }

    .tb--has-sidebar.show-sidebar_block .main-block .l5--main {
        padding-left: 60px
    }

    .tb--has-sidebar.show-sidebar_block .header-block_sub {
        padding-left: 80px
    }
}

.tb--casino-game-wrapper {
    background: var(--background-color-5);
    background-image: var(--background-gradient-5);
    height: 100vh;
    min-width: 1024px;
    overflow-x: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.tb--casino-game_popup {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    box-shadow: 0 0 12px var(--background-color-4);
    margin: 0 auto;
    overflow: hidden;
    padding: 16px;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.tb--casino-gameFull {
    height: 100%;
    width: 100%
}

.tb--casino-gameNormal {
    height: 90%;
    width: 90%
}

.tb--casino-game_left_block {
    width: 160px
}

.tb--live-dealer {
    border-radius: 2px;
    position: relative;
    transform-origin: center;
    transition: all .5s
}

.tb--live-dealer img {
    border-radius: 2px;
    height: 235px;
    object-fit: cover;
    width: 100%
}

.tb--live-dealer .tb--live-dealer_footer {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.tb--live-dealer .tb--live-dealer_hover {
    background-color: #000c;
    border-radius: 2px;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.tb--live-dealer .tb--live-dealer_hover a {
    color: #fff;
    font-size: 14px
}

.tb--live-dealer:hover .tb--live-dealer_hover {
    opacity: 1
}

.tb--game-title {
    height: 36px;
    line-height: 36px
}

.tb--casino-game_center_block {
    position: relative;
    width: calc(100% - 360px)
}

.tb--casino-game_center_block iframe {
    display: block;
    height: 100%;
    margin: auto;
    overflow: hidden;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.tb--casino-game_center_block .tb--game-animation {
    border-radius: 0;
    left: 16px!important;
    right: 16px!important
}

.tb--casino-game_right_block {
    padding-bottom: 10px;
    width: 200px
}

.tb--game-action_buttons {
    color: var(--text-color-4);
    font-size: 24px;
    margin-bottom: 12px
}

.tb--game-box_cont {
    height: calc(100% - 20px);
    overflow-x: hidden;
    overflow-y: auto
}

.tb--game-box_cont::-webkit-scrollbar {
    height: 3px;
    width: 6px
}

@media only screen and (max-width: 600px) {
    .tb--game-box_cont::-webkit-scrollbar {
        height:0
    }
}

.tb--game-box_cont::-webkit-scrollbar-thumb {
    background-color: #959595b3;
    border-radius: 10px
}

.tb--game-box_item {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    height: 126px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    transition: transform .2s;
    width: 100%
}

.tb--game-box_item:last-child {
    margin-bottom: 0
}

.tb--game-box_item:hover {
    border: 1px solid var(--brand-color-2)
}

.tb--game-box_item:hover .tb--game-box_demo_cont {
    opacity: 1
}

.tb--game-box_demo_cont {
    color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform-origin: center;
    transition: all .5s;
    width: 100%;
    z-index: 2
}

.tb--game-box_demo_cont:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.tb--game-box_header {
    color: var(--brand-color-2);
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    width: calc(100% - 10px)
}

.tb--game-box-hover_content,.tb--game-box_header {
    text-align: center;
    z-index: 3
}

.tb--game-box-play {
    border: 1px solid var(--brand-color-2);
    color: var(--text-color-4);
    padding: 10px 30px;
    position: relative;
    z-index: 2
}

.tb--game-box-play,.tb--game-box-play:before {
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left)
}

.tb--game-box-play:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--game-box-play:hover:before {
    opacity: .7
}

.tb--game-box-demo {
    color: var(--text-color-4);
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    z-index: 3
}

.nf--container {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    height: 100vh;
    padding: 4% 0
}

@media screen and (max-width: 1023.9px) {
    .nf--container {
        padding:10% 24px 15%
    }
}

.notfound--animation-cont {
    margin: 0 auto;
    width: 406px
}

@media screen and (max-width: 500px) {
    .notfound--animation-cont {
        width:280px
    }
}

.notfound--animation-cont path {
    fill: var(--brand-color-2);
    stroke: var(--brand-color-2)
}

.notfoundgame--animation-cont {
    margin: 0 auto;
    width: 200px
}

@media screen and (max-width: 500px) {
    .notfoundgame--animation-cont {
        width:180px
    }
}

.notfoundgame--animation-cont .slot-sv-eyes-mouth path,.notfoundgame--animation-cont path {
    fill: var(--brand-color-2)
}

.notfoundgame--animation-cont .slot-sv-eyes-mouth circle {
    stroke: var(--brand-color-2)
}

.nf--middle {
    background: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 50%;
    height: 12px;
    width: 500px
}

@media screen and (max-width: 500px) {
    .nf--middle {
        width:300px
    }
}

.nf--header {
    color: var(--text-color-4);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px
}

@media screen and (max-width: 1600px) {
    .nf--header {
        font-size:20px
    }
}

@media screen and (max-width: 1200px) {
    .nf--header {
        margin-bottom:12px
    }
}

.nf--txt {
    color: var(--text-color-3);
    font-size: 16px;
    margin-bottom: 16px;
    opacity: .8
}

@media screen and (max-width: 1200px) {
    .nf--txt {
        font-size:15px
    }
}

@media screen and (min-width: 1024px) {
    .nf--notfoundgame-container {
        height:100%
    }
}

.nf--notfoundgame-container__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

@media screen and (max-width: 1600px) {
    .nf--notfoundgame-container__content {
        margin-top:16px;
        max-width: 496px
    }
}

.nf--notfoundgame-container .nf--header {
    font-size: 24px;
    margin: 0 0 24px
}

@media screen and (min-width: 1200px) and (max-width:1600px) {
    .nf--notfoundgame-container .nf--header {
        font-size:20px;
        margin: 0 0 16px
    }
}

@media screen and (max-width: 1200px) {
    .nf--notfoundgame-container .nf--header {
        margin:0 0 12px
    }
}

.nf--notfoundgame-container .nf--txt {
    font-size: 16px;
    margin: 0 0 24px;
    width: auto
}

.nf--notfoundgame-container .nf--home {
    font-size: 14px;
    width: -webkit-max-content;
    width: max-content
}

.nf--home {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border-radius: var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);
    color: var(--background-color-1);
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 26px
}

@media screen and (max-width: 500px) {
    .nf--home {
        height:36px;
        line-height: 36px;
        padding: 0 22px
    }
}

.tb--unauthorized-container {
    margin: 10%
}

@media screen and (max-width: 768px) {
    .tb--unauthorized-container {
        margin:10% 16px
    }
}

.tb--unauthorized-pages {
    border-radius: 8px
}

@media screen and (max-width: 768px) {
    .tb--unauthorized-pages {
        padding:70px 40px;
        width: 100%
    }
}

.tb--unauthorized-pages .tb--unauthorized-image {
    align-items: center;
    background-color: var(--background-color-5);
    background-image: var(--background-gradient-5);
    border-radius: 50%;
    display: flex;
    height: 135px;
    justify-content: center;
    margin: 0 auto 64px;
    position: relative;
    width: 135px
}

.tb--unauthorized-pages .tb--unauthorized-image:after {
    background-clip: padding-box;
    border: 20px solid var(--background-color-5);
    border-radius: 50%;
    bottom: -20px;
    content: "";
    left: -20px;
    opacity: .5;
    position: absolute;
    right: -20px;
    top: -20px
}

.tb--unauthorized-pages .tb--unauthorized-image i:before {
    color: var(--brand-color-2);
    font-size: 70px;
    height: 70px;
    line-height: 70px;
    width: 70px
}

.tb--unauthorized-pages p {
    color: var(--text-color-4);
    font-size: 16px;
    margin-bottom: 42px
}

.tb--unauthorized-pages input {
    max-width: 240px
}

@media screen and (max-width: 768px) {
    .tb--unauthorized-pages input {
        max-width:100%
    }
}

.tb--tournament-container {
    margin: 0 auto;
    max-width: 1568px;
    overflow: hidden;
    padding: 0 24px
}

@media screen and (max-width: 1366px) {
    .tb--tournament-container {
        padding:0 14px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-container {
        padding-left:0;
        padding-right: 0
    }
}

.tb--tournament-container:before {
    background-image: linear-gradient(180deg,#0000,var(--background-color-2));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 480px;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-container:before {
        contain:none
    }
}

.tb--tournament-banner {
    left: 0;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .tb--tournament-banner {
        position:relative;
        top: 0;
        z-index: -1
    }
}

.tb--tournament-banner .slick-slide {
    padding: 0
}

.tb--tournament-banner .slick-list:before {
    background-image: linear-gradient(180deg,#0000,var(--background-color-2));
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99
}

@media screen and (max-width: 1024px) {
    .tb--tournament-banner .slick-list:before {
        content:none
    }
}

.tb--tournament-banner .main--slider-top {
    position: relative
}

.tb--tournament-banner .main--slider-top .main--slider-counter,.tb--tournament-banner .main--slider-top .slick-next,.tb--tournament-banner .main--slider-top .slick-prev {
    top: 42px
}

.tb--tournament-banner .main--slider-bottom {
    position: relative
}

.tb--tournament-banner .main--slider-bottom .main--slider-counter,.tb--tournament-banner .main--slider-bottom .slick-next,.tb--tournament-banner .main--slider-bottom .slick-prev {
    top: 304px
}

.tb--tournament-banner .main--slider-left .slick-next {
    left: calc(50% - 720px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-left .slick-next {
        left:123px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-left .slick-next {
        left:110px
    }
}

.tb--tournament-banner .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-left .slick-prev {
        left:83px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-left .slick-prev {
        left:70px
    }
}

.tb--tournament-banner .main--slider-left .main--slider-counter {
    left: calc(50% - 675px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:163px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:150px
    }
}

.tb--tournament-banner .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-right .slick-next {
        right:16px
    }
}

.tb--tournament-banner .main--slider-right .slick-prev {
    right: calc(50% - 715px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-right .slick-prev {
        right:65px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-right .slick-prev {
        right:57px
    }
}

.tb--tournament-banner .main--slider-right .main--slider-counter {
    right: calc(50% - 670px)
}

@media only screen and (max-width: 1600px) {
    .tb--tournament-banner .main--slider-right .main--slider-counter {
        right:105px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--tournament-banner .main--slider-right .main--slider-counter {
        right:98px
    }
}

@media screen and (max-width: 1023.9px) {
    .has-info-block .tb--tournament-container {
        position:relative
    }
}

.has-info-block .tb--single-tournament-container .tb--counter-block,.has-info-block .tb--tournament-banner {
    top: 132px
}

@media screen and (max-width: 1024px) {
    .has-info-block .tb--single-tournament-container .tb--counter-block,.has-info-block .tb--tournament-banner {
        top:0
    }
}

.tb--tournament-menu {
    border-radius: 12px;
    box-shadow: 0 2px 3px 1px #0000000d;
    margin-bottom: 18px;
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--tournament-menu {
        padding:15px 16px
    }
}

.tb--tournament-menu:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-menu:after {
        border-radius:0
    }
}

.tb--tournament-menu .tb--tournament-menu_item {
    color: var(--text-color-1);
    cursor: pointer;
    font-size: 16px;
    margin: 0 12px;
    z-index: 1
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-menu .tb--tournament-menu_item {
        align-items:center;
        border-bottom: 2px solid var(--background-color-1);
        color: var(--text-color-4);
        display: flex;
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
        height: 40px;
        justify-content: center;
        margin: 0;
        text-transform: uppercase
    }
}

.tb--tournament-menu .tb--tournament-menu_item.active {
    color: var(--brand-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-menu .tb--tournament-menu_item.active {
        background-color:var(--background-color-5);
        background-image: var(--background-gradient-5);
        border-color: var(--brand-color-2);
        color: var(--brand-color-2);
        position: relative
    }
}

.tb--tournament-menu .tb--tournament-menu_item.active .tb--tournament-menu_count {
    opacity: .6
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-lists {
        padding:0 16px
    }
}

.tb--tournament-list {
    align-items: stretch;
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    box-shadow: 0 2px 3px 1px #0000000d;
    padding: 24px
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-list {
        border-radius:12px;
        flex-direction: column;
        padding: 0
    }
}

.tb--tournament-list .tb--tournament-content {
    padding: 4px 40px 4px 22px;
    width: calc(100% - 708px)
}

@media screen and (max-width: 1366px) {
    .tb--tournament-list .tb--tournament-content {
        width:calc(100% - 585px)
    }
}

@media screen and (max-width: 1248px) {
    .tb--tournament-list .tb--tournament-content {
        width:calc(100% - 630px)
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-list .tb--tournament-content {
        padding:19px 12px 16px;
        width: 100%
    }
}

.tb--tournament-list .tb--tournament-content .tournament-icon {
    color: var(--brand-color-2);
    font-size: 22px
}

@media screen and (max-width: 500px) {
    .tb--tournament-list .tb--tournament-content .tournament-icon {
        font-size:18px
    }
}

.tb--tournament-list .tb--tournament-content .tb--tournament-amount_mobile {
    color: var(--brand-color-2);
    font-size: 24px;
    font-weight: 700;
    padding: 0 2px
}

@media screen and (max-width: 500px) {
    .tb--tournament-list .tb--tournament-content .tb--tournament-amount_mobile {
        font-size:18px
    }
}

.tb--tournament-list .tb--tournament-content .tb--tournament-amount_mobile span {
    margin-left: 4px
}

.tb--tournament-list .tb--tournament-title {
    color: var(--text-color-4);
    font-size: 24px;
    margin-bottom: 12px
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-list .tb--tournament-title {
        font-size:20px;
        line-height: 1;
        margin-bottom: 8px;
        padding: 0 4px
    }
}

@media screen and (max-width: 500px) {
    .tb--tournament-list .tb--tournament-title {
        font-size:14px
    }
}

.tb--tournament-list .tb--tournament-desc {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--text-color-1);
    display: -webkit-box;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1366px) {
    .tb--tournament-list .tb--tournament-desc {
        -webkit-line-clamp:2
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-list .tb--tournament-desc {
        display:none
    }
}

.tb--tournament-duration {
    color: var(--text-color-4);
    font-size: 12px;
    letter-spacing: 1.1px;
    margin-bottom: 4px
}

.tb--tournament-time {
    color: var(--text-color-1);
    font-size: 16px
}

.tb--tournament-img {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 16px;
    box-shadow: 0 2px 7px #0000000d;
    flex-shrink: 0;
    max-width: 390px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 1248px) {
    .tb--tournament-img {
        max-width:315px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-img {
        border-radius:12px 12px 0 0;
        display: flex;
        flex-direction: column;
        height: auto;
        max-width: none;
        min-height: 48px;
        width: 100%
    }
}

.tb--tournament-img img {
    border-radius: 16px 16px 0 0;
    height: 224px;
    max-width: 390px;
    object-fit: cover;
    vertical-align: top;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-img img {
        border-radius:12px 12px 0 0;
        height: auto;
        max-width: none;
        width: 100%
    }
}

.tb--tournament-img .tb--tournament-timer {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-5);
    border-radius: 0 0 12px 12px;
    left: 50%;
    opacity: .9;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.tb--tournament-img .tb--tournament-timer .counter-block_link .count-down {
    padding: 11px 4px
}

.tb--tournament-img .tb--tournament-timer .counter-block_link .count-down li {
    padding: 0 7px
}

.tb--tournament-img .tb--tournament-timer .count-down-numers {
    font-size: 12px;
    letter-spacing: 4px
}

.tb--tournament-img .tb--tournament-timer .count-down-txt {
    display: none
}

.tb--tournament-img .tb--tournament-timer .count-down-dots {
    font-size: 10px
}

.tb--tournament-img-fit {
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .tb--tournament-img-fit img {
        height:321px
    }
}

.tb--tournaments-buttons .tb--input-loader,.tb--tournaments-buttons input {
    min-width: 160px
}

@media screen and (max-width: 1248px) {
    .tb--tournaments-buttons .tb--input-loader,.tb--tournaments-buttons input {
        min-width:120px
    }
}

.tb--more-tournaments {
    align-self: flex-start;
    flex-shrink: 0;
    width: 360px
}

@media screen and (min-width: 1024px) {
    .tb--more-tournaments {
        margin:-6px
    }
}

@media screen and (max-width: 1366px) {
    .tb--more-tournaments {
        width:345px
    }
}

@media screen and (max-width: 1248px) {
    .tb--more-tournaments {
        width:315px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--more-tournaments {
        display:none
    }
}

.tb--more-tournament {
    border-radius: 8px;
    cursor: pointer;
    height: 110px;
    padding: 6px;
    width: 33.333%
}

@media screen and (max-width: 1248px) {
    .tb--more-tournament {
        height:104px
    }
}

.tb--more-tournament img {
    border-radius: 8px;
    height: 98px;
    object-fit: cover
}

@media screen and (max-width: 1248px) {
    .tb--more-tournament img {
        height:92px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--more-tournament img {
        height:auto;
        width: 100%
    }
}

.tb--more-last {
    position: relative
}

.tb--more-last .tb--more-last_txt {
    color: var(--text-color-1);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1
}

.tb--tournament-amount_wrapper {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-5);
    border-radius: 0 0 16px 16px;
    padding: 18px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

@media screen and (max-width: 1248px) {
    .tb--tournament-amount_wrapper {
        padding:12px 0
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-amount_wrapper {
        display:none
    }
}

.tb--tournament-amount_wrapper .tb--single-tournament-text {
    color: var(--text-color-4);
    display: inline-block;
    margin-bottom: 4px;
    opacity: .5
}

@media screen and (max-width: 1248px) {
    .tb--tournament-amount_wrapper .tb--single-tournament-text {
        margin-bottom:8px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-timer {
        background:#0000;
        border-radius: 0;
        padding: 2px 12px;
        text-align: center
    }
}

.tb--tournament-amount {
    color: var(--brand-color-2);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .16px
}

@media screen and (max-width: 1248px) {
    .tb--tournament-amount {
        font-size:24px
    }
}

.tb--tournament-amount .category_icon-tournament:before {
    font-size: 26px
}

@media screen and (max-width: 1248px) {
    .tb--tournament-amount .category_icon-tournament:before {
        font-size:22px
    }
}

.tb--tournament-amount span {
    margin-left: 8px
}

.tb--tournament-time_left {
    color: var(--text-color-1);
    font-size: 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

@media screen and (max-width: 1023.9px) {
    .counter-block {
        margin:-3px 0 0
    }
}

.counter-block .counter-block_link {
    color: var(--text-color-4);
    position: relative;
    text-align: center
}

.counter-block .counter-block_link .count-down {
    color: var(--text-color-1);
    padding: 2px 6px
}

.counter-block .counter-block_link .count-down li {
    padding: 0 10px
}

.counter-block .counter-block_link .count-down li .count-down-txt {
    color: var(--text-color-4);
    font-size: 12px;
    opacity: .7
}

@media screen and (max-width: 1023.9px) {
    .counter-block .counter-block_link .count-down li .count-down-txt {
        font-size:11px
    }
}

.counter-block .count-down-dots {
    font-size: 24px
}

@media screen and (max-width: 1023.9px) {
    .counter-block .count-down-dots {
        font-size:22px
    }
}

.single--tournament-banner:before {
    background-image: linear-gradient(180deg,#0000,var(--background-color-2));
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99
}

@media screen and (max-width: 1024px) {
    .single--tournament-banner:before {
        contain:none
    }

    .single--tournament-banner img {
        min-height: 110px
    }
}

.single--tournament-banner.tb--tournament-banner {
    z-index: -2
}

.single--tournament-body .single--tournament-body_inner {
    padding: 0 24px
}

@media screen and (min-width: 1024px) {
    .single--tournament-body .single--tournament-body_inner:first-child {
        align-items:flex-end;
        margin-top: 25%
    }

    .single--tournament-body .single--tournament-body_inner {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .single--tournament-body_inner {
        flex-direction:column;
        margin-top: -40px;
        padding: 0 16px
    }
}

.single--tournament-body .tb--total-prize {
    border-radius: 12px;
    color: var(--brand-color-2);
    margin-top: 24px;
    padding: 25px 20px;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tb--total-prize {
        margin-top:18px;
        padding: 10px 20px
    }
}

.single--tournament-body .tb--total-prize:before {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 12px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tb--total-prize:before {
        display:none
    }
}

.single--tournament-body .tb--total-prize .tb--single-tournament-text {
    color: var(--text-color-4);
    font-size: 16px;
    margin-bottom: 8px;
    opacity: .5
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tb--total-prize .tb--single-tournament-text {
        margin-bottom:14px
    }
}

.single--tournament-body .tb--total-prize .tb--single-tournament-amount {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1
}

@media screen and (max-width: 1366px) {
    .single--tournament-body .tb--total-prize .tb--single-tournament-amount {
        font-size:32px
    }
}

.single--tournament-body .tb--total-prize .tb--single-tournament-amount i {
    align-items: center;
    display: flex;
    margin: 0 6px
}

.single--tournament-body .tb--total-prize .tb--single-tournament-amount i:before {
    font-size: 42px
}

@media screen and (max-width: 1366px) {
    .single--tournament-body .tb--total-prize .tb--single-tournament-amount i:before {
        font-size:30px
    }
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tb--total-prize .tb--single-tournament-amount i:before {
        font-size:28px
    }
}

.single--tournament-body .tb--total-prize .tb--single-tournament-amount span {
    margin: 0 6px
}

.single--tournament-body .tournament--join input {
    height: 52px
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tournament--join input {
        height:36px
    }
}

.single--tournament-body .tb--counter-block {
    position: relative
}

.single--tournament-body .tb--counter-block:before {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .tb--counter-block:before {
        border-radius:12px
    }
}

.single--tournament-body .single--tournament-left {
    display: flex;
    flex-basis: calc(50% - 12px);
    flex-direction: column;
    margin-right: 12px;
    max-width: calc(50% - 12px);
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .single--tournament-left {
        flex-basis:100%;
        margin: 0 0 36px;
        max-width: 100%;
        order: 2;
        padding-right: 0
    }
}

.single--tournament-body .single--tournament-left .single--tournament-top {
    width: 90%
}

.single--tournament-body .single--tournament-right {
    display: inline-block;
    flex-basis: 50%;
    flex-basis: calc(50% - 12px);
    margin-left: 12px;
    max-width: 50%;
    max-width: calc(50% - 12px);
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-body .single--tournament-right {
        flex-basis:100%;
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
        order: 1
    }

    .single--tournament-body .tb--join-btn {
        background: var(--brand-color-2);
        background-image: var(--brand-gradient-2);
        color: var(--background-color-1)
    }
}

@media screen and (min-width: 1024px) {
    .tb--single-tournament-info .tb--single-tournament-text {
        border-radius:12px;
        overflow: hidden;
        padding: 32px;
        position: relative
    }

    .tb--single-tournament-info .tb--single-tournament-text:after {
        background: var(--background-color-1);
        background-image: var(--background-gradient-1);
        bottom: 0;
        content: "";
        left: 0;
        opacity: .6;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }
}

.tb--single-tournament-container .tb--counter-block {
    left: 50%;
    padding: 16px 30px;
    position: absolute;
    top: 104px;
    transform: translateX(-50%)
}

@media screen and (max-width: 1023.9px) {
    .tb--single-tournament-container .tb--counter-block {
        padding:6px 0 2px;
        top: 56px
    }
}

.tb--single-tournament-container .tb--counter-block:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 0 0 12px 12px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--single-tournament-container .tb--counter-block .tb--tournament-time_left {
    color: var(--text-color-4);
    margin-bottom: 5px;
    opacity: .5
}

@media screen and (max-width: 1023.9px) {
    .tb--single-tournament-container .tb--counter-block .tb--tournament-time_left {
        display:none
    }
}

.tb--single-tournament-container .tb--counter-block .count-down-numers {
    font-size: 26px;
    letter-spacing: 6px;
    line-height: 34px;
    padding-left: 7px
}

@media screen and (max-width: 1023.9px) {
    .tb--single-tournament-container .tb--counter-block .count-down-numers {
        font-size:12px;
        padding-left: 4px
    }
}

.tb--single-tournament-container .tb--counter-block .count-down-dots {
    font-size: 14px;
    padding-top: 8px
}

@media screen and (max-width: 1023.9px) {
    .tb--single-tournament-container .tb--counter-block .count-down-dots {
        font-size:10px
    }

    .tb--single-tournament-container .tb--counter-block .count-down {
        padding: 2px 0
    }
}

.tb--single-tournament-container .tb--counter-block .count-down li {
    padding: 0 14px
}

@media screen and (max-width: 1023.9px) {
    .tb--single-tournament-container .tb--counter-block .count-down li {
        padding:0 4px
    }

    .tb--single-tournament-container .tb--counter-block .count-down-txt {
        display: none
    }

    .single--tournament-top {
        position: relative;
        z-index: 4
    }

    .tournament--join .tb--join-btn {
        margin: 0
    }
}

.tournament--tab-container {
    background-color: var(--background-color-5);
    color: var(--text-color-3);
    font-size: 12px;
    justify-content: center;
    margin: 24px -16px 0;
    text-transform: uppercase
}

@media screen and (max-width: 1023.9px) {
    .tournament--tab-container {
        margin-top:18px
    }
}

.tournament--tab-container .tournament--tab {
    cursor: pointer;
    padding: 12px 22px
}

@media screen and (max-width: 500px) {
    .tournament--tab-container .tournament--tab {
        padding:12px 16px
    }
}

.tournament--tab-container .tournament--tab.active {
    border-bottom: 2px solid var(--brand-color-2);
    color: var(--brand-color-2)
}

@media screen and (min-width: 1024px) {
    .single--tournament-games {
        padding:0 24px
    }
}

.single--tournament-games .tb--title {
    color: var(--text-color-4);
    margin: 64px 0 16px;
    padding: 11px 24px;
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .single--tournament-games .casino--games-more_btn {
        margin:0 auto 32px;
        width: calc(100% - 32px)
    }
}

.tournament--game-container {
    flex-wrap: wrap;
    margin: 0 -12px
}

@media screen and (max-width: 1023.9px) {
    .tournament--game-container {
        margin:12px 12px 0
    }
}

.tournament--game {
    border-radius: 8px;
    cursor: pointer;
    flex-basis: 16.66%;
    max-width: 16.66%;
    padding: 12px
}

@media screen and (max-width: 1023.9px) {
    .tournament--game {
        flex-basis:50%;
        max-width: 50%;
        padding: 4px
    }
}

.tournament--game img {
    border-radius: 8px
}

.tb--single-tournament-text {
    color: var(--text-color-1);
    font-size: 16px
}

.tournament--mini-title {
    color: var(--text-color-4);
    margin: 32px 0 24px;
    padding: 11px 24px
}

@media screen and (max-width: 1023.9px) {
    .tournament--mini-title {
        font-size:18px;
        margin: 24px 0 8px
    }
}

@media only screen and (max-width: 600px) {
    .tournament--mini-title {
        font-size:16px
    }
}

.tournament--terms-list {
    font-size: 16px
}

.tb--tournament-video {
    clear: both;
    float: none;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.tb--tournament-video iframe {
    height: calc(100% + 120px);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.tb--tournament-video.tb--video-banner {
    padding-bottom: 32%
}

.tb--tournament-video.tb--video-banner iframe {
    height: 56.25vw
}

.l0--placeholder10 .tb--tournament-video.tb--video-banner,.l0--placeholder11 .tb--tournament-video.tb--video-banner,.l0--placeholder3 .tb--tournament-video.tb--video-banner,.l0--placeholder5 .tb--tournament-video.tb--video-banner,.l0--placeholder6 .tb--tournament-video.tb--video-banner,.l2--container .tb--tournament-video.tb--video-banner,.l5--wrapper .tb--tournament-video.tb--video-banner {
    padding-bottom: 56.25%
}

.l0--placeholder10 .tb--tournament-video.tb--video-banner iframe,.l0--placeholder11 .tb--tournament-video.tb--video-banner iframe,.l0--placeholder3 .tb--tournament-video.tb--video-banner iframe,.l0--placeholder5 .tb--tournament-video.tb--video-banner iframe,.l0--placeholder6 .tb--tournament-video.tb--video-banner iframe,.l2--container .tb--tournament-video.tb--video-banner iframe,.l5--wrapper .tb--tournament-video.tb--video-banner iframe {
    height: calc(100% + 120px)
}

.slider_casino .tb--tournament-video.tb--video-banner {
    padding-bottom: 45%
}

@media screen and (max-width: 500px) {
    .slider_casino .tb--tournament-video.tb--video-banner {
        padding-bottom:56.25%
    }

    .slider_casino .tb--tournament-video.tb--video-banner iframe {
        height: calc(100% + 120px);
        top: 33%
    }
}

.tb--two-banner-width {
    width: 50%
}

@media screen and (max-width: 1023.9px) {
    .tb--two-banner-width {
        width:100%
    }
}

.single-tournament-info {
    padding: 32px;
    position: relative
}

@media screen and (max-width: 1023.9px) {
    .single-tournament-info {
        margin-top:24px;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .single-tournament-info:before {
        background:var(--background-color-1);
        background-image: var(--background-gradient-1);
        border-radius: 8px;
        content: "";
        display: inline-block;
        height: 100%;
        left: 0;
        opacity: .6;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

@media screen and (max-width: 1023.9px) {
    .single-tournament-info .single-tournament-info_cont {
        flex-direction:column;
        margin-bottom: 24px
    }
}

.single-tournament-info .tb--tournament-title {
    color: var(--text-color-4);
    font-size: 40px;
    margin-bottom: 16px
}

@media screen and (max-width: 1023.9px) {
    .single-tournament-info .tb--tournament-title {
        font-size:24px;
        margin-bottom: 0
    }
}

.single-tournament-info .tb--tournament-desc {
    color: var(--text-color-1);
    font-size: 14px;
    padding-right: 12%
}

@media screen and (max-width: 1023.9px) {
    .single-tournament-info .tb--tournament-desc {
        padding:0
    }

    .single-tournament-info_left .single--tournament-header {
        justify-content: space-between;
        margin-bottom: 16px
    }
}

.single-tournament-info_left .tb--tournament-desc {
    margin-bottom: 24px
}

@media screen and (max-width: 1023.9px) {
    .single-tournament-info_left .tb--tournament-desc {
        margin-bottom:32px
    }
}

.single-tournament-info_right .tb--tournament-duration_cont {
    padding-right: 8px
}

.single-tournament-info_right .tb--join-btn {
    max-width: 192px;
    width: 100%
}

.tb--tournament-status {
    border-radius: 4px;
    display: inline-flex;
    padding: 3px 10px;
    position: relative;
    text-align: right;
    text-transform: uppercase
}

.tb--tournament-status.tb--tournament-finished {
    background-color: rgba(217,23,23,.302);
    border: 1px solid #d91717;
    color: #fff
}

.tb--tournament-status.tb--tournament-upcoming {
    background-color: rgba(255,128,0,.302);
    border: 1px solid #ff8000;
    color: #fff
}

.tb--tournament-status.tb--tournament-ongoing {
    background-color: rgba(41,158,76,.302);
    border: 1px solid #299e4c;
    color: #fff
}

.tb--tournament-leaderboard {
    flex-wrap: wrap;
    margin: 24px 0 0;
    padding: 17px 0;
    position: relative
}

.tb--tournament-leaderboard:empty {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-leaderboard {
        margin-bottom:32px;
        padding: 18px 16px 22px
    }
}

.tb--tournament-leaderboard:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 12px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--tournament-leaderboard .tb--tournament-leaderboard_item {
    padding: 8px 20px;
    text-align: center
}

@media screen and (max-width: 1023.9px) {
    .tb--tournament-leaderboard .tb--tournament-leaderboard_item {
        padding:10px 20px;
        width: 100%
    }

    .tb--tournament-leaderboard .tb--tournament-leaderboard_item:last-child {
        padding-bottom: 0
    }
}

.tb--tournament-leaderboard .leaderboard--amount {
    color: var(--text-color-1);
    font-size: 18px
}

.tb--tournament-leaderboard .leaderboard--id {
    color: var(--text-color-3);
    font-size: 14px
}

@media screen and (min-width: 1024px) {
    .tb--tournament-leaderboard_wrapper {
        display:flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.leaderboard--image {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM0AAAA8CAYAAADFcj7VAAAACXBIWXMAAAsSAAALEgHS3X78AAAOc0lEQVR4nO1dTXLiuhbWfXXn0CsIvQLoYgGJh4ySN6cqZAVNb0BNvIHQK2ioYt5kxBCyAOqSFdxkB2QF/UrWd/BB+EcSxiT99FVRIWDL8oeOzq/kv37//i0CAgLs8Z/AVUCAG4LQBAQ4IghNQIAjgtAEBDgiCE1AgCOC0AQEOCIITUCAI4LQBAQ44m8vwtb9lhBiJYQYiu5s/q5I133bCCFuRHe2quOSUsodH3Ecvys+0LeEjziO6+GjFxEfo3ixnNRxTVugb5qPxdKLD19NcyWEuBBCtI6+i+qh+tQQQgxqvGbgYx/ER7PGa9riaD78NI0mRWA2UbP7lfesvu7fCCE67JOx6M62nv0SST/WfWG0eWrs8SGlvPKZ1dV5aKuFl5oRFRfzOI43Pveg+iGlPC8fvejKZ1aXvaiTWAy6701woXjYxIull0ZX/ZC9iPfRGX61Z+u+6nhbCPFJ/aBCiEshxDfRnY0d2mgmAiLErfHNc3JDLoKjBe8Xzh2g3UvRnf3lcFfekFJm8hHHsRUfUsob9Pmi4LBHmH8vlu0d8BHHcT189CLOxwrvv8WLpR0fvUgN6EkJH08w/0qFUfYi4uMVQjjGb/QpXiydJ2hf86yNH2SFiwsn00QLzAoCo9qJ8JqibddZkcyA9k77CWjAeuDNh5Rygh/0Avf/X3DxGX+/oe1rNcNCG7nysRWpJqsDnI+2Ex+9SAn5kvFxBx4+4e8dBEbxvMTxtrjgfPhqX3fzbN2nC7WNb+zUrz5/BbvyMZkJSav4D3I1u//E+4aXIHtCSunNh5RyhInjTWnXDBPsBe2MpZRDIcSDulfl3MdxXDRDmnxc4/3p+dAmlfDiQwvAT/CR5ajT/xNoo3nCTS9S5lqR+crbOZoPO6FZ98eYvYaGc/eIDrxaRdG0GTVBx3+I7mzo0+kDKKFb96kvU2bytfb6351V4gxLKUv5KIuiIar1nQsMPhvBhBA0KNR3ytSTUjZxzrjIkVUCJaXM5YP6H8dxNXz0IoqQmXyQRni19EHIfFM+0Eb2IjLhb9gkO1FtwTcZQEtzzg6gTDDZi4iHR1NoZC/SfCyWVnzYmmdfccER+2wKp0xAEIqx7g9xg41ExVYlMCmI8BZMGg19Xd3/6sy14/lIf+QhE5gN2t1Cy6j3/+A7JQwjZpeXIZMPaKyk/xWaa7d4cZ9lyjVDWQMQgGQyZVpjxfggE/UXfBQBQXxmQlAE6kNzj49elPKhtVcpXH2ar2yGW7GZstjB04P1AcdGojubJH7Nuq8iXdWEQnX07omZZgIEjQrOOhZ+fGjQeXP2vxo00ziOlfnVgX8jDCFJTFsSpDwgekd8kCl3aj5uj+CD7jEZ3BAiZeI9xotlK14sFR9fjGMFi9AV+icw9Uw+Wj582ArNG3tPqp6IGFpEuuiGxggJdzCrXlacPyDtRUR8xUAklEaeLFHIR4m/QaBBP0cwYIh2dxqYmXh8kLwY5xeB2qK+nYcPuwgVmXVz2YvmrO8pH1oDPRt8bI3zi2DycevDh63QkLp8ZJ81ILkrRMOKsNoNCG0urUrCie5QfejOVD/vDSKe8VLaqKpBUsgHfI8yDNCvS/bjjSwEjtouPA7BgkI+bMLXliA+pgYfjwkf2jcpwxDHN2FutWGq7fqIdprGvScmVVnoWVUCQOjy+WDXKoKt0KzY32e8f8WM/m9pZEQP5iE6+7Dza6qFMvl+g9AntEwzd9sY4MfiOD6gRZQJhtyJMju+mHkd5nPwH/MK55clO1XgoC4+SCNuDD7G1nwslioCpiJmTYSXv8SLZaIZlK8B34Mm27lITbJLdn9FUFE24oPu3YsPW6Hh0ZEh+4x+ZDO8eAjlx2gb/X7n11QLGmAj1q9xhu9QBY7ngwHRsSwhIDNT2/laiNqWg4Rm9zr4oLaq4WOx3FIwAJG5JSbbNrTZCD4PCaONz8T5oP568WEnNNqseYKU0w85cCUjCUt3Z6MTFVLSbNxgJHZg+rxWKaQwa47nowDI4SSzKCvJGRl/bZDJRxzH1fGhzZpp1XwgmnULrtWE+xlh4SHyOQ1UGrhMAA3Wx5QPh8JSl+jZAOqMolPkk7w6tHFKkJ37yvpGociqw9vilHxIKQcs8nQj8oXIBnXxMcrg462i8bFCboYmxhVrd1QWOTNwNB/2QqO1zZURKbnH3/ciOCIjhHh3iuUL0DZ5fLzlnFYKCMxPlvTcZgmRBWgSOeDjFMsXMKBNPkjD+fJBPtJ35Y/IXvQC30b5Py1ot4ZlXiyfD8fiTzuhoZxKmnklZ48cs6qiMMeAZl8i5w0qvYN8UGUlJCo6JqUs4sOrIjlDYDZZQmTZHPXhgA/V97I8j1O/e1FT9qLK+UCo+gZO+hP8kgcSEphq6rs2JTwLkM9HL1phnY0VbDVNC2r3Gh2mDpDUvoeFVyQ0Q/b/CLmJS4cZ2gaV81EiMCKnNq0I5+JjfgwfavAqJ5/C1EqDIapGSyaU8Fwzk4z7a0Uw/UJvPmwDARtmgl2wBBbZrxux7k9qrCpOoRKl6tpa23Gb+tpwRCsTbAzeQj5UwtK2TCVHYG6YwNzZCowqIEWytD4+dKSL+Ghk8tGLJkXaAGHlFULU6r5fzPwONA8NfhIq+j+TayVciMBtwQdx4M2HSyCA7MZXw0Z9ZlGIc2icCat7Mq9PZsJThYlNfl1xLB85AtNh7d85Rrqs+KgwscmvK0r4KLqPCYTsGSZXIyeUvCdIrF4s734mrE7QvD6F7p9sE5vCUWjGIIOqe+kHmLNYd6NWbaMrEfjMQYOE7FUem68aVnwUaZsCgaGlE6rNloqcGa/MGRuVCOfm44JVO4gDPjKKIvFZsn5G1ZgpcwzCdwvHnx+XRC0zNMzBoIem4nzQOcQH+TFOfLhEz7asqHDEbGUzHp8vNKo4UzvlKwQW8jBmxxXZquZ3aT2c7uMFliBUnheCQ+7NBzO/zLU0N6zMo42omfn6BYEzYcXHKTbYgOlEfZoU5GsO+IAAJJFBZpLd4LMHRM1ekORsGCFiai9Lq9vx4bgU263KWYdup6yUgce8qQwhe5Drwf8TKvhyzx9KQe/b7JiiGyLCqOaJ+jLcrR6sfgnCDgjdOvMBjTDJWXw2YStZ814ip9C1lI84jk/Hhw7d/mBhYPvxoQd0gwY//KSOUd6i3keUiJS9KM1dZS9CK+cDpToucF+5qRZyrfsvmPl44dsEKjCvOI8+v0+qArLbVoSl69i1NrrMPHYfK+Z8ClZLdPIdWNRCLimlKx9XOPbedPDhaxTa19goowjn42OxHMpetHUdH/FiOYL5dQnHfQg/48AUhTYastxV2X1l8TH1TfL67UajBn2at+FLi22SWC0Hv6esOpZsUj7InrEEobb9ttTiMJa3seGD+t1Cpr8q5PJRZdlMGSAAc/BBWfeORRL8hg3wGwjPxlgO0WFm8RtWeeZNMlkV4c/YkMM7aOW7G00HhGygTnli8QXf6e/JPEo38WsUtn0IZWKlKl0vWhuxRNo1iGgzZ3eQzGw1CQ6cdys+yDxCWNjciccFSVQNvg21T7VamXzUJTjQGEMrPjLMI5hdw4KxQgvbxuZaHbbPwB0E7GsuH54bGfoKzQiqkd8E3eATW7Unko5SGYsWNtek2phtvMEFz7zOYT+6s1oiedAW1nxQGcsRy423xhJpKz7iOK6HDz3o7fnImPVhgl1l+EAb1KIdVEaw3TPt+NAJU2f4bhY4N2aCIu2R5gt0ktSrpIK1VXSthnFsXfDio4Io1nvlY+I1PhggFHPH3F8tfPjte5YuKhOQ3m+ImrwZJQk6elLFPgBaS10zu7jF+jBFsSTlBn7Uucc0nHlrPnLCxU6ASWjNR517TMPH4HzcF/LhtndZJlBWY8/HET6N/1MDtL9wx1ZjNlkUg+LyJM1VOLtEAN3sBa2ngJ083EVFThhmzgP8hXfJxynDzHmAv0B8fGd88FIW8inq5cMjzMxx3KM2tOBElL3FFk0cTYQ6L0qSlDagLLFp0jwwu/Wuqr3NfADBseKDbTJ4Uj6q2tvMBxCcLwYf3ERqUp7LcU1MFuz4sNzbrAjHP59GZdu7sxZmlWfjW+6E+VfV6k0GG5gxzIjHK1Rvq84wcx6Un6K2YDolH6gmKOWjzjBzHrD2P4+Pryws7D2YUQhazkdFj/3wDQQcQg9Y3Smdh+lAyilOf0zkhs6lHMiPXQn6MU8YOCEwYPna/o6RtziGD5qVD/hwWG9TLx96wFImv4P7N/M4vjD5uEeE7STP4/ELOdtif99mkewy4jrI083S27vdQ96BRvGBUYwpkjXvjtXGKMHZ4+M9aBQfQHjmrLzls0u1sUhD05yPwTFOvg1O+/hAHWVrsRLsF6dImtZYm10dmX4Ex4ccICKNsnE+Ni6RNGisPT4+qsCI7PqyDa9qLgOSqPt8nFhgxMk1Dcd+QpT2CJtnah7twwyZup1a7uT5YWAkRHd8ZJlX8GE4H0kd2Xs1xXwAYXnAqSkf2UlMk48fKI2phY/6hEbsMvpjZsfuyiGw8/8IDiGp6+TBPXU9O7NuIKNv8jGhnTYhWAd81PXszNr50Bn9kVFeNMVnW7avGq8usHqwU5WoV2gIWniGRuHdlg2OKWrH/sjBYQLCU8rHnyosJiA8AyYgWXyMS55JczKcR2gI2snfMDLe4LechYxzA07+AR++z9v88HxoJ5/zIbBd7Vn5OG0goAjpMzdpU7nn3eKl8g3V/zhAYDL5sNxQ/Y8CBGZi8CHwFLSzPkX7fEKz/8xNitvTMzdfqtyn7IOgkI8q9yn7QHzQso+WwcfmnIJTXXLTHe2DZ26q9+v+Fpni1jvZhLAutDOiYmpV6P8rH7SDJn++zQB7BQwsn0dzEpzXpwkI+IA4p3kWEPAhEYQmIMARQWgCAhwRhCYgwBFBaAICHBGEJiDAEUFoAgIcEYQmIMAFQoj/AdiJKw//1icdAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    flex-shrink: 0;
    height: 50px;
    overflow: hidden;
    width: 50px
}

.leaderboard--image.leaderboard-2 {
    background-position: -60px 0
}

.leaderboard--image.leaderboard-3 {
    background-position: -120px 0
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--position-info {
        text-align:left
    }
}

.tournament--leaderboard-title {
    color: var(--text-color-4);
    margin: 32px 0 24px;
    padding: 11px 24px
}

.leaderboard--table {
    border-radius: 8px;
    color: var(--text-color-3);
    position: relative;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table {
        margin:24px 0 32px
    }
}

.leaderboard--table:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table:before {
        content:none
    }
}

.leaderboard--table tr>td:first-child,.leaderboard--table tr>th:first-child {
    padding: 16px 32px;
    width: 100px
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table tr>td:first-child,.leaderboard--table tr>th:first-child {
        border-radius:8px 0 0 8px;
        padding: 16px;
        width: 20%
    }
}

.leaderboard--table tr>td:last-child,.leaderboard--table tr>th:last-child {
    padding: 16px 32px
}

.leaderboard--table tbody,.leaderboard--table thead {
    display: block
}

.leaderboard--table tbody {
    max-height: 845px;
    overflow-x: hidden;
    overflow-y: auto
}

.leaderboard--table tbody ::-webkit-scrollbar,.leaderboard--table tbody::-webkit-scrollbar {
    height: 3px;
    width: 6px
}

@media only screen and (max-width: 600px) {
    .leaderboard--table tbody ::-webkit-scrollbar,.leaderboard--table tbody::-webkit-scrollbar {
        height:2px
    }
}

.leaderboard--table tbody ::-webkit-scrollbar-thumb,.leaderboard--table tbody::-webkit-scrollbar-thumb {
    background-color: hsla(0,4%,49%,.361);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #0000004d
}

.leaderboard--table tbody .leaderboard--table-rank {
    color: var(--text-color-4)
}

.leaderboard--table tbody .leaderboard--table-prize {
    color: var(--text-color-1)
}

.leaderboard--table td,.leaderboard--table th {
    padding: 16px 6px;
    text-align: center;
    width: calc(33.33333% - 33.33333px)
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table td,.leaderboard--table th {
        padding:0 6px
    }
}

.leaderboard--table tr td:first-child,.leaderboard--table tr th:first-child {
    text-align: left
}

.leaderboard--table tr td:last-child,.leaderboard--table tr th:last-child {
    text-align: right
}

.leaderboard--table tbody tr:last-child {
    border-bottom: none
}

.leaderboard--table tr {
    display: flex
}

@media screen and (min-width: 1024px) {
    .leaderboard--table tr {
        border-bottom:1px solid var(--background-color-3)
    }
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table tr {
        align-items:center;
        border-bottom: none;
        display: flex;
        justify-content: space-between
    }
}

.leaderboard--table th {
    color: var(--text-color-4);
    font-size: 14px
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table th:nth-child(3) {
        padding:0 16px
    }
}

.leaderboard--table td {
    font-size: 18px
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table td {
        background-color:var(--background-color-1);
        font-size: 14px;
        height: 50px;
        justify-content: center;
        margin-bottom: 4px
    }
}

.leaderboard--table .leaderboard--winners {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAeCAYAAACfWhZxAAAACXBIWXMAAAsSAAALEgHS3X78AAAGXUlEQVRYhe1ZXUxTZxh+6A+nlWIhgoBgbRSiIypoR4ZRozPLknEzXeLPErJ1iTfzZl7urp7LeTN3vWXpBZvGLRMvZpYlMzBnRjLqHyayCVKByY9FCqX/p+3yfj3n9OvpaamyO3ySj55+P0/P8z3fed+3pSKTyWC9wbDuFK9X0aaSo77eTgBuAEcBdMi99wHcA+CFq2+g3A8SRdHJcR2Ru5/KXP0ej8dbLteY20lcx+VWwNXq9Zfk0n+mfb01AC4B+HiVzx9kQlx9/lKTRFG8AMCzChfdtNvj8ZTcyDG3s2yuVq9fl6tQdFbwgOpsRQVgFgCDMTueSQPJBJBOKSuWmHuuvnt6HyCKopffvMbGRmzcuFEdn52dxfLyMr/kk2Kuj7mdeVxV9U0QbDXqePj5M8RXlvK49FzXEz2gHhnBCghVWeFaxKNAbEXppJ3thKsvqBGsurJp0yZ0dHTAarUWUC0sLMDn8yGZTCpd+zweT94m8g5ba+vQ8IYLJsuGAq5oMICZB0NISzmuVq8/jys/kPl63apgSxVgseUJTqw8hxSTXaENsVYrQ9sAnNcIdio3Se52d3czwfF4HI8fP8bw8DDm5+ehbAiNm81mZfkljWCVi9xt3neYCZaSCcxNPsG/46OIRcJsrrWmDs37D8Ng0ucqFK3cOC0QsruYluJYHBvEs6FvMTv8XU40odKSbfzaHMgZJoQcVnD58mVcu3YNN2/ehNfrxe3bt9kIHfn29nZl2hFRFDu1XCSEHCaQ4Ad//IZ/7gzhycgd/PXrdbYBzA+bHfVte1WuMbeT5+JE+3qd6nNsVoUwd0PTd7WbxQlXj6sdvt6j3Ai7bmhogMmUTRKTk5PM3ba2NrjdbgiCgJGREXVBS0sL7/ZxLZetvkl1MB4Jw2Q2w7FrD7refZ/1PR3NcVU3OXi3ea48p53qVW4yKm31aDn0Kaoa26ELY17W40XTkWdHWwFtwJkzZ3Ds2DHY7XZ21C0WSx4rF+QKuKw19WpHlb0Wew+9g7qmFiwF5lifzV6bxyVU2/W4iuRpJVKzIyXoiy0TisvsJgQBDoeDXdMxJxw8eLB8Lmth4Bof8WEpkI0NzTt2lsWjX5Hl0tGaEY1GCyhu3LiBqakp7N69mx31Ighqu6VopGDmjj0uNDi2s+u/7wyVxcWLzoX1XLhfHSmJn8IXA5TGWDrSCn748CET3NPTU0DP5Ww+zTCuaPC52kFB61b/9wjMTGP7nv3s+U5R/cAhHlrS4+JEZ3PsILuOF+5oUeTmLmnK0n76Mz09rbpNgYwEE+j14sWLrFE/YWJigs/V/Vqu5ZlJSLHs55G7woYqTI6O4M+ff4SUTGLLjl3qguDUOJ+rea6CZ/oSy9N0vKMhPg9DqGmB3dkNkyVXTSERA5Jxfq2Wi/K+nXLygQMHWPDSe4apnxym/C1jUFOcqFxUeCh5eP/b72FhZprlaApoVXIgo6rsxcQjlUtbnOhVZLQr2RxA5ScVKVxgY6A1CarIwkrPfbj6OqGBKIqUu7+EHJUpX/MlqAJymATLLtOZ7PR4PHn1/JjbqXJRHt7c7mKvWpDDJFh2mXG1ev15XKvX3pBTmKkye03PsJTICqe3yeic0WzdpS1BFWhrbxJNFRjl40gkwp555fin02nJYDB0aUtQTngeF4m21tYz16VYGNHFAJLy8c9kIFVUoEvrsr5oGaFfuvzV9Tu36Q7KCL94gqWZB19s+Wjl81Lzzp07d6Wuru600WgsOiccDlPh4vN6vW+W4rr7YfMVW6XpdIXe9wEZiVQaoVjS99YPM7pcRb9PL04P+0Pzj7ZZa7Zig31r3lhsZQ7hhXFICXa8Y6VukhAIBEYXFxdRXV3NnDYYcvEzFoshFAox0QBWSvGwCXFpNJJIQTAZYDEbYeDEJ1NpxKQUElK6JFfJHxFIVGh+lLW1IpVKIRgMsrZWpDMZRJMp1l4Fr38jWy94LXoVXAdwQikJ14hBmWvwf+C6/7JcpX8NzYJEnneczbBSbvKbigH5S/1nr3CDVCxcuHr1qlK99Z86deq8zFdYaZTBdfinOZXr1gcNZXGt5vRXVNEoggmOs5mg42yGyPfJu1wuyIlOTjCD/L7zJV1nXJxgBvn96lxUnOi1p1/DWWyMb+XMO3nyZFlc5cz7/cTmsrhKzXv9v6x1AQD/Ac55RYNZDXrPAAAAAElFTkSuQmCC) no-repeat;
    background-size: cover;
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    overflow: hidden;
    text-indent: -20000px;
    width: 16px
}

.leaderboard--table .leaderboard--winners.leaderboard--winner-2 {
    background-position: -16px 0
}

.leaderboard--table .leaderboard--winners.leaderboard--winner-3 {
    background-position: -32px 0
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table .leaderboard--table-prize {
        display:flex;
        flex-direction: column;
        width: 50%
    }

    .leaderboard--table .leaderboard--table-prize span:first-child {
        color: var(--text-color-3)
    }

    .leaderboard--table .leaderboard--table-points {
        border-radius: 0 8px 8px 0;
        line-height: 50px;
        padding: 0 16px;
        text-align: right;
        width: 30%
    }
}

.leaderboard--table .leaderboard--my-column {
    position: relative
}

.leaderboard--table .leaderboard--my-column:before {
    background-color: var(--brand-color-2);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table .leaderboard--my-column:before {
        bottom:6px;
        top: 6px
    }
}

.leaderboard--table .leaderboard--my-column_login {
    border-bottom: 2px solid var(--brand-color-2)
}

.leaderboard--table .leaderboard--my-column_login .leaderboard--me {
    color: var(--brand-color-2)
}

@media screen and (max-width: 1023.9px) {
    .leaderboard--table .leaderboard--my-column_login {
        margin-bottom:5px
    }

    .leaderboard--table .leaderboard--my-column_login td {
        background-color: initial
    }
}

.tb--empty-tournaments {
    color: var(--text-color-4);
    height: 348px;
    margin-bottom: 32px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--empty-tournaments {
        margin:0 16px 32px;
        padding: 0 16px;
        width: calc(100% - 32px)
    }
}

.tb--empty-tournaments:before {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.tb--empty-tournaments .tb--empty-tournament_img {
    background-color: var(--background-color-2);
    border-radius: 50%;
    height: 180px;
    width: 180px
}

.tb--empty-tournaments .tb--empty-tournament_img svg circle,.tb--empty-tournaments .tb--empty-tournament_img svg g,.tb--empty-tournaments .tb--empty-tournament_img svg path {
    fill: var(--brand-color-2);
    stroke: var(--brand-color-2)
}

.tournament--list-plc {
    background-color: var(--background-color-1);
    border-radius: 8px;
    height: 369px;
    margin-bottom: 32px;
    padding: 24px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tournament--list-plc {
        flex-direction:column;
        height: auto;
        margin: 0 auto 32px;
        width: calc(100% - 24px)
    }
}

.tournament--list-plc .tournament--list-img_plc {
    background-color: var(--background-color-3);
    border-radius: 16px;
    height: 100%;
    max-width: 390px;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .tournament--list-plc .tournament--list-img_plc {
        height:200px;
        margin-bottom: 24px;
        max-width: none
    }
}

.tournament--list-plc .tournament--list-content_plc {
    display: flex;
    flex-direction: column;
    margin: 0 12px 0 24px;
    width: 100%
}

.tournament--list-plc .tournament--list-content_plc .text-block .text-row {
    border-radius: 8px;
    height: 18px!important;
    margin-bottom: 12px
}

@media screen and (max-width: 1023.9px) {
    .tournament--list-plc .tournament--list-content_plc {
        margin:0 0 12px
    }
}

.tournament--list-plc .tournament--list-games_plc {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    width: 360px
}

@media screen and (max-width: 1023.9px) {
    .tournament--list-plc .tournament--list-games_plc {
        width:100%
    }
}

.tournament--list-plc .tournament--list-game_plc {
    background-color: var(--background-color-3);
    border-radius: 8px;
    height: 100px;
    margin: 0 12px 12px 0;
    width: calc(33.333% - 8px)
}

.tournament--list-plc .tournament--list-game_plc:nth-last-child(-n+3) {
    margin: 0 12px 0 0
}

.tournament--list-plc .tournament--list-game_plc:nth-child(3n+3) {
    margin: 0 0 12px
}

.tournament--list-menu {
    background-color: var(--background-color-1);
    border-radius: 12px;
    height: 49px;
    margin-bottom: 18px;
    padding: 15px 16px
}

.tournament--list-menu .text-block .text-row {
    border-radius: 8px;
    height: 18px!important
}

@media screen and (max-width: 1023.9px) {
    .tournament--list-menu {
        margin:0 12px 18px
    }
}

.tb--overlap-loader {
    background: var(--background-color-4);
    background-image: var(--background-gradient-4);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000000
}

.tournament-single-plc-content {
    margin: 25% auto auto;
    max-width: 1568px;
    overflow: hidden;
    padding: 0 22px 60px
}

@media screen and (max-width: 1023.9px) {
    .tournament-single-plc-content {
        padding:0 16px 40px
    }
}

.tournament-single-plc-content .tb--bg {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    border-radius: 12px
}

.tournament-single-plc-content .tournament-single-plc_left {
    margin-right: 12px;
    width: 50%
}

@media screen and (max-width: 1023.9px) {
    .tournament-single-plc-content .tournament-single-plc_left {
        width:100%
    }
}

.tournament-single-plc-content .tournament-single-plc_right {
    margin-left: 12px;
    width: 50%
}

.tournament-single-plc-content .tournament-single-item_plc-one {
    height: 223px
}

.tournament-single-plc-content .tournament-single-item_plc-two {
    height: 102px
}

.tournament-single-plc-content .tournament-single-item_plc-one,.tournament-single-plc-content .tournament-single-item_plc-two {
    width: 100%
}

.tournament-single-plc-content .tb--mt-space {
    padding-top: 82px
}

.tournament-single-plc-content .tournament-single-item_plc-tree {
    height: 223px
}

.tournament-single-plc-content .text-row {
    border-radius: 8px;
    height: 18px!important;
    width: 100%!important
}

.tournament-single-plc-content .tournament-single-item_plc-four {
    height: 332px
}

@media only screen and (max-width: 1248px) {
    .tournament-single-plc-content .tournament-single-item_plc-four {
        height:200px
    }
}

.tournament-single-plc-content .tournament-single-item_plc-five {
    height: calc(100% - 42px)
}

.tournament-single-plc-content .tb--mb-space {
    margin-bottom: 48px
}

.tournament-single-plc-content .tb--game-list_plc {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin: 0 -12px 24px
}

.tournament-single-plc-content .tb--game-list_plc>div {
    height: 164px;
    margin-bottom: 24px;
    padding: 0 12px
}

@media only screen and (max-width: 1248px) {
    .tournament-single-plc-content .tb--game-list_plc>div {
        height:100px
    }
}

.tournament-single-plc-content .tb--line-plc {
    height: 50px
}

.tournament-single-plc-content .tournament-single-item_plc-six {
    height: 104px;
    margin-top: 24px
}

.tournament-single-plc-content .tournament-single-item_plc-seven {
    border-radius: 0;
    height: 40px;
    margin: 24px -16px 0
}

.tournament-single-plc-content .text-block {
    margin-bottom: 18px
}

@media screen and (max-width: 1023.9px) {
    .tournament-single-plc-content .text-block {
        margin-bottom:14px
    }
}

.tournament-single-plc-content .tournament-single-item_plc-eight {
    height: 305px;
    margin-bottom: 48px
}

.tournament-single-plc-content .tournament-single-item_plc-nine {
    height: 160px
}

.tb--rtl .tb--tournament-banner .main--slider-right .slick-next {
    left: calc(50% - 716px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .slick-next {
        left:calc(2% + 44px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .slick-next {
        left:calc(1% + 44px);
        right: auto
    }
}

.tb--rtl .tb--tournament-banner .main--slider-right .slick-prev {
    left: calc(50% - 760px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .slick-prev {
        left:2%;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .slick-prev {
        left:1%;
        right: auto
    }
}

.tb--rtl .tb--tournament-banner .main--slider-right .main--slider-counter {
    left: calc(50% - 672px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .main--slider-counter {
        left:calc(2% + 88px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-right .main--slider-counter {
        left:calc(1% + 88px);
        right: auto
    }
}

.tb--rtl .tb--tournament-banner .main--slider-left .slick-next {
    left: auto;
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .slick-next {
        left:auto;
        right: 2%
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .slick-next {
        left:auto;
        right: 1%
    }
}

.tb--rtl .tb--tournament-banner .main--slider-left .slick-prev {
    left: auto;
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .slick-prev {
        left:auto;
        right: calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .slick-prev {
        left:auto;
        right: calc(1% + 44px)
    }
}

.tb--rtl .tb--tournament-banner .main--slider-left .main--slider-counter {
    left: auto;
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(1% + 88px)
    }
}

@media screen and (min-width: 1024px) {
    .tb--rtl .single--tournament-body .single--tournament-left {
        margin-left:12px;
        margin-right: 0
    }

    .tb--rtl .single--tournament-body .single--tournament-right {
        margin-left: 0;
        margin-right: 12px
    }
}

.tb--rtl .tb--back-tournament {
    padding: 6px 12px 6px 24px
}

.tb--rtl .single-tournament-info .tb--tournament-desc {
    padding-left: 12%;
    padding-right: 0
}

.tb--rtl .single-tournament-info_right .tb--tournament-duration_cont {
    padding-left: 10px;
    padding-right: 0
}

.tb--rtl .tb--tournament-list .tb--tournament-content {
    padding: 4px 22px 4px 40px
}

@media screen and (max-width: 1023.9px) {
    .tb--rtl .tb--tournament-list .tb--tournament-content {
        padding:19px 12px 16px
    }
}

.tb--rtl .leaderboard--table td,.tb--rtl .leaderboard--table th {
    text-align: right
}

.tb--rtl .leaderboard--table .leaderboard--my-column {
    border-left: none
}

.tb--rtl .leaderboard--table .leaderboard--my-column:before {
    left: auto;
    right: 0
}

.tb--rtl .tb--single-tournament-amount,.tb--rtl .tb--tournament-amount,.tb--rtl .tb--tournament-amount_mobile {
    direction: ltr
}

.tb--rtl .tb--tournament-amount .category_icon-tournament:before {
    margin-left: 0;
    margin-right: 6px
}

.tb--rtl .tb--single-tournament-amount span {
    margin-left: 0;
    margin-right: 4px
}

.tb--regulations {
    max-width: 1530px
}

@media screen and (max-width: 1023.9px) {
    .tb--regulations {
        flex-direction:column
    }
}

@media screen and (min-width: 1024px) {
    .tb--regulations {
        height:calc(100vh - 102px);
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
        padding: 38px
    }
}

.tb--regulations h3 {
    color: var(--text-color-3);
    font-size: 24px;
    line-height: 1;
    margin: 23px 20px
}

.tb--regulations .breadcrumbs {
    box-shadow: 0 2px 12px var(--background-color-1);
    height: 52px
}

.tb--rules-left {
    overflow-y: auto;
    width: 345px;
    z-index: 2
}

@media screen and (max-width: 1366px) {
    .tb--rules-left {
        width:290px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-left {
        background-color:initial;
        box-shadow: none;
        margin: 0 auto 24px;
        padding: 10px;
        width: calc(100% - 20px)
    }
}

@media screen and (min-width: 1024px) {
    .tb--rules-left {
        border-radius:12px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-height: calc(100% + 1px);
        min-height: 280px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-left li {
        width:100%
    }
}

.tb--rules-left li.tb--regulation-menu_item {
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1024px) {
    .tb--rules-left li.tb--regulation-menu_item:not(:last-child)>.menu-item:after {
        bottom:0;
        content: "";
        height: 1px;
        left: 50%;
        opacity: .8;
        position: absolute;
        transform: translateX(-50%);
        width: calc(100% - 32px)
    }
}

.tb--rules-left li.tb--regulation-menu_item .menu-item {
    cursor: pointer
}

.tb--rules-left li.tb--regulation-menu_item .menu-item.brand-color-menu-item {
    color: var(--brand-color-2)
}

@media screen and (min-width: 1024px) {
    .tb--rules-left li.tb--regulation-menu_item .menu-item {
        font-size:12px
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-left li.tb--regulation-menu_item {
        background-color:var(--background-color-1);
        border-radius: 12px;
        margin-bottom: 12px
    }
}

.tb--rules-left li.tb--regulation-menu_item>.menu-item.brand-color-menu-item .arrow {
    color: var(--brand-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-left li.tb--regulation-menu_item>.menu-item.has-sub-menu.submenu-open {
        background-color:var(--background-color-1);
        background-image: var(--background-gradient-1);
        color: var(--brand-color-2)
    }

    .tb--rules-left li.tb--regulation-menu_item>.menu-item.has-sub-menu.submenu-open .arrow {
        color: var(--brand-color-2)
    }
}

.tb--rules-left li.tb--regulation-menu_subitem {
    position: relative;
    z-index: 1
}

.tb--rules-left li.tb--regulation-menu_subitem .menu-item:after {
    background-color: var(--background-color-1);
    bottom: 0;
    content: "";
    height: 1px;
    left: 15px;
    position: absolute;
    right: 15px
}

.tb--rules-left li.tb--regulation-menu_subitem:last-child .menu-item:after {
    display: none
}

@media screen and (min-width: 1024px) {
    .tb--rules-left li.tb--regulation-menu_subitem .menu-item.active:before {
        background-color:var(--brand-color-2);
        background-image: var(--brand-gradient-2);
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: 1;
        top: 0;
        width: 2px
    }
}

.tb--rules-left li .menu-item {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: space-between;
    padding: 0 16px
}

.tb--rules-left li .menu-item.active-border-menu-item:before {
    display: none!important
}

.tb--rules-left li .menu-item .arrow {
    color: var(--text-color-3);
    transition: all .4s ease;
    z-index: 1
}

.tb--rules-left li .menu-item .arrow i:before {
    font-size: 20px
}

.tb--rules-left li .menu-item.active:before {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 1;
    top: 0;
    width: 2px
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-left li .menu-item {
        height:60px;
        padding: 0 16px
    }
}

.tb--rules-left li .menu-item.active.has-sub-menu:after,.tb--rules-left li .menu-item.submenu-open.has-sub-menu:after {
    display: none
}

@media screen and (min-width: 1024px) {
    .tb--rules-left li .menu-item.active {
        color:var(--brand-color-2);
        position: relative
    }

    .tb--rules-left li .menu-item.active:before {
        content: "";
        height: 40px;
        left: 0;
        opacity: .7;
        position: absolute;
        right: 0;
        top: 0
    }
}

.tb--rules-left li .menu-item.active .arrow {
    color: var(--brand-color-2)
}

.tb--rules-left li .tb--regulation-menu_name {
    position: relative;
    z-index: 1
}

.tb--regulation-submenu_cont {
    display: none;
    list-style-type: none
}

.submenu-open+.tb--regulation-submenu_cont {
    display: block;
    position: relative
}

.submenu-open .arrow i:before {
    transform: rotate(180deg)
}

.tb--rules-right {
    line-height: 1.5;
    position: relative;
    width: calc(100% - 372px)
}

@media screen and (max-width: 1366px) {
    .tb--rules-right {
        width:calc(100% - 317px)
    }
}

@media screen and (min-width: 1024px) {
    .tb--rules-right {
        background-color:var(--background-color-1);
        background-image: var(--background-gradient-1);
        border-radius: 12px;
        box-shadow: 0 2px 12px var(--background-color-1);
        padding: 20px 0
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-right {
        min-height:400px;
        width: 100%
    }
}

.tb--rules-right .print-rules {
    height: 100%
}

.tb--rules-right .tb--page-content {
    height: 100%;
    overflow-y: auto;
    padding: 50px 48px 0;
    word-break: break-word
}

@media screen and (max-width: 1023.9px) {
    .tb--rules-right .tb--page-content {
        padding:80px 16px 16px
    }
}

.tb--rules-left,.tb--rules-right .tb--page-content {
    overflow-y: scroll
}

@media screen and (min-width: 1024px) {
    .tb--rules-left,.tb--rules-right .tb--page-content {
        overflow-x:hidden
    }
}

.tb--rules-left::-webkit-scrollbar,.tb--rules-right .tb--page-content::-webkit-scrollbar {
    width: 4px
}

.tb--rules-left::-webkit-scrollbar-track,.tb--rules-right .tb--page-content::-webkit-scrollbar-track {
    background-color: initial
}

.tb--rules-left::-webkit-scrollbar-thumb,.tb--rules-right .tb--page-content::-webkit-scrollbar-thumb {
    background-color: #ffffff4d;
    border-radius: 5px
}

.breadcrumbs {
    align-items: center;
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-top: 1px solid var(--background-color-5);
    color: var(--text-color-3);
    display: flex;
    font-size: 16px;
    height: 56px;
    padding: 0 10px
}

.breadcrumbs i:before {
    font-size: 20px
}

.tb--hide-pw-app-elements .tb--regulations .breadcrumbs {
    display: none!important
}

.rules-placeholder-menu {
    height: 385px;
    margin-right: 32px;
    width: 345px
}

.rules-placeholder-menu .rules--placeholder-content {
    border-radius: 16px;
    padding: 24px!important
}

.rules-placeholder-menu .rules-menu-items {
    margin: 20px
}

.rules-placeholder-menu span {
    background-color: var(--background-color-3);
    height: 16px;
    width: 80%
}

.rules-placeholder-menu span:first-child {
    margin: 0 2px;
    width: 10%
}

.rules-placeholder-menu span:last-child {
    margin: 0 2px;
    width: 90%
}

@media screen and (max-width: 1366px) {
    .rules-placeholder-menu {
        width:290px
    }
}

.rules--placeholder-content,.rules--placeholder-sidebar {
    background-color: var(--background-color-1);
    padding: 20px 48px;
    width: 100%
}

.rules--placeholder-content {
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .rules--placeholder-content {
        margin:0;
        width: 100%
    }
}

.rules--placeholder-content .text-block {
    margin-bottom: 12px
}

.rules--placeholder-content .text-block .text-row {
    border-radius: 8px;
    height: 18px!important;
    width: 100%!important
}

.rules--placeholder-sidebar {
    width: 20%
}

.rules-placeholder-banner {
    background-color: var(--background-color-3);
    border-radius: 8px;
    height: 288px;
    margin-bottom: 48px
}

.tb--regulations .rules-placeholder {
    margin: 0;
    width: calc(100% - 372px)
}

@media screen and (max-width: 1366px) {
    .tb--regulations .rules-placeholder {
        width:calc(100% - 322px)
    }
}

@media screen and (min-width: 1024px) {
    .tb--regulations .rules-placeholder {
        border-radius:12px;
        overflow: hidden
    }
}

@media screen and (max-width: 1023.9px) {
    .tb--regulations .rules-placeholder {
        margin:16px 0;
        width: 100%
    }

    .tb--regulations .rules-placeholder .rules--placeholder-content {
        margin: 0 16px
    }
}

.tb--regulations .tb--rules-actions {
    background-color: var(--background-color-1);
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    padding: 0 48px 10px;
    position: absolute;
    width: 100%
}

.tb--regulations .tb--rules-actions .tb--btn-rules {
    background-color: var(--background-color-2);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px
}

.tb--regulations .tb--rules-actions .tb--btn-rules i:before {
    font-size: 22px
}

@media screen and (max-width: 1024px) {
    .tb--regulations .tb--rules-actions {
        background-color:var(--background-color-2);
        justify-content: flex-start;
        padding: 16px
    }

    .tb--regulations .tb--rules-actions .tb--btn-rules {
        background: var(--background-color-1)
    }
}

.tb--rtl .tb--rules-left li .menu-item {
    padding: 0 24px 0 18px
}

.tb--rtl .tb--rules-left li.tb--regulation-menu_subitem .menu-item.active:after {
    right: 0
}

.print-rules {
    background-color: var(--background-color-1)
}

@media print {
    .print-rules {
        background-color: initial;
        margin: 40px
    }
}

.tb--betradar-menu {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 8px;
    color: var(--text-color-4);
    margin: 24px 0;
    padding: 12px 6px
}

.tb--betradar-menu .tb--betradar-item {
    cursor: pointer;
    margin: 0 14px
}

@media screen and (max-width: 1300px) {
    .tb--betradar-menu .tb--betradar-item {
        flex-direction:column;
        justify-content: center
    }

    .tb--betradar-menu .tb--betradar-item i:before {
        margin: 0!important
    }
}

.tb--betradar-menu .tb--betradar-item.tb--betradar-item_active {
    color: var(--brand-color-2)
}

.tb--betradar-menu .tb--betradar-item i:before {
    display: inline-block;
    font-size: 36px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    width: 32px
}

.tb--betradar-menu .tb--betradar-item span {
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width: 1366px) {
    .tb--betradar-menu .tb--betradar-item span {
        font-size:13px
    }
}

@media screen and (max-width: 1300px) {
    .tb--betradar-menu .tb--betradar-item span {
        margin-top:10px;
        text-align: center
    }
}

.tb--betradar-content {
    border-radius: 8px;
    min-height: 65vh;
    width: 100%
}

.tb--support-container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    width: 100%
}

.tb--support-container:before {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.tb--support-container .tb--support-header {
    color: #fff;
    font-size: 41px;
    margin-bottom: 16px;
    z-index: 1
}

.tb--support-container .tb--support-content {
    color: #ccc;
    font-size: 16px;
    line-height: 1.5;
    max-width: 27%;
    text-align: center;
    z-index: 1
}

@media screen and (max-width: 1248px) {
    .tb--support-container .tb--support-content {
        max-width:60%
    }
}

@media screen and (max-width: 768px) {
    .tb--support-container .tb--support-content {
        max-width:90%
    }
}

.tb--support-container .tb--support-browsers {
    color: #999;
    margin-top: 40px;
    z-index: 1
}

.tb--support-container .tb--support-browsers span {
    text-align: center
}

.tb--support-container .tb--support-browsers img {
    height: 46px;
    margin-bottom: 16px
}

@media screen and (max-width: 500px) {
    .tb--support-container .tb--support-browsers img {
        height:36px
    }
}

.l0--wrapper {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px;
    position: relative;

}

@media only screen and (max-width: 1023.9px) {
    .l0--wrapper {
        padding:0 12px
    }
}

@media only screen and (max-width: 1366px) {
    .l0--wrapper.l0--wrapper-stories {
        padding:0 0 0 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .l0--wrapper .tb--bg-layout-list {
        margin:0 22px
    }

    .l0--wrapper .tb--bg-layout-list.tb--bg-mobile-hz-scroll {
        margin: 0;
        padding-left: 18px
    }

    .l0--wrapper .tb--bg-layout-list.tb--bg-mobile-hz-scroll .tb--bg-layout:last-child {
        padding-right: 22px
    }
}

@media screen and (max-width: 768px) {
    .l0--wrapper.l0--wrapper-mobile {
        padding:0
    }
}

.l0--wrapper .l0--placeholder2~[class*=l0--placeholder] {
    margin-top: 8px
}

.l0--wrapper .l0--placeholder2~[class*=l0--placeholder]:empty {
    margin-top: 0
}

@media only screen and (max-width: 1366px) {
    .l0--wrapper .l0--placeholder2~[class*=l0--placeholder] {
        margin-top:4px
    }

    .l0--wrapper .l0--placeholder2~[class*=l0--placeholder]:empty {
        margin-top: 0
    }
}

@media screen and (max-width: 1023.9px) {
    .l0--wrapper .top--jackpots-container .slick-slide {
        padding:0 4px!important
    }
}

.l0--wrapper .sport-widget-top {
    margin-bottom: 34px
}

.l0--wrapper .live-top-matches,.l0--wrapper .top-prematches-sport-widget {
    margin: 0 -12px
}

.l0--wrapper .top-matches-sport-widget {
    margin: 0 -6px
}

@media screen and (max-width: 1023.9px) {
    .l0--wrapper .top-matches-sport-widget {
        margin:0 -8px;
        width: 100%
    }
}

.l0--wrapper .sport-widget_title,.l2--container .sport-widget_title {
    color: var(--brand-color-2);
    margin-bottom: 34px;
    position: relative;
    text-transform: uppercase
}

.l0--wrapper .sport-widget_title:after,.l2--container .sport-widget_title:after {
    background-color: var(--brand-color-2);
    bottom: -9px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.l0--wrapper .sport-widget-top,.l2--container .sport-widget-top {
    position: relative
}

.l0--wrapper .sport-widget-top .sport-widget_title,.l2--container .sport-widget-top .sport-widget_title {
    width: 100%
}

.l0--wrapper .sport-widget-top .slider-arrow,.l2--container .sport-widget-top .slider-arrow {
    position: absolute;
    right: 0;
    top: -22px
}

.l0--wrapper.mobile--sport_jackpot .sport-widget_title,.l2--container.mobile--sport_jackpot .sport-widget_title {
    margin-left: 16px;
    margin-right: 16px
}

.l0--container-bottom_space {
    padding-bottom: 12px
}

.l0--top-space.has--top-banner {
    margin-top: 400px
}

@media screen and (max-width: 1023.9px) {
    .l0--top-space.has--top-banner {
        margin-top:0
    }
}

.l0--placeholder3 .slider--show-arrows {
    padding-top: 60px
}

@media only screen and (max-width: 1023.9px) {
    .l0--placeholder3 .slider--show-arrows {
        padding-top:0
    }
}

.l0--placeholder3 .slick-next,.l0--placeholder3 .slick-prev {
    top: -44px
}

.l0--placeholder3 .slick-next {
    right: 0
}

.l0--placeholder3 .slick-prev {
    right: 44px
}

.l0--placeholder3 img {
    border-radius: 8px
}

.l0--placeholder3 .slick-list {
    margin: 0 -6px
}

@media screen and (max-width: 1366px) {
    .l0--placeholder3 .slick-list {
        margin:0
    }
}

@media screen and (max-width: 1366px) and (min-width:1024px) {
    .l0--placeholder3 .slick-slider {
        margin:0 -3px
    }
}

@media screen and (min-width: 1366px) {
    .l0--placeholder3 .slick-slider {
        margin:0 3px
    }
}

.l0--placeholder5 iframe {
    height: 293px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .l0--placeholder5 iframe {
        height:325px
    }
}

.l0--placeholder4 {
    margin-bottom: 12px;
    padding: 24px 16px;
    z-index: 9
}

@media screen and (max-width: 1366px) {
    .l0--placeholder4 {
        margin-bottom:0;
        padding: 12px 16px
    }
}

.l0--placeholder4 iframe {
    height: 293px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .l0--placeholder4 iframe {
        height:325px
    }
}

.l0--placeholder8 {
    margin-bottom: 24px;
    margin-top: 24px
}

@media screen and (min-width: 1024px) {
    .l0--placeholder8 {
        padding:0 20px
    }
}

@media screen and (max-width: 768px) {
    .l0--placeholder8 {
        margin-bottom:12px;
        margin-top: 12px
    }
}

.l0--placeholder10,.l0--placeholder11,.l0--placeholder3,.l0--placeholder5,.l0--placeholder6 {
    margin-bottom: 24px;
    margin-top: 24px
}

@media screen and (max-width: 1366px) {
    .l0--placeholder10,.l0--placeholder11,.l0--placeholder3,.l0--placeholder5,.l0--placeholder6 {
        margin-bottom:12px;
        margin-top: 12px
    }
}

.l0--placeholder10 .slick-slide,.l0--placeholder11 .slick-slide,.l0--placeholder3 .slick-slide,.l0--placeholder5 .slick-slide,.l0--placeholder6 .slick-slide {
    padding: 0px
}

.tb--rtl .l0--wrapper .sport-widget-top .slider-arrow,.tb--rtl .l2--container .sport-widget-top .slider-arrow {
    left: 0;
    right: auto
}

.l2--container {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px
}

.l2--container .l3--container {
    padding: 0
}

@media screen and (max-width: 1023.9px) {
    .l2--container .l3--container.l3--mobile-container {
        padding:0
    }
}

@media only screen and (max-width: 1023.9px) {
    .l2--container .l3--container {
        padding:0 12px
    }
}

@media only screen and (max-width: 767.9px) {
    .l2--container .l3--container {
        padding:0
    }
}

@media only screen and (max-width: 768px) {
    .l2--container {
        padding-left:12px;
        padding-right: 12px
    }
}

@media screen and (max-width: 1023.9px) {
    .l2--container {
        margin-bottom:16px
    }
}

.l2--container.l2--placeholder5:empty,.l2--container.l2--placeholder6:empty,.l2--container.l2--two-banners:empty {
    display: none
}

@media screen and (max-width: 1023.9px) {
    .l2--container .top--jackpots-container .slick-slide {
        padding:0 6px!important
    }
}

.l2--container .live-top-matches,.l2--container .top-prematches-sport-widget {
    margin: 0 -12px
}

.l2--container .sport-widget-top {
    margin-bottom: 34px
}

@media screen and (max-width: 1366px) {
    .l2--container .top-matches-sport-widget {
        margin:0 -8px;
        width: 100%
    }
}

@media screen and (max-width: 1366px) and (min-width:1024.9px) {
    .l2--two-banners .slick-slider {
        margin:0 -6px
    }
}

.l2--bottom-space {
    padding-bottom: 12px;
    padding-top: 24px
}

.l2--bottom-space .stories-wrapper {
    margin-bottom: 24px
}

.l2--bottom-space .stories-wrapper--standard {
    margin-top: 0
}

.l2-bg-banner {
    min-height: 50px
}

.l2-bg-banner:empty {
    min-height: 0;
    min-height: auto
}

.l2--placeholder3 {
    margin: 0 -12px 24px
}

@media screen and (max-width: 1366px) {
    .l2--placeholder3 {
        margin:0 -6px 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .l2--placeholder3 {
        display:block
    }
}

.l2--placeholder3 .l2--placeholder-3-item {
    padding: 0 12px
}

@media screen and (max-width: 1366px) {
    .l2--placeholder3 .l2--placeholder-3-item {
        padding:0 6px
    }
}

@media screen and (max-width: 1023.9px) {
    .l2--placeholder3 .l2--placeholder-3-item {
        margin-bottom:12px
    }

    .l2--placeholder3 .l2--placeholder-3-item img {
        width: 100%
    }
}

.l2--placeholder6 {
    margin-bottom: 24px
}

.l2--placeholder6 iframe {
    height: 293px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .l2--placeholder6 iframe {
        height:325px
    }
}

.l2--placeholder4 {
    margin-bottom: 12px;
    padding: 24px 16px
}

@media screen and (max-width: 1366px) {
    .l2--placeholder4 {
        margin-bottom:0;
        padding: 12px 16px
    }
}

.l2--placeholder4:empty {
    display: none;
    margin-bottom: 0
}

@media screen and (max-width: 1023.9px) {
    .l2--container.l2--placeholder1.l2--mobile-container {
        padding:0
    }
}

.l2--placeholder5,.l2--placeholder6,.l2--two-banners {
    margin-bottom: 24px
}

@media screen and (max-width: 1366px) {
    .l2--placeholder5,.l2--placeholder6,.l2--two-banners {
        margin-bottom:12px
    }
}

.l2--placeholder5 .slick-slide,.l2--placeholder6 .slick-slide,.l2--two-banners .slick-slide {
    padding: 0 6px
}

.l2--placeholder1:empty,.l2--placeholder7:empty {
    display: none
}

.l2--placeholder8 {
    margin-bottom: 24px;
    margin-top: 24px;
    padding: 0 16px
}

@media screen and (min-width: 1024px) {
    .l2--placeholder8 {
        padding:0 20px
    }
}

@media screen and (max-width: 768px) {
    .l2--placeholder8 {
        margin-bottom:12px;
        margin-top: 12px
    }
}

@media screen and (max-width: 1023.9px) {
    .l2--container--top-matches {
        padding:0 -8px
    }
}

.l3--container {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px
}

@media screen and (max-width: 1023.9px) {
    .l3--container {
        padding:0 12px
    }

    .l3--container.l3--mobile-container {
        margin-top: 24px
    }
}

@media only screen and (max-width: 767.9px) {
    .l3--container {
        padding:0
    }
}

@media screen and (max-width: 1023.9px) {
    .l3--container .top--jackpots-container .slick-slide {
        padding:0 6px!important
    }
}

.l3--container .live-top-matches,.l3--container .top-matches-sport-widget,.l3--container .top-prematches-sport-widget {
    margin: 0 -12px
}

@media screen and (max-width: 1023.9px) {
    .l3--container .live-top-matches,.l3--container .top-matches-sport-widget,.l3--container .top-prematches-sport-widget {
        margin:0 -8px;
        width: 100%
    }
}

.l3--secondary-banner {
    margin-top: 24px;
    padding-bottom: 20px
}

@media screen and (min-width: 1024.9px) {
    .l3--placeholder3 {
        margin:0 -4px
    }
}

@media only screen and (max-width: 1024px) {
    .l3--placeholder3 {
        margin-bottom:16px
    }
}

.l3--placeholder3 .l3--placeholder-3-item {
    margin-bottom: 4px;
    padding: 0 4px;
    width: 33.33%
}

.l3--placeholder3 .l3--placeholder-3-item img {
    border-radius: 8px;
    width: 100%
}

@media screen and (max-width: 1366px) {
    .l3--placeholder3 .l3--placeholder-3-item {
        margin-bottom:4px;
        padding: 0 4px
    }
}

@media only screen and (max-width: 1024px) {
    .l3--placeholder3 .l3--placeholder-3-item {
        padding:6px;
        width: 50%
    }
}

@media only screen and (max-width: 768px) {
    .l3--placeholder3 .l3--placeholder-3-item {
        width:100%
    }
}

.l3--placeholder8 {
    margin-bottom: 12px;
    margin-top: 12px;
    padding: 0 16px
}

.l3--placeholder8 iframe {
    height: 320px
}

@media screen and (min-width: 1024px) {
    .l3--placeholder8 {
        padding:0 24px
    }
}

@media screen and (max-width: 1023.9px) {
    .l3--placeholder8 {
        padding:0 22px
    }

    .l3--placeholder8 iframe {
        height: 350px
    }

    .l3--placeholder8--top-matches {
        padding: 0
    }
}

.l3--container.l3-sport-widget,.l5--wrapper.l3-sport-widget {
    margin-bottom: 24px;
    margin-top: 24px
}

.l3--container.l3-sport-widget .sport-widget_title,.l5--wrapper.l3-sport-widget .sport-widget_title {
    background-color: var(--background-color-1);
    border-radius: 4px;
    color: var(--text-color-4);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
    padding: 10px 16px;
    text-transform: uppercase
}

.l5--wrapper {
    margin: 0 auto;
    max-width: 1568px;
    padding: 0 24px;
    position: relative;
    z-index: 999
}

@media only screen and (min-width: 768px) {
    .l5--wrapper .l3--container {
        padding:0
    }
}

@media only screen and (max-width: 1366px) {
    .l5--wrapper {
        padding:0 16px
    }

    .l5--wrapper.l5--wrapper-stories {
        padding: 0 0 0 16px
    }
}

@media screen and (max-width: 1023.9px) {
    .l5--wrapper.l5--wrapper-mobile {
        padding:0
    }
}

.l5--wrapper #sport_top_mathes {
    height: 238px
}

@media screen and (max-width: 1023.9px) {
    .l5--wrapper #sport_top_mathes {
        height:394px
    }
}

.l5--wrapper .slick-list {
    margin: 0 -4px
}

@media screen and (max-width: 1023.9px) {
    .l5--wrapper .slick-list {
        margin:0
    }
}

.l5--wrapper .slick-slide {
    padding: 0 4px
}

.l5--wrapper .slick-slide img {
    border-radius: 12px
}

.l5--wrapper.l5--casino-slider,.l5--wrapper.l5--placeholder8,.l5--wrapper.l5--wrapper-secondary-banner {
    margin-bottom: 24px;
    margin-top: 24px
}

.l5--wrapper.l5--casino-slider:empty,.l5--wrapper.l5--placeholder8:empty,.l5--wrapper.l5--wrapper-secondary-banner:empty {
    display: none
}

@media screen and (max-width: 1366px) {
    .l5--wrapper.l5--casino-slider,.l5--wrapper.l5--placeholder8,.l5--wrapper.l5--wrapper-secondary-banner {
        margin-bottom:12px;
        margin-top: 12px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (max-width: 768px) {
    .l5--wrapper.l5--casino-slider,.l5--wrapper.l5--wrapper-secondary-banner {
        padding-left:8px;
        padding-right: 0
    }

    .l5--wrapper.l5--casino-slider .slick-track,.l5--wrapper.l5--wrapper-secondary-banner .slick-track {
        display: flex
    }

    .l5--wrapper.l5--casino-slider .slick-slide,.l5--wrapper.l5--wrapper-secondary-banner .slick-slide {
        padding: 0 8px 0 0;
        width: 100%!important
    }

    .l5--wrapper.l5--casino-slider .slick-slide img,.l5--wrapper.l5--wrapper-secondary-banner .slick-slide img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .l5--wrapper.l5--casino-slider .tb--section-header_mobile,.l5--wrapper.l5--wrapper-secondary-banner .tb--section-header_mobile {
        margin-left: 8px;
        margin-right: 8px
    }
}

@media screen and (max-width: 1023.9px) {
    .l5--wrapper.top-jackpots-section {
        padding:0
    }

    .l5--wrapper.top-jackpots-section .top--jackpots-container .slick-list {
        padding: 0 8px!important
    }

    .l5--wrapper.top-jackpots-section .top--jackpots-container .slick-slide {
        padding: 0 8px 0 0!important
    }
}

.l5--wrapper.l3-sport-widget .sport-widget_title {
    border-radius: 12px;
    color: var(--text-color-2);
    font-size: 12px;
    font-weight: 700
}

.l5--wrapper .sport-widget-top .slider-arrow span {
    border-radius: 50%;
    box-shadow: 0 2px 5px #0000000d
}

.l5--wrapper .live-top-matches,.l5--wrapper .top-prematches-sport-widget {
    margin: 0 -12px
}

.l5--top-layer {
    border-radius: 45px 45px 0 0;
    margin-top: -120px;
    padding-bottom: 12px;
    position: relative;
    z-index: 9999
}

.l5--top-layer:after {
    background-color: var(--background-color-2);
    background-image: var(--background-gradient-2);
    border-radius: 45px 45px 0 0;
    content: "";
    display: inline-block;
    height: 50%;
    left: 0;
    position: absolute;
    top: 53px;
    width: 100%;
    z-index: -1
}

@media screen and (max-width: 1023.9px) {
    .l5--top-layer {
        margin-top:-90px
    }

    .l5--top-layer:after {
        top: 30px
    }
}

.l5--top-layer.off--top-banner {
    margin-top: 0
}

.l5--footer-shape {
    bottom: -5px;
    left: 0;
    max-height: 1100px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.l5--footer-shape svg {
    fill: var(--brand-color-2);
    opacity: .2
}

.main-img_fill .l5--top-layer:after,.main-img_fit .l5--top-layer:after,.main-img_repeat .l5--top-layer:after {
    position: relative
}

.main-img_fill .l5--footer-shape,.main-img_fit .l5--footer-shape,.main-img_repeat .l5--footer-shape {
    width: 0
}

.l5-wrapper-iframe {
    margin-bottom: 24px;
    padding: 24px
}

@media screen and (max-width: 1366px) {
    .l5-wrapper-iframe {
        margin-bottom:12px;
        padding: 12px 16px
    }
}

.l5-wrapper-iframe #top_matches_sport_widget {
    margin-left: -7px;
    margin-right: -7px
}

.l5-wrapper-iframe #top_matches_sport_widget iframe {
    height: 293px
}

@media screen and (max-width: 1023.9px) {
    .l5-wrapper-iframe #top_matches_sport_widget iframe {
        height:325px
    }

    .l5--top-matches {
        padding-left: 0;
        padding-right: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }

    40% {
        box-shadow: 0 0 0 2px var(--brand-color-1),0 0 8px 8px var(--brand-color-1),0 0 0 8px var(--brand-color-1);
        opacity: .2
    }

    to {
        box-shadow: 0 0 0 2px var(--brand-color-1),0 0 8px 8px var(--brand-color-1),0 0 0 8px var(--brand-color-1);
        opacity: 0;
        transform: scale(1.5)
    }
}

@media screen and (min-width: 1024.9px) {
    .l5--wrapper.l5--casino-slider .slick-slider .slick-arrow,.l5--wrapper.l5--wrapper-secondary-banner .slick-slider .slick-arrow {
        background-color:var(--background-color-1);
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0,0,0,.051);
        height: 36px;
        position: absolute;
        right: 0;
        top: -46px;
        width: 36px
    }

    .l5--wrapper.l5--casino-slider .slick-slider .slick-arrow:before,.l5--wrapper.l5--wrapper-secondary-banner .slick-slider .slick-arrow:before {
        color: var(--text-color-1)
    }

    .l5--wrapper.l5--casino-slider .slick-slider .slick-arrow.slick-prev,.l5--wrapper.l5--wrapper-secondary-banner .slick-slider .slick-arrow.slick-prev {
        margin-right: 44px
    }

    .l5--wrapper.l5--casino-slider .slick-slider .slick-arrow:hover,.l5--wrapper.l5--wrapper-secondary-banner .slick-slider .slick-arrow:hover {
        background-color: var(--brand-color-2);
        background-image: var(--brand-gradient-2)
    }

    .l5--wrapper.l5--casino-slider .slick-slider .slick-arrow:hover:before,.l5--wrapper.l5--wrapper-secondary-banner .slick-slider .slick-arrow:hover:before {
        color: var(--background-color-1)
    }
}

.tb--game-group_header:before,.tb--most-liked_header:before,.tb--widget-title:before {
    background: #00000080
}

.tb--game-group_header,.tb--most-liked_header,.tb--widget-title {
    color: #fff
}

.slick-next:hover:after,.slick-prev:hover:after {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    opacity: 1
}

.slider-counter {
    color: #fff
}

.search-block {
    background-color: var(--background-color-1);
    border: 1px solid var(--text-color-2)
}

@media screen and (max-width: 1023.9px) {
    .tb--live-casino_navbar_wrapper .tb--live-casino_search .search-box {
        background-color:var(--background-color-1);
        background-image: var(--background-gradient-1)
    }
}

.tb--tournament-top_space {
    margin-top: 365px;
    position: relative
}

.l5--wrapper.l5--wrapper-secondary-banner {
    padding: 0 24px
}

.l5--wrapper.l5--wrapper-secondary-banner .slider--show-arrows {
    padding-top: 60px
}

@media only screen and (max-width: 1366px) {
    .l5--wrapper.l5--wrapper-secondary-banner {
        padding:0 16px
    }
}

@media only screen and (max-width: 1024px) {
    .l5--wrapper.l5--wrapper-secondary-banner .slider--show-arrows {
        padding-top:0
    }
}

@media only screen and (max-width: 768px) {
    .l5--wrapper.l5--wrapper-secondary-banner {
        padding:0 0 0 8px
    }
}

.l5--placeholder8 {
    padding: 0 16px
}

@media screen and (min-width: 1024.9px) {
    .l5--placeholder8 {
        padding:0 23px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--placeholder8 {
        padding:0 16px
    }
}

.tb--cookies-wrapper.l5--cookies-wrapper:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1)
}

.tb--cookies-wrapper.l5--cookies-wrapper .tb--cookies-right-col .tb--cookies-content span.tb--cookies-text {
    color: var(--text-color-1)
}

.tb--cookies-wrapper.l5--cookies-wrapper .tb--cookies-logo {
    background-color: var(--background-color-5)
}

.content {
    margin: auto;
    padding: 20px;
    width: 100%
}

.slick-slide .image {
    padding: 10px
}

.slick-slide img.slick-loading {
    border: 0
}

.slick-thumb {
    bottom: -45px
}

.slick-thumb li {
    height: 45px;
    width: 60px
}

.slick-thumb li img {
    filter: grayscale(100%)
}

.slick-thumb li.slick-active img {
    filter: grayscale(0)
}

.slick-arrow,.slick-arrow:hover {
    background-color: grey
}

.main-content {
    margin-top: 20%
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-slider>div {
    outline: none
}

.fade-animation .slick-slide {
    pointer-events: none
}

.no-shadow-slider .slick-slider {
    box-shadow: none
}

.slick-list {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    transform: translateZ(0);
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after,.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0 4px
}

.slick-slide.slick-active {
    pointer-events: auto
}

.slick-slide div:focus,.slick-slide img:focus {
    outline: none
}

[dir=rtl] .slick-slide {
    float: right
}



@media (max-width: 960px){
.slick-slide img {
   display: block;
    max-width: 100%;
    width: 97%;
}
}


@media (min-width: 960px){
.slick-slide img {
    width: 365%;
        max-width: 500%;
}
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid #0000;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    background: #000;
    border: none;
    border-radius: 2px;
    color: #0000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 36px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    width: 36px;
    z-index: 99
}

.slider-counter {
    border: 1px solid #ccc3;
    border-radius: 4px;
    color: var(--text-color-4);
    height: 36px;
    line-height: 36px;
    position: absolute;
    text-align: center;
    width: 64px;
    z-index: 1
}

@media screen and (max-width: 1024px) {
    .slider-counter {
        display:none
    }
}

.slider-counter:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.l0--placeholder1-slider_1 .slick-arrow,.l0--placeholder10 .slick-arrow,.l0--placeholder11 .slick-arrow,.l0--placeholder3 .slick-arrow,.l0--placeholder5 .slick-arrow,.l0--placeholder6 .slick-arrow,.l2--placeholder5 .slick-arrow,.l2--placeholder6 .slick-arrow,.l2--top .slick-arrow,.l3--top .slick-arrow,.most--liked-slider .slick-arrow,.slider_casino .slick-arrow,.tb--tournament-banner .slick-arrow {
    background-color: initial;
    border: 1px solid #ccc3;
    border-radius: 4px;
    z-index: 2
}

.l0--placeholder1-slider_1 .slick-arrow:after,.l0--placeholder10 .slick-arrow:after,.l0--placeholder11 .slick-arrow:after,.l0--placeholder3 .slick-arrow:after,.l0--placeholder5 .slick-arrow:after,.l0--placeholder6 .slick-arrow:after,.l2--placeholder5 .slick-arrow:after,.l2--placeholder6 .slick-arrow:after,.l2--top .slick-arrow:after,.l3--top .slick-arrow:after,.most--liked-slider .slick-arrow:after,.slider_casino .slick-arrow:after,.tb--tournament-banner .slick-arrow:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 4px;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.banners--long-list .slick-slider.center .slick-list,.l0--placeholder10 .slick-slider.center .slick-list,.l0--placeholder11 .slick-slider.center .slick-list,.l0--placeholder5 .slick-slider.center .slick-list,.l0--placeholder6 .slick-slider.center .slick-list,.l2--placeholder5 .slick-slider.center .slick-list,.l2--placeholder6 .slick-slider.center .slick-list,.most--liked-slider .slick-slider.center .slick-list {
    margin: 16px 0 2px
}

.banners--long-list .slick-slider.center .slick-slide,.l0--placeholder10 .slick-slider.center .slick-slide,.l0--placeholder11 .slick-slider.center .slick-slide,.l0--placeholder5 .slick-slider.center .slick-slide,.l0--placeholder6 .slick-slider.center .slick-slide,.l2--placeholder5 .slick-slider.center .slick-slide,.l2--placeholder6 .slick-slider.center .slick-slide,.most--liked-slider .slick-slider.center .slick-slide {
    opacity: .5;
    padding: 0;
    transform: scale(.84);
    transform-origin: center;
    transition: transform .3s
}

.banners--long-list .slick-slider.center img,.l0--placeholder10 .slick-slider.center img,.l0--placeholder11 .slick-slider.center img,.l0--placeholder5 .slick-slider.center img,.l0--placeholder6 .slick-slider.center img,.l2--placeholder5 .slick-slider.center img,.l2--placeholder6 .slick-slider.center img,.most--liked-slider .slick-slider.center img {
    border-radius: 10px
}

.banners--long-list .slick-slider.center .slick-current,.l0--placeholder10 .slick-slider.center .slick-current,.l0--placeholder11 .slick-slider.center .slick-current,.l0--placeholder5 .slick-slider.center .slick-current,.l0--placeholder6 .slick-slider.center .slick-current,.l2--placeholder5 .slick-slider.center .slick-current,.l2--placeholder6 .slick-slider.center .slick-current,.most--liked-slider .slick-slider.center .slick-current {
    opacity: 1;
    position: relative;
    transform: scale(1);
    z-index: 55
}

.l0--placeholder10 .slick-next,.l0--placeholder10 .slick-prev,.l0--placeholder11 .slick-next,.l0--placeholder11 .slick-prev,.l0--placeholder5 .slick-next,.l0--placeholder5 .slick-prev,.l0--placeholder6 .slick-next,.l0--placeholder6 .slick-prev,.l2--placeholder5 .slick-next,.l2--placeholder5 .slick-prev,.l2--placeholder6 .slick-next,.l2--placeholder6 .slick-prev,.l2--two-banners .slick-next,.l2--two-banners .slick-prev,.most--liked-slider .slick-next,.most--liked-slider .slick-prev {
    border-radius: 4px;
    top: -66px
}

.l0--placeholder10 .slick-next,.l0--placeholder11 .slick-next,.l0--placeholder5 .slick-next,.l0--placeholder6 .slick-next,.l2--placeholder5 .slick-next,.l2--placeholder6 .slick-next,.l2--two-banners .slick-next,.most--liked-slider .slick-next {
    right: 0
}

.l0--placeholder10 .slick-prev,.l0--placeholder11 .slick-prev,.l0--placeholder5 .slick-prev,.l0--placeholder6 .slick-prev,.l2--placeholder5 .slick-prev,.l2--placeholder6 .slick-prev,.l2--two-banners .slick-prev,.most--liked-slider .slick-prev {
    right: 44px
}

.l0--placeholder10 .slick-list,.l0--placeholder11 .slick-list,.l0--placeholder5 .slick-list,.l0--placeholder6 .slick-list,.l2--placeholder5 .slick-list,.l2--placeholder6 .slick-list,.l2--two-banners .slick-list,.most--liked-slider .slick-list {
    margin: 0 -4px
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder10 .slick-list,.l0--placeholder11 .slick-list,.l0--placeholder5 .slick-list,.l0--placeholder6 .slick-list,.l2--placeholder5 .slick-list,.l2--placeholder6 .slick-list,.l2--two-banners .slick-list,.most--liked-slider .slick-list {
        margin:0
    }
}

.l0--placeholder10 .slick-slide img,.l0--placeholder11 .slick-slide img,.l0--placeholder5 .slick-slide img,.l0--placeholder6 .slick-slide img,.l2--placeholder5 .slick-slide img,.l2--placeholder6 .slick-slide img,.l2--two-banners .slick-slide img,.most--liked-slider .slick-slide img {
    border-radius: 8px
}

.l2--two-banners .slider--show-arrows {
    padding-top: 60px
}

@media only screen and (max-width: 1024px) {
    .l2--two-banners .slider--show-arrows {
        padding-top:0
    }
}

.l2--two-banners .slick-next,.l2--two-banners .slick-prev {
    border-radius: 4px;
    top: -50px
}

.l0--placeholder10:empty,.l0--placeholder11:empty,.l0--placeholder1:empty,.l0--placeholder3:empty,.l0--placeholder5:empty,.l0--placeholder6:empty {
    display: none
}

.l0--placeholder1:empty+.l0--top-space {
    margin-top: 0
}

.l0--placeholder1-slider_1 {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 0
}

@media screen and (max-width: 1024px) {
    .l0--placeholder1-slider_1 {
        position:relative
    }
}

.l0--placeholder1-slider_1 .slick-dots {
    top: 336px
}

@media screen and (max-width: 1024px) {
    .l0--placeholder1-slider_1 .slick-dots {
        top:auto
    }
}

.l0--placeholder1-slider_1 .slick-slider {
    box-shadow: none
}

.l0--placeholder1-slider_1 .slick-slide {
    padding: 0
}

.l0--placeholder1-slider_1 .slick-list {
    max-height: 900px;
    position: relative
}

.l0--placeholder1-slider_1 .slick-list:after {
    background-image: linear-gradient(to bottom,#0000,var(--background-color-2));
    bottom: 0;
    content: "";
    display: block;
    height: 250px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 99
}

@media only screen and (max-width: 768px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:115px
    }
}

@media only screen and (max-width: 500px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:50px
    }
}

@media only screen and (max-width: 375px) {
    .l0--placeholder1-slider_1 .slick-list:after {
        height:20px
    }
}

.l0--placeholder1-slider_1 .main--slider-top {
    position: relative
}

.l0--placeholder1-slider_1 .main--slider-top .main--slider-counter,.l0--placeholder1-slider_1 .main--slider-top .slick-next,.l0--placeholder1-slider_1 .main--slider-top .slick-prev {
    top: 42px
}

.l0--placeholder1-slider_1 .main--slider-bottom {
    position: relative
}

.l0--placeholder1-slider_1 .main--slider-bottom .main--slider-counter,.l0--placeholder1-slider_1 .main--slider-bottom .slick-next,.l0--placeholder1-slider_1 .main--slider-bottom .slick-prev {
    top: 310px
}

.l0--placeholder1-slider_1 .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:calc(1% + 44px)
    }
}

.l0--placeholder1-slider_1 .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:2%
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:1%
    }
}

.l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:calc(1% + 88px)
    }
}

.l0--placeholder1-slider_1 .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        right:2%
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        right:1%
    }
}

.l0--placeholder1-slider_1 .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        right:calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        right:calc(1% + 44px)
    }
}

.l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        right:calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        right:calc(1% + 88px)
    }
}

.show-sidebar_block .l0--placeholder1-slider_1 {
    width: calc(100% - 60px)
}

@media screen and (max-width: 1023.9px) {
    .show-sidebar_block .l0--placeholder1-slider_1 {
        width:100%
    }
}

.l0--placeholder1-slider_1 .slick-arrow:after,.l0--placeholder10 .slick-arrow:after,.l0--placeholder11 .slick-arrow:after,.l0--placeholder3 .slick-arrow:after,.l0--placeholder5 .slick-arrow:after,.l0--placeholder6 .slick-arrow:after,.l2--placeholder5 .slick-arrow:after,.l2--placeholder6 .slick-arrow:after,.l2--top .slick-arrow:after,.l3--top .slick-arrow:after,.most--liked-slider .slick-arrow:after,.slider-counter:after,.slider_casino .slick-arrow:after,.tb--tournament-banner .slick-arrow:after {
    background: #00000080
}

.single--tournament-slider .slick-next,.single--tournament-slider .slick-prev {
    background-color: var(--background-color-1);
    border-radius: 4px;
    top: -36px
}

.single--tournament-slider .slick-next {
    right: 0
}

.single--tournament-slider .slick-prev {
    right: 44px
}

.casino-slider-container .top--winners-slider .slick-slider,.tb--tournament-banner .top--winners-slider .slick-slider {
    height: auto
}

@media screen and (min-width: 1024px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        bottom:auto;
        top: 370px
    }
}

@media screen and (min-width: 1024px) and (max-width:1400px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        top:294px
    }
}

@media screen and (max-width: 1023.9px) {
    .casino-slider-container .top-banner-section .slick-slider .slick-dots,.tb--tournament-banner .top-banner-section .slick-slider .slick-dots {
        bottom:16px;
        top: auto
    }
}

@media only screen and (min-width: 1024px) {
    .casino-slider-container .top-banner-section .main--slider-right .slick-dots,.tb--tournament-banner .top-banner-section .main--slider-right .slick-dots {
        bottom:auto;
        top: 426px
    }
}

@media screen and (min-width: 1024.9px) and (max-width:1400px) {
    .casino-slider-container .top-banner-section .main--slider-right .slick-dots,.tb--tournament-banner .top-banner-section .main--slider-right .slick-dots {
        top:360px
    }
}

.most--liked-slider .slick-next,.most--liked-slider .slick-prev {
    border-radius: 4px;
    top: -52px
}

.most--liked-slider .slick-slide img {
    border-radius: 12px 12px 0 0
}

.slick-next:hover,.slick-prev:hover {
    color: #0000;
    opacity: .8;
    outline: none
}

.casino-menu-items .slick-next:hover,.casino-menu-items .slick-prev:hover,.slick-next:hover:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,.slick-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    position: relative;
    z-index: 2
}

.slick-prev:before {
    content: "\ea0b";
    font-family: BuilderFont!important
}

.slick-next:before {
    content: "\ea08";
    font-family: BuilderFont!important
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots li {
    height: 20px;
    margin: 0 5px;
    width: 20px
}

.slick-dots li button {
    background: #0000;
    border: 0;
    color: #0000;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: none;
    padding: 5px;
    width: 20px
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots {
    bottom: 20px;
    display: flex!important;
    justify-content: space-between;
    left: 50%;
    list-style: none;
    margin: 0;
    max-width: calc(100% - 60px);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

.slick-dots::-webkit-scrollbar {
    display: none
}

.slick-dots button {
    width: 100%
}

.slick-dots li {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border: 1px solid #ccc3;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 8px 0 0;
    opacity: .6;
    padding: 0;
    position: relative;
    transition: all .3s ease;
    width: 21px
}

.slick-dots li.slick-active {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2);
    border: 1px solid #0000;
    min-width: 66px;
    opacity: 1
}

.slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "";
    display: block;
    font-family: slick;
    font-size: 6px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: .25;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 100%
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.tb--recent-game_cont .slick-arrow {
    top: -34px
}

.tb--recent-game_cont .slick-next,.tb--recent-game_cont .slick-prev {
    background-color: var(--background-color-3);
    background-image: var(--background-gradient-3);
    color: var(--text-color-2);
    height: 26px;
    width: 26px
}

.tb--recent-game_cont .slick-prev {
    right: 32px
}

.tb--recent-game_cont .slick-next {
    right: 0
}

.tb--recent-game_cont .slick-slider {
    box-shadow: none;
    max-height: 122px!important;
    overflow: visible;
    overflow: initial
}

.tb--recent-game_cont .slick-slide {
    pointer-events: auto!important
}

@media screen and (max-width: 1024px) {
    .slick-arrow {
        display:none!important
    }
}

.tb--modal-account .slick-dots {
    left: auto;
    right: 10px;
    transform: translateX(0)
}

.tb--modal-account .slick-dots li {
    background-color: #ffffff4d;
    border: 1px solid #0000;
    border-radius: 5px
}

.tb--modal-account .slick-dots li.slick-active {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-1);
    border: none
}

.tb--modal-account .slick-slide {
    padding: 0
}

.footer .slick-track {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.footer .slick-next,.footer .slick-prev {
    background-color: initial;
    opacity: 1;
    top: 0;
    z-index: 799
}

.footer .slick-prev {
    height: 64px;
    left: -30px
}

.footer .slick-prev.slick-disabled:after {
    content: none
}

.footer .slick-next {
    height: 64px;
    right: -32px
}

.footer .slick-next.slick-disabled:after {
    content: none
}

.footer .slick-next:hover {
    opacity: 1
}

.footer .slick-disabled {
    box-shadow: none
}

.footer .slick-next:before,.footer .slick-prev:before {
    font-size: 24px
}

.casino-menu-items_holder .slick-slider {
    position: static!important
}

.casino-menu-items_holder .slick-slide {
    pointer-events: auto!important
}

.casino-menu-items_holder .slick-disabled {
    display: none!important
}

.casino-menu-items_holder .slick-next,.casino-menu-items_holder .slick-prev {
    background-color: initial;
    height: 60%;
    top: 20%
}

.casino-menu-items_holder .slick-next:hover,.casino-menu-items_holder .slick-prev:hover {
    opacity: 1
}

.casino-menu-items_holder .slick-next:before,.casino-menu-items_holder .slick-prev:before {
    color: var(--text-color-3);
    opacity: 1;
    z-index: 30
}

.casino-menu-items_holder .slick-prev {
    left: 10px
}

.casino-menu-items_holder .slick-next {
    right: 0
}

.banners--long-list .banner-grid-item,.banners--long-list .banner-grid-item>div,.banners--long-list .banner-grid-list {
    height: 100%
}

.banners--long-list .banner-grid-item>div img {
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banners--long-list .banner-grid-item .tb--tournament-video.tb--video-banner iframe {
    border-radius: 8px
}

@media screen and (min-width: 1024.9px) {
    .banners--long-list .slick-list {
        margin:0 -4px
    }
}

.banners--long-list .slick-track {
    display: flex
}

.banners--long-list .slick-track .slick-slide {
    height: inherit!important
}

@media screen and (min-width: 1024.9px) {
    .banners--long-list .slick-track .slick-slide {
        padding:0 4px
    }
}

.banners--long-list .slick-track .slick-slide>div,.banners--long-list .slick-track .slick-slide>div>div,.banners--long-list .tb--tournament-video.tb--video-banner {
    height: 100%
}

.banners--long-list .tb--tournament-video.tb--video-banner .tb--banner-video_cover {
    left: 0
}

.banners--long-list .tb--tournament-video.tb--video-banner iframe {
    border-radius: 8px;
    height: 100%!important;
    top: 0;
    transform: none
}

.l2--top {
    overflow: hidden
}

.l2--top,.l2--top .main--slider-top {
    position: relative
}

.l2--top .main--slider-top .main--slider-counter,.l2--top .main--slider-top .slick-next,.l2--top .main--slider-top .slick-prev {
    top: 16px
}

.l2--top .main--slider-bottom {
    position: relative
}

.l2--top .main--slider-bottom .main--slider-counter,.l2--top .main--slider-bottom .slick-next,.l2--top .main--slider-bottom .slick-prev {
    bottom: 16px
}

.l2--top .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-right .slick-next {
        right:16px
    }
}

.l2--top .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-right .slick-prev {
        right:68px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-right .slick-prev {
        right:60px
    }
}

.l2--top .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-right .main--slider-counter {
        right:112px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-right .main--slider-counter {
        right:104px
    }
}

.l2--top .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-left .slick-next {
        left:68px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-left .slick-next {
        left:60px
    }
}

.l2--top .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-left .slick-prev {
        left:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-left .slick-prev {
        left:16px
    }
}

.l2--top .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l2--top .main--slider-left .main--slider-counter {
        left:112px
    }
}

@media only screen and (max-width: 1366px) {
    .l2--top .main--slider-left .main--slider-counter {
        left:104px
    }
}

.l2--top .slick-slider {
    min-height: 50px
}

.l2--top .slick-slider.slick-vertical .slick-slide {
    height: auto!important
}

.l2--top .slick-slider img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.l2--top .slick-slider .slick-dots {
    bottom: 16px
}

.l3--top {
    margin-bottom: 24px;
    min-height: 50px;
    position: relative;
    width: 100%
}

.l3--top:empty {
    display: none
}

@media only screen and (max-width: 1366px) {
    .l3--top {
        margin-bottom:16px
    }
}

.l3--top .main--slider-top {
    position: relative
}

.l3--top .main--slider-top .main--slider-counter,.l3--top .main--slider-top .slick-next,.l3--top .main--slider-top .slick-prev {
    top: 16px
}

.l3--top .main--slider-bottom {
    position: relative
}

.l3--top .main--slider-bottom .main--slider-counter,.l3--top .main--slider-bottom .slick-next,.l3--top .main--slider-bottom .slick-prev {
    bottom: 16px
}

.l3--top .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-right .slick-next {
        right:16px
    }
}

.l3--top .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-right .slick-prev {
        right:68px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-right .slick-prev {
        right:60px
    }
}

.l3--top .main--slider-right .main--slider-counter {
    right: calc(50% - 662px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-right .main--slider-counter {
        right:112px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-right .main--slider-counter {
        right:104px
    }
}

.l3--top .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-left .slick-next {
        left:68px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-left .slick-next {
        left:60px
    }
}

.l3--top .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-left .slick-prev {
        left:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-left .slick-prev {
        left:16px
    }
}

.l3--top .main--slider-left .main--slider-counter {
    left: calc(50% - 670px)
}

@media only screen and (max-width: 1600px) {
    .l3--top .main--slider-left .main--slider-counter {
        left:112px
    }
}

@media only screen and (max-width: 1366px) {
    .l3--top .main--slider-left .main--slider-counter {
        left:104px
    }
}

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

.l3--top .slick-slider {
    min-height: 50px
}

.l3--top .slick-slider .slick-slide {
    padding: 0
}

.l3--top .slick-slider.slick-vertical .slick-slide {
    height: auto!important
}

.l3--top .slick-slider .slick-list,.l3--top .slick-slider .slick-list div {
    height: 100%
}

.l3--top .slick-dots {
    bottom: 16px
}

.l5--banner {
    margin-top: 130px
}

.l5--banner .slick-slider {
    margin-top: -130px
}

@media screen and (max-width: 1024px) {
    .l5--banner .slick-slider .slick-dots {
        bottom:92px;
        flex-wrap: wrap;
        width: 100%
    }

    .l5--banner .slick-slider .slick-dots li {
        margin-top: 8px
    }
}

.l5--banner .slick-slide {
    padding: 0
}

.l5--banner .slick-next,.l5--banner .slick-prev {
    background-color: #00000080;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.051)
}

.l5--banner .slick-next:before,.l5--banner .slick-prev:before {
    color: var(--background-color-1);
    opacity: 1
}

.l5--banner .slick-next:hover,.l5--banner .slick-next:hover:after,.l5--banner .slick-prev:hover,.l5--banner .slick-prev:hover:after {
    opacity: 1
}

.l5--banner .main--slider-top {
    position: relative
}

.l5--banner .main--slider-top .main--slider-counter,.l5--banner .main--slider-top .slick-next,.l5--banner .main--slider-top .slick-prev {
    top: 18px
}

.l5--banner .main--slider-bottom {
    position: relative
}

.l5--banner .main--slider-bottom .main--slider-counter,.l5--banner .main--slider-bottom .slick-next,.l5--banner .main--slider-bottom .slick-prev {
    bottom: 104px;
    top: inherit
}

.l5--banner .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-left .slick-prev {
        left:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-left .slick-prev {
        left:16px
    }
}

.l5--banner .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-left .slick-next {
        left:64px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-left .slick-next {
        left:56px
    }
}

.l5--banner .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-left .main--slider-counter {
        left:104px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-left .main--slider-counter {
        left:96px
    }
}

.l5--banner .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-right .slick-next {
        right:16px
    }
}

.l5--banner .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-right .slick-prev {
        right:64px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-right .slick-prev {
        right:56px
    }
}

.l5--banner .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l5--banner .main--slider-right .main--slider-counter {
        right:104px
    }
}

@media only screen and (max-width: 1366px) {
    .l5--banner .main--slider-right .main--slider-counter {
        right:96px
    }
}

.l5--banner .slick-dots,.l5--main .slider_casino .slick-dots,.l5--main .tb--tournament-banner .slick-dots {
    bottom: 108px;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .l5--banner .slick-dots,.l5--main .slider_casino .slick-dots,.l5--main .tb--tournament-banner .slick-dots {
        bottom:60px
    }
}

.l5--banner .slick-dots li,.l5--main .slider_casino .slick-dots li,.l5--main .tb--tournament-banner .slick-dots li {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border: 1px solid #ffffff0f;
    border-radius: 15px
}

.l5--banner .slick-dots li.slick-active,.l5--main .slider_casino .slick-dots li.slick-active,.l5--main .tb--tournament-banner .slick-dots li.slick-active {
    background: var(--brand-color-2);
    padding: 1px 15px
}

@media screen and (min-width: 1024.9px) {
    .show-sidebar_block .l5--main .livecasino-slider-container {
        width:calc(100% - 60px)
    }
}

.l5--banner+.l5--top-layer>.l5--wrapper-slider {
    top: 80px
}

.l5--banner+.l5--top-layer>.l5--egt-container+.l5--wrapper-slider,.l5--banner+.l5--top-layer>.l5--wrapper-container+.l5--wrapper-slider {
    top: 0
}

.l5--banner+.l5--top-layer>.l5--egt-container+.l5--wrapper-slider+.l5-wrapper-iframe,.l5--banner+.l5--top-layer>.l5--wrapper-container+.l5--wrapper-slider+.l5-wrapper-iframe {
    margin-top: 12px
}

.l5--banner+.l5--top-layer>.l5--wrapper-slider+.l5-wrapper-iframe {
    margin-top: 120px
}

.l5--banner .slick-next:hover,.l5--banner .slick-prev:hover {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2)
}

.l5--banner:empty {
    display: none
}

.l5--banner:empty+.l5--top-layer {
    margin-top: 0
}

.l5--banner:empty+.l5--top-layer:after {
    display: none
}

.l7--banner {
    margin-top: 162px
}

@media screen and (max-width: 1024px) {
    .l7--banner {
        margin-top:154px
    }
}

.l7--banner .slick-slider {
    margin-top: -130px
}

@media screen and (max-width: 1024px) {
    .l7--banner .slick-slider .slick-dots {
        bottom:-13px;
        flex-wrap: wrap;
        width: 100%
    }

    .l7--banner .slick-slider .slick-dots li {
        margin-top: 8px
    }
}

.l7--banner .slick-slide {
    padding: 0
}

.l7--banner .slick-slide img {
    border-radius: 24px
}

@media screen and (max-width: 1024px) {
    .l7--banner .slick-slide img {
        border-radius:24px
    }
}

.l7--banner .slick-next,.l7--banner .slick-prev {
    background-color: #00000080;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0,0,0,.051)
}

.l7--banner .slick-next:before,.l7--banner .slick-prev:before {
    color: var(--background-color-1);
    opacity: 1
}

.l7--banner .slick-next:hover,.l7--banner .slick-next:hover:after,.l7--banner .slick-prev:hover,.l7--banner .slick-prev:hover:after {
    opacity: 1
}

.l7--banner .main--slider-top {
    padding: 0 32px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .l7--banner .main--slider-top {
        padding:0 18px
    }
}

.l7--banner .main--slider-top .main--slider-counter,.l7--banner .main--slider-top .slick-next,.l7--banner .main--slider-top .slick-prev {
    top: 18px
}

.l7--banner .main--slider-bottom {
    padding: 0 32px;
    position: relative
}

@media screen and (max-width: 1024px) {
    .l7--banner .main--slider-bottom {
        padding:0 18px
    }
}

.l7--banner .main--slider-bottom .main--slider-counter,.l7--banner .main--slider-bottom .slick-next,.l7--banner .main--slider-bottom .slick-prev {
    bottom: 104px;
    top: inherit
}

.l7--banner .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-left .slick-prev {
        left:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-left .slick-prev {
        left:16px
    }
}

.l7--banner .main--slider-left .slick-next {
    left: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-left .slick-next {
        left:64px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-left .slick-next {
        left:56px
    }
}

.l7--banner .main--slider-left .main--slider-counter {
    left: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-left .main--slider-counter {
        left:104px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-left .main--slider-counter {
        left:96px
    }
}

.l7--banner .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-right .slick-next {
        right:16px
    }
}

.l7--banner .main--slider-right .slick-prev {
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-right .slick-prev {
        right:64px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-right .slick-prev {
        right:56px
    }
}

.l7--banner .main--slider-right .main--slider-counter {
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .l7--banner .main--slider-right .main--slider-counter {
        right:104px
    }
}

@media only screen and (max-width: 1366px) {
    .l7--banner .main--slider-right .main--slider-counter {
        right:96px
    }
}

.l7--banner .slick-dots,.l7--main .slider_casino .slick-dots,.l7--main .tb--tournament-banner .slick-dots {
    bottom: 36px;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .l7--banner .slick-dots,.l7--main .slider_casino .slick-dots,.l7--main .tb--tournament-banner .slick-dots {
        bottom:-13px
    }
}

.l7--banner .slick-dots li,.l7--main .slider_casino .slick-dots li,.l7--main .tb--tournament-banner .slick-dots li {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border: 1px solid #ffffff0f;
    border-radius: 15px
}

.l7--banner .slick-dots li.slick-active,.l7--main .slider_casino .slick-dots li.slick-active,.l7--main .tb--tournament-banner .slick-dots li.slick-active {
    background: var(--brand-color-2);
    padding: 1px 15px
}

@media screen and (min-width: 1024px) {
    .show-sidebar_block .l5--main .livecasino-slider-container {
        width:calc(100% - 60px)
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-next {
    right: calc(50% - 790px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-next {
        right:24px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-next {
        right:14px
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-prev {
    right: calc(50% - 745px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-prev {
        right:69px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .slick-prev {
        right:59px
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .main--slider-counter {
    right: calc(50% - 700px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .main--slider-counter {
        right:114px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-right .main--slider-counter {
        right:104px
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-next {
    left: calc(50% - 690px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-next {
        left:123px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-next {
        left:110px
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-prev {
    left: calc(50% - 730px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-prev {
        left:83px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .slick-prev {
        left:70px
    }
}

.show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .main--slider-counter {
    left: calc(50% - 645px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:163px
    }
}

@media only screen and (max-width: 1366px) {
    .show-sidebar_block .l5--main .tb--tournament-banner .main--slider-left .main--slider-counter {
        left:150px
    }
}

.show-sidebar_block .l5--main .single--tournament-body .tb--total-prize .tb--single-tournament-text {
    color: var(--text-color-4);
    opacity: .7
}

.show-sidebar_block .l5--main .tb--tournament-duration {
    color: var(--text-color-4)
}

.show-sidebar_block .l5--main .slider_casino .main--slider-right .slick-next {
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-right .slick-next {
        right:24px
    }
}

.show-sidebar_block .l5--main .slider_casino .main--slider-right .slick-prev {
    right: calc(50% - 720px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-right .slick-prev {
        right:64px
    }
}

.show-sidebar_block .l5--main .slider_casino .main--slider-right .main--slider-counter {
    right: calc(50% - 680px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-right .main--slider-counter {
        right:104px
    }
}

.show-sidebar_block .l5--main .slider_casino .main--slider-left .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-left .slick-prev {
        left:24px
    }
}

.show-sidebar_block .l5--main .slider_casino .main--slider-left .slick-next {
    left: calc(50% - 720px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-left .slick-next {
        left:65px
    }
}

.show-sidebar_block .l5--main .slider_casino .main--slider-left .main--slider-counter {
    left: calc(50% - 680px)
}

@media only screen and (max-width: 1600px) {
    .show-sidebar_block .l5--main .slider_casino .main--slider-left .main--slider-counter {
        left:106px
    }
}

.l7--banner+.l7--top-layer>.l7--wrapper-slider {
    top: 80px
}

.l7--banner+.l7--top-layer>.l7--egt-container+.l7--wrapper-slider,.l7--banner+.l7--top-layer>.l7--wrapper-container+.l7--wrapper-slider {
    top: 0
}

.l7--banner+.l7--top-layer>.l7--egt-container+.l7--wrapper-slider+.l7-wrapper-iframe,.l7--banner+.l7--top-layer>.l7--wrapper-container+.l7--wrapper-slider+.l7-wrapper-iframe {
    margin-top: 12px
}

.l7--banner+.l7--top-layer>.l7--wrapper-slider+.l7-wrapper-iframe {
    margin-top: 120px
}

.l7--banner .slick-next:hover,.l7--banner .slick-prev:hover {
    background-color: var(--brand-color-2);
    background-image: var(--brand-gradient-2)
}

.l7--banner:empty {
    display: none
}

.l7--banner:empty+.l7--top-layer {
    margin-top: 0
}

.l7--banner:empty+.l7--top-layer:after {
    display: none
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-next {
    left: calc(50% - 716px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        left:calc(2% + 44px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-next {
        left:calc(1% + 44px);
        right: auto
    }
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
    left: calc(50% - 760px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        left:2%;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .slick-prev {
        left:1%;
        right: auto
    }
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
    left: calc(50% - 672px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        left:calc(2% + 88px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-right .main--slider-counter {
        left:calc(1% + 88px);
        right: auto
    }
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-next {
    left: auto;
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:auto;
        right: 2%
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-next {
        left:auto;
        right: 1%
    }
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
    left: auto;
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:auto;
        right: calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .slick-prev {
        left:auto;
        right: calc(1% + 44px)
    }
}

.tb--rtl .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
    left: auto;
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l0--placeholder1-slider_1 .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(1% + 88px)
    }
}

.tb--rtl .l2--top .main--slider-right .slick-next {
    left: calc(50% - 716px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-right .slick-next {
        left:68px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-right .slick-next {
        left:60px;
        right: auto
    }
}

.tb--rtl .l2--top .main--slider-right .slick-prev {
    left: calc(50% - 760px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-right .slick-prev {
        left:24px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-right .slick-prev {
        left:16px;
        right: auto
    }
}

.tb--rtl .l2--top .main--slider-right .main--slider-counter {
    left: calc(50% - 672px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-right .main--slider-counter {
        left:112px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-right .main--slider-counter {
        left:104px;
        right: auto
    }
}

.tb--rtl .l2--top .main--slider-left .slick-next {
    left: auto;
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-left .slick-next {
        left:auto;
        right: 24px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-left .slick-next {
        left:auto;
        right: 16px
    }
}

.tb--rtl .l2--top .main--slider-left .slick-prev {
    left: auto;
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-left .slick-prev {
        left:auto;
        right: 68px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-left .slick-prev {
        left:auto;
        right: 60px
    }
}

.tb--rtl .l2--top .main--slider-left .main--slider-counter {
    left: auto;
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l2--top .main--slider-left .main--slider-counter {
        left:auto;
        right: 112px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l2--top .main--slider-left .main--slider-counter {
        left:auto;
        right: 104px
    }
}

.tb--rtl .l3--top .main--slider-right .slick-next {
    left: calc(50% - 716px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-right .slick-next {
        left:70px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-right .slick-next {
        left:60px;
        right: auto
    }
}

.tb--rtl .l3--top .main--slider-right .slick-prev {
    left: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-right .slick-prev {
        left:24px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-right .slick-prev {
        left:16px;
        right: auto
    }
}

.tb--rtl .l3--top .main--slider-right .main--slider-counter {
    left: calc(50% - 670px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-right .main--slider-counter {
        left:114px;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-right .main--slider-counter {
        left:104px;
        right: auto
    }
}

.tb--rtl .l3--top .main--slider-left .slick-next {
    left: auto!important;
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-left .slick-next {
        left:auto;
        right: 24px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-left .slick-next {
        left:auto;
        right: 16px
    }
}

.tb--rtl .l3--top .main--slider-left .slick-prev {
    left: auto;
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-left .slick-prev {
        left:auto;
        right: 68px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-left .slick-prev {
        left:auto;
        right: 60px
    }
}

.tb--rtl .l3--top .main--slider-left .main--slider-counter {
    left: auto;
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l3--top .main--slider-left .main--slider-counter {
        left:auto;
        right: 112px
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l3--top .main--slider-left .main--slider-counter {
        left:auto;
        right: 104px
    }
}

.tb--rtl .l5--banner .main--slider-right .slick-next {
    left: calc(50% - 716px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-right .slick-next {
        left:calc(2% + 44px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-right .slick-next {
        left:calc(1% + 44px);
        right: auto
    }
}

.tb--rtl .l5--banner .main--slider-right .slick-prev {
    left: calc(50% - 760px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-right .slick-prev {
        left:2%;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-right .slick-prev {
        left:1%;
        right: auto
    }
}

.tb--rtl .l5--banner .main--slider-right .main--slider-counter {
    left: calc(50% - 672px);
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-right .main--slider-counter {
        left:calc(2% + 88px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-right .main--slider-counter {
        left:calc(1% + 88px);
        right: auto
    }
}

.tb--rtl .l5--banner .main--slider-left .slick-next {
    left: auto!important;
    right: calc(50% - 760px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-left .slick-next {
        left:auto;
        right: 2%
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-left .slick-next {
        left:auto;
        right: 1%
    }
}

.tb--rtl .l5--banner .main--slider-left .slick-prev {
    left: auto;
    right: calc(50% - 716px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-left .slick-prev {
        left:auto;
        right: calc(2% + 44px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-left .slick-prev {
        left:auto;
        right: calc(1% + 44px)
    }
}

.tb--rtl .l5--banner .main--slider-left .main--slider-counter {
    left: auto;
    right: calc(50% - 672px)
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(2% + 88px)
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .main--slider-left .main--slider-counter {
        left:auto;
        right: calc(1% + 88px)
    }
}

.tb--rtl .l5--banner .slider_casino .main--slider-right .slick-prev {
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .slick-prev {
        left:6%;
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .slick-prev {
        left:16px;
        right: auto
    }
}

.tb--rtl .l5--banner .slider_casino .main--slider-right .slick-next {
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .slick-next {
        left:calc(6% + 43px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .slick-next {
        left:60px;
        right: auto
    }
}

.tb--rtl .l5--banner .slider_casino .main--slider-right .main--slider-counter {
    right: auto
}

@media only screen and (max-width: 1600px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .main--slider-counter {
        left:calc(6% + 85px);
        right: auto
    }
}

@media only screen and (max-width: 1366px) {
    .tb--rtl .l5--banner .slider_casino .main--slider-right .main--slider-counter {
        left:calc(6% + 85px);
        right: auto
    }
}

.tl_games_slider_page {
    display: flex!important
}

.tl_games_slider_page_banner,.tl_games_slider_page_rest .tl_games_slider_game {
    padding: 4px
}

.tl_games_slider_page_banner {
    padding: 12px;
    width: 33.3333%
}

.tl_games_slider_page_banner .tl_games_slider_game {
    display: block;
    height: 100%
}

.tl_games_slider_page_banner .tl_games_slider_game>div {
    background-color: #333;
    border-radius: 8px;
    height: 100%;
    overflow: auto;
    padding-top: 0;
    position: relative
}

.tl_games_slider_page_rest .tl_games_slider_game {
    padding: 12px;
    width: 25%
}

.tl_games_slider_game img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tl_games_slider_game>div {
    border-radius: 8px;
    overflow: auto;
    padding-top: 67.2473%;
    position: relative
}

.tl_games_slider_page_rest {
    display: flex;
    flex-wrap: wrap;
    width: 66.6666%
}

@media screen and (min-width: 1024px) {
    .tb--advanced-banner .tb--section-header {
        padding-bottom:8px
    }
}

.tb--advanced-banner .slick-slider {
    margin: 0 -12px
}

.tb--advanced-banner .slick-slide {
    padding: 0
}

@media screen and (max-width: 1023.9px) {
    .tb--advanced-banner .slick-slide div div {
        padding:4px
    }
}

.tb--advanced-banner .slick-arrow {
    background-color: initial;
    border-radius: 50%;
    z-index: 2
}

.tb--advanced-banner .slick-arrow:after {
    background: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.tb--advanced-banner .slick-arrow:before {
    color: var(--brand-color-2)
}

.tb--advanced-banner .slick-arrow:hover {
    opacity: 1
}

.tb--advanced-banner .slick-arrow:hover:after {
    background: -webkit-linear-gradient(#967ffd,#fa7efa);
    opacity: 1
}

.tb--advanced-banner .slick-arrow:hover:before {
    color: var(--background-color-1)
}

.tb--advanced-banner .slick-next,.tb--advanced-banner .slick-prev {
    box-shadow: 0 0 5px rgba(0,0,0,.051);
    height: 32px;
    top: -36px;
    width: 32px
}

.tb--advanced-banner .slick-prev {
    right: 60px
}

.tb--advanced-banner .slick-next {
    right: 16px
}

.tb--temporary-banner .tb--section-header {
    border-bottom: 0;
    color: var(--text-color-2);
    display: inline-block;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    margin-bottom: 8px;
    padding: 0 16px
}

.tb--temporary-banner .tb--section-header.tb--section-header_icon {
    display: inline-flex
}

.tb--temporary-banner .tb--section-header:before {
    background-color: var(--background-color-1);
    background-image: var(--background-gradient-1);
    border-radius: 12px;
    content: "";
    height: 100%;
    opacity: .9;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.react-select__menu {
    background-color: #f2f2f2;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    box-shadow: 0 2px 4px #16161680;
    margin-bottom: 0!important;
    margin-top: 0!important;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    overflow: hidden;
    width: 100%;
    z-index: 100
}

.react-select__menu .react-select__option {
    align-items: center;
    background-color: #f2f2f2;
    color: #1a1a1a;
    display: flex;
    gap: 6px;
    line-height: 21px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.react-select__menu .react-select__option.react-select__option--is-selected,.react-select__menu .react-select__option:hover {
    background-color: var(--white-color)
}

#modal-root .custom-select-top .react-select__menu {
    transform: translateY(-2px)
}

#modal-root .custom-select-bottom .react-select__menu {
    transform: translateY(2px)
}

.tb--br-bottom .rdtPicker,.tb--br-bottom .react-select__menu {
    border-radius: 12px
}

.tb--error-cont .react-select__control,.tb--error-cont .react-select__control:hover {
    background-color: rgba(240,40,73,.078)!important;
    border: 1px solid var(--error-color)!important
}

.custom-select.tb--error-border {
    background-color: initial!important
}

.react-select__placeholder {
    color: #999!important;
    opacity: .6
}

.react-select__control {
    border: 1px solid #ccc;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left)!important;
    box-shadow: none!important;
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    min-height: 42px!important;
    width: 100%
}

@media screen and (max-width: 1023.9px) {
    .react-select__control {
        height:44px
    }
}

.react-select__control .react-select__input {
    color: #161111
}

@media screen and (max-width: 1023.9px) {
    .react-select__control .react-select__input input {
        font-size:16px!important
    }
}

.react-select__control div {
    height: 100%;
    line-height: inherit;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.react-select__value-container {
    background-color: var(--custom-sel-bg);
    color: #1a1a1a;
    height: 36px;
    padding: 0 15px!important
}

.react-select__control--is-focused,.react-select__control--is-focused:hover {
    border-color: var(--brand-color-1)!important
}

.react-select__control--is-focused i {
    color: var(--brand-color-1)!important
}

.tb--error-border .react-select__control--is-focused:hover,.tb--error-border .react-select__control:hover {
    border-color: var(--error-color)!important
}

.react-select__single-value {
    color: #999!important;
    line-height: 20px
}

.tb--request-body .tb--datetime-pick .tb--pay-inner-input .react-select__single-value {
    width: 86%
}

.react-select__menu-list {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll!important;
    padding-bottom: 0!important;
    padding-top: 0!important
}

div[data-reach-popover] {
    z-index: 100000000
}

@media screen and (max-width: 500px) {
    div[data-reach-popover] {
        left:32px!important;
        right: 32px!important
    }
}

@media screen and (max-width: 600px) {
    div[data-reach-popover] {
        right:32px
    }

    div[data-reach-popover] .rdtPicker {
        width: 100%
    }
}

.rdtPicker {
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left)
}

.rdtPicker thead td,.rdtPicker thead th {
    line-height: 28px
}

@media screen and (max-width: 1023.9px) {
    .rdtPicker thead td,.rdtPicker thead th {
        line-height:28px
    }
}

.rdtPicker .rdtMonths tbody td,.rdtPicker .rdtMonths tbody th,.rdtPicker .rdtYears tbody td,.rdtPicker .rdtYears tbody th {
    line-height: 50px
}

.rdtDays * {
    vertical-align: middle
}

.custom-select {
    font-size: 14px
}

.custom-select.custom-select--nocaret {
    caret-color: #0000
}

@media screen and (max-width: 1023.9px) {
    .custom-select {
        font-size:16px
    }
}

.custom-select--error-cont .tb--error-mes {
    z-index: 10
}

.tb--captch-container {
    margin: 0 auto;
    width: 255px
}

.upload-btn-wrapper .tb--error-mes {
    top: 30px
}

.g-recaptcha {
    position: relative
}

.g-recaptcha .tb--error-mes {
    top: 74px;
    width: 257px
}

.g-recaptcha>div>div {
    transform: scale(.84);
    -webkit-transform: scale(.84)
}

.tb--error-cont .g-recaptcha>div>div,.tb--error-cont .tb-custom-datepicker {
    border: 1px solid red!important
}

.tb--error-cont .tb-custom-datepicker {
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left)
}

#golden-race-mobile-app>iframe {
    height: 100vh!important;
    width: 100%!important
}

.tb--modal-lvl3.tb--rel>.tb--preloader-container:before {
    background: none
}

.editable .react-grid-layout .react-resizable .react-resizable-handle {
    background-position: bottom 20px right 20px;
    bottom: -20px;
    height: 40px;
    right: -20px;
    width: 40px;
    z-index: 100
}

.editable .react-grid-layout .react-resizable .react-resizable-handle:after {
    bottom: 23px;
    right: 23px
}

[data-rsbs-backdrop],[data-rsbs-overlay],[data-rsbs-root]:after {
    z-index: 800!important
}

.tb--categories-list_wrapper [data-rsbs-header] {
    background: var(--background-color-1)
}

.tb--categories-list_wrapper [data-rsbs-header]:before {
    background: var(--text-color-4);
    opacity: .2;
    width: 48px
}

.tb--categories-list_wrapper [data-rsbs-scroll] ::-webkit-scrollbar,.tb--categories-list_wrapper [data-rsbs-scroll]::-webkit-scrollbar {
    width: 5px
}

.tb--categories-list_wrapper [data-rsbs-scroll] ::-webkit-scrollbar-thumb,.tb--categories-list_wrapper [data-rsbs-scroll]::-webkit-scrollbar-thumb {
    background-color: var(--background-color-5);
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #00000080;
    opacity: .3
}

.tb--timepicker .react-select__value-container {
    padding: 0 12px!important
}

@media screen and (max-width: 600px) {
    .tb--timepicker .react-select__value-container {
        padding:0 15px!important
    }
}

.tb--bottom-sheet__popup .react-select__value-container,.tb--bottom-sheet__popup .tb--input,.tb--bottom-sheet__popup .tb--input-fix {
    padding: 0 28px 0 12px!important
}

.tb--bottom-sheet__popup .tb--custom-sel.digi_icon-arrow_down {
    transform: translate(-8px,-50%)
}

.tb--bottom-sheet__popup .tb--calendar-icon {
    right: 8px
}

.tb--bonus-type-select {
    align-content: center
}

.tb--bonus-type-select .rmsc {
    margin-bottom: 12px
}

.tb--bonus-type-select .rmsc .dropdown-container {
    align-content: center;
    background-color: var(--modal-bg-color-1);
    border-color: #0000!important;
    height: 42px!important
}

.tb--bonus-type-select .rmsc .dropdown-container:focus-within {
    box-shadow: none!important
}

.tb--bonus-type-select .rmsc .dropdown-container:hover {
    background-color: var(--modal-bg-color-1)
}

.tb--bonus-type-select .rmsc .dropdown-container[aria-expanded=true] {
    border: 1px solid var(--brand-color-1)!important
}

.tb--bonus-type-select .rmsc .dropdown-container[aria-expanded=true] .digi_icon-arrow_down {
    color: var(--brand-color-1)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-heading .dropdown-heading-value {
    font-size: 14px;
    padding-right: 12px
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-heading .digi_icon-arrow_down {
    color: inherit
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content {
    height: auto;
    margin-top: 2px;
    padding-top: 0;
    z-index: 3
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content:hover {
    background-color: var(--modal-bg-color-3)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content {
    background-color: var(--modal-bg-color-2)!important;
    border-radius: var(--input-radius-top-left) var(--input-radius-top-right) var(--input-radius-bottom-right) var(--input-radius-bottom-left);
    color: #1a1a1a!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content:hover {
    background-color: var(--modal-bg-color-3)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content .select-panel:hover {
    background-color: var(--modal-bg-color-1)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content .select-panel .options {
    color: var(--modal-text-color-2)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content .select-panel .options li label {
    background-color: var(--modal-bg-color-2)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content .select-panel .options li label:hover {
    background-color: var(--modal-bg-color-1)!important
}

.tb--bonus-type-select .rmsc .dropdown-container .dropdown-content .panel-content .select-panel .options li label .item-renderer {
    align-items: center;
    display: flex
}

.tb--bonus-type-select .rmsc .gray {
    color: inherit
}

.tb--pay-inner-input .tb--ellipsis.tb--d-block input {
    position: absolute
}

.tb--alert {
    background: var(--background-color-2);
    border-radius: 16px;
    box-shadow: 0 0 7px 0 #00000040;
    color: var(--text-color-4);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    opacity: 1;
    padding: 16px;
    position: fixed;
    transition: opacity .3s ease-in-out;
    z-index: 9998
}

.tb--alert.tb--alert--small {
    width: 330px
}

.tb--alert.tb--alert--medium {
    width: 550px
}

@media screen and (max-width: 768px) {
    .tb--alert {
        left:50%;
        transform: translateX(-50%)
    }

    .tb--alert.tb--alert--medium,.tb--alert.tb--alert--small {
        max-width: calc(100% - 36px)
    }
}

.tb--alert.tb--alert--center {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.tb--alert.tb--alert--top-right {
    right: 24px;
    top: 24px
}

.tb--alert.tb--alert--top-left {
    left: 24px;
    top: 24px
}

.tb--alert.tb--alert--top-center {
    left: 50%;
    top: 24px;
    transform: translateX(-50%)
}

.tb--alert.tb--alert--bottom-left {
    bottom: 24px;
    left: 24px
}

.tb--alert.tb--alert--bottom-center {
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%)
}

.tb--alert.tb--alert--bottom-right {
    bottom: 24px;
    right: 24px
}

.tb--alert-info {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tb--alert-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: -4px
}

.tb--alert-date {
    font-size: 12px;
    font-weight: 400;
    opacity: 50%;
    position: absolute;
    right: 48px
}

.tb--alert-content {
    font-size: 12px;
    opacity: 70%
}

.tb--alert-message {
    font-size: 14px;
    opacity: 80%
}

.tb--alert-message .my-spins__link {
    color: var(--brand-color-2);
    cursor: pointer;
    text-decoration: underline
}

.tb--alert-description {
    overflow: hidden;
    position: relative
}

.tb--alert-message-btn {
    color: var(--brand-color-2);
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    padding: 0;
    text-decoration: underline;
    text-transform: capitalize;
    white-space: nowrap
}

.tb--alert-message-btn.show-more_btn {
    background-color: var(--background-color-2);
    bottom: 2px;
    padding: 0 8px 0 30px;
    position: absolute;
    right: 0
}

.tb--alert-message-btn.show-more_btn:before {
    color: var(--text-color-4);
    content: "...";
    left: 4px;
    opacity: .8;
    position: absolute
}

.tb--alert-message-btn.show-less_btn {
    margin-top: 8px
}

.tb--alert-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    opacity: 80%
}

.tb--alert-close i {
    font-size: 18px
}

.tb--alert-close i:before {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.tb--alert .tb--alert-icon {
    align-items: center;
    background-color: var(--background-color-4);
    border-radius: 10px;
    color: var(--brand-color-2);
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    justify-content: center;
    padding: 6px;
    width: 40px
}

.tb--alert .tb--alert-icon i {
    font-size: 18px;
    height: 20px;
    width: 20px
}

.tb--alert .tb--alert-icon svg path {
    fill: var(--brand-color-2)
}

.tb--alert.tb--alert-session-shifted.tb--alert--bottom {
    bottom: 90px
}

.tb--alert.new-alert-placement {
    bottom: 85px
}

@keyframes bell-animation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0)
    }
}

.tb--rtl .tb--alert-message-btn {
    left: 0;
    right: auto
}

.tb--rtl .tb--alert-message-btn.show-more_btn {
    padding: 0 30px 0 8px
}

.tb--rtl .tb--alert-message-btn.show-more_btn:before {
    left: auto;
    right: 4px
}

#modal-root .tb--paym-limits span:last-child, .tb--payments-page .tb--paym-limits span:last-child {
    color: #ffffff;
}

/* Hamburger Css */
.hamburger_menu_mobil,.mobilUserİconList,
.m_info_list2, .mobil_message_inbox,
.m_payment_list, .balance_mobil_info,
.m_user_list, .cashback20_talep, .m_pay_history, .mobil_lobby_filters,.m_promotion_modal,
.m_telephone_veryfication,.modal-root-register, .dokumentuploadss{
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}


.tb--modal-lvl1{
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8888;
}


.tb--inner-item {
    overflow: auto;
    padding: 0 25px;
    border-top: 1px solid #343434;
    content: "";
}


#modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
    background: rgb(from #343434 r g b / .6);
}
#modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
    border-radius: 12px;
    margin-bottom: 8px;
}



.modal-overlay-new {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;

}

.modal-content-new {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1a1a1a;
    border-radius: 16px 16px 0 0;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
}
.modal-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #333;
}

.game-title-new {
    color: #ffffff;
    margin: 0;
    font-size: 18px;
}

.close-button-new {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 24px;
    cursor: pointer;
    padding: 0 8px;
}

.modal-body-new {
    padding: 16px;
}

.game-image-new {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 16px;
}

.action-buttons-new {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}


.modal-overlay-new.show {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}
.modal-overlay-new.show .modal-content-new {
    transform: translateY(0);
}

.modal-overlay-new.hiding-new {
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 768px) {
    .modal-overlay-new {
        display: none !important;
    }
}



#modal-root .payment-table-container .tb--pay-item-cont, .tb--payments-page .payment-table-container .tb--pay-item-cont {
    border-radius: 12px;
    margin-bottom: 8px;
}

.tb--pay-item-cont {
padding: 0px 15px;
    margin: 5px auto;
    border-radius: 20px 20px 20px 20px;
  background: #192837;

}

.tb--pay-item-cont:hover{
    /*background: #2c2d3a;*/
}