:root {
    --bg-level-1: #212121;
    --bg-level-2: #424242;
    --bg-level-3: #616161;
    --bg-level-4: #757575;
    --bg-level-5: #4D4D4D;
    --text-level-high: #FFFFFF;
    --text-level-medium: #BDBDBD;
    --text-level-low: #9E9E9E;
    --icon-level-high: #FFFFFF;
    --icon-level-medium: #E8E8E8;
    --icon-level-low: #9E9E9E;
    --btn-primary: #26A69A;
    --btn-primary-text: #ffffff;
    --btn-secondary: #BDBDBD;
    --btn-secondary-text: #000000;
    --badge-notification: #FF5252;
    --badge-bonus: #F88543;
    --cwPrimary: #F88543;
    --text-on-primary: #fff;
    --general-border: #5C5C5C;
    --cwHeaderHeight: 64px;
    --text-message-success: #26A69A;
    --toast-zIndex: 99999999;
    --cwHeader-zIndex: 100;
    --badge_height: 20px;
    --badge_fsz: 12px;
    --badge_brd: 0;
    --cwStatusDefaultBg: #51A49A;
    --cwStatusDefaultIcon: #FFFFFF;
    --cwStatusDefaultTxt: #FFFFFF;
    --cwStatusExclusiveBg: #5FC3D7;
    --cwStatusExclusiveIcon: #FFFFFF;
    --cwStatusExclusiveTxt: #FFFFFF;
    --cwStatusNewBg: #e86b00;
    --cwStatusNewIcon: #FFFFFF;
    --cwStatusNewTxt: #FFFFFF;
    --cwStatusJackpotBg: #4796EC;
    --cwStatusJackpotIcon: #FFFFFF;
    --cwStatusJackpotTxt: #FFFFFF;
    --cwStatusSoonBg: #4B9263;
    --cwStatusSoonIcon: #FFFFFF;
    --cwStatusSoonTxt: #FFFFFF;
    --cwStatusTopBg: #5082FF;
    --cwStatusTopIcon: #FFFFFF;
    --cwStatusTopTxt: #FFFFFF;
    --cwStatusHotBg: #FF0000;
    --cwStatusHotIcon: #FFFFFF;
    --cwStatusHotTxt: #FFFFFF;
    --cwStatusPremiumBg: #775BBC;
    --cwStatusPremiumIcon: #FFFFFF;
    --cwStatusPremiumTxt: #FFFFFF;
    --cwStatusPopularBg: #7BB872;
    --cwStatusPopularIcon: #FFFFFF;
    --cwStatusPopularTxt: #FFFFFF;
    --cwStatusUpcomingBg: #f5af04;
    --cwStatusUpcomingIcon: #FFFFFF;
    --cwStatusUpcomingTxt: #FFFFFF;
    --cwStatusMaintenenceBg: #043af5;
    --cwStatusMaintenenceIcon: #FFFFFF;
    --cwStatusMaintenenceTxt: #FFFFFF;
    --cwStatusAnimationCount: 1;
    --cwRealityCheck-zIndex: 999999991;
    --cwRealityCheckOverlay-zIndex: 999999990
}

html[data-theme=light] {
    --bg-level-1: #E8E8E8;
    --bg-level-2: #F2F2F2;
    --bg-level-3: #FBFBFB;
    --bg-level-4: #FFFFFF;
    --bg-level-5: #FFFFFF;
    --text-level-high: #212121;
    --text-level-medium: #616161;
    --text-level-low: #9E9E9E;
    --icon-level-high: #424242;
    --icon-level-medium: #757575;
    --icon-level-low: #9E9E9E;
    --general-border: #DBDBDB
}

.m-0 {
    margin: 0!important
}

.mwAuto {
    min-width: auto!important
}

* {
    box-sizing: border-box
}

*:focus {
    outline: none
}

b,strong,.bold {
    font-weight: 700
}

em {
    font-style: italic
}

.ofh {
    overflow: hidden
}

.mobBlock {
    display: block!important
}

.spacer {
    margin: 10px 0
}

.symbol {
    font-family: iconsdinamicmenu;
    font-weight: 400;
    font-style: normal;
    font-size: 26px
}

.d-inline-block {
    display: inline-block
}

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

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

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

.spcbtw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly!important;
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important;
    flex-basis: 0
}

.flex_center_between {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.br_circle {
    border-radius: 50%!important
}

.ui-icon-loading {
    background-size: 2.875em 2.875em
}

.ui-loading .ui-loader {
    display: flex
}

.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0
}

.ui-loader-default {
    background: 0 0;
    opacity: .18;
    width: 2.875em;
    height: 2.875em;
    margin-left: -1.4375em;
    margin-top: -1.4375em
}

.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.ui-loader .ui-icon-loading {
    background-color: #000;
    display: block;
    margin: 0;
    width: 2.75em;
    height: 2.75em;
    padding: .0625em;
    -webkit-border-radius: 2.25em;
    border-radius: 2.25em
}

.ui-loader-textonly {
    padding: .9375em;
    margin-left: -7.1875em
}

.ui-loader-textonly .ui-icon-loading {
    display: none
}

.f-size-30 {
    font-size: 30px
}

.mt-auto {
    margin-top: auto
}

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

.p-0 {
    padding: 0
}

.px-1 {
    padding: 0 4px
}

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

.regErMes21 {
    color: #ffb602;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px
}

.regErMes18 {
    color: red;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.menuBtn {
    width: 100%;
    height: 40px;
    background-color: #333;
    color: #fff!important;
    margin-bottom: 8px;
    padding: 0 8px
}

.menuBtnSm {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #333;
    color: #fff!important;
    margin-bottom: 8px;
    padding: 0 8px;
    display: block
}

.lblInboxCount1 {
    padding: 0 5px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-family: roboto,sans-serif
}

.heading {
    background-color: #333;
    font-size: 17px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff
}

.heading:empty {
    height: 0;
    padding: 0;
    border: none
}

.sub_heading {
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin: 4px 0;
    width: 100%;
    display: block
}

.menuRow {
    width: 100%;
    min-height: 35px;
    color: #fff!important;
    margin-bottom: 8px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 400!important
}

.menuBtn .txt {
    font-size: 13px;
    padding: 0 8px
}

.warning {
    max-width: 350px;
    width: 100%;
    background-color: #fff;
    color: #111;
    text-align: center;
    display: block;
    margin: 8px auto;
    border-radius: 3px;
    padding: 0 5px
}

.error {
    color: red
}

.accRowClr {
    background-color: #dadada;
    color: #111;
    height: 30px
}

.accRowClr.message {
    background-color: #c1c1c1
}

.accRowClr td {
    padding: 4px
}

.accRowClr td,.accRowClr td a {
    color: #111
}

.tbl {
    margin-bottom: 8px
}

.alCen,.alcen {
    align-items: center;
    -webkit-box-align: center
}

.alEnd {
    align-items: flex-end;
    -webkit-box-align: end
}

.jc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

.ic {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 22px
}

.dont-shrink {
    flex-shrink: 0;
    flex-grow: 0
}

.no_scroll {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.loading_span {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff
}

.btn_prim {
    color: #fff!important;
    border-radius: 2px;
    height: 30px;
    line-height: 30px!important;
    text-align: center!important
}

.account_content .btn_prim {
    height: 34px;
    line-height: 1.2!important
}

.account_content .btn_prim.cancel-withdrawal-link {
    height: 34px;
    line-height: 34px!important
}

.account_content #js_activate_Email {
    margin-top: 12px
}

.account_content #js_activate_Mobile {
    margin-top: 12px
}

.btn_prim.document-upload-btn {
    margin: 0;
    line-height: 1.4!important;
    height: 30px!important;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600
}

.clr_prim {
    background-color: #f14100;
    color: #fff!important
}

.clr_sec {
    background-color: #333;
    color: #fff!important
}

.btn_sec {
    background-color: #4d4d4d!important;
    color: #fff!important;
    border-radius: 2px;
    height: 30px;
    line-height: 30px!important;
    text-align: center!important
}

.btn_green {
    background-color: #090;
    color: #fff
}

.btn_grey {
    background-color: #212121;
    color: #fff;
    border-radius: 2px;
    height: 30px;
    line-height: 30px!important;
    text-align: center!important
}

.bgMain {
    background-color: #111
}

.platformMobLanga {
    width: 40px;
    margin: 3px
}

.reg_info {
    font-size: 12px;
    display: block;
    text-align: center
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.block {
    display: block
}

.oe {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.colorWhite {
    color: #fff
}

.colorOrange {
    color: #ffb700
}

.colorBlue {
    color: #2985d2
}

.acc_message {
    line-height: 20px;
    background-color: #fff;
    border-radius: 2px;
    text-align: center
}

.primary-btn {
    background-color: var(--cwPrimary)!important;
    color: var(--text-on-primary)!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    padding: 12px 6px;
    border-radius: 8px!important
}

.primary-btn.disabled {
    opacity: .5;
    cursor: default
}

.primary-btn.primary-btn--bordered {
    background-color: initial!important;
    color: var(--cwPrimary)!important;
    border: 1px solid;
    text-transform: uppercase
}

.secondary-btn {
    background-color: var(--btn-primary)!important;
    color: var(--btn-primary-text)!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 11px;
    column-gap: 11px;
    padding: 9px 24px;
    border-radius: 8px
}

.secondary-btn.disabled {
    opacity: .5;
    cursor: default
}

.lang {
    width: 21px;
    height: 15px;
    display: block;
    overflow: hidden;
    background-position: 20px 0;
    background-repeat: no-repeat
}

.lang.hy {
    background-position: 0 0
}

.lang.bs {
    background-position: 0 -15px
}

.lang.de {
    background-position: 0 -30px
}

.lang.en {
    background-position: 0 -45px
}

.lang.es {
    background-position: 0 -60px
}

.lang.fa {
    background-position: 0 -75px
}

.lang.fr {
    background-position: 0 -90px
}

.lang.he {
    background-position: 0 -105px
}

.lang.hr {
    background-position: 0 -120px
}

.lang.ar {
    background-position: 0 -135px
}

.lang.it {
    background-position: 0 -150px
}

.lang.ko {
    background-position: 0 -165px
}

.lang.ku {
    background-position: 0 -180px
}

.lang.pt {
    background-position: 0 -195px
}

.lang.ru {
    background-position: 0 -210px
}

.lang.sr {
    background-position: 0 -225px
}

.lang.tr {
    background-position: 0 -240px
}

.lang.kz {
    background-position: 0 -255px
}

.lang.uk {
    background-position: 0 -270px
}

.lang.da {
    background-position: 0 -285px
}

.lang.fi {
    background-position: 0 -300px
}

.lang.cs {
    background-position: 0 -315px
}

.lang.sv {
    background-position: 0 -330px
}

.lang.ka {
    background-position: 0 -345px
}

.lang.no {
    background-position: 0 -360px
}

.lang.th {
    background-position: 0 -375px
}

.lang.cc {
    background-position: 0 -390px
}

.lang.az {
    background-position: 0 -405px
}

.lang.zh {
    background-position: 0 -390px
}

.lang.br {
    background-position: 0 -418px
}

.lang.hi {
    background-position: 0 -433px
}

.lang.ar-tn,.lang.aeb {
    background-position: 0 -446px
}

.lang.sq {
    background-position: 0 -461px
}

.lang.mne {
    background-position: 0 -492px
}

.lang.uz {
    background-position: 0 -538px
}

.lang.sk {
    background-position: 0 -569px
}

.lang.cs {
    background-position: 0 -585px
}

.lang.kk {
    background-position: 0 -602px
}

.lang.ro {
    background-position: 0 -553px
}

.lang.ja {
    background-position: 0 -507px
}

.lang.el {
    background-position: 0 -620px
}

.lang.lt {
    background-position: 0 -638px
}

.lang.my {
    background-position: 0 -656px
}

.lang.sl {
    background-position: 0 -673px
}

.lang.bg {
    background-position: 0 -691px
}

.lang.vi {
    background-position: 0 -707px
}

.lang.bn {
    background-position: 0 -725px
}

.lang.be {
    background-position: 0 -742px
}

.lang.ur-pk {
    background-position: 0 -760px
}

.lang.nl {
    background-position: 0 -777px
}

.mob_select_lang_flag {
    position: absolute;
    left: 20px;
    top: 15px
}

.mob_select_lang_flag-circle,.cw_mob_sidebar_language_flag {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-start: 10px;
    top: 12px
}

.mob_select_lang_flag-circle.ru,.lb_card_preview .lb_card_flag.ru,.cw_mob_sidebar_language_flag.ru {
    background-position-y: -24px
}

.mob_select_lang_flag-circle.en,.lb_card_preview .lb_card_flag.en,.cw_mob_sidebar_language_flag.en {
    background-position-y: -48px
}

.mob_select_lang_flag-circle.hy,.lb_card_preview .lb_card_flag.hy,.cw_mob_sidebar_language_flag.hy {
    background-position-y: -72px
}

.mob_select_lang_flag-circle.tr,.lb_card_preview .lb_card_flag.tr,.cw_mob_sidebar_language_flag.tr {
    background-position-y: -96px
}

.mob_select_lang_flag-circle.bs,.lb_card_preview .lb_card_flag.bs,.cw_mob_sidebar_language_flag.bs {
    background-position-y: -120px
}

.mob_select_lang_flag-circle.fa-basketball,.lb_card_preview .lb_card_flag.fa-basketball,.cw_mob_sidebar_language_flag.fa-basketball {
    background-position-y: -144px
}

.mob_select_lang_flag-circle.kw,.lb_card_preview .lb_card_flag.kw,.cw_mob_sidebar_language_flag.kw {
    background-position-y: -168px
}

.mob_select_lang_flag-circle.sr,.lb_card_preview .lb_card_flag.sr,.cw_mob_sidebar_language_flag.sr {
    background-position-y: -192px
}

.mob_select_lang_flag-circle.hr,.lb_card_preview .lb_card_flag.hr,.cw_mob_sidebar_language_flag.hr {
    background-position-y: -216px
}

.mob_select_lang_flag-circle.uk,.lb_card_preview .lb_card_flag.uk,.cw_mob_sidebar_language_flag.uk {
    background-position-y: -240px
}

.mob_select_lang_flag-circle.tj,.lb_card_preview .lb_card_flag.tj,.cw_mob_sidebar_language_flag.tj {
    background-position-y: -264px
}

.mob_select_lang_flag-circle.he,.lb_card_preview .lb_card_flag.he,.cw_mob_sidebar_language_flag.he,.mob_select_lang_flag-circle.il,.lb_card_preview .lb_card_flag.il,.cw_mob_sidebar_language_flag.il {
    background-position-y: -288px
}

.mob_select_lang_flag-circle.es,.lb_card_preview .lb_card_flag.es,.cw_mob_sidebar_language_flag.es,.mob_select_lang_flag-circle.es-spanish,.lb_card_preview .lb_card_flag.es-spanish,.cw_mob_sidebar_language_flag.es-spanish {
    background-position-y: -312px
}

.mob_select_lang_flag-circle.anhayt,.lb_card_preview .lb_card_flag.anhayt,.cw_mob_sidebar_language_flag.anhayt {
    background-position-y: -336px
}

.mob_select_lang_flag-circle.it,.lb_card_preview .lb_card_flag.it,.cw_mob_sidebar_language_flag.it {
    background-position-y: -360px
}

.mob_select_lang_flag-circle.fr,.lb_card_preview .lb_card_flag.fr,.cw_mob_sidebar_language_flag.fr {
    background-position-y: -384px
}

.mob_select_lang_flag-circle.de,.lb_card_preview .lb_card_flag.de,.cw_mob_sidebar_language_flag.de {
    background-position-y: -408px
}

.mob_select_lang_flag-circle.ko,.lb_card_preview .lb_card_flag.ko,.cw_mob_sidebar_language_flag.ko {
    background-position-y: -432px
}

.mob_select_lang_flag-circle.el,.lb_card_preview .lb_card_flag.el,.cw_mob_sidebar_language_flag.el {
    background-position-y: -456px
}

.mob_select_lang_flag-circle.da,.lb_card_preview .lb_card_flag.da,.cw_mob_sidebar_language_flag.da {
    background-position-y: -480px
}

.mob_select_lang_flag-circle.fi,.lb_card_preview .lb_card_flag.fi,.cw_mob_sidebar_language_flag.fi {
    background-position-y: -504px
}

.mob_select_lang_flag-circle.cs,.lb_card_preview .lb_card_flag.cs,.cw_mob_sidebar_language_flag.cs {
    background-position-y: -528px
}

.mob_select_lang_flag-circle.sv,.lb_card_preview .lb_card_flag.sv,.cw_mob_sidebar_language_flag.sv {
    background-position-y: -552px
}

.mob_select_lang_flag-circle.ka,.lb_card_preview .lb_card_flag.ka,.cw_mob_sidebar_language_flag.ka {
    background-position-y: -576px
}

.mob_select_lang_flag-circle.nb,.lb_card_preview .lb_card_flag.nb,.cw_mob_sidebar_language_flag.nb {
    background-position-y: -600px
}

.mob_select_lang_flag-circle.zh,.lb_card_preview .lb_card_flag.zh,.cw_mob_sidebar_language_flag.zh,.mob_select_lang_flag-circle.zh-cht,.lb_card_preview .lb_card_flag.zh-cht,.cw_mob_sidebar_language_flag.zh-cht {
    background-position-y: -624px
}

.mob_select_lang_flag-circle.th,.lb_card_preview .lb_card_flag.th,.cw_mob_sidebar_language_flag.th {
    background-position-y: -648px
}

.mob_select_lang_flag-circle.kk,.lb_card_preview .lb_card_flag.kk,.cw_mob_sidebar_language_flag.kk {
    background-position-y: -672px
}

.mob_select_lang_flag-circle.az,.lb_card_preview .lb_card_flag.az,.cw_mob_sidebar_language_flag.az {
    background-position-y: -696px
}

.mob_select_lang_flag-circle.br,.lb_card_preview .lb_card_flag.br,.cw_mob_sidebar_language_flag.br {
    background-position-y: -720px
}

.mob_select_lang_flag-circle.ja,.lb_card_preview .lb_card_flag.ja,.cw_mob_sidebar_language_flag.ja {
    background-position-y: -744px
}

.mob_select_lang_flag-circle.hi,.lb_card_preview .lb_card_flag.hi,.cw_mob_sidebar_language_flag.hi {
    background-position-y: -768px
}

.mob_select_lang_flag-circle.pk,.lb_card_preview .lb_card_flag.pk,.cw_mob_sidebar_language_flag.pk .mob_select_lang_flag-circle.ur,.lb_card_preview .lb_card_flag.ur,.cw_mob_sidebar_language_flag.ur .mob_select_lang_flag-circle.ur-pk,.lb_card_preview .lb_card_flag.ur-pk,.cw_mob_sidebar_language_flag.ur-pk {
    background-position-y: -792px
}

.mob_select_lang_flag-circle.lt,.lb_card_preview .lb_card_flag.lt,.cw_mob_sidebar_language_flag.lt {
    background-position-y: -816px
}

.mob_select_lang_flag-circle.aeb,.mob_select_lang_flag-circle.tn,.lb_card_preview .lb_card_flag.aeb,.lb_card_preview .lb_card_flag.tn,.cw_mob_sidebar_language_flag.aeb,.cw_mob_sidebar_language_flag.tn {
    background-position-y: -840px
}

.mob_select_lang_flag-circle.vn,.mob_select_lang_flag-circle.vi,.lb_card_preview .lb_card_flag.vn,.lb_card_preview .lb_card_flag.vi,.cw_mob_sidebar_language_flag.vn,.cw_mob_sidebar_language_flag.vi {
    background-position-y: -864px
}

.mob_select_lang_flag-circle.uz,.lb_card_preview .lb_card_flag.uz,.cw_mob_sidebar_language_flag.uz {
    background-position-y: -888px
}

.mob_select_lang_flag-circle.pol,.mob_select_lang_flag-circle.pl,.lb_card_preview .lb_card_flag.pol,.lb_card_preview .lb_card_flag.pl,.cw_mob_sidebar_language_flag.pol,cw_mob_sidebar_language_flag.pl {
    background-position-y: -912px
}

.mob_select_lang_flag-circle.sq,.lb_card_preview .lb_card_flag.sq,.cw_mob_sidebar_language_flag.sq {
    background-position-y: -936px
}

.mob_select_lang_flag-circle.et,.mob_select_lang_flag-circle.am,.lb_card_preview .lb_card_flag.et,.lb_card_preview .lb_card_flag.am,.cw_mob_sidebar_language_flag.et,.cw_mob_sidebar_language_flag.am {
    background-position-y: -960px
}

.mob_select_lang_flag-circle.bn,.lb_card_preview .lb_card_flag.bn,.cw_mob_sidebar_language_flag.bn {
    background-position-y: -984px
}

.mob_select_lang_flag-circle.be,.mob_select_lang_flag-circle.by,.lb_card_preview .lb_card_flag.be,.lb_card_preview .lb_card_flag.by,.cw_mob_sidebar_language_flag.be,.cw_mob_sidebar_language_flag.by {
    background-position-y: -1008px
}

.mob_select_lang_flag-circle.ro,.lb_card_preview .lb_card_flag.ro,.cw_mob_sidebar_language_flag.ro {
    background-position-y: -1032px
}

.mob_select_lang_flag-circle.fa,.lb_card_preview .lb_card_flag.fa,.cw_mob_sidebar_language_flag.fa {
    background-position-y: -1056px
}

.mob_select_lang_flag-circle.ar,.lb_card_preview .lb_card_flag.ar,.cw_mob_sidebar_language_flag.ar {
    background-position-y: -1080px
}

.mob_select_lang_flag-circle.ku,.lb_card_preview .lb_card_flag.ku,.cw_mob_sidebar_language_flag.ku {
    background-position-y: -1104px
}

.mob_select_lang_flag-circle.bg,.lb_card_preview .lb_card_flag.bg,.cw_mob_sidebar_language_flag.bg {
    background-position-y: -1128px
}

.mob_select_lang_flag-circle.pt,.lb_card_preview .lb_card_flag.pt,.cw_mob_sidebar_language_flag.pt {
    background-position-y: -1152px
}

.mob_select_lang_flag-circle.mn,.lb_card_preview .lb_card_flag.mn,.cw_mob_sidebar_language_flag.mn {
    background-position-y: -1176px
}

.mob_select_lang_flag-circle.mne,.mob_select_lang_flag-circle.cnr,.lb_card_preview .lb_card_flag.mne,.lb_card_preview .lb_card_flag.cnr,.cw_mob_sidebar_language_flag.mne,.cw_mob_sidebar_language_flag.cnr {
    background-position-y: -1200px
}

.mob_select_lang_flag-circle.my,.lb_card_preview .lb_card_flag.my,.cw_mob_sidebar_language_flag.my {
    background-position-y: -1224px
}

.mob_select_lang_flag-circle.sl,.lb_card_preview .lb_card_flag.sl,.cw_mob_sidebar_language_flag.sl {
    background-position-y: -1248px
}

.mob_select_lang_flag-circle.pa,.lb_card_preview .lb_card_flag.pa,.cw_mob_sidebar_language_flag.pa {
    background-position-y: -1272px
}

.mob_select_lang_flag-circle.nl,.lb_card_preview .lb_card_flag.nl,.cw_mob_sidebar_language_flag.nl {
    background-position-y: -1296px
}

.ui-panel-page-content-position-right.ui-panel-page-content-display-push {
    padding-right: 30px
}

.ui-panel-page-content-position-left.ui-panel-page-content-display-push {
    padding-left: 30px
}

html,body {
    background: #111;
    color: #fff;
    font-family: roboto,sans-serif;
    font-size: 12px;
    height: 100%;
    line-height: 1.4;
    min-width: 280px
}

body,button,input,textarea {
    font-family: roboto,sans-serif
}

h1,h2,h3,h4,h5,h6 {
    display: inline;
    font-style: normal;
    font-weight: 400;
    margin: 0
}

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

img {
    vertical-align: middle
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

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

textarea {
    resize: vertical
}

label.error {
    color: #d30000!important;
    font-size: 11px
}

div.error {
    color: #d30000!important;
    font-size: 16px
}

.no-rtl-needed {
    direction: ltr
}

#overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

#wrapper {
    background: #111;
    width: 100%;
    min-width: 280px
}

#header .txt {
    color: #fff;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    padding: 0 4px
}

.btn_deposit {
    border-radius: 2px;
    background-color: #090
}

.btn_deposit:before {
    font-family: iconsdinamicmenu;
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 28px;
    width: 30px;
    display: block;
    text-align: center;
    height: 30px;
    content: "\e248"
}

.orange_line {
    border: none!important;
    background: #ff4100;
    background: -moz-linear-gradient(left,#000000 0%,#ff4100 50%,#000000 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,#000000),color-stop(50%,#ff4100),color-stop(100%,#000000));
    background: -webkit-linear-gradient(left,#000000 0%,#ff4100 50%,#000000 100%);
    background: -o-linear-gradient(left,#000000 0%,#ff4100 50%,#000000 100%);
    background: -ms-linear-gradient(left,#000000 0%,#ff4100 50%,#000000 100%);
    background: linear-gradient(to right,#000000 0%,#ff4100 50%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=1 );
    height: 1px!important
}

.tl_user_popup_container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 999;
    top: 0;
    left: 0
}

.tl_user_popup_header {
    background-color: #2b2b2b;
    border-radius: 2px 2px 0 0;
    height: 47px;
    width: 100%;
    align-items: center;
    padding: 0 16px
}

.tl_user_head_text {
    width: calc((100%) - 20px);
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px
}

.tl_user_chkbox_cont {
    height: 30px;
    color: #fff;
    align-items: center;
    padding: 0 8px;
    font-size: 14px
}

.tl_user_chkbox_cont>input {
    margin-right: 8px
}

.bonuce_balance_currency {
    padding: 0 6px
}

.menu_deposit .bonuce_balance_currency {
    padding: 0
}

@media screen and (max-width: 350px) {
    #header .txt {
        font-size:11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width: 360px) {
    #accountemail {
        max-width:148px
    }
}

@media only screen and (max-width: 450px) {
    .table-wrapper {
        width:280px;
        overflow-x: scroll
    }
}

@media screen and (min-width: 290px) {
    .ui-panel-dismiss-display-push {
        background:rgba(0,0,0,.4)!important
    }
}

@media screen and (max-width: 490px) {
    #playername {
        display:none!important
    }

    .home-description {
        max-width: 160px
    }

    .inboxtitle {
        width: 120px
    }

    .tgresol {
        margin-left: 51px!important
    }
}

@media screen and (min-width: 491px) {
    .home-description {
        max-width:300px
    }

    #accountemail {
        max-width: 250px
    }

    .inboxtitle {
        width: 250px
    }

    .tgresol {
        margin-left: 96px!important
    }
}

@media screen and (min-width: 591px) {
    .inboxtitle {
        width:350px
    }

    #playername a {
        max-width: 220px!important
    }
}

#user-menu {
    padding-top: 10px
}

#user-menu li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 50%
}

#user-menu a {
    display: block;
    font-size: 12px;
    line-height: 30px;
    margin: 0 10px 0 5px;
    text-align: center
}

#user-menu a.btn-sec {
    margin: 0 5px 0 10px
}

.separator {
    background: #f8ac91;
    height: 1px;
    margin: 5px auto;
    width: 90%
}

.sidebar-link {
    position: relative;
    z-index: 2
}

.panel {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 270px;
    z-index: 9999;
    max-height: 100vh;
    max-height: 100dvh;
    padding-bottom: var(--cwNavbarBottomHeight)
}

.panel ul {
    list-style: none;
    padding: 0
}

.panel ul li.activated {
    border-bottom: 1px solid #f24d10;
    border-top: 1px solid #f24d10
}

.panel ul li.activatedspan {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 0 #111
}

.panel ul li.activated a:before {
    color: #fff!important
}

.panel ul li.label {
    border: 0;
    line-height: 40px;
    min-height: 40px;
    padding-bottom: 0;
    padding-left: 0
}

.panel ul li.active {
    z-index: 101
}

.panel ul li a.icon-tiles {
    padding-left: 22px
}

.panel ul li a.icon-rows {
    padding-left: 22px
}

ul.selector li {
    padding-left: 22px
}

.letter_icon {
    line-height: 1!important;
    font-size: 35px!important
}

.menu_inbox {
    column-gap: 5px
}

.collapsible>a {
    color: #ee5724;
    display: block;
    padding: 5px 0
}

.panel .collapsible>a {
    color: #fff
}

.collapsible>ul,.collapsible>div {
    display: none;
    padding: 0 0 10px
}

.collapsible ul li {
    border: 0;
    font-size: 14px;
    line-height: 30px;
    min-height: 30px;
    text-align: right
}

.open>ul,.open>div {
    display: block
}

#sidebar-languages ul li,#sidebar-settings ul li {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0;
    float: left;
    height: 64px;
    text-align: center;
    width: 20%
}

#sidebar-languages ul li {
    height: 60px;
    width: 33.33%
}

#sidebar-languages ul li a,#sidebar-settings ul li a {
    border-radius: 5px;
    display: block;
    height: 42px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 48px
}

#sidebar-languages ul li a {
    border: 0;
    height: 42px
}

#sidebar-languages ul li label,#sidebar-settings ul li label {
    display: block;
    font-size: 11px;
    height: 20px;
    line-height: 20px
}

.panel-popup,.panel-top {
    bottom: auto;
    left: 0;
    line-height: 1.8;
    padding: 10px 0;
    right: 0;
    text-align: center;
    top: 50px;
    width: 100%
}

.panel-top input {
    display: inline-block!important;
    width: auto!important
}

.panel-popup {
    padding: 0
}

.panel-header {
    height: 60px
}

.panel-close {
    font-size: 32px;
    height: 32px;
    padding: 20px
}

.panel-message {
    line-height: 1.2;
    margin: 20px auto;
    width: 60%
}

.panel-footer {
    padding: 20px 0
}

#sidebar-menu {
    left: 0;
    right: auto;
    top: 100px
}

#sidebar-menu-static {
    left: 0;
    right: 0;
    top: 0;
    vertical-align: baseline
}

.nav1 {
    margin-bottom: auto;
    position: relative
}

.main-menu {
    display: inline-block;
    float: left;
    height: 50px;
    overflow: hidden;
    width: 99%
}

.main-menu li {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    min-width: 50px;
    padding-right: 1px;
    text-indent: 10px
}

.main-menu li.menu a {
    display: block;
    height: 50px;
    width: 100%
}

.main-menu li a.active {
    z-index: 101
}

.game-ttl {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%
}

.back {
    float: right!important
}

.back .arrow_left {
    font-size: 42px;
    padding-bottom: 4px
}

.back-button {
    display: inline-block;
    float: right;
    line-height: 16px
}

.back-button li {
    display: inline-block;
    margin-right: 10px
}

.slidesjs-pagination li {
    display: inline-block;
    height: 15px;
    margin-right: 8px;
    width: 15px
}

.slidesjs-pagination li a {
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    padding: 5px;
    text-align: center;
    min-width: 12px
}

.slidesjs-pagination li a.active {
    border: 1px solid
}

.slidesjs-pagination {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 99
}

.slidesjs-pagination li a {
    text-indent: -9999px
}

#content {
    min-height: 300px;
    padding: 15px
}

.content1 p img {
    width: 16px;
    vertical-align: top
}

.content1 h3,.content1 h4 {
    font-weight: 700
}

.content1 h3::after,.content1 h3::before {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 15px;
    float: none
}

.content1 h3::after {
    height: 10px
}

.content .mobile-system-req {
    margin-top: 15px;
    width: 97%
}

.content .mobile-system-req td {
    vertical-align: middle;
    padding: 0;
    text-align: center;
    height: 22px
}

.content .mobile-system-req td p {
    line-height: 10pt;
    margin: 0;
    font-size: 9px
}

.content p .tg-back-arrow {
    position: relative;
    top: 3px;
    width: 14px
}

.flex-direction-nav {
    display: none
}

.flex-control-paging li a {
    border: 2px solid #000;
    border-radius: 8px;
    display: block;
    height: 8px!important;
    width: 8px!important
}

.flex-control-paging li a.flex-active {
    border-color: #fff
}

.depGoBack {
    width: 30px;
    height: 30px;
    line-height: normal!important;
    border-radius: 50%;
    display: flex;
    --icoSize: 14px;
    align-items: center;
    justify-content: center
}

.games {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    width: 100%
}

.games li {
    display: block;
    float: left;
    text-align: center;
    width: 28%;
    min-width: 28%;
    display: inline-block;
    float: none
}

.games li a {
    padding: 10px
}

.games li span {
    border-radius: 10px;
    display: inline-block;
    overflow: hidden;
    width: 130px;
    min-width: 130px
}

.games li label {
    display: inline-block;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 16px
}

#methods {
    display: block
}

#methods li {
    border-bottom: 1px solid #454546;
    display: block;
    padding: 10px
}

#methods li:last-child {
    border: 0
}

#methods li a {
    cursor: pointer;
    display: block;
    margin-top: 5px
}

#methods li a.active {
    background-color: #0c0c0c
}

#methods-list.bonus thead p {
    display: block
}

#methods-list.bonus thead span {
    display: none
}

.methods-list {
    margin: 30px auto;
    width: 400px
}

.methods-list td input,.methods-list td select {
    width: 100%
}

.methods-list th {
    background: #222;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 12px;
    text-align: right
}

.methods-list td {
    background: #181b1b;
    border-bottom: 1px solid #333;
    padding: 5px 12px
}

.question {
    display: inline-block;
    line-height: 30px;
    height: 30px
}

.question:before {
    font-family: iconsdinamicmenu;
    font-weight: 400;
    font-style: normal;
    content: "\E273";
    color: #d30000;
    display: inline-block;
    margin: 0 2px;
    vertical-align: top;
    font-size: 34px
}

.methods-list td.text-padded {
    padding: 20px;
    text-align: justify
}

.methods-list td button {
    min-width: 100px
}

.tbl,#inbox table {
    width: 100%
}

#inbox td {
    border-bottom: 1px solid #333;
    text-align: left
}

#inbox tr {
    cursor: pointer
}

#inbox .message td {
    padding: 8px
}

#inbox .unread td,#inbox .unread td a {
    background-color: #fff;
    color: #111!important
}

.filter-block,.tbl-list {
    width: 100%
}

.lbl {
    font-weight: 700!important;
    font-size: 12px!important;
    width: 130px
}

.lbl-success {
    background-color: #34cc61;
    color: #fff!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lbl-pending {
    background-color: #b6cc34;
    color: #fff!important
}

.lbl-declined {
    background-color: #cc3434;
    color: #fff!important
}

#footer {
    padding: 30px 0 40px;
    text-align: center;
    min-width: 250px;
    margin-top: auto
}

#footer-menu {
    padding: 0 15px 20px;
    text-align: center
}

#footer-menu li {
    display: inline-block;
    float: none;
    font-size: 11px;
    margin: 0 8px
}

#footer-links {
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

#footer-links li {
    float: none
}

#footer-links ul li {
    display: inline-block;
    float: none
}

#copyright {
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 14px 0 30px
}

.fromMobToWeb_btn {
    padding-inline:16px}

.footer_social-item {
    width: 36px;
    height: 36px;
    border-radius: 2px;
    transition: .33s;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer_social-item:not(:last-of-type) {
    margin-inline-end:10px}

.footer_social-item:before {
    font-family: iconsdinamicmenu;
    font-size: 46px;
    line-height: 1
}

.social__facebook-icon:before {
    content: "\E421"
}

.social__instagram-icon:before {
    content: "\E422"
}

.social__instagram1-icon:before {
    content: "\E172"
}

.social__linkedin-icon:before {
    content: "\E423"
}

.social__mail-icon:before {
    content: "\E424"
}

.social__pinterest-icon:before {
    content: "\E425"
}

.social__reddit-icon:before {
    content: "\E426"
}

.social__telegram-icon:before {
    content: "\E427"
}

.social__tikTok-icon:before {
    content: "\E428"
}

.social__tikTok2-icon:before {
    content: "\E436"
}

.social__tumblr-icon:before {
    content: "\E429"
}

.social__twitch-icon:before {
    content: "\E430"
}

.social__twitter-icon:before {
    content: "\E431"
}

.social__twitter-icon2:before {
    content: "\E171"
}

.social__whatsApp-icon:before {
    content: "\E432"
}

.social__whatsApp1-icon:before {
    content: "\E175"
}

.social__youtube1-icon:before {
    content: "\E433"
}

.social__youtube-icon:before {
    content: "\E434"
}

.social__messenger-icon:before {
    content: "\E445"
}

.social__viber-icon:before {
    content: "\E452"
}

.social__threads-icon:before {
    content: "\E456"
}

.social__whatsapp-icon:before {
    content: "\E175"
}

.social__vimeo-icon:before {
    content: "\E4A4"
}

.footer_social-item.colorful {
    color: #fff
}

.social__facebook-icon.colorful {
    background-color: #3b5998
}

.social__instagram-icon.colorful,.social__instagram1-icon.colorful,.social__threads-icon.colorful {
    background: #f09433;
    background: -o-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)
}

.social__linkedin-icon.colorful {
    background-color: #0072b1
}

.social__mail-icon.colorful {
    background-color: #168de2
}

.social__pinterest-icon.colorful {
    background-color: #c8232c
}

.social__reddit-icon.colorful {
    background-color: #ff4500
}

.social__telegram-icon.colorful {
    background-color: #08c
}

.social__tikTok-icon.colorful,.social__tikTok2-icon.colorful {
    background-color: #000
}

.social__tumblr-icon.colorful {
    background-color: #34526f
}

.social__twitch-icon.colorful {
    background-color: #6441a5
}

.social__twitter-icon.colorful {
    background-color: #000
}

.social__twitter-icon2.colorful {
    background-color: #00acee
}

.social__whatsApp-icon.colorful,.social__whatsApp1-icon.colorful {
    background-color: #25d366
}

.social__youtube-icon.colorful,.social__youtube1-icon.colorful {
    background-color: red
}

.social__messenger-icon.colorful {
    background-color: #006aff
}

.social__viber-icon.colorful {
    background-color: #7360f2
}

.social__vimeo-icon.colorful {
    background-color: #1ab7ea
}

.to_top_cont {
    position: fixed;
    bottom: calc(var(--cwNavbarBottomHeight) + 5px);
    z-index: 999;
    left: 50%;
    transform: translateX(-50%)
}

.to_top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    padding: 0;
    background-color: var(--bg-level-4);
    color: var(--icon-level-high);
    cursor: pointer
}

.social__pointer-none {
    pointer-events: none
}

.clearfix:before,.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.row:after {
    clear: both
}

.row {
    position: relative
}

.row h2 {
    border-bottom: 1px solid #454546
}

.regMobBody {
    overflow: hidden
}

.row input[type=submit] {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 -15px;
    padding: 15px
}

.row input:read-only,#profileFormSecond .reg_prof__element_row input:read-only,#profileFormSecond .reg_prof__element_row select:disabled {
    opacity: .35
}

.row label {
    color: #a3a3a3;
    margin-bottom: 2px;
    font-size: 13px
}

.regErMes p {
    background-color: #f5f5f5;
    color: #111;
    border-radius: 5px;
    line-height: 19px;
    padding: 0 8px;
    width: 100%
}

.row h3 {
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center
}

.row input[type=submit] {
    border: 0;
    color: #fff
}

.row textarea {
    height: 100px
}

.row:last-child {
    padding-bottom: 0
}

.row .col {
    width: 100%
}

.row .col a,.row .col img {
    display: block
}

.row.col-2 .col {
    float: left;
    width: 50%
}

.row.col-3 .c {
    width: 32%
}

a.caption {
    display: block;
    position: relative
}

a.caption strong {
    background: rgba(0,0,0,.5);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    display: block;
    margin: 0;
    padding: 10px 15px;
    position: absolute;
    width: 100%
}

.ttl {
    display: block;
    padding: 10px
}

.data-tbl {
    border-collapse: collapse;
    width: 100%
}

.data-tbl thead th {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 5px;
    text-align: left
}

.data-tbl tbody th,.data-tbl tbody td {
    border-bottom: 1px solid #454546;
    color: #bababa;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 2px 0;
    text-align: left;
    min-width: 120px
}

.data-tbl tbody td {
    color: #fff
}

.pagination {
    list-style: none;
    margin: 10px 0;
    text-align: right
}

.pagination li {
    display: inline-block;
    margin-left: 5px
}

.pagination li a {
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    padding: 5px;
    text-align: center;
    min-width: 12px
}

.pagination li a.active {
    border-color: #d64605;
    cursor: default
}

.loading {
    min-height: 200px
}

.progress {
    border: 1px solid #6b6c6c;
    border-radius: 5px;
    display: inline-block;
    height: 24px;
    width: 100px
}

.progress span {
    background: #f15a22;
    border-radius: 5px;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px
}

.w-max {
    width: 100%
}

.ellipsis {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bb {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.horizontal-list {
    display: inline-block;
    list-style: none
}

.horizontal-list li {
    display: inline-block;
    float: left
}

.horizontal-list li a {
    display: inline-block
}

.hidden {
    display: none!important;
    visibility: hidden!important
}

.black {
    color: #000!important
}

.orange {
    color: #ee5724!important
}

.justify {
    text-align: justify
}

.no-margin {
    margin: 0!important
}

.no-padding {
    padding: 0!important
}

a.underline {
    text-decoration: underline
}

.text-right {
    text-align: right!important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.box {
    padding-bottom: 50px
}

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

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

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

.picker__footer {
    padding-top: 10px
}

.picker__footer button {
    display: none
}

.line a {
    display: block;
    float: left;
    margin: 2%;
    position: relative;
    width: 46%
}

.line a img {
    display: block;
    height: 100%;
    width: 100%
}

.line a label {
    background: rgba(0,0,0,.5);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: .8em;
    margin: 0;
    padding: 15px;
    position: absolute;
    width: 100%
}

.disable-scroll {
    height: auto!important;
    overflow: hidden!important
}

.disabled {
    opacity: .3
}

.walletsCont {
    width: 100%;
    padding: 0 8px;
    cursor: default
}

.wallets_row {
    width: 100%;
    color: #999;
    margin-bottom: 0;
    font-size: 13px
}

.wallets_row.small {
    font-size: 12px
}

.tl_my_inbox_mails_cont {
    background: #2b2b2b;
    margin-bottom: 20px
}

.tl_mail_item {
    border-bottom: 1px solid #333;
    padding: 10px 16px;
    cursor: pointer;
    color: #fff;
    width: 100%
}

.tl_mail_item.unread {
    background-color: #191919
}

.tl_mail_icon_box {
    margin-bottom: 0
}

.tl_mail_icon {
    font-size: 26px;
    height: 26px;
    flex-shrink: 0;
    flex-grow: 0;
    width: 26px;
    color: #999;
    position: relative;
    text-align: center;
    line-height: 26px
}

.tl_mail_item.unread .tl_mail_icon:before {
    content: "\69"
}

.tl_mail_icon_dot {
    background: red;
    width: 11px;
    height: 11px;
    line-height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 11px;
    text-align: center
}

.tl_mail_msgId {
    color: #ffb700;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px;
    display: flex
}

.tl_mail_details_box {
    font-size: 12px;
    margin-bottom: 0
}

.tl_mail_details_title {
    color: #999
}

.tl_mail_details {
    color: #fff;
    margin: 0 5px;
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tl_msg_button_cont {
    width: 90%;
    margin: 25px auto
}

.tl_msg_button#send_btn {
    margin: 10px 0 0!important
}

.tl_msg_attach_button {
    width: max-content;
    justify-content: center;
    column-gap: 10px;
    margin: 0 0 10px!important
}

.tl_mail_row {
    background: #333;
    margin-bottom: 10px;
    padding: 10px 16px
}

.tl_mail_row.active {
    flex-wrap: wrap
}

.tl_mail_row .flex {
    flex-wrap: wrap
}

.tl_mail_row.head {
    padding: 0;
    padding-inline-start:11px;padding-inline-end:3px;min-height: 36px
}

.tl_mail_row.active {
    cursor: pointer
}

.tl_mail_date_div {
    font-size: 14px
}

.tl_mail_attachfiel_content {
    flex-wrap: wrap;
    grid-gap: 8px
}

.tl_mail_message_cont.hide {
    display: none
}

.tl_mail_message_body img {
    width: 100%
}

.tl_mail_attachfiel_content>a {
    max-width: 100%
}

.tl_mail_attachfiel_download_btn {
    max-width: 100%
}

.tl_mail_attachfiel_download_btn span {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tl_mail_header {
    text-align: start;
    position: relative;
    padding-inline-start:40px}

.tl_mail_header:before {
    content: '\E087';
    position: absolute;
    inset-inline-start: 10px;
    top: 8px;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 28px;
    font-family: iconsdinamicmenu;
    transition: transform .2s linear
}

.cw-rtl-global .tl_mail_header:before {
    transform: rotate(180deg)
}

.tl_mail_message_body {
    background: #fff;
    padding: 16px;
    margin: 10px 0;
    color: #000;
    word-break: break-word
}

.tl_mail_attachfiel {
    color: #fff;
    border-radius: 2px;
    outline: none;
    line-height: 36px;
    font-size: 14px;
    text-decoration: none;
    padding: 0 15px;
    word-break: break-word
}

.tl_mail_attached_fiel {
    align-items: center;
    padding: 0 7px;
    margin-bottom: 5px;
    line-height: 1.1;
    word-break: break-all
}

.tl_mail_attachfiel_download_btn {
    color: #fff;
    border-radius: 2px;
    outline: none;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px;
    background: #383838!important;
    cursor: pointer;
    white-space: nowrap;
    column-gap: 5px
}

.tl_mail_attachfiel_delete {
    width: 25px;
    height: 36px;
    display: block;
    line-height: 36px;
    text-align: center;
    color: #f14100;
    cursor: pointer
}

.tl_mail_attachfiel_delete:before {
    font-family: iconsDinamicMenu;
    content: "\E389";
    display: block;
    font-size: 38px
}

.tl_mail_attachfiel_download {
    width: 25px;
    height: 36px;
    display: block;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.tl_mail_attachfiel_download:before {
    font-family: iconsDinamicMenu;
    content: "\E392";
    display: block;
    font-size: 38px
}

.tl_mail_attachfiel_screp {
    width: 20px;
    height: 36px;
    display: block;
    line-height: 36px;
    text-align: center;
    color: #fff
}

.tl_mail_attachfiel_screp:before {
    font-family: iconsdinamicmenu;
    content: "\E390";
    display: block;
    font-size: 38px
}

@media only screen and (max-device-width: 320px) and (-webkit-device-pixel-ratio:1) {
    .col,.col-2 .col {
        padding:0
    }

    #footer-links ul li {
        margin-right: 1px
    }

    .data-tbl2 tbody th,.data-tbl2 tbody td {
        font-size: 12px
    }

    .methods-list {
        font-size: 11px;
        width: 300px
    }
}

@media only screen and (max-device-width: 480px) {
    .methods-list {
        font-size:12px;
        width: 320px
    }

    .games li label {
        font-size: 10px
    }
}

@media only screen and (max-device-width: 768px) {
    .games li label {
        font-size:12px
    }
}

@media only screen and (min-width: 800px) {
    .box {
        -moz-box-sizing:border-box;
        box-sizing: border-box;
        width: 50%
    }

    .box:first-child {
        padding-right: 10px
    }

    .box:last-child {
        padding-left: 10px
    }

    #content.landing {
        padding: 2% 0 0
    }

    .games li {
        display: block;
        float: left;
        text-align: center;
        width: 31%;
        min-width: 31%;
        display: inline-block;
        float: none
    }
}

@media only screen and (max-width: 799px) {
    .games li {
        display:block;
        float: left;
        text-align: center;
        width: 45%;
        min-width: 45%;
        display: inline-block;
        float: none
    }

    #content {
        padding: 10px
    }

    .sport strong:before {
        left: 10px!important
    }

    .stat strong:before {
        left: 10px!important
    }

    .euro strong:before {
        left: 10px!important
    }

    .financials strong:before {
        left: 10px!important
    }

    .totoexpert strong:before {
        left: 10px!important
    }

    .livescore strong:before {
        left: 10px!important
    }

    .slots strong:before {
        left: 10px!important
    }

    .casino strong:before {
        left: 10px!important
    }

    .tv-games strong:before {
        left: 10px!important
    }

    .live-casino strong:before {
        left: 10px!important
    }

    .belot strong:before {
        left: 10px!important
    }
}

.required-field {
    color: red;
    float: left
}

.reg_error_message {
    color: red
}

.field-validation-error {
    color: red!important
}

#send_btn_errors>span {
    display: block
}

.validation-summary-errors {
    font-weight: 700;
    color: red
}

.validation-summary-valid {
    display: none
}

.truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-indent: 10px
}

.ui-content {
    padding: 0!important;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.ui-panel-inner {
    padding: 0!important
}

.ui-collapsible-themed-content .ui-collapsible-content {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-style: none
}

.dropdown {
    color: #000;
    background-color: #fff;
    border-radius: 1%
}

.ui-btn-icon-right {
    padding-right: 0
}

.ui-btn-icon-right:after {
    right: .5625em
}

.cb {
    clear: both
}

.ui-collapsible-heading {
    text-align: left!important
}

.ui-btn-icon-left:after,.ui-btn-icon-right:after,.ui-btn-icon-top:after,.ui-btn-icon-bottom:after,.ui-btn-icon-notext:after {
    display: inline-block
}

.ui-select .ui-btn {
    position: relative
}

.ui-collapsible-content {
    font-size: 13px;
    font-weight: 100!important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    color: #bababa!important
}

.ui-widget {
    font-family: roboto,sans-serif
}

.successmassage {
    color: #00d600;
    line-height: 20px;
    background-color: #fff;
    border-radius: 2px;
    text-align: center
}

#EmailVerifieError,#MobileVerifieError {
    color: red
}

#EmailVerifieSuccess,#MobileVerifieSuccess {
    color: #00d600
}

.ui-collapsible-heading,.ui-collapsible-heading>.ui-btn {
    border-radius: 0
}

#staticcontent.ui-collapsible-heading a {
    height: 50px;
    padding-left: 45px
}

#staticcontent a.ui-btn-icon-left:after {
    left: 15px;
    margin-top: -15px
}

.flex-control-nav {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: -8px
}

.flex-control-nav li {
    margin: 0 5px
}

.flex-control-paging li a {
    height: 7px!important;
    width: 7px!important;
    border: 1px solid #747676!important;
    background: 0 0!important
}

.flex-control-paging li a.flex-active {
    border: 1px solid!important
}

.pagIt {
    background-color: #333;
    color: #fff;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin: 0 2px
}

.pagIt.active {
    background-color: #7b7b7b
}

.rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.pagIt.rotate {
    transform: rotate(0)
}

.pagIt.symbol {
    font-family: iconsdinamicmenu;
    font-weight: 400;
    font-style: normal;
    font-size: 22px
}

.paging-first-disabled:before {
    content: "\e466";
    display: block;
    opacity: .5;
    font-size: 24px
}

.paging-prev-disabled:before {
    content: "\E362";
    display: block;
    opacity: .5
}

.paging-first:before {
    content: "\e466";
    display: block;
    font-size: 24px
}

.paging-prev:before {
    content: "\E362";
    display: block
}

.paging-prev-ten:before {
    content: "\E362 \E362";
    display: block
}

.paging-next-disabled:before {
    content: "\E363";
    display: block;
    opacity: .5
}

.paging-last-disabled:before {
    opacity: .5;
    content: "\e466";
    display: inline-block;
    font-family: iconsdinamicmenu;
    font-size: 24px;
    transform: rotate(180deg);
    line-height: 24px
}

.paging-next:before {
    content: "\E363";
    display: block;
    font-family: iconsdinamicmenu
}

.paging-next-ten:before {
    content: "\E363 \E363";
    display: block;
    font-family: iconsdinamicmenu
}

.paging-last:before {
    content: "\e466";
    display: inline-block;
    font-family: iconsdinamicmenu;
    font-size: 24px;
    transform: rotate(180deg);
    line-height: 24px
}

.cw-rtl-global .paging-next:before,.cw-rtl-global .paging-next-disabled:before,.cw-rtl-global .paging-next-ten:before,.cw-rtl-global .paging-next-ten-disabled:before,.cw-rtl-global .paging-prev:before,.cw-rtl-global .paging-prev-disabled:before,.cw-rtl-global .paging-prev-ten:before,.cw-rtl-global .paging-prev-ten-disabled:before {
    transform: scaleX(-1)!important
}

.cw-rtl-global .paging-first:before,.cw-rtl-global .paging-first-disabled:before {
    transform: scaleX(-1)!important
}

.cw-rtl-global .paging-last:before,.cw-rtl-global .paging-last-disabled:before {
    transform: none!important
}

.ui-collapsible-content {
    background-color: #151515!important
}

.modalDialog {
    position: fixed;
    font-family: roboto,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: auto
}

.modalDialog>div {
    width: 100%;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px;
    border-radius: 10px;
    background-color: rgba(0,0,0,.8)
}

.close {
    color: #fff;
    line-height: 25px;
    position: absolute;
    float: right;
    right: 60px;
    top: 10px;
    text-decoration: none;
    font-weight: 700;
    font-size: 25px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000
}

.modal-header.large {
    border-bottom: 1px solid #d64605;
    height: 90px;
    margin-right: 40px
}

#staticLoginForm .D_logo {
    margin: 40px auto
}

#staticLogin {
    padding: 0 10px
}

#sidebar-login .row {
    margin: 5px auto!important
}

.errormassage {
    color: #d30000;
    padding: 10px 0
}

.news_mobile_li {
    border-bottom: 1px solid #333;
    margin-bottom: 20px
}

.prom_top {
    min-height: 50px;
    height: auto
}

.prom_mobile_li {
    border: 0;
    text-align: center
}

.reg_mobile_row {
    display: block;
    padding-left: 40px
}

.belote_img_size {
    width: 327px;
    height: auto;
    margin-top: 100px
}

.belote_panel {
    margin-top: 30px;
    min-width: 100px;
    padding: 12px
}

.transactionhistory-div .btn_prim {
    margin-bottom: 20px
}

.email_mobile {
    float: right
}

.truncate.email_mobile {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
    text-align: right;
    min-width: 100%
}

.table_style {
    text-align: center;
    min-width: 100px
}

.mobile_body {
    border-bottom: none;
    height: 70px
}

.profile_label {
    display: block;
    margin-left: 40px
}

.mobile_box_style {
    min-width: 220px;
    height: 60px;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-bottom: 10px
}

.mobile_li_size {
    padding: 5px;
    width: 50px!important;
    min-width: 50px!important
}

.mobile_game_bagde {
    top: 5px;
    left: -55px;
    font-size: 10px!important;
    line-height: 14px!important
}

.mobile_game_cont {
    position: relative!important
}

.mobile_game_img {
    border-radius: 4px;
    width: 50px
}

body.ui-panel-page-container-themed .ui-content,body.ui-panel-page-container-themed #wrapper,body.ui-panel-page-container-themed {
    overflow: hidden!important;
    height: 99.9%!important
}

#left-panel {
    margin: 0
}

.menu_account span {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin: 0 5px
}

#language-panel {
    margin: 0
}

.platformLoginRightLogo {
    width: 194px;
    background-size: cover;
    margin: 0 auto
}

.platformRightLoginPanel {
    padding: 0
}

.platformRightLoginPanel .ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
    background-color: inherit
}

.platformRightLoginPanel #recaptchaError {
    margin-bottom: 11px
}

.captchaImage {
    width: 97px;
    height: 32px;
    outline: 1px solid rgba(0,0,0,.2)
}

.captcha_space,.captcha .reg_prof__element_row {
    width: 100%;
    column-gap: 10px
}

.captcha .ui-corner-all {
    margin-bottom: 0;
    width: 100%
}

.tl_refresh_container {
    position: absolute;
    right: 6px;
    top: 0;
    z-index: 2;
    height: 36px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

.refreshLoginCaptcha,.refresh-captcha {
    display: flex;
    align-items: center;
    justify-content: center
}

.forgot_pass__row.captcha {
    width: 100%;
    display: flex
}

.forgot_pass__row.captcha.mb-0 {
    margin-bottom: 0
}

.forgot_pass__row .captcha_input_cont {
    width: 100%
}

.captcha {
    column-gap: 10px;
    align-items: flex-start
}

#Captcha {
    padding: 0 40px 0 10px
}

#registerForm .captcha .reg__row_title {
    width: 90%
}

#registerForm .ui-corner-all {
    margin-bottom: 0
}

@media only screen and (max-width: 340px) {
    .g-recaptcha iframe,.g-recaptcha-login iframe {
        transform:scale(.88);
        transform-origin: 0 0
    }
}

.col50 span {
    color: #fff
}

.platformCasinoSearchgameBut {
    padding-bottom: 8px;
    display: block;
    height: 14px;
    float: right;
    line-height: 24px;
    margin: 5px 40px 0 0;
    min-width: 64px;
    padding-left: 0;
    text-align: center;
    font-size: 13px;
    min-height: 16px
}

.platformCasinoGameHeading span {
    display: block;
    float: left;
    margin-left: 20px;
    font-weight: 700
}

.platformCasinoGamesOpened {
    width: 100%!important;
    background-color: #333;
    height: 30px!important;
    padding: 0!important;
    line-height: 30px;
    border: 1px solid #151515!important;
    text-align: center;
    border-radius: 4px
}

.searchContentGame {
    width: 90%;
    margin: 40px auto 0;
    -webkit-transition: top 1s ease-out .5s;
    -moz-transition: top 1s ease-out .5s;
    -o-transition: top 1s ease-out .5s;
    transition: top 1s ease-out .5s
}

#betSlip {
    bottom: 0!important
}

.login__number_code.inp {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px!important;
    font-size: 14px;
    border-radius: 4px;
    position: relative;
    width: auto;
    color: #111;
    background-color: #f5f5f5
}

.login__number_code:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 34px;
    right: -3px;
    top: 0;
    background: inherit
}

.email-mobile-login .eye_block input,.email-mobile-login input:not(#Captcha) {
    padding-inline-end:70px!important;margin: 0;
    height: 34px
}

.email-mobile-login #Captcha {
    direction: initial!important
}

.field-validation-error:not(:empty):not(:first-child) {
    display: block;
    margin-top: 8px
}

.auth-wrapper {
    column-gap: 4px
}

.auth-wrapper .reg_country_number_select {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 2px;
    display: flex;
    align-items: center;
    min-width: 70px;
    text-align: center
}

.auth-wrapper .reg_select_arrow:after {
    top: 50%;
    transform: translateY(-50%)
}

.via_email .email {
    display: none
}

.via_mobile .phone {
    display: none
}

.email-input-wrapper {
    width: 100%
}

.mobile-input-wrapper .code-wrapper,.mobile-input-wrapper .reg_mobile_code {
    width: 80px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 14px
}

.mobile-input-wrapper .reg_select_arrow {
    width: 80px
}

.change-input-btn,.eye_button.change-input-btn {
    top: 0;
    cursor: pointer;
    background-color: initial;
    border: none;
    border-inline-start:1px solid #CCCCCC!important;position: absolute;
    min-width: 50px;
    width: 50px;
    max-width: 60px;
    height: 100%;
    inset-inline-end: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 6px;
    z-index: 9;
    padding-inline-end:10px;color: #5e5e5e;
    overflow: hidden
}

.change-input-btn i {
    font-size: 30px;
    line-height: .5;
    margin: 0!important
}

.change-input-btn .arrow-icon {
    padding-bottom: 4px
}

.change-input-btn .arrow-icon {
    padding-bottom: 4px
}

.cashier_wrapper .cashier_fixed_header {
    background-color: var(--cwModalBgHover,var(--bg-level-2));
    border-bottom: 1px solid var(--cwModalBg2,var(--bg-level-3))
}

.cashier_fixed_header .cashier_text {
    color: var(--cwModalTxt,var(--text-level-high))
}

.cashier_fixed_header .reg_close {
    color: var(--cwModalTxt3,var(--text-level-low))
}

.platformLoginButton,.platformForgPass {
    color: #fff!important
}

.MobileIcon {
    width: 200px;
    height: 33px;
    border-radius: 3px;
    margin: 0 auto;
    margin-bottom: 7px;
    line-height: 33px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.MobileIcon i {
    margin: 0 6px 2px
}

.MobileIcon .mx-auto {
    margin: 0 auto
}

.PlatformLoggedUser {
    width: 100%
}

.PLUlblICt {
    position: absolute;
    display: flex;
    min-width: 14px;
    padding: 2px;
    height: 14px;
    border-radius: 8px;
    line-height: 14px;
    align-items: center;
    background-color: #f5f5f5;
    color: #111;
    font-size: 9px;
    right: -2px;
    top: -2px;
    justify-content: center;
    font-family: roboto,sans-serif;
    text-align: center
}

#menu-right .PLUlblICt {
    background: #ffb700;
    color: #000
}

.PLUUserIcon {
    position: relative
}

.subMItem {
    width: 100%;
    height: 30px;
    background-color: #303030;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.subMItem a {
    line-height: 30px;
    height: 30px;
    margin-left: 12px
}

html .ui-body-b .ui-focus,html .ui-body-b .ui-btn:focus {
    box-shadow: none
}

#scroll {
    display: none;
    position: fixed;
    margin: 0 calc((50%) - 35px);
    width: 70px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 450;
    bottom: 0;
    box-shadow: 0 0 6px rgba(0,0,0,.3)
}

#scroll p {
    text-align: center;
    width: 100%;
    font-family: inherit;
    font-weight: 700;
    margin: 7px 0 12px
}

.tl_sup_link {
    background-color: #212121;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
    outline: none;
    text-decoration: none;
    display: block;
    height: 36px;
    text-align: center;
    line-height: 36px;
    width: 200px;
    border: 0;
    margin: 24px auto 0
}

i {
    font-style: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .6
}

.tl_news_item_box {
    width: 100%!important;
    padding: 5px 0 0!important;
    height: auto!important;
    display: block!important;
    min-height: 222px!important
}

.news_mobile_li>p {
    margin: 0
}

.tl_news_item_img {
    width: 96%!important;
    height: auto!important;
    display: inline-block!important;
    float: left!important;
    margin: 0 10px 5px!important;
    max-width: 472px!important
}

.tl_news_item_img img {
    width: 100%!important;
    height: auto!important;
    display: inline-block!important
}

.tl_news_item_cont {
    width: auto!important;
    height: 100%!important;
    padding: 0 15px!important;
    margin: 0!important
}

.promo-right {
    position: relative;
    margin: 0 auto 50px
}

.promo-right>p {
    display: none
}

.casino-tab-container {
    width: 100%;
    overflow: hidden;
    height: 50px
}

.casino_h_link_cont {
    width: 100%;
    overflow: hidden;
    min-height: 44px
}

.casino_h_link_cont .clr_sec {
    background-color: #2b2b2b
}

.casino-tab-container.fixed-container.casino-tab-old {
    top: 0
}

.casino-tab-container.fixed-container {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 2
}

.tabs-box {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.scrolled__content-x {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.casino-tabs:before,.casino-tabs:after,.casino_links_tabs:before,.casino_links_tabs:after {
    display: table;
    content: " "
}

.casino-tabs:after,.casino_links_tabs:after {
    clear: both
}

.casino-tabs li,.casino_links_tabs li {
    float: left
}

.casino-tabs a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    color: #dcdcdc;
    font-size: 15px;
    white-space: nowrap;
    text-transform: uppercase
}

.casino_links_tabs a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    text-transform: capitalize
}

.casino-tabs .search-btn {
    padding: 0;
    width: 56px;
    text-align: center
}

.search_btn_sticky {
    position: sticky;
    left: 0;
    z-index: 2
}

.hdr.promoted span:after {
    right: -18px;
    top: -20px
}

.casino-tab-container .search-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 50px;
    padding: 0;
    overflow: hidden;
    background-color: #dcdcdc;
    transition: all .4s ease
}

.casino-tab-container .search-container.active {
    padding: 0 8px;
    width: calc((100%) - 16px);
    z-index: 3
}

.casino-tab-container .search {
    height: 39px;
    width: 100%;
    font-size: 16px;
    margin-top: 5px
}

.casino-tab-container .close-search {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 40px;
    width: 40px;
    text-align: center
}

.casino-tab-container .ui-input-search {
    padding: 0
}

.casino-tab-container .ui-input-search:after {
    background-image: none
}

.casino-tab-container .ui-input-search .ui-input-clear {
    display: none
}

.search-tab-old.searchContentFixed {
    top: 52px
}

.searchContentFixed {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%!important;
    background-color: #151515;
    z-index: 1;
    margin: 0!important
}

#countryphonecode_wraper {
    width: 50px
}

#countryNumber-button {
    width: 90px
}

.tournhistory_error_message {
    display: block;
    color: red;
    line-height: 20px;
    font-size: 12px;
    text-align: center
}

.promoted {
    position: relative
}

.promoted span:after {
    position: absolute;
    top: -13px;
    right: -5px;
    content: var(--cdn-newBadge_svg);
    width: 23px;
    height: 15px
}

.promoted .txt {
    position: relative
}

.project_col_game_tabs.promoted:after {
    position: absolute;
    top: 5px;
    right: 5px;
    content: var(--cdn-newBadge_svg);
    width: 35px;
    height: 25px
}

.sporttrnhistory {
    font-size: 15px
}

.sporttrnhistory.promoted:after {
    position: inherit;
    top: -10px;
    padding-left: 4px
}

.toto_promoted {
    position: relative
}

.tournament_name_cont {
    height: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 24px
}

.tournament_name {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tournament_name_cont_started {
    height: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80%
}

.tournament_points {
    height: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo_mobile_descr {
    padding: 4px;
    font-size: 16px;
    line-height: 30px;
    max-height: 170px;
    overflow: hidden
}

.promo_mobile_title {
    font-size: 18px;
    font-weight: 700;
    padding: 4px
}

.promo_mobile_text_cont {
    margin: 8px
}

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

.promo_mobile_title {
    color: #f14100
}

.promo_img {
    padding: 8px;
    width: 100%;
    max-width: 430px;
    height: auto;
    max-height: 380px
}

.promo_mobile_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 16px 8px;
    background-color: #333
}

.tl_prom_filters {
    position: relative;
    margin: 0 14px;
    min-width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    padding: 2px 0;
    border-radius: 4px;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.filters_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 4px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.promo_clicked {
    opacity: .7
}

.wfull {
    width: 100%
}

.dispCol,.flexCol {
    flex-direction: column
}

.tl_popup_content {
    padding: 24px 32px
}

.tl_popup_header {
    height: 24px;
    font-size: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #252525
}

@media screen and (max-width: 700px) {
    .second_cont {
        flex-direction:column;
        width: 100%
    }

    .promo_img {
        max-width: 650px
    }

    .tl_prom_filters {
        margin: 2px 5px
    }
}

.col_1 {
    flex: 0 0 100%;
    max-width: 100%
}

.col_2 {
    flex: 0 0 50%;
    max-width: 50%
}

.col_3 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col_07 {
    flex: 0 0 70%;
    max-width: 70%
}

.col_03 {
    flex: 0 0 30%;
    max-width: 30%
}

.col_3,.col_2,.col_1,.col_07,.col_03 {
    padding: 0 8px
}

#D_reg_mob,.profSecond {
    background-color: #363636
}

/*#D_reg_mob label,
.profSecond label{
font-size: 12px;
}*/
#D_reg_mob .ui-input-text,.profSecond .ui-input-text {
    margin: 0
}

.offeredLogins {
    font-weight: 700;
    padding: 1px
}

.reg_prof__element_row,.changepass__element_row {
    position: relative;
    width: 100%;
    margin-bottom: 12px
}

.form-group {
    display: flex;
    column-gap: 6px
}

.form-group button.btn_prim {
    width: 40%;
    height: 34px!important;
    align-self: stretch;
    line-height: 1!important;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden
}

.form-group>div,.form-group input {
    width: 100%
}

.help-text {
    display: block;
    margin-top: 6px;
    min-height: 17px
}

.help-text:empty {
    min-height: initial
}

.help-text.success {
    color: #4bb543
}

#timer {
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #5c5c5c;
    border-radius: 3px
}

.D_subheading {
    color: #999;
    display: block;
    padding: 0 8px
}

#Third .D_subheading {
    margin-bottom: 40px
}

#Fourth .D_subheading {
    margin-bottom: 80px
}

.D_congratz {
    color: #009b01;
    text-align: center;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 30px
}

select.D_input {
    color: #999!important
}

.D_info_box {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 2px
}

.D_info_box>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 10
}

.input_validation_fail .D_check,.fail .D_check #generalTermsLink,.fail .D_check .tl_input_popup_required,.fail .D_check a,.fail .D_check {
    color: red
}

.D_info_box>span>span {
    background-color: #fff;
    color: #000;
    width: 100%;
    display: block;
    padding: 10px;
    border-radius: 5px
}

.regT5 .reg_prof__element_row.fail .reg_err_mess,.regT1 .reg_prof__element_row.fail .reg_err_mess,.reg_prof__element_row.fail .D_info_box.f>span {
    display: block
}

.reg_prof__element_row.loginex .D_info_box.le>span {
    display: block
}

.reg_prof__element_row.fail .D_info_box.f>span>span {
    background-color: #803839;
    color: #fff!important
}

.reg_prof__element_row .D_info_box>span>span>strong {
    color: #d30000
}

.reg_prof__element_row.fail .D_info_box.f>span:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -7px;
    left: calc((50%) - 13px);
    border-style: solid;
    border-width: 0 13px 7px;
    border-color: transparent transparent #803839 transparent
}

.reg_prof__element_row.warn .D_info_box.w>span {
    display: block
}

.hidden {
    display: none
}

.regHeading {
    background-color: #2f2f2f;
    color: #fff;
    height: 40px;
    padding: 0 16px
}

.regHeading>span {
    flex: 1
}

.D_info_box.w {
    position: relative
}

.D_info_box.w>span {
    top: 0;
    position: relative
}

.errSucCont .reg_close:after,.regHeading .reg_close:after,.change_pass_heading .reg_close:after {
    font-family: iconsdinamicmenu;
    content: "\E368";
    font-size: 34px;
    display: inline-block;
    text-align: center
}

.errSucCont .reg_close:after {
    line-height: 20px
}

.regHeading .reg_close:after,.change_pass_heading .reg_close:after {
    line-height: 26px;
    width: 26px
}

.D_check>input {
    display: none
}

.D_check .imitator {
    position: absolute;
    top: 5px;
    inset-inline-start: 10px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-family: iconsdinamicmenu;
    font-size: 38px;
    cursor: pointer
}

.D_check .imitator:before {
    content: "\E414";
    text-align: center;
    display: block;
    color: #999
}

.D_check>input:checked~.imitator:before,.ui-checkbox-on.imitator:before {
    content: "\E413"
}

.input_validation_fail .D_check #generalTermsLink,.fail .D_check .imitator:before,.input_validation_fail .D_check .imitator:before {
    color: red
}

#generalTermsLink {
    color: inherit
}

.loginex .D_info_box.le,.loginex .D_info_box.le>span {
    position: relative;
    top: auto;
    left: auto
}

.refresh-captcha:before,.refreshLoginCaptcha:before {
    content: "\E386";
    font-family: iconsdinamicmenu;
    font-size: 38px;
    color: #999;
    line-height: .5
}

.tl_mail_message_body table.body-wrap .content tr td a>img {
    max-width: 100%
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear .25s,opacity .25s 0s,transform .25s
}

.modal-content {
    background-color: #fff;
    padding: 12rem 1.5rem;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    text-align: center;
    background: rgba(51,51,51,.8);
    color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.close-button {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: .25rem;
    background-color: #d3d3d3
}

.close-button:hover {
    background-color: #a9a9a9
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: visibility 0s linear 0s,opacity .25s 0s,transform .25s
}

#CancelActiveBonusYes {
    background: #999;
    border: none;
    padding: 10px;
    display: block;
    width: 100%
}

#CancelActiveBonusNo {
    background: #ef3f18;
    border: none;
    padding: 10px;
    color: #fff;
    display: block;
    width: 100%;
    margin-top: 15px
}

.notificationSettings_item.footer-check {
    margin-bottom: 20px
}

.notificationSettings_item {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.notification_group {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #333;
    border-radius: 3px;
    text-indent: 10px;
    margin-bottom: 10px
}

.notification_row {
    padding: 10px
}

.switch input.sw {
    display: none
}

.switch input.sw+label {
    width: 36px;
    height: 20px;
    position: relative
}

.switch input.sw+label:after {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    background-color: #9e9e9e;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.21);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.21);
    box-shadow: 0 2px 5px rgba(0,0,0,.21)
}

.switch input.sw:checked+label:after {
    left: 16px;
    background-color: #fff
}

.switch input.sw+label:before {
    content: "";
    width: 36px;
    position: absolute;
    top: 0;
    height: 14px;
    display: block;
    background-color: #9e9e9e;
    border-radius: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.switch input.sw:checked+label:before {
    content: "";
    background-color: rgba(0,0,0,.5)
}

.switch label {
    color: #999;
    margin-left: 8px;
    cursor: pointer
}

.update_btn {
    width: 100%;
    background-color: #999;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    font-size: 16px
}

.notif_heading {
    text-align: center;
    display: block;
    width: 100%;
    padding: 7px 0;
    font-size: 16px
}

.delete_icon {
    position: absolute;
    right: 20px;
    width: 17px;
    background-size: contain;
    height: 20px;
    background-repeat: no-repeat
}

.tl_msg_attach_reply_pad {
    padding-left: 50px;
    padding-right: 50px
}

.tl_mail_attachfiel_pad {
    padding-left: 30px;
    padding-right: 30px
}

.tl_mail_padd {
    padding-left: 35px;
    padding-right: 35px
}

.tl_vertical_padd {
    padding-bottom: 18px;
    padding-top: 18px
}

.tl_user_icon {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    right: -30px;
    top: 3px
}

.tl_system_icon {
    position: absolute;
    display: block;
    width: 20px;
    height: 24px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: -30px;
    top: 3px
}

.tl_send_area_cont .tl_user_icon {
    right: 7px;
    top: 10px
}

.tl_vertical_padd_big.irbetAll_attached {
    padding-top: 25px;
    padding-bottom: 25px;
    margin: 0
}

.text-dotdot {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 214px
}

#bonuses_content,.tl_gh {
    padding: 15px 15px 30px
}

.confirmation-block .col50 {
    width: 50%;
    float: left;
    padding: 0 5px
}

.confirmation-block .col50>button {
    height: 36px
}

.bonus-block {
    margin-bottom: 50px
}

.bonus-block .more-btn:before {
    display: block;
    font-size: 3.5em;
    content: "\e411";
    font-family: iconsdinamicmenu;
    transform: rotate(180deg);
    line-height: .5em
}

.game_history .more-btn:before {
    display: block;
    font-size: 3.5em;
    content: "\e411";
    font-family: iconsdinamicmenu;
    transform: rotate(180deg);
    line-height: .5em
}

.bonus-block .more-btn,.game_history .more-btn {
    display: block;
    width: 5em;
    height: 4em;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.cw-rtl-global .game_history .more-btn.rotate,.cw-rtl-global .bonus-block .more-btn.rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.game_history .more-btn {
    margin-bottom: 20px
}

.game_history td:nth-child(1) {
    width: 40%
}

.bonus-history .bonus-block {
    padding: 12px;
    background-color: #262626;
    border-radius: 4px
}

.bonus-history .filter-block {
    margin-bottom: 24px
}

#bonuses_content.bonus-history .bonus-block .item {
    border-bottom-color: rgba(120,120,120,.8)
}

#bonuses_content.bonus-history .bonus-block .item:last-child {
    border: none
}

#bonuses_content.bonus-history .col50 {
    color: rgba(120,120,120,.8)
}

#bonuses_content.bonus-history .col50.text-right {
    color: #fff
}

.bonus-history .bonus_details {
    width: 100%;
    margin-top: 40px
}

.bonus-history .bonus_details h3 {
    color: #f5b940;
    text-align: start
}

.bonus-history .bonus_details p {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(120,120,120,.8);
    color: rgba(120,120,120,.8);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bonus-history .bonus_details p:last-child {
    border-bottom: none
}

.bonus-history .bonus_details p span {
    color: #fff
}

.bonus-history .status_1 {
    color: #ffed47
}

.bonus-history .status_2 {
    color: #47ff8a
}

.bonus-history .status_3 {
    color: #47a7ff
}

.bonus-history .status_4 {
    color: #a4a4a4
}

.bonus-history .status_5 {
    color: #ff4747
}

.bonus-history .status_6 {
    color: #ffed47
}

.bonus-history .status_7 {
    color: #ff4747
}

#bonusesNavBar .heading {
    width: 100%
}

#bonuses_content .bonus-block .item {
    padding: 5px 10px!important;
    margin-top: 3px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#bonuses_content .bonus-block .text-right {
    text-align: end!important
}

#bonuses_content .col50 {
    width: 50%;
    float: left
}

.activate_btn {
    margin-top: 10px
}

.btn-set {
    margin-top: 10px
}

.crash strong:before {
    content: "Á"
}

.rocketon strong:before {
    content: "ã"
}

.sicbo strong:before {
    content: "á"
}

.help strong:before {
    content: "\56"
}

table.reports td {
    width: 50%
}

#info_div {
    z-index: 100000;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(126,127,130,.84);
    padding: 8px;
    border-radius: 8px
}

#forceChangePass #info_div {
    z-index: 0;
    color: #fff;
    font-size: 18px;
    background-color: rgba(126,127,130,.84);
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 15px;
    position: relative;
    left: 0;
    transform: none;
    display: none;
    color: #090
}

.papara_desc_mob {
    color: #111;
    font-size: 13px
}

.left-sicbo:before,.sicbo strong:before {
    content: "á"
}

#home-hokm .left-hokm strong:before {
    content: "Ü";
    font-size: 36px!important
}

#home-chingachung .left-chingachung strong:before {
    content: "Ö";
    font-size: 46px!important
}

#home-minesweeper .left-minesweeper strong:before {
    content: "Ú";
    font-size: 46px!important
}

.deleteAll_icon,.readAll_icon {
    font-size: 26px;
    color: #999;
    padding: 9px 7px
}

.deleteAll_icon:before {
    font-family: iconsdinamicmenu;
    content: "\E305";
    font-size: 36px
}

.readAll_icon:before {
    font-family: iconsdinamicmenu;
    content: "\E345";
    font-size: 43px
}

.cookies-info-box {
    position: fixed;
    bottom: var(--cwNavbarBottomHeight);
    display: flex;
    left: 0;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 11px;
    background: #fff;
    border-left: 5px solid #999;
    align-items: center;
    z-index: 100;
    width: 100%;
    max-width: 900px;
    color: #000
}

.hide_header_navbar .cookies-info-box {
    bottom: 0
}

.cookies-info-box a {
    color: #000;
    text-decoration: underline;
    font-weight: 700
}

.cookies-info-box .icon_dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    background: #999;
    line-height: 20px;
    margin-right: 10px;
    flex-shrink: 0
}

.cookies-info-box .cookies-close {
    font-weight: 400;
    margin-left: 20px;
    font-size: 20px;
    width: 20px
}

.licenses_block {
    vertical-align: top
}

.reply_btn_answer {
    display: block;
    padding: 0 10px
}

.tl_mail_message_cont #file_upload {
    display: none
}

.send_btn_block {
    margin-bottom: 10px;
    margin-top: 10px
}

.send_btn_display {
    display: block
}

.line {
    border-bottom: solid 2px #c5c5c5;
    margin: 32px 0
}

.profileRow1 {
    padding: 10px;
    border-radius: 4px;
    background-color: #c5c5c5;
    color: #2b2b2b
}

.flex1 {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0
}

.field-validation-success {
    color: green!important
}

.mainTitle {
    font-weight: 700;
    text-align: center;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    min-width: 320px
}

.profileRow {
    position: relative;
    width: 100%;
    margin: 8px 0
}

.subTitle {
    color: #c83804;
    font-weight: 700;
    padding: 8px 0;
    font-size: 16px;
    text-transform: uppercase
}

.transfer2friend_cont {
    padding: 10px;
    background-color: #333;
    min-width: 320px
}

.textAlL {
    text-align: left
}

.textAlC {
    text-align: center
}

.textAlR {
    text-align: right
}

.width_all,.w-100 {
    width: 100%
}

.w-50 {
    width: 50%
}

.w-auto {
    width: auto!important
}

.h-100 {
    height: 100%
}

.scroll-x {
    overflow-x: auto;
    position: relative
}

.dis_none {
    display: none!important
}

.d-block,.dis_block {
    display: block
}

#loginerrormessage {
    width: 200px
}

.valid_error_color {
    color: red
}

.col_pad {
    padding-top: 10px
}

.col_zero {
    padding-right: 0
}

.dis_inline {
    display: inline
}

.dis_inBlock {
    display: inline-block
}

.btn_prim_styles .btn_prim {
    width: 100%;
    margin-bottom: 10px
}

.col_footer_pad {
    padding: 0 10px
}

.acc_notifications {
    color: #ffb700;
    padding: 5px 0;
    display: block;
    font-size: 13px
}

.acc_succMassage {
    color: green
}

.refID_styles {
    padding: 10px 0
}

.pos_rel {
    position: relative
}

.save_cancel_second {
    text-align: center
}

.save_cancel_second #cancel_update {
    width: 49%;
    display: inline-block
}

.save_cancel_second #save_update {
    width: 49%;
    display: inline-block
}

.succes_color {
    color: green
}

.txt_align {
    text-align: right!important
}

.last_tab_td {
    white-space: nowrap
}

.profile_attachfiel_block .profile_upload {
    background: #fff;
    color: #474747
}

.profile_upload {
    display: flex;
    border-radius: 4px;
    margin: .5em 0;
    align-items: center;
    justify-content: center
}

.upload_file_btn {
    width: auto;
    line-height: 36px;
    text-align: right;
    width: 100%
}

.profile_upload i {
    width: 35px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 0 -10px;
    text-align: left;
    text-indent: 10px
}

#profileForm #attachfile_btn {
    width: 100%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.under_link {
    text-decoration: underline
}

.xprogaming strong:before {
    content: "×"
}

.banner_BG_domein {
    text-align: center;
    padding: 12px;
    margin: 5px auto;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    width: 92%;
    color: #000
}

.txt_upper {
    text-transform: uppercase
}

.registerForm .ui-btn.ui-checkbox-off:after,.ui-btn.ui-checkbox-off:after {
    font-size: 19px;
    color: #999;
    background-image: none!important;
    position: absolute;
    left: 9px;
    top: 15px
}

.txt_upper {
    text-transform: uppercase
}

.ltr_txt {
    direction: ltr
}

#_agiframe {
    display: block;
    margin: auto;
    position: relative;
    width: 1536px;
    height: 85vh;
    overflow: hidden
}

.cancel_btn {
    background-color: #ffb700!important;
    color: #000!important;
    border-radius: 2px;
    height: 30px;
    line-height: 30px!important;
    text-align: center!important
}

#golden-race-mobile-app {
    width: 100%;
    height: 75vh
}

#golden-race-mobile-app>iframe[style] {
    height: 100vh;
    width: 100%!important
}

.gameplaydiv_hide {
    overflow: hidden
}

.content_new_styles input.valid {
    background: 0 0
}

.content_new_styles img {
    max-width: 100%;
    height: auto
}

.content_new_styles .game-container {
    position: relative
}

.content_new_styles .game-cont {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.content_new_styles .game-play {
    z-index: 10;
    background: rgba(0,0,0,.8);
    border-radius: 4px;
    text-align: center;
    position: absolute
}

.content_new_styles .ui-btn-icon-notext:after,.content_new_styles .ui-btn-icon-left:after,.ui-btn-icon-right:after {
    top: 18px;
    z-index: 2;
    pointer-events: none
}

.content_new_styles .ui-btn-icon-notext:after {
    margin-top: -11px
}

.content_new_styles .btn-sec {
    line-height: 14px!important
}

.content_new_styles .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,.content_new_styles .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    right: 0;
    top: 14px
}

.content_new_styles .ui-btn-icon-left:after {
    background-color: #111
}

.content_new_styles #cxl-badge {
    display: none
}

button.accordion {
    border-top: 2px solid #000
}

.timezoneandodd_haybet {
    display: block;
    padding: 15px 23px
}

.twentyOne_popup_container .tl_popup_container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)!important;
    z-index: 101;
    top: 0;
    left: 0;
    padding-top: 20%
}

.twentyOne_popup_container .textarea {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    padding: 1px 8px
}

.twentyOne_popup_container .tl_TwOne_btn {
    padding: 0 15px;
    text-transform: uppercase;
    outline: none;
    display: inline-block;
    margin: 0 10px;
    font-size: 13px;
    width: 100px
}

.twentyOne_popup_container .btns_cont {
    padding-bottom: 8px
}

.twentyOne_popup_container .tl_popup_content {
    background-color: #5d5d5d
}

#_luckyStreakFrame {
    display: block;
    margin: auto;
    position: relative;
    width: 1536px;
    height: 85vh;
    overflow: hidden
}

#myluckyFrame {
    display: block;
    margin: auto;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 75vh;
    background: #000
}

.game_layout_lucky {
    border: 0;
    width: 100%!important
}

.game_layout_lucky #col-center {
    width: 100%!important
}

#_EventBetFrame {
    display: block;
    margin: auto;
    position: relative;
    width: 1536px;
    height: 85vh;
    overflow: hidden
}

.news_block {
    height: 80px
}

.news_block>div {
    padding: 13px
}

.recoveryPopup_new {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .9;
    top: 45px;
    left: 0;
    background: #000
}

.recoveryPopup_new .head_close {
    width: calc(100% - 171px);
    text-align: right;
    line-height: 30px;
    --icoSize: 18px;
    padding: 0 15px
}

#ResetPasswordNew {
    padding: 20px
}

.reset_pass_descr {
    margin: 10px 0
}

.recoveryPopup_new .tl_head {
    padding: 0 15px
}

.regMobBody_padd {
    padding: 10px
}

.regMobBody {
    padding: 0 10px
}

.reg_width_block {
    width: 80px
}

.block_direction {
    direction: ltr!important
}

.reg_width_calc {
    width: calc((100%) - 92px)
}

.code_style_farsi {
    margin: 0 0 0 8px
}

.col_padd_top {
    padding-top: 10px
}

.lang_width {
    width: 21px
}

.wallets_row_marg {
    margin-top: 10px
}

.D_input_block_marg {
    margin: 26px 0
}

.block_height {
    height: 180px;
    text-align: center
}

.block_anoter_height {
    height: 100px
}

.txt_cent {
    text-align: center
}

.relativeHeading_sty {
    height: auto;
    padding: 5px
}

.tl_popup_container {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1000
}

.postmsgCont {
    font-size: 14px;
    text-align: center
}

.email_input_cont {
    flex-direction: column
}

#tl_input_activation_msg span {
    color: red;
    font-size: 13px
}

.sent_activation_email_btn_cont {
    padding: 24px 32px
}

.sent_activation_email_label,#tl_input_activation_msg {
    line-height: 22px
}

.activationEmailSent_btn {
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 2px;
    display: block;
    text-align: center!important;
    margin-top: 15px;
    line-height: 36px!important;
    height: auto
}

.tl_input_activation {
    border: 0;
    border-radius: 2px;
    line-height: 36px
}

.prof_refID {
    padding: 10px 0
}

#copyRefId {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background-size: cover;
    right: 33px;
    top: 621px
}

#tooltipText {
    height: 28px;
    width: 74px;
    position: absolute;
    background-color: #cccbca;
    color: #000;
    z-index: 999;
    border-radius: 13px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    position: absolute;
    top: 684px;
    left: 34px
}

.New {
    position: relative
}

.New:after {
    position: absolute;
    top: -15px;
    right: 0;
    content: var(--cdn-newBadge_svg);
    width: 23px;
    height: 15px
}

.tl_news_item_title {
    font-size: 16px;
    color: #f14100;
    display: block;
    padding: 15px 0;
    height: auto
}

.tl_news_item_new_img {
    width: 100%;
    padding: 0 15px
}

.tl_news_item_new_img img {
    width: 100%;
    height: auto
}

.carousel-caption {
    top: 20px;
    position: absolute;
    left: 24px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

.carousel-caption .btn {
    text-shadow: none
}

ul.slides li {
    position: relative
}

.iframe-container {
    display: block;
    position: relative
}

.iframe {
    width: 100%;
    overflow-y: scroll;
    height: calc(130vh - 10px)
}

.left-betchecker {
    position: relative
}

.left-betchecker:before {
    content: "â"!important
}

.left-jackpot {
    position: relative
}

.left-jackpot:before {
    content: "ä"!important
}

.idq_big {
    display: block;
    width: 135px;
    height: 30px;
    margin: 15px auto;
    background: var(--cdn-idq-big)no-repeat;
    background-size: contain
}

.idq_small {
    display: block;
    width: 55px;
    height: 30px;
    background-image: var(--cdn-idq-small);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 15px auto
}

#info_fav_div {
    z-index: 1111;
    color: #fff;
    font-size: 18px;
    position: fixed;
    left: 50%;
    top: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(126,127,130,.84);
    padding: 8px;
    border-radius: 8px
}

.ui-datepicker {
    z-index: 999!important
}

.collapse_dropdown_leftmenu {
    padding: 0!important;
    height: 43px;
    overflow: hidden;
    margin-bottom: 0
}

.collapse_dropdown_leftmenu.opened {
    height: auto
}

.collapse_dropdown_leftmenu_btn:after {
    content: ""!important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #000 transparent transparent transparent;
    margin-left: auto;
    margin-right: 10px
}

.collapse_dropdown_leftmenu a {
    height: 100%;
    width: 100%
}

.notFound {
    width: 100%;
    min-height: 70vw;
    padding: 0 15px;
    text-align: center
}

.fourOfour {
    width: 100%;
    padding-top: 20vw
}

.fourOfour>h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    display: block
}

.fourOfour>h2 {
    font-size: 15px;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
    line-height: 1.4;
    display: block
}

.fourOfour>h3 {
    font-size: 15px;
    color: #f14100;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0
}

.fourOfour>a {
    height: 28px;
    width: 100%;
    display: block;
    background-color: #f14100;
    color: #fff;
    line-height: 26px;
    text-align: center;
    border-radius: 30px;
    margin: 10px auto;
    max-width: 330px;
    font-size: 15px
}

.promoted.tr .txt:after {
    content: var(--cdn-newBadge-tr_png);
    position: absolute;
    top: -9px!important;
    right: -19px;
    width: 23px;
    height: 15px;
    line-height: 0;
    z-index: 2
}

.connect_vpn_popup {
    padding: 25px 20px 20px;
    background-color: #fff;
    border-radius: 6px;
    border-radius: 6px;
    color: #333;
    font-size: 15px;
    max-width: 90%;
    line-height: 1,3;
    text-align: center;
    font-weight: 500
}

.connect_vpn_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 15px
}

.connect_vpn_icon span {
    height: 26px;
    width: 26px;
    background-color: red;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: serif;
    font-weight: 700
}

.connect_vpn_popup #close_vpn_popup {
    background-color: #ffb700;
    border: none;
    display: block;
    width: 100%;
    height: 35px;
    text-transform: uppercase;
    margin-top: 20px;
    border-radius: 3px
}

#useVpnMob {
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    right: 0;
    left: 0
}

button {
    border: none;
    background-color: initial
}

.all_buttons_styles {
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 100%;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    margin: 4px 0;
    cursor: pointer;
    font-size: 12px
}

.favorite_amounts,.finalpay_favorite_amounts {
    display: flex;
    justify-content: space-around
}

.favorite_amounts>*,.finalpay_favorite_amounts>* {
    width: 25%;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.favorite_amounts>div,.finalpay_favorite_amounts>div {
    position: relative;
    text-align: center
}

input,.reg_input,.custon_select__front_el,.drop-down,.drop-down-small,#content_paym .ui-select span,#content_paym .ui-select select {
    border: none;
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    display: block;
    line-height: 34px
}

input[type=password]::-ms-reveal {
    display: none
}

.custon_select__front_el {
    display: block!important;
    height: 34px
}

span.custon_select__front_el,span.drop-down,span.drop-down-small {
    pointer-events: none
}

input:focus {
    outline: none
}

input[type=radio],input[type=checkbox] {
    width: auto;
    min-height: 0;
    line-height: 14px
}

input:read-only {
    opacity: .4;
    text-overflow: ellipsis
}

.reg__gender_row .radioBox_label {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 8px
}

.radioBox_label [type=radio] {
    display: none
}

.radioBox_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-level-high);
    border-radius: 50%;
    opacity: .3
}

.radioBox_label input:checked+.radioBox_icon:before {
    content: "";
    display: inline-flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--text-level-high)
}

.radioBox_label input:checked+.radioBox_icon {
    opacity: 1
}

.custon_select__front_el,.drop-down,.drop-down-small {
    z-index: 2;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reg_input.input-validation-error,.custon_select__front_el.input-validation-error,.input-validation-error,.reg_input.error {
    border: 1px solid red
}

.tfa_popup_input.input-validation-error {
    border-color: red
}

.registration__container {
    padding: 10px 25px
}

.reg__gender_row>* {
    position: relative;
    margin-bottom: 10px;
    width: 100%
}

.reg__gender_row label,.profile_container .reg__gender_row label {
    border: none;
    width: 100%;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    font-size: 14px;
    display: block;
    line-height: 30px;
    padding: 0 0 0 40px;
    position: relative
}

.reg__gender_row input {
    z-index: -1;
    position: absolute;
    top: 0;
    opacity: 0
}

.reg__dateofbirth_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.reg__dateofbirth_row>div {
    width: 32%
}

.reg__row_title,.profile_container label,.transfer2friend_cont label,#content_paym label,.forgot_pass__row label,.r_login__row label,.changepass__element_row label,.search_popup_row label,.filter__block label {
    font-size: 13px;
    display: block;
    margin-bottom: 4px
}

.changepass__element_row label,.forgot_pass__row label {
    float: left
}

.forgot_pass__row.float_none label,.changepass__element_row .required-field,.forgot_pass__row .required-field {
    float: none
}

.reg_prof__element_row h3 {
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    font-weight: 700
}

.r_login__row,.changepass__element_row,.search_popup_row,.filter__block {
    margin-bottom: 10px;
    width: 100%
}

.r_login__row {
    column-gap: 10px
}

.login_container {
    display: flex;
    flex-direction: column
}

.r_login__row {
    display: flex;
    align-items: center;
    justify-content: center
}

.r_login__row>*:not(.tl_refresh_container,.captchaImage,.platformForgPass) {
    width: 100%
}

.r_login__row.dis_none {
    display: none
}

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

#staticLogin .r_login__row {
    flex-direction: column;
    margin-bottom: 20px
}

.static_log_btn {
    margin-bottom: 15px
}

.static_login_content {
    padding-bottom: 30px
}

.platformLoginButton {
    display: block
}

.platformForgPass {
    text-align: center;
    margin-top: 15px;
    display: inline-block
}

#staticLoginForm .error_msg {
    color: red;
    font-size: 12px!important;
    margin-inline-end:auto;margin-top: 0
}

#staticLoginForm .error_msg>span {
    font-size: 12px!important;
    color: red!important
}

#staticLoginForm .input-validation-error+.eye_button {
    bottom: 24px
}

.forgot_pass__row {
    margin-bottom: 10px;
    position: relative
}

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    font-size: 14px
}

.tl_mail_send_area {
    resize: none;
    width: 100%;
    border: none;
    height: 120px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 2px;
    box-shadow: none
}

.phone_number_inp_reg {
    width: 100%
}

.prof__checkboxes_row>* {
    border: none;
    width: 100%;
    min-height: 20px;
    border-radius: 2px;
    font-size: 14px;
    display: block;
    line-height: 34px;
    margin-bottom: 10px;
    position: relative;
    line-height: 20px;
    padding: 5px 10px 5px 40px;
    display: flex;
    align-items: flex-end
}

.prof__checkboxes_row .ui-checkbox .ui-btn {
    margin-bottom: 0
}

.prof__checkboxes_row>label {
    margin-bottom: 0
}

.prof__checkboxes_row input {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    min-height: inherit
}

.prof__checkboxes_row label.ui-btn:after {
    display: none
}

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    display: flex;
    line-height: 36px;
    align-items: center
}

.resp_gaming_cont .lbl {
    font-weight: 400!important;
    display: block;
    width: 50%;
    margin-bottom: 8px;
    text-align: inherit!important
}

.commissionFee_item {
    position: absolute;
    right: 15px
}

@media screen and (max-width: 799px) {
    .games li {
        width:50%;
        min-width: 50%;
        float: left
    }
}

.games #back_cont span {
    width: auto;
    min-width: 100%;
    text-align: left;
    font-size: 16px
}

.games #back_cont {
    width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center
}

.tg_live_casino_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0
}

.tg_live_casino_item {
    padding: 24px
}

.tg_live_casino_item img {
    border-radius: 8px;
    max-width: 100%
}

.popup_flex_box {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1000!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.game_popup__content {
    padding-top: 40px
}

.game_popup_buttons {
    margin: 10px 0
}

.vis_hidden {
    visibility: hidden
}

.live_cs_background {
    width: 100%
}

.game_notfound_color {
    color: #999;
    padding: 0 10px
}

.sliderControlsCont {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    margin: 0;
    padding: 2px;
    line-height: 0;
    width: 100%
}

.sliderControlsCont .slick-dots {
    position: static;
    justify-content: center
}

.sliderControlsCont li {
    width: 100%;
    max-width: 35px;
    margin: 0 1px
}

.sliderControlsCont .slick-dots li:only-child {
    display: none
}

.sliderControlsCont .slick-dots li button {
    height: 3px;
    width: 100%;
    margin: 0 1px 5px;
    background-color: #666;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    overflow: hidden
}

.sliderControlsCont .slick-dots .slick-active button {
    background-color: #e0be00
}

.blinking_cursor {
    width: 1px;
    height: 17px;
    background-color: #fff;
    -webkit-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
    position: absolute;
    top: 11px;
    left: 16px
}

@-webkit-keyframes blink {
    from {
        background-color: initial
    }

    50% {
        background-color: #fff
    }

    to {
        background-color: initial
    }
}

@keyframes blink {
    from {
        background-color: initial
    }

    50% {
        background-color: #fff
    }

    to {
        background-color: initial
    }
}

.project_col_game_tabs,.project_col_game_tabs img {
    width: 100%
}

.project_col_game_tabs {
    margin: 15px 0;
    position: relative;
    text-align: center;
    color: #fff;
    background: #fff;
    border-radius: 9px;
    overflow: hidden
}

.project_col_game_tabs img {
    padding: 15px 20px 25px;
    max-width: 350px
}

.project_col_game_tabs .title_name {
    position: absolute;
    bottom: 0;
    background: #ddc068;
    z-index: 2;
    width: 100%;
    padding: 5px 0;
    border-radius: 0 0 9px 9px;
    color: #000
}

.tl_footer_payments_new {
    width: 72px;
    height: 36px;
    margin: 3px;
    background-color: #fff;
    border-radius: 2px
}

.tl_footer_socials_new {
    width: 44px;
    height: 44px;
    margin: 3px;
    background-color: #fff;
    border-radius: 2px;
    background-position-x: -72px
}

#footer {
    overflow: visible!important;
    position: relative
}

.welcome_login_popup_inner {
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(4,6,34,.15);
    position: relative;
    margin: auto;
    min-width: 200px;
    min-height: 200px;
    padding-top: 40px
}

.welcome_login_popup {
    max-width: 93%;
    max-height: 93%;
    min-height: 93%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.welcome_login_popup p {
    margin: 0
}

.welcome_login_popup img,.welcome_login_popup iframe {
    max-width: 100%;
    vertical-align: top
}

.welcome_login_popup_close {
    position: absolute;
    z-index: 999;
    top: 0;
    inset-inline-end: 0;
    color: #6b6a6a!important;
    height: 32px!important;
    width: 32px!important;
    background-color: #9f9f9f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.welcome_login_popup_container {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11111120;
    display: flex;
    justify-content: center;
    align-items: center
}

.notification_static_content {
    min-height: 50px;
    z-index: 101
}

.notification_content {
    height: 50px;
    background-color: #0f0f0f;
    border-bottom: 1px solid #ffb700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 16
}

.notification_static_content~#header,.notification_static_content~.header__wrap_block #header {
    top: 50px
}

.notification_icon:before {
    content: "\e410";
    font-family: iconsdinamicmenu
}

.notification_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 20px);
    margin: 0
}

.notification_icon {
    color: #ffb700;
    height: 34px;
    width: 34px;
    min-width: 34px;
    background-color: #222;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 36px;
    margin: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.notification_text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    transform: translate(100%)
}

.notification_slide {
    width: 100%;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 12px;
    padding-top: 6px
}

@keyframes notification_slide {
    0% {
        transform: translate(85vw)
    }

    to {
        transform: translate(-100%)
    }
}

.notification_close_btn {
    cursor: pointer;
    color: #999;
    margin: 0 10px;
    padding: 3px
}

.name_vidget {
    text-align: center;
    text-transform: uppercase;
    padding: 11px 16px;
    margin: 8px 5px
}

.game__block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2px;
    position: relative;
    cursor: pointer
}

.game__main {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.game__main img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.last_played__container {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    white-space: nowrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0 10px 16px
}

.last_played__container .game__block {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    height: auto;
    margin: 4px 2px 0;
    border-radius: 8px;
    overflow: hidden;
    width: calc(50% - 15px);
    padding: 0
}

#menu-right .txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 470px) {
    #menu-right .txt {
        max-width:150px
    }
}

@media screen and (max-width: 400px) {
    #menu-right .txt {
        max-width:115px
    }
}

@media screen and (max-width: 350px) {
    #menu-right .txt {
        max-width:90px
    }
}

.register_left_banner img {
    width: 100%
}

.currency_icon {
    font-family: iconsdinamicmenu;
    font-size: 22px
}

.amd:after,.AMD:after {
    font-family: iconsdinamicmenu;
    content: '\E393'
}

.try:after,.TRY:after {
    font-family: iconsdinamicmenu;
    content: '\E394'
}

.eur:after,.EUR:after {
    font-family: iconsdinamicmenu;
    content: '\E395'
}

.usd:after,.USD:after {
    font-family: iconsdinamicmenu;
    content: '\E396'
}

.uah:after,.UAH:after {
    font-family: iconsdinamicmenu;
    content: '\E397'
}

.bot:after,.BOT:after {
    font-family: iconsdinamicmenu;
    content: '\E398'
}

.byn:after,.BYN:after {
    font-family: iconsdinamicmenu;
    content: '\E399'
}

.gbp:after,.GBP:after {
    font-family: iconsdinamicmenu;
    content: '\E400'
}

.gel:after,.GEL:after {
    font-family: iconsdinamicmenu;
    content: '\E401'
}

.inr:after,.INR:after {
    font-family: iconsdinamicmenu;
    content: '\E402'
}

.irr:after,.IRR:after {
    font-family: iconsdinamicmenu;
    content: '\E403'
}

.kes:after,.KES:after {
    font-family: iconsdinamicmenu;
    content: '\E404'
}

.kzt:after,.KZT:after {
    font-family: iconsdinamicmenu;
    content: '\E405'
}

.lek:after,.LEK:after {
    font-family: iconsdinamicmenu;
    content: '\E406'
}

.rub:after,.RUB:after {
    font-family: iconsdinamicmenu;
    content: '\E407'
}

.tnd:after,.TND:after {
    font-family: iconsdinamicmenu;
    content: '\E408'
}

.irt:after,.IRT:after {
    content: "IRT";
    font-family: roboto,sans-serif;
    font-weight: 700
}

html[lang=FA] .irt:after,html[lang=FA] .IRT:after {
    content: "تومان";
    font-family: IRANSans;
    font-weight: 400
}

.ron:after,.RON:after {
    content: "RON";
    font-family: roboto,sans-serif;
    font-weight: 700
}

.krw:after,.KRW:after {
    font-family: iconsdinamicmenu;
    content: '\E4B1'
}

.jackpot__value .krw:after,.jackpot__value .KRW:after,.jackpot__value .usd:after,.jackpot__value .USD:after {
    font-size: 30px;
    line-height: 22px
}

.tfa_content {
    padding: 30px 17px 30px 16px;
    font-size: 14px
}

.tfa_content .ui-corner-all,.tfa_content .ui-corner-bottom,.tfa_content .ui-corner-right,.tfa_content .ui-corner-br {
    box-shadow: none
}

.tfa_content .ui-btn.ui-checkbox-off:after {
    display: none!important
}

.tfa_title {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 400;
    display: block
}

.tfa_subtitle {
    margin-top: 30px;
    font-weight: 400;
    line-height: 1.7;
    display: block
}

.tfa_text_bold {
    font-weight: 700
}

.tfa_text {
    line-height: 1.7;
    margin: 0
}

.tfa_text p {
    margin: 0
}

.tfa_sub_content {
    padding: 0 22px
}

.tfa_switcher_content {
    margin: 22px 0 35px;
    max-width: 534px;
    font-size: 12px
}

.tfa_switcher_item {
    width: 56px;
    height: 32px;
    position: relative;
    display: block;
    border-radius: 36px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    cursor: pointer;
    background-color: #ccc;
    border: 1px solid #adadad;
    margin: 0 16px
}

.tfa_switcher_item:before {
    content: "";
    display: block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    left: 3px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background: #fff no-repeat padding-box;
    box-shadow: 0 5px 5px #00000043;
    top: 3px
}

.tfa_switcher_input {
    opacity: 0;
    position: absolute;
    z-index: -5;
    visibility: hidden
}

.tfa_switcher_input:checked+.tfa_switcher_item:before {
    left: 25px
}

.tfa_switcher_input:checked+.tfa_switcher_item {
    background-color: #197b30;
    border: 1px solid #036a1c
}

.tfa_image_cont img {
    max-width: 100%;
    vertical-align: middle
}

.tfa_image_cont {
    height: 200px;
    width: 200px;
    box-shadow: 0 6px 9px #04132431;
    border-radius: 14px;
    background-color: #fff;
    padding: 20px;
    margin-top: 22px
}

.tfa_btn_content {
    width: 100%
}

.qr_code_input {
    width: 100%;
    height: 48px;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 2px;
    margin-bottom: 24px;
    display: block;
    border: none;
    color: gray
}

.qr_code_btn {
    width: 100%;
    height: 48px;
    background-color: #197b30;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: roboto,sans-serif!important
}

input:read-only.ctfa_copy_code {
    opacity: 1
}

.ctfa_copy_code {
    width: calc(100vw - 33px);
    height: 33px;
    background-color: #fff;
    border-radius: 8px;
    color: #000;
    font-size: 14px!important;
    padding: 0 20px;
    border: none;
    font-family: roboto,sans-serif!important;
    text-align: center
}

.tfa_text a {
    text-decoration: underline
}

.tfa_copy_code_content {
    margin: 25px 0
}

.tfa_copy_code_text {
    opacity: .5;
    margin-bottom: 12px;
    display: block;
    font-size: 14px
}

.tfa_error_msg {
    position: absolute;
    top: 75%;
    color: #f30000;
    inset-inline-start: 0;
    line-height: 1.2
}

.tfa_error_msg.invalid {
    color: #f30000
}

.tfa_error_msg.valid {
    color: #0f0
}

.tfa_content .relative {
    padding-bottom: 12px
}

.ctfa_copy_code,.qr_code_input {
    box-shadow: 0 1px 5px #0002043b;
    background-color: #fff
}

.tfa_popup_container {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 500
}

.tfa_popup_container .reg_error_message {
    color: red
}

.tfa_head_close:before {
    content: '\e295';
    font-size: 30px;
    line-height: .7;
    font-family: iconsdinamicmenu
}

.tfa_popup_header {
    color: #1a1a1a;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    height: 56px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px;
    position: relative
}

.tfa_head_text {
    width: calc((100%) - 20px);
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    color: #1a1a1a
}

.tfa_popup_header .tl_head_close {
    color: #58595a;
    font-size: 13px
}

.tfa_popup_text {
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: center
}

.tfa_popup_container .tfa_popup_input {
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    color: gray;
    width: 100%;
    border: none;
    height: 36px;
    border-bottom: 1px solid #ccc;
    padding: 0 15px
}

.tfa_popup_btn {
    height: 36px;
    background-color: #197b30;
    font-weight: 500;
    width: 100%;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff
}

.tfa_popup_img {
    max-width: 159px;
    margin: 22px auto 40px;
    display: block
}

.tfa_popup_content {
    background-color: #f2f2f2;
    padding: 23px 27px 15px;
    min-height: calc(100% - 47px);
    box-shadow: 15px 15px 10px #0000004D
}

.tfa_popup_content .reg_err_mess {
    top: 100%;
    width: 100%
}

.tfa_popup_error {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center
}

.tfa_popup_container .form-group {
    margin-bottom: 15px;
    position: relative
}

.dur-container {
    color: #d6d6d6;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    padding-top: 10px
}

.dur-texts {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 38px 38px;
    background-position: 16px;
    width: 100%;
    background-color: #000;
    position: relative;
    border-radius: 4px
}

.dur-content {
    padding-inline-start:69px;padding-inline-end:10px;min-height: 45px;
    padding-top: 11px;
    padding-bottom: 11px;
    line-height: 1.3;
    border-radius: 4px;
    width: 100%
}

.dur-content:last-child {
    border-bottom: 3px solid #ffb700
}

.dur-close {
    position: absolute;
    inset-inline-end: -3px;
    top: -3px;
    color: #707070;
    padding: 4px;
    border-radius: 50%;
    background: #1a1a1a;
    border: 1px solid #000;
    margin: 0;
    text-align: center;
    --icoSize: 6px;
    display: flex
}

.dur-close:hover {
    color: #fff
}

.dur-content a {
    color: #d6d6d6
}

.dur-content .sep {
    padding: 0 10px;
    text-align: center
}

.lc_error_page {
    min-height: calc(100vh - 200px);
    padding: 10% 0
}

.lc_error_btn {
    margin-top: 30px;
    padding: 12px 42px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    transition: .2s linear 0s
}

.lc_error_img {
    max-width: 300px;
    width: 100%;
    margin-top: 100px;
    filter: drop-shadow(2px 4px 6px black)
}

.lc_error_text {
    font-size: 16px
}

.active_bonuses {
    padding: 0 20px
}

.bg_bonuses {
    padding: 6px 16px
}

.free_spin {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 7px 1px rgba(0,0,0,.15)
}

.free_spin__id {
    position: absolute;
    background: rgba(105,105,105,.27);
    backdrop-filter: blur(28px);
    width: 100%;
    font-size: 16px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff
}

.free_spin__id .status {
    font-size: 12px;
    line-height: 16px;
    color: #ffb700
}

.free_spin img {
    width: 100%;
    min-height: 100px
}

.free_spin__content {
    padding: 16px 12px 12px;
    flex-grow: 1
}

.free_spin__content .text-primary {
    margin-top: 2px;
    margin-bottom: 6px;
    font-size: 13px
}

.show-more {
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    display: none
}

.free_spin.sport .free_spin__btn.show-more {
    display: flex
}

.free_spin.sport .free_spin__btn {
    background-color: rgba(255,255,255,.4);
    display: none
}

.free_spin__btn {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer;
    margin-top: auto;
    text-align: center
}

.free_spin__line {
    margin-bottom: 16px
}

.free_spin__line>div {
    margin-bottom: 6px
}

@media screen and (max-width: 375px) {
    .free_spin__line>div {
        font-size:3.4vw
    }
}

.free_spin__line>div:first-child,.free_spin__line>div:first-child .text-primary {
    font-size: 16px;
    align-items: center
}

.flip-card-back {
    display: none
}

.free_spin.toggle .flip-card-back {
    display: block
}

.free_spin .show-more svg {
    transition: .23s
}

.free_spin .show-more svg path {
    fill: currentColor
}

.free_spin.toggle .show-more svg {
    transform: rotateZ(180deg)
}

.free_spin .select-wrapper select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    background-color: rgba(255,255,255,.4);
    color: rgba(255,255,255,.8);
    border-radius: 6px
}

.free_spin .select-wrapper option {
    color: #000
}

.free_spin .event-list {
    max-height: 300px;
    overflow: auto
}

.free_spin .event-list .event-list__item {
    padding-left: 6px;
    border-left: 1px solid rgba(255,255,255,.4);
    margin-bottom: 8px;
    text-align: start;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90%;
    width: max-content
}

.free_spin .event-list .event-list__item.with-indicate::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffb700;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%)
}

#bonusesNavBar #clientBonusReport {
    width: 100%;
    margin-top: 5px
}

.mb-110 {
    margin-bottom: 110px!important
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.6)
}

.backdrop p {
    margin: 0
}

.bonus-cancel-confirmation {
    max-width: 344px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 16px
}

.confirmation_inner {
    flex-wrap: wrap;
    flex-direction: initial
}

.confirmation__title {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin-bottom: 32px
}

.js_confirm_cancel,.js_reject_cancel {
    width: 47%;
    padding: 8px 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.js_confirm_cancel {
    background: rgba(255,91,91,5%);
    color: #ff5b5b
}

.js_reject_cancel {
    background: #ffb700;
    color: #333;
    margin-left: auto
}

.call_request_content {
    padding: 30px 20px
}

.call_request_content .form-group-label {
    font-size: 14px
}

.call_request_content .ui-datepicker-trigger {
    color: inherit;
    height: 36px;
    width: 26px;
    position: absolute;
    inset-inline-end: 5px;
    bottom: 0;
    box-shadow: none;
    padding: 0
}

.call_request_content .form-group {
    margin-bottom: 34px;
    position: relative;
    display: flex;
    flex-direction: column
}

.call_request_content .tl_date_picker,.call_request_content .tl_input {
    background-color: initial;
    border-bottom: 1px solid;
    color: inherit;
    padding: 0 5px;
    border-radius: 0
}

.call_request_content .tl_date_picker {
    background-position: right 24px top 50%!important
}

.call_request_content .input-validation-error {
    border: none!important;
    border-bottom: 1px solid red!important
}

.call_request_content .reg_err_mess.field-validation-error {
    position: absolute;
    top: 106%
}

.call_request_content .call_request_textarea {
    margin-top: 15px;
    height: 136px!important;
    resize: none;
    border: 1px solid!important;
    border-radius: 3px;
    color: inherit;
    background-color: initial;
    display: block;
    width: 100%;
    padding: 10px
}

.calendar_icon:before {
    font-family: iconsDinamicMenu;
    content: "\e007";
    font-size: 35px;
    line-height: 24px
}

.profile_container .calendar_icon:before {
    position: absolute;
    right: 10px;
    bottom: 5px;
    pointer-events: none;
    z-index: 10
}

.calendar_icon {
    font-style: normal
}

.call_request_content .ui-input-text {
    box-shadow: none
}

.call_request_send_btn {
    height: 47px!important;
    border: none;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center
}

.succsess_color {
    color: green
}

.error_color {
    color: red
}

.promoted_hot:after {
    height: 16px;
    box-sizing: border-box;
    font-size: 11px;
    text-transform: uppercase;
    padding: 1px 5px;
    margin: 0 10px;
    border-radius: 2px;
    width: auto;
    line-height: initial;
    content: "Hot";
    color: #fff;
    background: red;
    position: static
}

.call_request_content #startdate_js .reg_err_mess,.call_request_content #enddate_js .reg_err_mess {
    display: block;
    position: relative
}

.agent_system_page {
    background-color: #1a1a1a;
    min-height: 100vh;
    padding-top: 10px
}

.agent_system_main {
    padding: 0 15px 85px
}

.agent_system-heading {
    padding: 0 5px 0 15px;
    line-height: 44px;
    box-shadow: 0 3px 6px rgba(0,0,0,.4);
    z-index: 2;
    height: 44px
}

.agent_system_content {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.agent_system-title {
    color: #999;
    font-size: 13px;
    text-transform: uppercase
}

.agent_system-heading .right_menu_close {
    display: none;
    padding: 0 10px
}

.agent_info_list {
    padding: 0;
    align-items: flex-start
}

.agent_info_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    box-shadow: 0 0 1px #000;
    position: relative
}

.agent_info_item {
    min-height: 73px;
    background-color: #262626;
    margin: 4px 0;
    color: #ccc;
    font-size: 14px;
    width: 49%;
    padding: 5px 1px 12px!important;
    flex-direction: column;
    border-radius: 4px
}

.agent_info_item_space {
    position: absolute;
    height: 10px;
    width: 106%;
    top: 72px;
    border-radius: 0
}

.agent_info_ic:before {
    content: "";
    display: flex;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #3a3735;
    margin: 3px 7px;
    font-family: iconsDinamicMenu;
    font-size: 36px;
    line-height: 30px;
    align-items: center;
    justify-content: center
}

.agent_product_list {
    padding: 0;
    margin-bottom: 1px
}

.agent_info_ic {
    display: flex;
    align-items: center;
    font-size: 12px;
    width: 100%;
    align-self: flex-start
}

.net_profit_ic:before {
    content: "\E130";
    color: #5a86e6;
    display: block;
    text-align: center;
    line-height: 35px
}

.profit_ic:before {
    content: "\E265";
    color: #93b199
}

.status_ic:before {
    content: "\E025";
    color: #ffb700
}

.rules_ic:before {
    content: "\E303";
    color: #c18e6e
}

.ok_ic:before {
    color: green;
    content: "\E303";
    font-family: iconsDinamicMenu;
    font-size: 26px
}

.not_ok_ic:before {
    color: red;
    content: "\E379";
    font-family: iconsDinamicMenu;
    font-size: 26px
}

.text-white {
    color: #fff
}

.agent_icons {
    display: inline-flex;
    align-items: center
}

.agent_icons:before {
    font-family: iconsdinamicmenu;
    font-size: 46px;
    margin: 0 4px;
    width: 30px;
    line-height: 35px
}

.ag_casino:before {
    content: "\E008"
}

.ag_table_games:before {
    content: "\E312"
}

.ag_other:before {
    content: "\E383"
}

.ag_poker:before {
    content: "\E01D";
    font-size: 50px
}

.ag_sports:before {
    content: "\E024"
}

.ag_live_casino:before {
    content: "\E382";
    font-size: 42px
}

.ag_virtual_sport:before {
    content: "\E030";
    font-size: 54px
}

.ag_skill_games:before {
    content: "\E023"
}

.view_ic::after {
    content: "";
    height: 5px;
    width: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: inline-block!important;
    transform: rotate( -45deg );
    transition: all .2s ease;
    margin: 3px
}

.view_more_info {
    flex-wrap: wrap;
    height: 55px!important;
    overflow: hidden
}

.active_days_list {
    height: 24px!important
}

.opened_info {
    height: auto!important
}

.opened_info .agent_info_subtitle.view_ic::after,.opened_info>span.view_ic::after,.opened_info>li>span.view_ic::after {
    transform: rotate( -135deg)
}

.agent_filter_result_list .view_more_info>span {
    margin: 3px 0
}

.view_more_info_list {
    background-color: #262626;
    width: calc(100% + 30px);
    margin: 0 -15px
}

.view_more_info_list:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 4px;
    border-color: transparent transparent #262626 transparent;
    position: absolute;
    bottom: 100%;
    right: 23vw
}

.agent_info_item .view_more_info_list {
    width: calc(100vw - 30px);
    margin: 18px -15px 0;
    transform: translate(calc(26px - 50vw),0);
    display: none;
    margin-right: calc(26px - 50vw)
}

.view_more_info_list li {
    font-size: 12px;
    height: 24px
}

.opened_info {
    overflow: visible;
    padding-bottom: 0!important
}

.opened_info .view_more_info_list {
    display: block
}

.opened_info .showList {
    margin-bottom: auto
}

#js_agent_rules.opened_info {
    height: auto
}

.product_title {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    margin: 25px 0 5px;
    display: block;
    text-shadow: -1px 0 1px #4a4a4a
}

.agent_product_list li {
    min-height: 24px;
    background-color: #262626;
    color: #ccc;
    box-shadow: 0 0 1px #000
}

.agent_product_list .agent_filter_result_list {
    margin: 0 -16px;
    width: calc(100% + 32px);
    background-color: #1a1a1a
}

.filter_content {
    padding: 16px;
    display: flex;
    flex-direction: column;
    min-height: 500px
}

.agent_system_filter_icon {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 8px;
    bottom: var(--cwNavbarBottomHeight);
    border-radius: 50%;
    box-shadow: 0 1px 6px #666;
    font-family: iconsdinamicmenu;
    font-size: 46px;
    color: #1a1a1a;
    z-index: 9
}

.agent_system_filter {
    background-color: #1a1a1a
}

.agent_system_filter .cashier_fixed_header {
    box-shadow: 0 3px 6px #00000066;
    font-size: 14px;
    min-height: 44px;
    padding-top: 0
}

.agent_system_page .regHeading>span {
    flex: inherit
}

.agent_system_filter #filter__close {
    color: #999;
    margin-top: 0;
    font-size: 22px;
    padding: 8px 6px;
    margin-left: auto;
    cursor: pointer;
    position: static;
    height: 100%;
    line-height: 27px;
    width: 26px;
    background-color: initial
}

.filter_form_group {
    margin-bottom: 24px;
    position: relative
}

.filter_form_group label {
    color: inherit;
    font-size: 12px
}

.filter_form_group input,.filter_form_group select {
    display: block;
    width: 100%;
    border: none;
    height: 44px;
    padding: 0 15px
}

.filter_btn_cont {
    margin-top: auto
}

.filters_btn {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 49%;
    font-size: 13px;
    text-transform: uppercase
}

.clear_filter_btn {
    background-color: #ccc;
    color: #1a1a1a
}

.clear_filter_show {
    background-color: #166f2b;
    color: #f2f2f2
}

.filter_select_arrow select {
    -webkit-appearance: none;
    -moz-appearance: none
}

.filter_select_arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #666 transparent transparent transparent;
    position: absolute;
    top: 40px;
    right: 13px;
    pointer-events: none;
    z-index: 2
}

#js_ag_pl_id_validation {
    color: #fc0000
}

.agent_system_filter {
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background: #f2f2f2;
    min-height: 100vh;
    overflow: auto
}

.agent_filter_result_list li {
    min-height: 24px;
    background-color: #262626;
    box-shadow: 0 0 1px #404040;
    color: #ccc
}

.agent_system_page .agent_info_subtitle {
    background-color: #404040;
    font-size: 14px;
    height: 48px;
    padding: 0 11px;
    box-shadow: 0 1px #1A1A1A;
    margin-top: 6px
}

.agent_system_page ul:not(.opened_info) .agent_info_subtitle {
    color: #e6e6e6
}

.active_days_list li {
    background-color: #404040
}

.filter_result_info {
    font-size: 14px;
    text-align: right;
    padding: 0 15px;
    margin-bottom: 18px
}

.load_more_btn {
    color: #ccc;
    font-size: 12px;
    margin: 24px auto;
    display: inline-block
}

.ag_no_results:before {
    font-family: iconsdinamicmenu;
    content: "\e090";
    display: block;
    font-size: 28px;
    line-height: 22px
}

.ag_no_results {
    height: 55px;
    text-align: center;
    padding: 5px 5px 10px!important;
    flex-direction: column
}

.opacity-6 {
    opacity: .6
}

.ag_copy_btn:before {
    content: "\E376";
    font-family: iconsdinamicmenu;
    font-size: 26px
}

.ag_url_cont {
    margin-top: 20px;
    position: relative
}

.ag_copy_btn {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    background-color: #4e4e4e;
    margin: 0 5px;
    line-height: 42px;
    text-align: center;
    min-width: 42px;
    color: #fff
}

.ref_link_info+.ag_copy_btn,.ag_link_info+.ag_copy_btn {
    background-color: var(--bg-level-2);
    color: var(--icon-level-high)
}

.agent_system_content .ag_link_info,.account_content .ref_link_info {
    background-color: #262626;
    border-radius: 6px;
    height: 37px;
    min-width: calc(100vw - 86px);
    border: none;
    color: #9b9b9b;
    opacity: 1;
    direction: ltr
}

.account_content .ref_link_info,.agent_system_content .ag_link_info {
    background-color: var(--bg-level-2);
    color: var(--text-level-high)
}

.agent_system_page .rm__my_profile_ID_massage {
    background: #000;
    color: #ccc;
    margin: 8px 11px;
    border-radius: 10px;
    position: absolute;
    top: 100%;
    background-color: initial;
    right: 0;
    width: fit-content;
    padding: 0;
    left: auto
}

.play__promo_button {
    margin-top: auto;
    margin-bottom: 0;
    font-size: 12px
}

#CallTimeTo-button {
    border: none!important;
    background-color: initial!important;
    border-bottom: 1px solid!important;
    border-radius: 0;
    height: 33px
}

#CallTimeTo-button:after {
    font-family: iconsDinamicMenu;
    content: "\E138";
    font-size: 39px;
    display: inline-block;
    top: 50%;
    inset-inline-end: 4px;
    background: 0 0;
    transform: translateY(-50%);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0
}

#CallTimeTo-button span.tl_sel_popup_reg {
    font-size: 14px;
    padding: 0 5px;
    margin-top: 6px;
    display: inline-block
}

.mx-1 {
    margin-right: 8px;
    margin-left: 8px
}

.tl_copy_btn {
    height: 28px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    padding: 0 9px 2px;
    border: none;
    font-size: 13px!important;
    transition: all .2s;
    cursor: pointer;
    width: auto!important
}

.first_reg_template .dropdSelect {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 18px 0 10px
}

.first_reg_template .reg_width_calc {
    width: calc((100%) - 98px)
}

.first_reg_template .reg_info {
    overflow: visible;
    white-space: normal;
    min-height: 50px;
    line-height: 1.2;
    text-align: left;
    margin-top: 15px
}

.first_reg_template .D_info_box>span {
    padding: 0
}

.first_reg_template .reg_prof__element_row.fail .D_info_box.f>span>span {
    background-color: #d4d4d4;
    color: #fc0000!important;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2)
}

.first_reg_template .reg_prof__element_row.fail .D_info_box.f>span:after {
    border-color: transparent transparent #d4d4d4 transparent
}

.first_reg_template .D_info_box>span>span {
    padding: 4px 8px;
    border-radius: 2px
}

.first_reg_template .D_info_box>span,.first_reg_template .D_info_box {
    top: 102%
}

.first_reg_template .tl_refresh_container {
    color: #999
}

.first_reg_template .captcha {
    display: flex;
    flex-wrap: wrap
}

.first_reg_template .reg__row_title {
    width: 90%
}

.first_reg_template .captcha .reg_prof__element_row {
    margin-bottom: 0
}

.first_reg_template .refresh-captcha:before {
    color: inherit
}

.first_reg_template .reg_mobile_code {
    padding: 0 10px;
    width: 80px;
    height: 34px;
    font-size: 14px;
    border-radius: 2px;
    line-height: 34px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.first_reg_template .fail .D_check .imitator:before {
    color: rgba(250,0,0,.6)
}

.first_reg_template .ui-corner-all {
    margin-bottom: 0
}

.form-step {
    display: none
}

.showStep {
    display: block
}

.regT6 .D_reg_step {
    display: none
}

.regT6 .showStep {
    display: block
}

.regT5 .D_reg_step {
    display: none
}

.regT5 .showStep {
    display: block
}

.regT5 .reg_err_mess,.regT1 .reg_err_mess,.regT2 .reg_err_mess,.regT6 .reg_err_mess {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    z-index: 10;
    margin-top: 6px
}

.regT1 .reg_err_mess {
    margin-top: -4px
}

.regT5 .reg_err_mess span,.regT1 .reg_err_mess span,.regT2 .reg_err_mess span,.regT6 .reg_err_mess span {
    width: 100%;
    display: block;
    padding: 4px 8px;
    border-radius: 2px;
    background-color: #d4d4d4;
    color: #fc0000!important;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2)
}

.regT5 .reg_prof__element_row.fail .reg_err_mess:after,.regT1 .reg_prof__element_row.fail .reg_err_mess:after,.regT2 .reg_prof__element_row.fail .reg_err_mess:after,.regT6 .reg_prof__element_row.fail .reg_err_mess:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -7px;
    left: calc((50%) - 13px);
    border-style: solid;
    border-width: 0 13px 7px;
    border-color: transparent transparent #d4d4d4 transparent
}

.checkBox_label {
    margin-inline-start:24px;position: relative;
    font-size: 12px;
    line-height: 1.5;
    display: inline-block;
    cursor: pointer
}

.ui-mobile .checkBox_label {
    text-indent: 0
}

.checkBox_text a {
    text-decoration: underline
}

.checkBox_label .checkBox_input[type=checkbox] {
    display: none
}

.checkBox_input+.checkBox_icon {
    position: absolute;
    top: 1px;
    inset-inline-start: -24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 16px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 2px solid #999;
    color: #999;
    border-radius: 2px;
    flex-shrink: 0
}

.checkBox_input:checked+.checkBox_icon {
    background-color: #999;
    border: 0
}

.checkBox_input+.checkBox_icon:after {
    content: "\E085";
    font-family: iconsdinamicmenu;
    color: #fff;
    display: none
}

.checkBox_input:checked+.checkBox_icon:after {
    display: block
}

.input_validation_fail #generalTermsLink,.input_validation_fail .checkBox_label,.input_validation_fail .checkBox_label a {
    color: red
}

.fail .checkBox_input+.checkBox_icon,.input_validation_fail .checkBox_input+.checkBox_icon,.input-validation-error+.checkBox_icon {
    border-color: red!important
}

.GDPR_disabled .checkBox_label {
    opacity: .4;
    pointer-events: none
}

.regT5 .captcha,.regT1 .captcha {
    column-gap: 0
}

.regT5 .captcha .reg_prof__element_row,.regT1 .captcha .reg_prof__element_row {
    column-gap: 10px
}

.regT5 .input-validation-error.reg_prof__element_row,.regT1 .input-validation-error.reg_prof__element_row,.regT2 .input-validation-error.reg_prof__element_row,.regT6 .input-validation-error.reg_prof__element_row {
    border: 0
}

.regT5.first_reg_template .dropdSelect,.regT1.first_reg_template .dropdSelect,.regT2.first_reg_template .dropdSelect,.regT6.first_reg_template .dropdSelect {
    padding: 0 14px 0 10px
}

.regT5 .phone_number_reg,.regT1 .phone_number_reg {
    margin-left: 0
}

.regT2 .reg_prof__element_row.fail .reg_err_mess,.regT6 .reg_prof__element_row.fail .reg_err_mess {
    display: block
}

.regT2 .all_buttons_styles,.regT6 .all_buttons_styles {
    margin: 0
}

.regT1 .reg__checkboxes,.regT5 .reg__checkboxes,.regT2 .reg__checkboxes,.regT6 .reg__checkboxes {
    margin-bottom: 16px
}

.reg__checkboxes .checkBox_label {
    background: 0 0
}

.document_upload_content {
    padding: 22px 15px
}

.document_upload_content .reg_prof__element_row label {
    display: block;
    margin-bottom: 4px
}

.document_upload_content .sucMsgUpload {
    color: #090
}

.upload_file_info {
    margin: 30px 0 20px
}

.attached_all_files .errorcount:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 10px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 39px;
    right: 48%
}

.attached_all_files .errorcount span {
    margin-left: 5px
}

.attached_all_files .errorcount {
    background: #fff;
    color: red;
    padding: 12px 15px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    font-size: 12px;
    text-align: left;
    border-radius: 2px;
    z-index: 2
}

.elem_trans {
    opacity: 0!important;
    position: absolute;
    z-index: -50
}

.document_upload_content .tl_head_close {
    background-color: #ccc;
    position: absolute;
    line-height: .45;
    inset-inline-end: 0;
    top: 0;
    width: 22px;
    height: 22px
}

.document_upload_content .tl_head_close:before,.document_upload_content .tl_head_close:after {
    display: none
}

.document_upload_content .cw_icon_close_v6 {
    line-height: 22px
}

.document_upload_content .cw_icon_close_v6:before {
    color: #333;
    text-shadow: 0 2px 3px rgba(0,0,0,.3)
}

.attached_file_content {
    position: relative;
    padding: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 2px;
    background-color: #dfdfdf
}

.attached_all_files .ui-shadow-inset {
    display: none
}

.attached_all_files {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.attached_file_content img {
    height: 96px;
    width: 96px;
    object-fit: contain
}

.attachfielPDF_box {
    height: 96px;
    width: 96px;
    padding: 5px
}

.attachfielPDF_img {
    width: 50px;
    height: 52px;
    margin-bottom: 10px
}

.attachfielPDF_text {
    font-size: 12px;
    margin: 0;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.btn_upload {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 5px;
    right: 0!important;
    cursor: pointer;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.btn_document_update {
    height: 32px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px!important;
    box-shadow: none;
    font-size: 14px;
    margin-top: 20px
}

.document_upload_content .document-upload-btn {
    text-align: center;
    margin: 0 0 20px
}

.document_upload_content #attachfile_btn:before {
    content: none
}

.document_upload_content #attachfile_btn:after {
    content: none
}

.document_upload_content .btn_upload {
    filter: brightness(1.1)
}

.upload_file_info {
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 6px rgba(0,0,0,.3);
    border-radius: 4px;
    overflow: hidden;
    font-size: 12px;
    margin: 14px 0;
    padding: 10px 0;
    align-items: center
}

.upload_file_info .flex {
    min-height: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 15px;
    width: 100%
}

.upload_file_info_name {
    color: currentColor
}

.status_result {
    font-weight: 700
}

.upload_file_info_result {
    font-weight: 400
}

.upload_file_info_left {
    width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.upload_file_info_right {
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.kyc_st_1 {
    color: #090
}

.kyc_st_2 {
    color: red
}

.kyc_st_7,.kyc_st_8,.kyc_st_9 {
    color: #ffb700
}

.view_upload_file .eye_button:before {
    font-size: 34px
}

.view_upload_file .eye_button {
    position: static;
    color: currentColor
}

.show_document_popup {
    background-color: #161616;
    position: fixed;
    min-height: 100vh;
    min-height: 100dvh;
    top: 0;
    right: 0;
    left: 0;
    z-index: calc(var(--cwZIndexFooter) + 10);
    padding: 40px 0;
    display: none;
    align-items: center;
    flex-wrap: wrap
}

.opened_popup {
    display: flex
}

.popup_heading {
    position: absolute;
    right: 0;
    left: 0;
    top: 53px
}

.show_document_popup_content {
    position: relative;
    z-index: 4
}

.close_document_popup {
    height: 20px;
    width: 20px!important;
    border: none;
    display: block;
    position: relative;
    background-color: initial;
    margin-block-end:30px;margin-inline-end:15px;margin-inline-start:auto}

.close_document_popup::before,.close_document_popup::after {
    content: "";
    display: block;
    height: 2px;
    width: 17px;
    border-radius: 2px;
    position: absolute;
    top: 8px;
    background-color: #fff;
    transform: rotate(-45deg)
}

.close_document_popup::before {
    transform: rotate(45deg)
}

.uploaded_img_file {
    width: 100%;
    max-height: 73vh
}

.floating-links-wrapper {
    position: fixed;
    top: 44%;
    z-index: 99;
    inset-inline-start: 0;
    display: flex;
    flex-direction: column;
    grid-row-gap: 20px;
    width: 58px
}

.floating-links-wrapper .promocode-badge {
    position: static
}

.promocode-badge {
    height: 54px;
    position: fixed;
    top: calc(14vh + 124px);
    z-index: 140;
    left: 0;
    display: flex;
    transform: translateX(-100px);
    transition: transform .3s linear;
    width: 154px
}

.close_ic_btn:before {
    content: '\e295';
    font-size: 30px;
    line-height: .7;
    font-family: iconsdinamicmenu
}

.tl_head_close.close_ic_btn:after {
    display: none
}

.promocode-badge.open {
    transform: translateX(0)
}

.promocode-badge .content {
    background-color: var(--btn-primary,#FDB500);
    display: flex;
    align-items: center
}

.promocode-badge .text-block {
    width: 100px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    padding-inline-start:8px;color: var(--btn-primary-text,#000);
    text-align: end;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promocode-badge .promocode-img {
    width: 36px;
    height: 100%;
    display: flex;
    padding: 0 8px;
    cursor: pointer
}

.promocode-badge .triangles {
    display: flex;
    flex-direction: column;
    background-color: var(--btn-primary,#FDB500);
    transform: translateX(-34px);
    z-index: -1
}

.promocode-badge .triangle1,.promocode-badge .triangle2 {
    position: relative;
    background-color: var(--btn-primary,#FDB500);
    width: 27px;
    height: 27px;
    border-top-right-radius: 16%
}

.promocode-badge .triangle1::before,.promocode-badge .triangle1::after,.promocode-badge .triangle2::before,.promocode-badge .triangle2::after {
    content: '';
    position: absolute;
    background-color: inherit;
    width: 27px;
    height: 27px;
    border-top-right-radius: 16%
}

.promocode-badge .triangle1 {
    transform: translate(-3%,-5%)rotate(-120deg)skewX(-30deg)scale(1.05)
}

.promocode-badge .triangle1:before {
    transform: rotate(-135deg)skewX(-45deg)scale(1.414,.707)translate(0,-50%)
}

.promocode-badge .triangle1:after {
    transform: rotate(135deg)skewY(-45deg)scale(.707,1.414)translate(50%)
}

.promocode-badge .triangle2 {
    transform: translate(59%,9%)rotate(55deg)skewX(-35deg)
}

.promocode-badge .triangle2:before {
    transform: rotate(-135deg)skewX(-45deg)scale(1.414,.707)translate(0,-50%)
}

.promocode-badge .triangle2:after {
    transform: rotate(135deg)skewY(-45deg)scale(.707,1.414)translate(50%)
}

.promocode_heading {
    padding: 16px
}

.promocode-info_content {
    padding: 1px 16px 30px;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    -webkit-box-shadow: inset 0 7px 10px -8px rgba(0,0,0,.5);
    box-shadow: inset 0 7px 10px -8px rgba(0,0,0,.5)
}

.promocode-container-mobile .promocode-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
    margin-bottom: 20px
}

.promocode-container-mobile .promocode_txt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.promocode-container-mobile .ui-shadow-inset {
    box-shadow: none
}

.promocode-container-mobile .ui-input-text input {
    background-color: initial;
    border: none;
    border-bottom: 1px solid;
    height: 30px;
    min-height: unset;
    border-radius: 0
}

.promocode-container-mobile .ui-input-text input.input-validation-error {
    border-bottom: 1px solid red
}

.promocode-container-mobile .ui-input-text input:focus {
    background-color: initial
}

.promocode-container-mobile .ui-input-text input::-webkit-input-placeholder {
    font-size: 14px
}

.promocode-container-mobile .ui-input-text input::-moz-placeholder {
    font-size: 14px
}

.promocode-container-mobile .ui-input-text input:-ms-input-placeholder {
    font-size: 14px
}

.promocode-container-mobile .ui-input-text input:-moz-placeholder {
    font-size: 14px
}

.promocode-container-mobile .errMsg {
    color: #d10000;
    min-height: 17px;
    margin-bottom: 60px;
    font-size: 13px
}

.promocode-container-mobile .promocode_btn {
    height: 44px;
    font-size: 14px;
    width: 100%;
    text-transform: uppercase
}

.promocode-container-mobile .promoImg img {
    text-align: center;
    border-radius: 24px;
    width: 100%
}

.promocode-container-mobile .promoImg {
    display: flex;
    justify-content: center;
    margin-bottom: 64px
}

.promocode-container-mobile .prizeText {
    font-size: 20px;
    font-weight: 700;
    max-width: 200px;
    text-align: center;
    margin: 0 auto 70px;
    word-break: break-word
}

.promocode-container-mobile .promocode_back_icon {
    background-color: unset!important;
    color: inherit!important;
    margin: 18px 0;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center
}

.promocode_back_icon::before {
    content: "\e087";
    font-family: iconsdinamicmenu;
    font-size: 22px;
    margin-right: 10px;
    line-height: 12px
}

.promocode-badge .promocode_badge_icon {
    width: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
    font-size: 20px;
    color: var(--btn-primary-text,black)
}

.promo_icon:before {
    content: "\e380";
    font-family: iconsdinamicmenu;
    font-size: 40px
}

.bonus_badge_count {
    background-color: #f60e0e;
    height: 24px;
    padding: 0 2px;
    min-width: 24px;
    border-radius: 50%;
    position: absolute;
    inset-inline-end: 0;
    top: -12px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

#left-panel .ui-panel-inner {
    height: 100%
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left,.ui-panel-dismiss-open.ui-panel-dismiss-position-right {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.casino-tabs,.casino_links_tabs {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    display: flex
}

.dynamic_menu~#searchContent .popup_flex_box {
    top: 69px
}

.dynamic_menu .casino_h_link_cont.fixed {
    position: static
}

.dynamic_menu .collapse_dropdown_leftmenu_btn:after {
    font-family: iconsdinamicmenu!important;
    content: "\e366"!important;
    border: 0;
    width: auto;
    font-size: 26px;
    color: #999;
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    height: 13px;
    line-height: 13px;
    margin: auto
}

.dynamic_menu .opened .collapse_dropdown_leftmenu_btn:first-child {
    border-radius: 8px 8px 0 0
}

.dynamic_menu .menu_item {
    display: flex;
    padding-top: 4px;
    padding-bottom: 2px;
    align-items: center
}

.dynamic_icon {
    font-family: iconsdinamicmenu;
    font-size: 46px;
    margin: 0 10px 0 0;
    line-height: 34px
}

.message_notifin_cont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: fixed;
    top: 10px;
    right: 15px;
    z-index: 102;
    background-color: #fff;
    color: #1a1a1a;
    border-left: 4px solid;
    border-color: #fdba50;
    border-radius: 4px;
    max-width: 343px;
    min-height: 78px;
    width: 100%;
    left: 15px;
    margin: 0 auto
}

.message_notifin_inner {
    display: flex;
    padding: 13px 40px 13px 10px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%
}

.message_notifin_title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1a1a1a
}

.message_notifin_text {
    font-size: 14px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1a1a1a
}

.message_notifin_text_cont {
    width: calc(100% - 47px);
    margin: 0 auto
}

.message_notifin_close_icon {
    position: absolute;
    inset-inline-end: 12px;
    top: 11px;
    padding: 5px;
    cursor: pointer;
    color: #222
}

.message_notifin_cont .cw_icon_mail {
    color: #fdba50;
    margin: 0 10px
}

.notification_static_content~.message_notifin_cont {
    top: 138px
}

.cas_nav_prev,.cas_nav_next {
    height: 36px;
    width: 36px;
    background: rgba(0,0,0,.7);
    color: #fff;
    cursor: pointer;
    transition: .2s linear 0s;
    font-family: iconsdinamicmenu;
    font-size: 20px;
    transition: all .314s;
    border-radius: 4px 0 0 4px
}

.cas_nav_next {
    border-radius: 0 4px 4px 0
}

.cas_nav_prev.slick-disabled,.cas_nav_next.slick-disabled {
    opacity: .7
}

.cas_nav_next:after {
    content: "\e363"
}

.cas_nav_prev:after {
    content: "\e362"
}

.promo_popup_inner {
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(4,6,34,.15);
    position: relative;
    margin: auto;
    min-width: 200px;
    min-height: 200px;
    width: calc(95vw - 17px);
    overflow-x: hidden;
    border-radius: 16px
}

.promo_popup {
    max-width: 93%;
    max-height: 93%;
    min-height: 93%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.promo_popup_close {
    position: absolute;
    z-index: 100;
    top: 16px;
    right: 16px;
    color: #999!important;
    height: 32px!important;
    width: 32px!important;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1px 1px 0;
    font-size: 24px!important;
    line-height: .4
}

.promo_popup_close:after {
    content: '\E089';
    font-family: iconsdinamicmenu
}

.promo_popup_container {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center
}

.promo_popup_iframe {
    width: 95vw;
    height: 89vh;
    border-radius: 16px;
    border: none
}

#FLGGames {
    height: 100vh
}

.noBonus-box {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100% - 200px);
    padding: 20px
}

.noBonus-box .noBonus-svg {
    margin-bottom: 40px;
    fill: #ffb700
}

.noBonus-box .noBonus-title {
    font-weight: 400;
    font-size: 16px
}

#footer {
    overflow: visible!important;
    position: relative
}

.number {
    min-width: 17px;
    height: 17px;
    padding: 2px 3px;
    color: #1a1a1a;
    font-size: 10px;
    font-weight: 500;
    border-radius: 10px;
    background-color: #ffb700;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 16px
}

.count_bonus {
    position: relative;
    display: inline-block;
    min-width: 20px;
    height: 17px;
    margin-left: 4px;
    margin-right: auto
}

.header_userid .count_bonus {
    margin-right: -50%
}

.count_bonus-number {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 17px;
    height: 17px;
    color: #1a1a1a;
    font-size: 10px;
    font-weight: 500;
    border-radius: 10px;
    background-color: #ffb700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 17px;
    padding: 2px;
    flex-shrink: 0;
    font-family: roboto,sans-serif
}

.rm__link__collapse_link .count_bonus-number {
    line-height: 16px
}

.new_bonuses *,.new_bonuses :after,.new_bonuses :before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.new_bonuses .dynamic_icon {
    vertical-align: middle;
    font-size: 20px;
    line-height: 16px;
    margin: 0
}

.new_bonuses {
}

.switcher_box {
    min-height: 44px;
    background-color: rgba(125,125,125,.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 1
}

.df-ac-jb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.switcher_box .bonus_box {
    flex-grow: 1;
    padding: 0 16px
}

.switcher_box .bonus_info-text {
    display: flex;
    align-items: center
}

.switcher_box .bonus_info-text i.gift,.switcher_box .bonus_info-text i.wallet {
    font-size: 34px;
    line-height: 18px;
    color: #ffb700;
    margin-right: 6px
}

.switcher_box .bonus_info-text span {
    font-size: 13px
}

.switcher_box .bonus_info-text svg {
    margin-right: 8px
}

.switcher_box .text {
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
    color: #fff
}

.switcher_box .text span {
    color: #b3b3b3
}

.switcher_box button.switch {
    width: 32px;
    height: 18px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: initial;
    border: 1px solid #666;
    border-radius: 20px;
    cursor: pointer;
    transition: all .36s;
    -webkit-user-select: none;
    user-select: none;
    background-clip: unset;
    transition: all .36s ease-in-out
}

.switcher_box button.switch:after {
    content: " ";
    position: absolute;
    top: -1px;
    width: 16px;
    height: 16px;
    left: -1px;
    background-color: #fff;
    border: .5px solid #0000001a;
    border-radius: 50%;
    transition: all .36s ease-in-out
}

.switcher_line {
    width: 1px;
    height: 18px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    margin: 0 16px 0 auto
}

.switcher_box button.switch.active {
    background-color: #ffb700;
    border-color: #ffb700
}

.switcher_box button.switch.active:after {
    left: 15px
}

.switcher_box .bon-close {
    width: 44px;
    height: 44px;
    padding: 10px;
    border-left: 1px solid #1a1a1a
}

.switcher_box .bon-close .dynamic_icon.closer {
    color: #b3b3b3;
    font-size: 22px;
    line-height: 10px
}

.balance-switcher {
    width: 100%;
    padding: 3px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.balance-switcher .dynamic_icon.gift {
    margin-inline-end:9px}

.balance-switcher .info-wrapper {
    margin-inline-end:9px;position: relative;
    display: flex;
    align-items: center
}

.balance-switcher .info-wrapper:hover .info-text {
    display: block
}

.balance-switcher .dynamic_icon.info-icon {
    cursor: help;
    margin: 0!important
}

.balance-switcher .info-text {
    max-width: 280px;
    position: absolute;
    bottom: 0;
    transform: translateY(140%)translateX(-50%);
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    background-color: var(--bg-level-3);
    width: max-content;
    left: 50%;
    border-radius: 6px;
    padding: 8px 12px;
    color: var(--text-level-high);
    display: none;
    z-index: 99
}

@media only screen and (max-width: 360px) {
    .balance-switcher .info-text {
        max-width:220px;
        left: -50%
    }
}

.balance-switcher .info-text ul {
    list-style-type: square;
    padding-inline-start:16px}

.balance-switcher .info-text:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--bg-level-3);
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translateY(-100%)translateX(-50%)
}

.balance-swither--title {
    margin-inline-end:4px;font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.balance-switcher .switch {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-inline-start:auto;transform: scale(1.35)
}

.balance-switcher .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.balance-switcher .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9e9e9e;
    -webkit-transition: .4s;
    transition: .4s
}

.balance-switcher .slider:before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    left: 1px;
    bottom: 1px;
    background-color: #333;
    -webkit-transition: .4s;
    transition: .4s
}

.balance-switcher input:checked+.slider {
    background-color: #26a69a
}

.balance-switcher input:focus+.slider {
    box-shadow: 0 0 1px #26A69A
}

.balance-switcher input:checked+.slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.balance-switcher .gift,.balance-switcher .info-icon {
    font-size: 32px;
    line-height: .5
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.new_bonuses .bonus_tab_list {
    display: flex;
    padding: 12px;
    border-bottom: 1px solid rgba(160,160,160,.2);
    width: 100%;
    white-space: nowrap;
    overflow-x: auto
}

.new_bonuses .bonus_tab_list li {
    display: inline-block
}

.new_bonus_content .new_bonuses {
    background-color: initial
}

.new_bonuses .tab_item {
    display: inline-block;
    padding: 12px 16px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    border-radius: 4px;
    text-transform: capitalize;
    opacity: .7;
    height: auto;
    width: auto;
    border: none;
    background-color: initial;
    color: inherit
}

.new_bonuses .tab_item .arrow_left {
    line-height: 12px;
    color: #b3b3b3;
    font-size: 30px;
    margin-right: 10px
}

.new_bonuses .back {
    padding: 12px;
    display: flex;
    align-items: center;
    max-width: 94vw
}

.new_bonuses ul .active {
    background-color: rgba(125,125,125,.3);
    opacity: 1
}

.bonus_tab_list>li:not(:last-child) {
    margin-right: 8px
}

.bonuses_content_box {
    padding: 20px 12px;
    font-weight: 400;
    font-style: normal
}

.controls {
    display: flex;
    position: absolute;
    top: 0;
    inset-inline-end: 6px;
    z-index: 2;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden
}

.controls .swiper-button-disabled {
    opacity: .7
}

.controls .pagination {
    margin: 0;
    padding: 3px 6px;
    backdrop-filter: contrast(70%);
    -webkit-backdrop-filter: contrast(70%)
}

.controls .btn-next,.controls .btn-prev {
    width: 18px;
    cursor: pointer;
    padding: 2px 6px;
    backdrop-filter: contrast(70%);
    -webkit-backdrop-filter: contrast(70%);
    font-size: 20px
}

.bonuses_content_box .title {
    font-size: 13px;
    line-height: 15px;
    text-transform: capitalize;
    margin-bottom: 20px;
    display: block
}

.active-bonuses-swiper .swiper-slide {
    margin-bottom: 0;
    height: initial;
    align-self: stretch
}

.sport-bonus {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #404040;
    border-radius: 8px
}

.event-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.event-list--all {
    padding: 30px 0;
    justify-content: center;
    align-items: center;
    backdrop-filter: contrast(90%);
    -webkit-backdrop-filter: contrast(90%)
}

.event-list--all .see-all {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 16px;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.event-list--all .see-all .see-all__icon {
    font-size: 100px;
    line-height: .2
}

.event-list--all .see-all a {
    display: flex;
    column-gap: 10px;
    border-radius: 4px;
    padding: 7px 12px;
    background-color: rgba(0,0,0,.4)
}

.event-list--all .see-all i {
    font-size: 20px;
    line-height: .7
}

.sport-bonus .event-list.empty {
    padding: 60px
}

.sport-bonus .event-list.empty:after {
    content: '';
    background-image: url("");
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    background-position: 50%;
    background-size: contain
}

.event-list:not(:last-child) {
    border-inline-end:1px solid #404040}

.event-list__item {
    padding: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    transition: .2s;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative
}

.event-list__item--first-level {
    backdrop-filter: contrast(70%);
    -webkit-backdrop-filter: contrast(70%)
}

.event-list__item.active {
    color: #ffb700;
    backdrop-filter: contrast(70%);
    -webkit-backdrop-filter: contrast(70%)
}

.event-list__item.active i {
    transition: .23s;
    transform: rotate(180deg)
}

.event-list--2 .event-list__item.active {
    color: #ffb700;
    backdrop-filter: contrast(90%);
    -webkit-backdrop-filter: contrast(90%)
}

.event-list--2>.event-list__item {
    backdrop-filter: contrast(90%);
    -webkit-backdrop-filter: contrast(90%)
}

.event-list__item p,.event-list__item a {
    max-width: 90%;
    width: max-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.event-list__item i {
    font-size: 30px
}

.pulsating-circle {
    position: absolute;
    inset-inline-end: 16px;
    top: 50%;
    transform: translateX(-50%)translateY(-50%);
    width: 10px;
    height: 10px
}

.pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-inline-start:-100%;margin-top: -100%;
    border-radius: 50%;
    background-color: red;
    animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1)infinite
}

.pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: red;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955)-.4s infinite
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    80%,100% {
        opacity: 0
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

.bonus_card_box {
    margin-bottom: 12px
}

.disabled-card {
    filter: grayscale(.9);
    pointer-events: none
}

.bonus_card {
    border-radius: 8px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column
}

.bonus_card.disabled .bonus_card_header,.bonus_card.disabled .bonus_card_body>*:not(.bonus_actions,.bonus_btn) {
    opacity: .7
}

.bonus_card.disabled {
    opacity: 1
}

.bonus_card.disabled:before {
    background-color: #b3b3b3
}

.bonus_card:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 16px);
    height: 4px;
    background-color: #ffb700;
    border-radius: 8px 8px 0 0
}

.bonus_card.active:before {
    background-color: #00912c
}

.bonus_card_header {
    position: relative;
    height: 160px
}

.bonus_card_header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

.game_quantity,.card_number {
    background-color: rgba(26,26,26,.5);
    color: #fff;
    position: absolute
}

.game_quantity {
    top: 0;
    right: 0;
    padding: 7px 12px;
    border-radius: 0 8px;
    font-size: 14px;
    line-height: 17px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.linked-bonus-label {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    z-index: 1;
    margin-inline-start:auto;display: flex;
    padding: 7px 8px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: var(--bg-level-1);
    color: var(--cwPrimary);
    font-size: 14px
}

.linked-bonus-label img {
    width: 20px
}

.card_number {
    bottom: 0;
    right: 0;
    left: 0;
    padding: 9px 16px 20px;
    font-size: 13px;
    line-height: 16px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card_number .status {
    display: inline-block;
    color: #fff
}

.card_number .status i {
    font-size: 20px;
    margin-inline-end:4px;line-height: 16px;
    vertical-align: middle
}

.card_number .status.verify i {
    color: #66bd80
}

.card_number .status.not_verify i {
    color: #ffb700;
    font-size: 22px
}

.bonus_card_body {
    position: relative;
    margin-top: -10px;
    border-radius: 8px;
    background-color: rgba(120,120,120,.2);
    padding: 12px 16px 16px;
    box-shadow: 0 4px 7px rgba(0,0,0,.3);
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.bonus_caption {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 12px;
    display: flex
}

.bonus_text_ellipsis {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.bonus_caption span:first-child:after {
    content: '|';
    color: #606060;
    margin: 0 8px
}

.bonus_caption span:first-child {
    white-space: nowrap
}

.bonus_list {
    margin-bottom: 16px
}

.bonus_list li {
    margin-bottom: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    line-height: 16px
}

.bonus_list .text_yellow {
    font-weight: 700
}

.bonus_list .bonus__current-bonus {
    font-size: 14px
}

.bonus_list li span:first-child {
    opacity: .8
}

.text_yellow {
    color: #ffb700
}

.bonus_list.amount_list li {
    margin-bottom: 8px;
    font-size: 12px
}

.bonus_timer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 12px;
    position: relative
}

.bonus_info_box {
    padding-bottom: 2px;
    margin-bottom: 9px;
    position: relative;
    max-height: 110px;
    overflow: hidden
}

.bonus_timer li {
    width: 42px;
    border-radius: 4px;
    text-align: center;
    overflow: hidden
}

.bonus_timer li:not(:last-child) {
    margin-right: 12px
}

.bonus_timer li span {
    display: block;
    opacity: .85
}

.bonus_timer li span:first-child {
    padding: 4px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-size: 11px;
    line-height: 13px
}

.bonus_timer li span:last-child {
    padding: 9px;
    font-size: 16px;
    line-height: 19px
}

.bonus_timer.time_expire li span:last-child {
    color: #f71206;
    background-color: #482e2e
}

.not_results {
    display: flex;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 120px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-area: a;
    align-self: center
}

.new_bonuses .dynamic_icon {
    font-size: 30px
}

.not_results p {
    margin-top: 5px
}

.bonus_progress {
    margin-bottom: 12px
}

.bonus_progress .label {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 6px
}

.bonus_progress .label {
    padding-right: 18px;
    position: relative
}

.bonus_progress .progress_thumb:after {
    content: '\E085';
    position: absolute;
    right: 0;
    top: -20px;
    width: 14px;
    height: 14px;
    display: block;
    opacity: 0;
    border-radius: 50%;
    background-color: #66bd80;
    font-family: iconsdinamicmenu;
    color: #fff;
    text-align: center;
    font-size: 17px;
    line-height: 16px
}

.bonus_progress .progress_thumb[style="width: 100%"]:after {
    opacity: 1
}

.bonus_progress .progress_track {
    width: 100%;
    height: 3px;
    background-color: rgba(90,90,90,.5);
    border-radius: 8px;
    margin-bottom: 6px;
    position: relative
}

.bonus_progress .progress_thumb {
    background-color: #66bd80;
    border-radius: 8px;
    height: 3px;
    display: block
}

.bonus_progress .bonus_amount {
    font-size: 12px;
    line-height: 14px;
    text-align: right
}

.bonus_progress .bonus_amount span {
    opacity: .5
}

.bonus_btn {
    border: 0;
    outline: 0;
    display: inline-block;
    padding: 10px;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    line-height: 15px;
    border-radius: 4px;
    text-transform: capitalize;
    text-align: center;
    width: 100%
}

.bonusCancel {
    margin-bottom: 0;
    background-color: rgba(255,91,91,5%)!important;
    color: #ff5b5b!important
}

.bonus_btn,a.bonus_btn,.bonus_timer li {
    background-color: rgba(100,100,100,.3);
    box-shadow: 2px 2px 2px rgba(0,0,0,.1)
}

.bonus_btn.disabled,.bonus_btn:disabled {
    opacity: .7
}

.bonus_btn.pending_bonus_btn {
    background-color: #ffb700;
    color: #1a1a1a
}

.bonus_actions {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.bonus_actions.bonus_info {
    flex-direction: column;
    row-gap: 10px
}

.bonus_actions.bonus_info .bonus_btn {
    width: 100%
}

.bonus_info_content {
    width: 100%;
    height: auto;
    max-height: 160px;
    border: 1px solid rgba(90,90,90,.5);
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 16px;
    transition: .63s
}

.bonus_info_content.opened {
    max-height: 400px
}

.bonus_info_content.opened .bonus_info_box {
    overflow: auto;
    max-height: 300px
}

.bonus_info_content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 8px
}

.bonus_info_content p.amount {
    display: inline-block;
    position: relative;
    padding-right: 60px;
    width: 100%
}

.bonus_info_content p.amount span {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.bonus_info_btn {
    text-align: center;
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: center
}

.bonus_info_btn i.arrow_down {
    line-height: 15px;
    font-size: 18px;
    margin: 0 6px
}

.bonus_less_info {
    display: none
}

.bonus_opened_info .bonus_less_info {
    display: block
}

.bonus_opened_info .bonus_more_info {
    display: none
}

.dynamic_icon.arrow_down {
    transition: transform .3s ease
}

.bonus_opened_info .dynamic_icon.arrow_down {
    transform: rotate(180deg)
}

.bonus_games .title {
    margin-bottom: 8px;
    font-size: 13px;
    opacity: .7
}

.contribution {
    display: flex;
    margin-bottom: 16px
}

.bonus_games .icon {
    width: 28px;
    margin-right: 12px;
    text-align: center;
    background-color: rgba(125,125,125,.3);
    border-radius: 0 0 24px 24px;
    padding: 8px 0
}

.bonus_games .icon i,.discount i {
    color: #ffb700;
    display: block;
    margin: 0
}

.bonus_games .icon i {
    font-size: 30px
}

.bonus_games .contribution_desc {
    font-size: 12px
}

.bonus_games .contribution_desc h4 {
    margin-bottom: 4px
}

.contribution_text {
    opacity: .7
}

.bonus_search {
    position: relative;
    margin-bottom: 12px
}

.bonus_search input {
    border-radius: 4px;
    padding: 14px 35px!important;
    font-size: 13px;
    line-height: 15px;
    width: 100%;
    border: 1px solid rgba(125,125,125,.1);
    background-color: rgba(120,120,120,.15);
    color: inherit
}

.bonus_search i.search_icon {
    position: absolute;
    top: 16px;
    inset-inline-start: 14px;
    font-size: 30px;
    opacity: .7;
    line-height: 15px
}

.bonus_search input:placeholder-shown~.close-search {
    display: none
}

.bonus_search .close-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: inherit;
    inset-inline-end: 14px
}

.bonus_search i.dynamic_icon.closer {
    color: #b3b3b3;
    font-size: 22px;
    line-height: 10px
}

.bonus_game_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "a a" "a a"
}

.bonus_game_list li {
    width: 50%;
    display: inline-block;
    padding: 0 4px;
    margin-bottom: 8px;
    position: relative
}

.bonus_game_list .lca-card--v1 {
    min-width: auto;
    width: calc(100% - 8px)
}

.discount,.bonus_badge {
    display: inline-block;
    text-align: center;
    position: absolute;
    color: #fff
}

.discount {
    display: inline-block;
    min-width: 32px;
    text-align: center;
    background-color: rgba(26,26,26,.4);
    border-radius: 0 0 24px 24px;
    padding: 3px 5px 8px;
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 12px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff
}

.bonus_badge {
    font-size: 8px;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 10px;
    top: 8px;
    left: 8px;
    text-transform: uppercase
}

.new_bonuses .badge_premium {
    background-color: #0638ff
}

.new_bonuses .badge_top {
    background-color: #0006b8
}

.new_bonuses .badge_hot {
    background-color: #fd2f23
}

.bonus_game_list a {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}

.bonus_game_list a img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    vertical-align: middle
}

.sportBonus_list {
    background-color: rgba(26,26,26,.3);
    color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 0 12px;
    margin-bottom: 30px
}

.sportBonus_list li {
    padding: 10px 0;
    margin: 0;
    align-items: flex-start;
    position: relative;
    gap: 5px
}

.sportBonus_list li:first-child {
    opacity: 1
}

.sportBonus_list li:not(:last-of-type) {
    border-bottom: 1px solid #616161
}

.sportBonus_list .dynamic_icon.conditions_icon {
    margin: 0;
    cursor: default;
    color: #ffb700;
    font-size: 30px;
    line-height: .5
}

.sportBonus_list .bonus_tooltip {
    background: #f2f2f2;
    padding: 4px 16px;
    color: #212121;
    font-size: 13px;
    border-radius: 4px;
    position: absolute;
    top: 38px;
    left: -12px;
    right: -12px;
    z-index: 1;
    display: none
}

.sportBonus_list .bonus_tooltip-txt {
    position: relative;
    margin: 0
}

.sportBonus_list .bonus_tooltip-txt::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -12px;
    inset-inline-end: -6px;
    border-style: solid;
    border-width: 8px;
    border-top-width: 0;
    border-color: transparent;
    border-bottom-color: #e6e6e6
}

.sportBonus_list-icon:hover+.bonus_tooltip {
    display: block
}

.ui-loader {
    opacity: 1
}

.dynamic_games_grid .lca-card-wrapper-50 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.dynamic_games_grid .like_icon {
    margin: -2px 5px 0;
    font-size: 14px;
    line-height: 1
}

.dynamic_games_grid .like_icon:after {
    font-size: 23px;
    line-height: 20px;
    content: "\e115";
    font-family: iconsdinamicmenu
}

.dynamic_games_grid .like_icon.active:after {
    content: "\e213"
}

.dynamic_games_grid .star_icon {
    font-size: 16px;
    line-height: 1
}

.dynamic_games_grid .star_icon:after {
    font-family: iconsdinamicmenu;
    content: "\e180";
    font-size: 23px
}

.dynamic_games_grid .star_icon.active:after {
    content: "\e181"
}

.dynamic_games_grid .lca-card-price .currency_icon {
    margin-bottom: 2px
}

.dynamic_games_grid .lca-card-price .currency_icon.tnd,.dynamic_games_grid .lca-card-price .currency_icon.TND,.dynamic_games_grid .lca-card-price .currency_icon.irt,.dynamic_games_grid .lca-card-price .currency_icon.IRT,.dynamic_games_grid .lca-card-price .currency_icon.ron,.dynamic_games_grid .lca-card-price .currency_icon.RON {
    margin-bottom: 0
}

.dynamic_MiddleBanners {
    position: relative;
    overflow-x: auto;
    padding: 0 10px;
    max-height: 60vw;
    z-index: 1
}

.dynamic_MiddleBanners_link {
    max-width: 450px;
    width: calc(100vw - 30px);
    min-width: 250px;
    margin: 4px;
    border-radius: 8px;
    overflow: hidden;
    flex-grow: 1;
    flex-shrink: 0
}

.dynamic_MiddleBanners_img,.dynamic_MiddleBanners_video {
    width: 100%;
    height: auto;
    max-height: 300px
}

.ref_rep_cont {
    margin-bottom: 30px
}

.ref_rep_cont .ui-loader {
    display: block;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center
}

.ref_rep_cont .ui-icon-loading {
    height: 22px;
    width: 22px;
    background-size: contain;
    border-radius: 0
}

.js_action_msg {
    color: red
}

.ref_rep_cont_succ_msg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    z-index: var(--toast-zIndex);
    position: absolute
}

.ref_debit_credit_form_input::placeholder {
    color: #455f79!important
}

.ref_rep_btn,.ref_rep_cont .btn_prim {
    height: 34px
}

.ref_rep_cont_header {
    border-radius: 2px;
    border: 1px solid #dadada;
    margin-bottom: 12px
}

.ref_rep_cont_header_cont {
    padding: 8px 12px
}

.ref_rep_cont_header_cont:nth-child(1) {
    border-bottom: 1px solid #dadada
}

.ref_rep_cont_header_cont span {
    font-size: 11px;
    color: rgba(255,255,255,.6)
}

.ref_rep_cont_header_cont .refs_count {
    font-size: 12px;
    font-weight: 900;
    margin: 0 8px;
    color: #fff
}

.tl_gh_result_heading .dt:first-child {
    width: 163px!important
}

.tl_gh_result_item,.ref_rep_cont .tl_gh_result_heading {
    height: 35px;
    font-size: 11px;
    color: #000;
    margin-bottom: 1px
}

.ref_rep_cont .js_detailed_info_cont {
    max-height: 361px;
    overflow-y: auto
}

.ref_rep_cont .js_detailed_info_cont::-webkit-scrollbar {
    width: .4em
}

.ref_rep_cont .js_detailed_info_cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px #BFBFBF;
    border-radius: 10px
}

.ref_rep_cont .js_detailed_info_cont::-webkit-scrollbar-thumb {
    background-color: #5c5c5c;
    border-radius: 10px
}

.ref_rep_cont .tl_gh_result_heading {
    width: 100%;
    background-color: #b2b2b2
}

.ref_rep_cont .tl_gh_result_item .dt {
    background-color: #dadada
}

.ref_rep_cont .tl_gh_result_heading .dt,.ref_rep_cont .tl_gh_result_item .dt {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    flex: 1;
    padding: 0 12px
}

.ref_rep_cont .tl_gh_result_heading .dt:first-child {
    border-right: 1px solid #858585;
    padding-right: 8px
}

.ref_rep_cont .tl_gh_result_item .dt:first-child {
    margin-right: 1px
}

.tl_gh_result_heading_arrow {
    position: absolute;
    right: 18px;
    font-family: iconsdinamicmenu;
    font-size: 30px;
    line-height: .8;
    border: none;
    margin: 0 2px;
    color: #fff
}

.invalid_validation_error {
    min-height: 75vh;
    column-gap: 15px;
    max-width: 740px;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.invalid_validation_error span {
    opacity: .7;
    font-size: 16px;
    margin-bottom: 20px
}

.invalid_validation_error .verify_btn {
    font-size: 14px!important;
    border-radius: 6px;
    height: 36px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    outline: 0;
    padding: 0 16px;
    border: 0;
    text-transform: uppercase;
    transition: all .2s;
    text-align: center;
    justify-content: center;
    cursor: pointer
}

.gx-1 {
    column-gap: 4px
}

.gx-2 {
    column-gap: 8px
}

.gx-3 {
    column-gap: 16px
}

.backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.48);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.backdrop.open {
    visibility: visible;
    opacity: 1
}

.backdrop.open .join-popup {
    -webkit-transform: rotateX(0)translateY(-20%);
    transform: rotateX(0)translateY(-20%)
}

.join-popup {
    width: 580px;
    padding: 24px;
    background-color: var(--bg-level-2);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: rotateX(90deg)translateY(0);
    transform: rotateX(90deg)translateY(0);
    -webkit-perspective: 500px;
    perspective: 500px;
    border-radius: 8px
}

.join-popup .join-popup__head {
    font-weight: 500;
    font-size: 20px;
    color: var(--text-level-high);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--bg-level-3)
}

.join-popup .join__head:empty {
    margin: 0
}

.join-popup .join-popup__body {
    padding: 16px 0;
    border-bottom: 1px solid var(--bg-level-3);
    color: var(--text-level-high)
}

.join-popup .join-popup__footer {
    padding-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-column-gap: 12px;
    column-gap: 12px
}

@media screen and (max-width: 580px) {
    .join-popup {
        width:85%
    }
}

.btn-transparent {
    padding: 12px 25.5px;
    border-radius: 4px;
    background-color: initial;
    text-transform: uppercase;
    color: var(--badge-bonus);
    border: 1px solid;
    cursor: pointer
}

.toast-container {
    position: fixed;
    z-index: 99999999;
    top: 20px;
    inset-inline-end: 20px
}

.toast-container .toast {
    position: relative;
    width: 100%;
    max-width: 300px;
    min-width: 280px;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.1);
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.toast-container .toast:hover {
    box-shadow: 0 15px 20px -5px rgba(0,0,0,.15),0 15px 15px -5px rgba(0,0,0,.1)
}

.toast-container .toast .t-title {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    color: #fff;
    font-size: 1.1rem
}

.toast-container .toast .t-title span {
    padding-inline-end:10px}

.toast-container .toast .t-text {
    color: #fff;
    margin: 5px 0 0;
    word-break: break-word
}

.toast-container .toast .t-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 25px;
    width: 25px;
    inset-inline-end: 5px;
    top: 0;
    padding: 0;
    margin: 0;
    background-color: initial;
    border-radius: 50%;
    transform: rotate(45deg);
    cursor: pointer
}

.toast-container .toast .t-close:after,.toast-container .toast .t-close:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #eee;
    border-radius: 3px
}

.toast-container .toast .t-close:after {
    width: 2px;
    height: 16px
}

.toast-container .toast .t-close:before {
    width: 16px;
    height: 2px
}

.toast-container .toast.active {
    opacity: 1;
    visibility: visible
}

.toast-container .toast.system {
    background-color: #77a1fc
}

.toast-container .toast.system .t-text {
    color: #eee
}

.toast-container .toast.system .t-title {
    color: #eee
}

.toast-container .toast.success {
    background-color: #3fb471
}

.toast-container .toast.warning {
    background-color: #fcbc69
}

.toast-container .toast.warning .t-text {
    color: #eee
}

.toast-container .toast.warning .t-title {
    color: #eee
}

.toast-container .toast.error {
    background-color: #fc6969
}

.toast-container .toast.error .t-text {
    color: #eee
}

.toast-container .toast.error .t-title {
    color: #eee
}

.copy_msg {
    width: calc(100% - 40px);
    background: var(--bg-level-4);
    color: var(--text-level-high);
    padding: 10px 20px;
    margin: 20px;
    border-radius: 4px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-inline-start:4px solid var(--btn-primary);display: flex;
    align-items: center;
    column-gap: 8px
}

.copy_msg .dynamic_icon {
    font-size: 30px;
    line-height: 1;
    border-radius: 50%;
    background: var(--btn-primary);
    color: var(--btn-primary-text);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cw_user_color_274>i {
    background: linear-gradient(99.85deg,#C48648 0%,#8A5E33 100%)
}

.cw_user_color_275>i {
    background: linear-gradient(100.26deg,#E0DEDC 0%,#807F7E 100%)
}

.cw_user_color_276>i {
    background: linear-gradient(103.38deg,#F5C114 0%,#9C7B0D 100%)
}

.cw_user_color_277>i {
    background: linear-gradient(100.26deg,#B3B3B3 0%,#525252 100%)
}

.cw_user_color_2>i {
    background: linear-gradient(107.15deg,#F3E372 0%,#C4AD12 100%)
}

.cw_user_color_274>i,.cw_user_color_275>i,.cw_user_color_276>i,.cw_user_color_277>i,.cw_user_color_2>i {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.cat_btn_bg.player_category_274,.cat_btn_bg.player_category_275,.cat_btn_bg.player_category_276,.cat_btn_bg.player_category_277,.cat_btn_bg.player_category_2 {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 32px;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    margin-left: 20px;
    text-align: center
}

.account_content .user_pic_container+.cat_btn_bg {
    position: relative;
    margin: 0;
    margin-bottom: 10px;
    top: -10px;
    z-index: 10
}

.cat_btn_bg.player_category_274 {
    background: linear-gradient(99.85deg,#C48648 0%,#8A5E33 100%)
}

.cat_btn_bg.player_category_275 {
    background: linear-gradient(100.26deg,#E0DEDC 0%,#807F7E 100%)
}

.cat_btn_bg.player_category_276 {
    background: linear-gradient(103.38deg,#F5C114 0%,#9C7B0D 100%)
}

.cat_btn_bg.player_category_277 {
    background: linear-gradient(100.26deg,#B3B3B3 0%,#525252 100%)
}

.cat_btn_bg.player_category_2 {
    background: linear-gradient(107.15deg,#F3E372 0%,#C4AD12 100%)
}

.right-menu__user .cat_btn_bg {
    align-self: flex-start;
    margin-inline-start:auto}

.user_pic_container {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    background-size: auto;
    background-repeat: no-repeat;
    background-image: var(--cdn-avatars);
    position: relative;
    margin: 12px auto 0
}

.user_pic_container.losht {
    background-position: -110px -15px
}

.user_pic_container.qyach {
    background-position: -11px -15px
}

.bonuses_v1--heading {
    padding: 8px 12px;
    height: auto
}

.bonuses_v1--lobby-wrapper {
    padding: 20px 12px
}

.bonuses_v1--lobby-wrapper .tournament__games-grid {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.tournament__games-grid--not-found {
    -ms-grid-columns: initial;
    grid-template-columns: initial;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

@media screen and (max-width: 991px) {
    .bonuses_v1--lobby-wrapper .tournament__games-grid {
        margin-top:12px;
        gap: 4px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.game-card {
    width: 100%;
    aspect-ratio: 1.68;
    background: var(--bg-level-2);
    border-radius: 7px;
    overflow: hidden;
    position: relative
}

.game-card .game-card__img-wrapper {
    width: 100%;
    height: 100%
}

.game-card .game-card__img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game-card .game-card__transition {
    width: 100%;
    height: 101%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: .23s;
    transition: .23s;
    mix-blend-mode: color-dodge;
    color: currentColor
}

.game-card .game-card__transition .play {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: initial;
    mix-blend-mode: overlay;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.youtube_banner {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 50%;
    width: calc(100% - 40px);
    padding: 25px;
    position: fixed;
    -webkit-box-shadow: 0 0 18px 2px rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 18px 2px rgba(0,0,0,.75);
    box-shadow: 0 0 18px 2px rgba(0,0,0,.75);
    background-color: #333;
    border: 1px solid #434343;
    border-radius: 2px;
    z-index: 99999
}

.youtube_banner iframe {
    border: none
}

.youtube_banner .close_youtube_banner {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.youtube_banner .close_youtube_banner:hover {
    color: #ccc
}

@media(max-width: 767px) {
    .game-card .game-card__transition .play {
        font-size:calc(16px + 30.6 * ((100vw - 320px)/1920))
    }
}

@media(min-width: 767px) {
    .game-card .game-card__transition .play {
        font-size:calc(16px + 18 * (100vw/1920))
    }
}

@media(min-width: 991px) {
    .game-card:hover .game-card__transition {
        opacity:1
    }
}

.page_not_found {
    height: 84vh;
    padding: 0 16px
}

.page_not_found h2,.page_not_found h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    margin: 12px 0 0
}

.page_not_found p {
    font-size: 14px;
    line-height: 16px;
    opacity: .6;
    margin-bottom: 20px
}

.page_not_found img {
    max-width: 100%;
    width: 216px;
    height: auto
}

.page_not_found .btn_prim {
    padding: 0 15px
}

@media(max-width: 340px) {
    .page_not_found img {
        width:200px
    }
}

.cw_header_root {
    height: var(--cwHeaderHeight)
}

.opc {
    -ms-opacity: .3;
    opacity: .3
}

.dynamic_container {
    padding: 12px 0
}

.dynamic_container:empty {
    display: none
}

.main-wrapper {
    background-color: var(--bg-level-1)
}

.rd_title__block {
    padding: 0 16px
}

.rd_title__block.px-0 {
    padding: 0
}

.rd_title__block.mb-2 {
    margin-bottom: 12px!important
}

.rd_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--text-level-high);
    text-transform: capitalize
}

.rd_title__line:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    background-color: var(--cwPrimary);
    margin-inline-end:12px;vertical-align: middle;
    border-radius: 2px
}

.rd_header_tabs {
    display: flex;
    gap: 8px;
    padding: 0 16px;
    overflow-x: auto
}

.rd_header_tabs.mb-2 {
    margin-bottom: 12px!important
}

.rd_header_tabs::-webkit-scrollbar {
    display: none
}

.rd_header_tabs {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.rd_header_tab_item {
    background-color: var(--bg-level-3);
    border: 1px solid var(--bg-level-3);
    color: var(--text-level-medium);
    padding: 7px;
    border-radius: 48px;
    min-width: 36px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .25s linear;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent
}

.rd_header_tab_icon {
    width: 20px;
    height: 20px;
    object-fit: cover;
    object-position: center;
    transition: all .25s ease
}

.rd_header_tab_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.rd_header_tab_item:not(.active) img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.rd_header_tab_name,.rd_header_tab_item.no_icon,.top_winners_block .rd_header_tab_item {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    overflow-x: auto;
    text-transform: capitalize
}

.rd_header_tab_name {
    display: inline-block;
    padding: 0;
    visibility: hidden;
    max-width: 0;
    overflow: hidden
}

.rd_header_tab_item.active {
    background-color: var(--cwPrimary);
    border-color: transparent;
    color: var(--text-on-primary)
}

.rd_header_tab_item.active .rd_header_tab_name {
    visibility: visible;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-inline-start:8px;padding-inline-end:6px}

.top_winners__value .top_jackpots__crns.tw_krw i,.top_winners__value .top_jackpots__crns.tw_KRW i,.top_winners__value .top_jackpots__crns.tw_usd i,.top_winners__value .top_jackpots__crns.tw_USD i {
    line-height: 12px
}

.component_jackpot_slider_number_wrapper0.hide {
    display: none!important
}

.component_jackpot_slider>.comp_jack_padding {
    padding-left: 2px
}

.component_jackpot_slider>.component_jackpot_slider_number_wrapper1.comp_jack_padding {
    padding-left: 0
}

.component_jackpot_slider>.sprtr {
    padding-left: 0!important
}

.cw_icon_irt:after,.cw_icon_IRT:after,.cw_icon_ron:after,.cw_icon_RON:after {
    font-family: roboto,sans-serif;
    font-weight: 700
}

.cw_icon_ron:after,.cw_icon_RON:after {
    content: "RON"
}

.cw_icon_irt:after,.cw_icon_IRT:after {
    content: "IRT"
}

html[lang=FA] .cw_icon_irt:after,html[lang=FA] .cw_icon_IRT:after {
    content: "تومان";
    font-family: IRANSans;
    font-weight: 400
}

.jackpot_container {
    min-height: 135px;
    padding: 0 16px
}

.relumJackpot {
    padding: 0 16px
}

.cw_header_space {
    height: var(--cwHeaderHeight);
    width: 0
}

.header_both {
    background: var(--cwHeaderBg);
    border-bottom: 1px solid var(--cwHeaderBorder);
    height: var(--cwHeaderHeight);
    padding: 8px 12px
}

#header {
    position: fixed;
    width: 100%;
    z-index: var(--cwHeader-zIndex);
    top: 0;
    left: 0;
    height: auto;
    padding: 0;
    min-height: var(--cwHeaderHeight);
    transition: all .314s
}

.hide_header_navbar #header,.hide_header_navbar .notification_static_content~#header,.hide_header_navbar .notification_static_content~.header__wrap_block #header {
    top: calc(var(--cwHeaderHeight) * -2)
}

#menu-right {
    width: auto;
    gap: 8px;
    margin-inline-start:auto}

.LogoMobilePlatform {
    background-image: var(--cdn-logoSm-mob_png);
    width: 112px;
    height: 38px;
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    display: block;
    flex-shrink: 0;
    margin-inline-end:8px}

@media screen and (max-width: 360px) {
    .LogoMobilePlatform {
        width:90px;
        height: 32px
    }
}

.header_reg_btn,.header_login_btn {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    padding: 9px 16px;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap
}

.header_reg_btn {
    background: var(--cwButtonBg);
    color: var(--cwButtonTxt)
}

.header_login_btn {
    color: var(--cwButtonBg);
    border: 1px solid var(--cwButtonBg)
}

.topheader_user_info {
    gap: 8px
}

.topheader_user_id {
    padding: 5px 8px;
    align-items: flex-start;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--cwHeaderTxt3)
}

.topheader_user_id.without_border {
    border: none;
    padding-inline-end:0}

.topheader_user_id.vip {
    position: relative
}

.topheader_user_id span {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px
}

.topheader_user_id.without_border.vip {
    padding-inline-end:8px}

.topheader_user_id span:first-child {
    color: var(--cwHeaderTxt2)
}

.topheader_user_id.vip span:first-child {
    margin-inline-end:28px}

.topheader_user_id span:last-child {
    color: var(--cwHeaderTxt)
}

.topheader_user_id.vip:after {
    content: "VIP";
    background: linear-gradient(180deg,#E4B201 0%,#A48101 100%);
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 7px 0 8px;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px
}

.topheader_user_deposit {
    border-radius: 8px;
    background: var(--cwButtonBg);
    padding: 8px
}

.topheader_user_deposit:before {
    content: "\E00B";
    font-family: iconsdinamicmenu;
    display: inline-block;
    color: var(--cwButtonTxt);
    width: 24px;
    height: 24px;
    font-size: 45px;
    line-height: 24px
}

.header_gameview_back_btn {
    width: 24px;
    height: 24px;
    margin-inline-end:12px;color: var(--cwHeaderTxt);
    flex-shrink: 0
}

.header_gameview_back_btn .dynamic_icon {
    font-size: 29px;
    line-height: 16px;
    margin: 0
}

.sport_widgets {
    padding: 0 16px
}

.upload_file_info_right .trash_button i {
    margin: 0;
    font-size: 30px
}

.cashier_wrapper {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    height: 100dvh;
    width: 100%;
    z-index: 11111130;
    background-color: rgba(0,0,0,.6)
}

#cashier_iframe_wrapper {
    height: calc(100vh - 51px);
    height: calc(100dvh - 51px);
    overflow-y: auto
}

.cashier_wrapper iframe {
    height: 100%
}

.skeleton {
    background-color: var(--bg-level-4);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(var(--text-level-low)),to(rgba(255,255,255,0)));
    background-image: -o-linear-gradient(left,rgba(255,255,255,0),var(--text-level-low),rgba(255,255,255,0));
    background-image: linear-gradient(90deg,rgba(255,255,255,0),var(--text-level-low),rgba(255,255,255,0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: -40px 0;
    -webkit-animation: shine 1s ease infinite;
    animation: shine 1s ease infinite
}

@-webkit-keyframes shine {
    to {
        background-position: right -40px top
    }
}

@keyframes shine {
    to {
        background-position: right -40px top
    }
}

.loading-dots {
    font-size: 36px;
    --duration: 1s;
    --num-dot: 10;
    --color-dot: var( --text-level-high);
    --box-color: var(--btn-primary)
}

.loading-dots>* {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: rotate(calc((360deg/var(--num-dot)) * var(--index)))
}

.loading-dots>*::before {
    position: absolute;
    content: '';
    top: .15em;
    left: .45em;
    width: .1em;
    height: .1em;
    transform: scale(0);
    border-radius: 1em;
    background-color: var(--color-dot);
    animation: scaleTo1 var(--duration)ease-in-out calc(var(--duration)/var(--num-dot) * var(--index))infinite reverse
}

.loading-dots {
    width: 1em;
    aspect-ratio: 1;
    position: relative;
    display: inline-block
}

.loading-dots::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px
}

@keyframes scaleTo1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.lca-main-content button:focus {
    outline: none
}

.lca-card {
    border-radius: 8px;
    overflow: hidden;
    font-size: 9px;
    position: relative
}

.lca-card-body {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between
}

.lca-card-badge-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.lca-card-badge {
    color: #fff;
    padding: 5px 8px;
    text-transform: uppercase;
    margin: 4px 4px 0;
    border-radius: 4px
}

.lca-card-badge.type-1 {
    font-weight: 700;
    background-color: #0006b8;
    color: #fff
}

.lca-card-badge.type-2 {
    background-color: #bf2a39
}

.lca-card-badge.type-4 {
    background-color: #2c8407
}

.lca-card-badge.type-5 {
    background-color: #3b87e0
}

.lca-card-flag {
    width: 12px;
    height: 12px;
    background-size: 12px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px
}

.lca-card-flag.ru {
    background-position-y: -14px
}

.lca-card-flag.en {
    background-position-y: -29px
}

.lca-card-flag.hy {
    background-position-y: -43px
}

.lca-card-flag.tr {
    background-position-y: -58px
}

.lca-card-flag.bs {
    background-position-y: -72px
}

.lca-card-flag.fa-basketball {
    background-position-y: -86px
}

.lca-card-flag.kw {
    background-position-y: -101px
}

.lca-card-flag.sr {
    background-position-y: -115px
}

.lca-card-flag.hr {
    background-position-y: -130px
}

.lca-card-flag.uk {
    background-position-y: -144px
}

.lca-card-flag.tj {
    background-position-y: -158px
}

.lca-card-flag.he,.lca-card-flag.il {
    background-position-y: -173px
}

.lca-card-flag.es,.lca-card-flag.es-spanish {
    background-position-y: -187px
}

.lca-card-flag.anhayt {
    background-position-y: -202px
}

.lca-card-flag.it {
    background-position-y: -216px
}

.lca-card-flag.fr {
    background-position-y: -230px
}

.lca-card-flag.de {
    background-position-y: -245px
}

.lca-card-flag.ko {
    background-position-y: -259px
}

.lca-card-flag.el {
    background-position-y: -274px
}

.lca-card-flag.da {
    background-position-y: -288px
}

.lca-card-flag.fi {
    background-position-y: -302px
}

.lca-card-flag.cs {
    background-position-y: -317px
}

.lca-card-flag.sv {
    background-position-y: -331px
}

.lca-card-flag.ka {
    background-position-y: -346px
}

.lca-card-flag.nb {
    background-position-y: -360px
}

.lca-card-flag.zh,.lca-card-flag.zh-cht {
    background-position-y: -374px
}

.lca-card-flag.th {
    background-position-y: -389px
}

.lca-card-flag.kk {
    background-position-y: -403px
}

.lca-card-flag.az {
    background-position-y: -418px
}

.lca-card-flag.br {
    background-position-y: -432px
}

.lca-card-flag.ja {
    background-position-y: -446.5px
}

.lca-card-flag.hi {
    background-position-y: -461px
}

.lca-card-flag.pk,.lca-card-flag.ur,.lca-card-flag.ur-pk {
    background-position-y: -475px
}

.lca-card-flag.lt {
    background-position-y: -490px
}

.lca-card-flag.aeb,.lca-card-flag.tn {
    background-position-y: -504px
}

.lca-card-flag.vn,.lca-card-flag.vi {
    background-position-y: -518.5px
}

.lca-card-flag.uz {
    background-position-y: -533px
}

.lca-card-flag.pol,.lca-card-flag.pl {
    background-position-y: -547px
}

.lca-card-flag.sq {
    background-position-y: -562px
}

.lca-card-flag.et,.lca-card-flag.am {
    background-position-y: -576px
}

.lca-card-flag.bn {
    background-position-y: -590.5px
}

.lca-card-flag.be,.lca-card-flag.by {
    background-position-y: -605px
}

.lca-card-flag.ro {
    background-position-y: -619px
}

.lca-card-flag.fa {
    background-position-y: -634px
}

.lca-card-flag.ar {
    background-position-y: -648px
}

.lca-card-flag.ku {
    background-position-y: -662.5px
}

.lca-card-flag.bg {
    background-position-y: -677px
}

.lca-card-flag.pt {
    background-position-y: -691px
}

.lca-card-flag.mn {
    background-position-y: -706px
}

.lca-card-flag.mne,.lca-card-flag.cnr {
    background-position-y: -720px
}

.lca-card-flag.my {
    background-position-y: -734px
}

.lca-card-flag.sl {
    background-position-y: -749px
}

.lca-card-flag.pa {
    background-position-y: -763px
}

.lca-card-flag.nl {
    background-position-y: -777.5px
}

.lca-card-footer {
    padding: 0 8px 8px;
    border-radius: 0 0 8px 8px;
    align-items: center
}

.lca-card-price {
    font-size: 11px;
    line-height: 11px;
    max-width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.lca-card-price .currency_icon.ron,.lca-card-price .currency_icon.RON {
    font-size: 11px
}

.lca-filter-no-result {
    margin-top: 60px;
    margin-bottom: 60px
}

.lca-filter-no-result p {
    font-size: 16px;
    text-align: center
}

.lca-filter-no-result .ic_search {
    font-size: 74px;
    display: block;
    font-family: iconsdinamicmenu;
    text-align: center;
    line-height: .6
}

.ic_search:before {
    font-family: iconsdinamicmenu;
    content: "\E377"
}

.lca-filter-no-result p {
    line-height: 1.5
}

.lca-main-content .promo_mobile_cont {
    border-radius: 10px;
    overflow: hidden
}

.lca-main-content .promo_img {
    padding: 0
}

.lca-main-content .promo_mobile_text_cont {
    margin: 0;
    padding: 0 15px 25px
}

.lca-main-content .promo_mobile_title {
    font-size: 16px;
    margin: 0 0 0 5px;
    font-weight: 400;
    padding: 0
}

.lca-main-content .promo_mobile_descr {
    font-size: 14px;
    font-weight: 400;
    padding: 0
}

.lca-main-content .tl_promo_news_type {
    background-color: rgba(38,38,38,.8);
    font-size: 12px
}

.lca-main-content .promo_live_casino_icon:before {
    content: ")"
}

@media all and (min-width: 701px) {
    .lca-main-content .promo_mobile_text_cont {
        padding-top:15px
    }
}

.lca-card-maxwin {
    display: flex;
    align-items: center;
    text-shadow: 0 0 6px #000;
    height: 13px;
    justify-content: flex-start
}

.lca-card-maxwin:before {
    font-family: iconsdinamicmenu;
    content: "\E4AE";
    font-size: 30px;
    line-height: 14px;
    font-weight: 400
}

.lca-no-game {
    width: 100%;
    opacity: .7!important
}

.ic_no-game {
    font-family: iconsdinamicmenu
}

.ic_no-game::after {
    content: "\E379"
}

.lca-card--v1 {
    min-width: 160px;
    padding: 0;
    margin: 4px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1.42
}

.lca-card--v1 img {
    height: 100%;
    object-fit: cover
}

.lca-card--v1 .lca-card-footer {
    width: 100%;
    height: 26px!important;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px 8px;
    display: flex;
    background: rgba(0,0,0,.7);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    border-radius: 0;
    column-gap: 4px
}

.lca-card.lca-card--v1 .lca-card-maxwin-wrapper {
    position: static;
    column-gap: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    flex-shrink: 0
}

.lca-card.lca-card--v1 .lca-card-maxwin-wrapper>div,.lca-card.lca-card--v1 .lca-card-price>div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.lca-card.lca-card--v1 .lca-card-maxwin {
    column-gap: 4px
}

.lca-card.lca-card--v1 .lca-card-maxwin-wrapper:before {
    font-size: 28px;
    line-height: .5
}

.lca-card.lca-card--v1 .lca-card-price {
    column-gap: 4px;
    color: #fff;
    font-size: 12px;
    gap: 4px;
    flex-grow: 1;
    min-width: 1px
}

.lca-card.lca-card--v1 .lca-card-price .currency_icon.irt,.lca-card.lca-card--v1 .lca-card-price .currency_icon.IRT,.lca-card.lca-card--v1 .lca-card-price .currency_icon.ron,.lca-card.lca-card--v1 .lca-card-price .currency_icon.RON {
    font-size: 12px
}

.lca-card-price .currency_icon.irr,.lca-card-price .currency_icon.irr,.lca-card-price .currency_icon.tnd,.lca-card-price .currency_icon.TND {
    font-size: 30px
}

.lca-card--v1 .lca-card-hover {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: visible;
    top: 100%;
    background-color: rgba(0,0,0,.5);
    transition: .23s;
    position: absolute
}

.lca-card--v1 .lca-card-badge-wrapper,.lca-card--v1 .lca-card-flag-wrapper,.lca-card--v1 .lca-card-maxwin-wrapper,.lca-card--v1 .lca-card-footer {
    opacity: 1!important
}

.lca-card--v1 .lca-card-badge-wrapper {
    position: absolute;
    top: 6px
}

.lca-card--v1 .lca-card-flag-wrapper {
    position: absolute;
    inset-inline-end: 6px;
    top: 12px;
    display: flex;
    flex-direction: column
}

.lca-card--v1 .lca-card-hover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

.lca-card--v1 .lca-card-hover-header .lca-card-name {
    color: #fff;
    font-weight: 600;
    line-height: 1.4
}

.lca-card--v1 .lca-card-btn-wrapper {
    margin: auto 0;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lca-card--v1 .game__link_real {
    width: 30px;
    height: 30px;
    min-width: initial;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    color: #fff
}

.lca-card--v1 .game__link_real .dynamic_icon {
    font-size: 28px;
    margin: 0;
    padding-left: 3px
}

.lca-card--v1 .game__link_demo {
    padding: 0;
    margin: 0;
    width: max-content;
    min-width: initial;
    color: #fff;
    text-decoration: underline;
    background-color: initial
}

.lca-card--v1 .game__link_demo:hover {
    background-color: initial
}

.lca-card--v1.hover-effect .lca-card-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible;
    top: 0
}

.lca-card--v1.hover-effect .game__link_demo,.lca-card--v1.hover-effect .game__link_real {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: all
}

.lca-card--v1.hover-effect .lca-card-img {
    -webkit-filter: brightness(.4);
    filter: brightness(.4)
}

.lca-card.lca-card--v1 .contribution_icon {
    width: 32px;
    position: absolute;
    inset-inline-end: 8px;
    top: 0;
    margin: 0;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.lca-card.lca-card--v1 p {
    color: #fff
}

.lca-card--v1.hover-effect .lb_card_topitems {
    opacity: 0
}

.badge_New .lca-menu-badge {
    background-color: #ffb700;
    color: #000
}

.badge_Soon .lca-menu-badge {
    background-color: #4b9263;
    color: #fff
}

.badge_Top .lca-menu-badge {
    background-color: #0006b8;
    color: #fff
}

.badge_Hot .lca-menu-badge {
    background-color: red;
    color: #fff
}

.badge_Premium .lca-menu-badge {
    background-color: #0638ff;
    color: #fff
}

.badge_JackPot .lca-menu-badge {
    background-color: #6d24ff;
    color: #fff
}

.lca-card-badge.type-3,.badge_JackPot .lca-menu-badge {
    background-color: #6d24ff;
    color: #fff
}

.lb_card_price .currency_icon {
    font-size: 18px;
    line-height: 12px
}

.lb_card_price .currency_icon.krw,.lb_card_price .currency_icon.KRW,.lb_card_price .currency_icon.usd,.lb_card_price .currency_icon.USD {
    font-size: 20px
}

.cw-rtl-global .lb_card_price .currency_icon.krw,.cw-rtl-global .lb_card_price .currency_icon.KRW,.cw-rtl-global .lb_card_price .currency_icon.usd,.cw-rtl-global .lb_card_price .currency_icon.USD {
    margin-bottom: 2px
}

.lb_card_price .currency_icon.byn,.lb_card_price .currency_icon.BYN,.lb_card_price .currency_icon.tnd,.lb_card_price .currency_icon.TND {
    font-size: 22px
}

.lb_card_bet_info li .currency_icon.tnd,.lb_card_bet_info li .currency_icon.TND {
    font-size: 32px
}

.lb_card_bet_info li .currency_icon.krw,.lb_card_bet_info li .currency_icon.KRW,.lb_card_bet_info li .currency_icon.usd,.lb_card_bet_info li .currency_icon.USD {
    font-size: 24px;
    line-height: 18px
}

.lb_card_price .currency_icon.irr,.lb_card_price .currency_icon.IRR {
    font-size: 26px
}

.lb_card_bet_info li .currency_icon.irt,.lb_card_bet_info li .currency_icon.IRT,.lb_card_bet_info li .currency_icon.ron,.lb_card_bet_info li .currency_icon.RON {
    font-size: 14px;
    line-height: 18px
}

.lb_card_price .currency_icon.irt,.lb_card_price .currency_icon.IRT,.lb_card_price .currency_icon.ron,.lb_card_price .currency_icon.RON {
    line-height: 11px
}

.ocr_verify_btn {
    margin: 24px 0
}

.ocr_verify_popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    height: 100dvh;
    width: 100%;
    z-index: 9999999999999999;
    background-color: rgba(0,0,0,.6)
}

.ocr_verify_popup_header {
    height: 36px;
    background-color: var(--cwDominantBg2);
    color: var(--cwDominantTxt);
    padding: 10px
}

.ocr_verify_popup iframe {
    height: calc(100vh - 35px)!important;
    height: calc(100dvh - 35px)!important
}

.ocr_verify_popup_header button {
    color: var(--cwDominantTxt);
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center
}

.ocr_verify_popup_header i {
    font-size: 30px;
    line-height: 16px
}

.ocr_iframe_wrapper {
    background-color: var(--cwModalBg);
    height: calc(100% - 36px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.ocr_iframe_wrapper i {
    margin-bottom: 20px;
    font-size: 200px;
    line-height: normal;
    color: var(--text-level-high);
    transform: rotate(180deg)
}

.ocr_iframe_wrapper p {
    margin-bottom: 24px;
    font-size: 16px;
    text-align: center;
    color: var(--text-level-high)
}

.ocr_iframe_wrapper button {
    width: 125px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 12px;
    min-height: 36px;
    border-radius: 12px;
    background-color: var(--btn-primary);
    color: var(--btn-primary-text)
}

.ocr_iframe_wrapper iframe {
    width: 100%;
    height: 100%
}

.lb_card_topitems {
    background: linear-gradient(180deg,rgba(0,0,0,.65) 0%,transparent 100%);
    left: 0;
    top: 0;
    padding: 8px;
    width: 100%;
    align-items: flex-start;
    border-radius: var(--badge_brd)
}

.lb_card_badge {
    border-radius: 32px;
    padding: 1px 4px;
    color: var(--cwStatusDefaultTxt);
    height: var(--badge_height);
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: var(--cwStatusDefaultBg);
    font-family: roboto,sans-serif
}

.lb_card_badge span {
    padding: 0 4px;
    font-size: var(--badge_fsz);
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px
}

.lb_card_badge i {
    display: inline-flex;
    width: 14px;
    height: 14px;
    align-items: center;
    justify-content: center;
    font-family: iconsdinamicmenu;
    font-size: 28px;
    line-height: 14px;
    color: var(--cwStatusDefaultIcon)
}

.lb_card_badge.badge_type_top {
    background: var(--cwStatusTopBg);
    color: var(--cwStatusTopTxt)
}

.lb_card_badge.badge_type_hot {
    background: var(--cwStatusHotBg);
    color: var(--cwStatusHotTxt)
}

.lb_card_badge.badge_type_jackpot {
    background: var(--cwStatusJackpotBg);
    color: var(--cwStatusJackpotTxt)
}

.lb_card_badge.badge_type_new {
    background: var(--cwStatusNewBg);
    color: var(--cwStatusNewTxt)
}

.lb_card_badge.badge_type_soon {
    background: var(--cwStatusSoonBg);
    color: var(--cwStatusSoonTxt)
}

.lb_card_badge.badge_type_premium {
    background: var(--cwStatusPremiumBg);
    color: var(--cwStatusPremiumTxt)
}

.lb_card_badge.badge_type_exclusive {
    background: var(--cwStatusExclusiveBg);
    color: var(--cwStatusExclusiveTxt)
}

.lb_card_badge.badge_type_upcoming {
    background: var(--cwStatusUpcomingBg);
    color: var(--cwStatusUpcomingTxt)
}

.lb_card_badge.badge_type_maintenance {
    background: var(--cwStatusMaintenenceBg);
    color: var(--cwStatusMaintenenceTxt)
}

@keyframes badge_anim_global {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}

.lb_card_badge_inner_wrapper_global {
    animation-name: badge_anim_global;
    animation-duration: calc(1s * var(--cwStatusAnimationCount));
    animation-iteration-count: infinite;
    animation-timing-function: steps(var(--cwStatusAnimationCount)),linear
}

.js_anim .cw_overlay_dimm {
    animation: append-animate-cover .2s linear
}

.js_anim .lb_card_preview {
    animation: append-animate-cont .2s linear
}

.lb_card_badge_anim {
    height: calc(var(--badge_height) + 4px);
    overflow: hidden
}

.lb_card_badge_anim>div {
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 4px
}

@keyframes append-animate-cont {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0%)
    }
}

@keyframes append-animate-cover {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.topheader_user_id.without_border span {
    width: 100%;
    text-align: right
}

[lang=fa] .topheader_user_id.without_border span {
    text-align: left
}

.topheader_user_id.vip span {
    text-align: left
}

.regT12 .checkBox_label {
    color: var(--unnamed-color-b3b3b3)
}

[class^=cw_icon],[class*=" cw_icon"],.cw_icon {
    line-height: initial
}

.cw_mob_footer_18_wrapper {
    margin: 0 8px;
    color: #c00
}

.cw_mob_footer_18_wrapper_center {
    margin: 0;
    color: #c00;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 8px
}

.cw_icon_plus_21 {
    color: #c00;
    margin-inline:8px}

.regT5 .reg_steps_info {
    margin-bottom: 24px
}

.regT5 .reg_progress_dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.regT5 .reg_progress_dots span {
    width: 24px;
    height: 24px;
    border: 2px solid var(--cwPrimary);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    background-color: #111
}

.regT5 .reg_progress_dots span.active:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background: var(--cwPrimary);
    top: 4px;
    left: 4px
}

.regT5 .reg_progress_dots span.done {
    background: var(--cwPrimary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    height: 24px;
    width: 24px;
    top: 2px
}

.regT5 .reg_progress_dots span.done:before {
    background: var(--cwPrimary)!important
}

.regT5 .reg_progress_dots span:before {
    background: var(--cwPrimary);
    content: "";
    position: absolute;
    width: calc(87vw - 45px);
    height: 2px;
    top: 9px;
    left: 22px
}

.regT5 .reg_progress_dots span:last-child:before {
    display: none
}

.all_in {
    all: initial
}

.eye_button {
    border: none;
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    padding: 0 10px;
    cursor: pointer;
    background-color: initial;
    color: #999;
    font-family: iconsdinamicmenu;
    width: auto!important;
    box-shadow: none;
    height: 36px;
    line-height: 36px
}

.eye_button:before {
    content: "\E235";
    font-family: iconsdinamicmenu;
    font-size: 38px
}

.eye_button.opened_pass:before {
    content: "\E234"
}

.eye_block {
    position: relative
}

.profile_upload.btn_upload .cw_icon_upload_v2 {
    position: relative;
    top: -2px
}

.cw_input_radio_root {
    display: flex!important;
    align-items: flex-start;
    column-gap: 10px;
    height: auto;
    line-height: 1.4!important;
    cursor: pointer;
    min-height: auto!important;
    padding: 0!important
}

.cw_input_radio_root>input {
    display: none
}

.cw_input_radio_root>i {
    --op: 0;
    display: block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid var(--cwAccentBg);
    border-radius: 50%;
    padding: 1px
}

.cw_input_radio_root>i:before {
    content: '';
    border-radius: 50%;
    background-color: var(--cwAccentBg);
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: var(--op);
    transition: opacity .2s
}

.cw_input_radio_root>input:checked+i {
    --op: 1
}

.backdrop.open .docRemove-popup {
    -webkit-transform: rotateX(0)translateY(-20%);
    transform: rotateX(0)translateY(-20%)
}

.docRemove-popup {
    width: 328px;
    max-width: calc(100% - 32px);
    padding: 16px;
    background-color: var(--bg-level-1);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: rotateX(90deg)translateY(0);
    transform: rotateX(90deg)translateY(0);
    -webkit-perspective: 500px;
    perspective: 500px;
    border-radius: 16px
}

.docRemove-popup__head {
    color: var(--text-level-high);
    padding-bottom: 12px;
    border-bottom: 1px solid var(--bg-level-3)
}

.docRemove__head {
    margin: 0
}

.docRemove-popup__body {
    padding: 12px 0;
    color: var(--text-level-high);
    border-bottom: 1px solid var(--bg-level-3)
}

.docRemove-popup__head p,.docRemove-popup__body p,.docRemove-popup__footer button {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.docRemove-popup__footer {
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-column-gap: 12px;
    column-gap: 12px
}

.docRemove-popup__footer button {
    padding: 8px 16px;
    border-radius: 12px;
    background-color: initial;
    text-transform: capitalize;
    cursor: pointer;
    color: var(--text-level-high);
    border: 0;
    width: 50%
}

.docRemove-popup__footer .btn_primary {
    background: var(--btn-primary);
    color: var(--text-level-high)
}

.docRemove-popup__close {
    color: var(--icon-level-high);
    cursor: pointer;
    width: 24px;
    height: 24px;
    --icoSize: 12px
}

.eye_block input {
    padding-inline-end:35px}

.bonus_info_block.freeSpin_with_Wager {
    background-color: rgba(120,120,120,.15);
    border: 1px solid #ffb700;
    border-radius: 12px;
    padding: 12px
}

.freeSpin_with_Wager .bonus_list,.freeSpin_with_Wager .bonus_progress {
    margin-bottom: 0
}

.freeSpin_with_Wager~.bonus_actions {
    margin-top: 24px
}

.bonus_list li span:last-child {
    text-align: end
}

.Wager_Unlock_info,.bonus_From_Wager {
    margin: 12px 0;
    padding: 12px;
    background-color: rgba(120,120,120,.15);
    border: 1px solid rgba(160,160,160,.2);
    border-radius: 12px;
    gap: 8px
}

.Wager_Unlock_info {
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.Wager_Unlock_info i {
    opacity: .8
}

.bonus_From_Wager i {
    color: #ffb700
}

.bonus_From_Wager .bonus_caption {
    font-size: 16px;
    margin-bottom: 0
}

.dynamic_featured_content,.banners_rectangleAd__wrapper,.banners_thumbnail9_second,.dynamic_games_grid .scroll-x,.banners_button__wrapper,.top_winners__game_block,.lobbyFilter_provider,.most_liked_wrapper,.dg_mobile_x_slider_container,.pn_category,.cashier__header_nav,.top_jackpots__container,.banners_thumbnail5_second,.payment,.solution_sprite_row {
    scrollbar-width: none
}

.bn_show_all_markets_cont {
    background-color: var(--bg-level-2);
    padding: 12px 16px;
    margin-bottom: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bn_show_all_markets_cont .bn_show_all_markets_cont_span {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-level-high)
}

.bn_show_all_markets_cont .bn_show_all_markets_cont_btn {
    appearance: none;
    background-color: var(--btn-primary);
    color: var(--btn-primary-text);
    padding: 0 16px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
    height: 36px;
    position: relative
}

.bn_markets_content {
    width: 100%;
    height: 100%;
    background-color: var(--bg-level-2);
    color: var(--text-level-medium);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    z-index: calc(var(--cwZIndexFooter) * 9)
}

.bn_markets_content_header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bn_markets_content_item {
    padding: 0 16px;
    height: 50px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-level-high);
    border-bottom: 1px solid var(--bg-level-4);
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.bn_markets_content_header .cw_icon_cancel {
    font-size: var(--icoSize);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--text-level-medium)
}

.bn_markets_content_items {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
    overflow-y: auto
}

.bn_markets_content_item_info {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.bn_markets_content_item_info i {
    color: #ffa726
}

.restricted_message {
    background-color: #fff;
    color: #111;
    border: 1px solid rgba(0,0,0,.16);
    position: fixed;
    top: 16px;
    inset-inline-start: 38px;
    inset-inline-end: 38px;
    padding: 12px;
    gap: 4px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    z-index: calc(var(--cwZIndexHeader) + 10)
}

.restricted_message_btn {
    cursor: pointer;
    color: #969696;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    text-align: center
}

.crm_heading {
    height: 62px;
    background-color: var(--cwModalBgHover);
    justify-content: end;
    border-bottom: 1px solid var(--cwModalBg2)
}

.cw-rtl-global #coup_close {
    margin-left: 12px;
    margin-right: 0
}

#coup_close {
    margin-right: 12px;
    color: var(--cwModalTxt3)
}

.crm-popup {
    display: flex;
    flex-direction: column
}

.crm-popup iframe {
    width: 100vw;
    height: calc(100vh - 63px);
    height: calc(100dvh - 63px)
}

.no_data_found_txt {
    margin: 24px auto;
    display: block;
    text-align: center;
    font-size: 14px;
    color: var(--text-level-medium)
}

.activity_check_popup {
    position: fixed;
    max-width: 328px;
    max-height: 300px;
    height: 100%;
    background-color: var(--bg-level-1);
    border-radius: 16px;
    z-index: var(--cwRealityCheck-zIndex);
    padding: 12px 16px 16px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--text-level-high)
}

.activity_check_popup_header {
    font-weight: 500;
    height: 28px;
    max-width: 490px;
    margin-bottom: 12px;
    font-size: 16px;
    align-items: flex-end
}

.activity_check-overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: var(--cwRealityCheckOverlay-zIndex);
    border: none
}

.bottom_sep {
    margin-bottom: 12px
}

.activity_check_popup_sep {
    border-bottom: 1px solid var(--bg-level-3)
}

.activity_check_popup_content {
    gap: 12px;
    height: 100%;
    margin-block:12px;max-height: 156px
}

.activity_check_popup_txt {
    max-width: 296px
}

.activity_check_popup_time {
    font-weight: 500;
    font-size: 16px;
    color: var(--text-level-high);
    max-height: 20px
}

.activity_check_popup_buttons {
    gap: 12px
}

.activity_check_popup button {
    align-items: center;
    background-color: var(--bg-level-4);
    border-radius: 12px;
    color: var(--text-level-high);
    cursor: pointer;
    display: flex;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    justify-content: center;
    width: 50%
}

.activity_check_popup button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

@media screen and (max-width: 340px) {
    .activity_check_popup {
        width:calc(100% - 16px)!important
    }
}

#paralax_swiper {
    position: relative;
    left: auto;
    transform: translateX(0);
    margin: 12px auto 0;
    bottom: 0
}

.swiper-pagination-bullet.swiper-pagination-bullet {
    background: var(--icon-level-low,var(--cwBodyTxt3))
}

#paralax_swiper .swiper-pagination-bullet-active {
    background: var(--cwPrimary,var(--cwBodyAccent))
}

.parallax_billboard_wrapper .banners_parallax {
    padding: unset
}

.parallax_billboard_wrapper {
    padding: 0 16px
}

.parallax_billboard_wrapper .swiper-slide-prev,.parallax_billboard_wrapper .swiper-slide-next {
    transform: scaleY(.9)
}

.parallax_main_wrapper .billboard_container .dynamicBanners_item:not(.swiper-slide-active) {
    transform: none
}