.auth-icon {
    display: block;
    width: 32px;
    height: 32px;
    background: url(authchoice.png) no-repeat;
    border-radius: 3px;
    margin: 0 auto;
}

.auth-icon.google {
    background-position: 0 -34px;
}
.auth-icon.twitter {
    background-position: 0 -68px;
}
.auth-icon.yandex {
    background-position: 0 -102px;
}
.auth-icon.vkontakte {
    background-position: 0 -136px;
}
.auth-icon.facebook {
    background-position: 0 -170px;
}
.auth-icon.linkedin {
    background-position: 0 -204px;
}
.auth-icon.github {
    background-position: 0 -238px;
}
.auth-icon.live {
    background-position: 0 -272px;
}

.auth-clients {
    display: block;
    margin: 0 0 1em;
    list-style: none;
    overflow: auto;
}

.auth-clients li {
    float: left;
    display: block;
    margin: 0 1em 0 0;
    text-align: center;
}

.auth-title {
    display: block;
    margin-top: 0.4em;
    text-align: center;
    width: 58px;
}
@charset "UTF-8";@-webkit-keyframes remodal-opening-keyframes {
                     0% {
                         -webkit-transform: scale(1.05);
                         transform: scale(1.05);
                         opacity: 0
                     }

                     to {
                         -webkit-transform: none;
                         transform: none;
                         opacity: 1;
                         -webkit-filter: blur(0);
                         filter: blur(0)
                     }
                 }

@keyframes remodal-opening-keyframes {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

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

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes pulse {
    0% {
        transform: scale(.98);
        box-shadow: 0 0 0 0 #01d2d1
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    to {
        transform: scale(.98);
        box-shadow: 0 0 0 0 transparent
    }
}

.footerNav li a,.nice-select .list a {
    text-decoration: none;
    position: relative;
    color: #fff
}

.agreement a,.dark a,.linkY,main a {
    color: #ffc671;
    text-decoration: none
}

.agreement a:visited,.dark a:visited,.linkY:visited,main a:visited {
    color: #ffc671
}

.agreement a:active,.agreement a:hover,.dark a:active,.dark a:hover,.footerNav li a:visited,.linkY:active,.linkY:hover,.nice-select .list a:visited,main a:active,main a:hover {
    color: #fff
}

.menuMobile .menuName,.titleIcoSm {
    position: relative;
    padding-left: 16px
}

.menuMobile .menuName:before,.titleIcoSm:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    background: url(/images/icon/romb-green.svg) no-repeat center/contain
}

@font-face {
    font-family: Proxima Nova;
    src: url(/fonts/PROXIMANOVA_LIGHT.OTF);
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Proxima Nova;
    src: url(/fonts/PROXIMANOVA_REGULAR.TTF);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Proxima Nova;
    src: url(/fonts/ProximaNova-Semibold.ttf) format("truetype");
    src: url(/fonts/ProximaNova-Semibold.eot) format("eot");
    src: url(/fonts/ProximaNova-Semibold.woff) format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap
}

@font-face {
    font-family: Proxima Nova;
    src: url(/fonts/PROXIMANOVA_BOLD.OTF) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.actLinksWr a,.actionItemImg img,.addCardBtnGrid,.agreement a,.bonusFormLinks a,.bonusItemImg,.bonusProgressItem a,.btnBack:before,.btnBlue,.btnGrey,.btnOrange,.cardItemOrigin .action,.cardVerify,.cardView button,.checkLabel .dot span,.chooseAmount>div label,.dark a,.depBonusCodeSubmit,.diiaQrBtn,.faqItemImg,.faqItemLink,.filters .select2-container--krajee .select2-selection,.footer .license a,.footerSocial a,.gameBtnWr,.gameCategory,.gameCategory .ico,.gamePageWinners .winnerItem,.gameTopLine .btnGoBack,.gameTopLine .btnRefill,.gamesAll,.langHeading .ico,.langList,.linkY,.lotItemImg img,.menuFixedBtn .ico svg,.menuMobile,.menuName,.myBonusInfo,.myBonusInfoPopup,.nice-select,.noActiveHint,.notifAllBtn,.popup,.popupSocial a .desc,.postImg img,.profileNav ul li a,.profileNav ul li a svg,.profileNav ul li button,.profileNav ul li button svg,.profileTitle a,.provItemWr img,.providersBtn .ico,.providersItem,.quickSum,.radioLabel .dot span,.roundGreyBtn,.searchForm .legend,.selectWr .select ul,.selectWr .select.wdw .addNew,.selectWr:after,.spLink,.spPageGrid button,.spPageGrid button .lightning,.tourItemImg img,.tourSort,.ui-widget.ui-widget-content,.userExit,.userProfileBtn,.userRefillBtn,.userWalletsInfo .depVerif,.wheelButton,main a,table .filters input[type=text],table .filters select {
    transition: all .3s ease
}

#errors-footer,.actLinksWr a,.advPage,.alert,.bonusItemSmall,.btnBase,.btnBasePurple,.btnBlue,.btnGreen,.btnGrey,.btnOrange,.center,.contactChatWr,.contactItem,.cookie-popup,.depositFailText,.depositTotal,.error.content-error,.gamePageWinners .winnerItem .desc,.gamesListEmpty,.happyBoxWin,.jackpot,.jackpotButton,.jackpotSum span,.jpBannerInfo,.limitInputs input,.lotResultItem,.lotResultItem>div,.menuFixedBtn,.messageCopy,.myBonusSwitcher .switch,.notifAllBtn,.notifBtn,.notifCounter,.notifEmpty,.pageRadioHint,.pageRadioItemDesc,.popup-bonus,.popup-bonus .pTitle,.popup.enter .regBonus,.popup.reg .regBonus,.popupBtnMenuLogin,.popupLinksWr,.popupSwitcher .switch,.profileNav ul li a,.profileNav ul li button,.profileSwitcher .switch,.provListCatWr .provListCat,.scInfoItem,.selectWr .select.wdw .addNew,.spPageClosed,.spPageSuccess,.statusLabel,.subMenu li a,.subMenu li button,.tableScroller .empty,.tourItemRate,.userExit,.validBlock,.validFinal,.validRules,.validSteps .step,.validTitle,.wheel,th,th a {
    text-align: center
}

.actItem,.block h1,.block h2,.block h3,.block h4,.bonusFormLinks a,.bonusItemDesc,.bonusProgressItem .lotPrize a,.bonusProgressItem .lotPrize a:visited,.btnBase,.btnBasePurple,.btnBlue,.btnCloseText,.btnGreen,.btnGrey,.btnOrange,.cardVerify,.cookie-accept,.cpWr .inpFileWr .tip,.cpWr .inpWr .tip,.dark h1,.dark h2,.dark h3,.dark h4,.depBonusCodeSubmit,.depositTotal,.detWr .detBlock,.gameInfo .gameLink,.gamePageInfoTitle span,.gamePageWinnersTitle,.gamesAll,.h2Up,.happyBoxPrize,.happyBoxWin,.inpRadioWr,.jackpotButton,.jackpotSum span,.lang,.limitInputs input,.lotPrize .bonusProgressItem a,.lotPrize .bonusProgressItem a:visited,.lotPrize .cblue,.lotPrize .popup a,.lotPrize .profileTitle a,.lotPrize .refLevel,.lotPrize .tourWinnerItem.current span:first-child,.menuFixedBtn,.menuName,.myBonusAcceptPopup .acceptTitle span,.myBonusCondPopup .acceptTitle span,.myBonusTitle,.notifAllBtn,.notifItemBody a,.notifItemBody button,.notifItemHead,.pageRadioItemDesc,.pageRadioItemProfit,.pageRadioRecomTitle,.pageVipGrid1>div span,.pageVipRecTitle,.popup .lotPrize a,.popup.cpResult .popupTitle,.popupTitleMain,.profileTitle,.profileTitle .lotPrize a,.profileTopWr .userCopy,.providersWr .selectWr select,.refLevels .refRow,.refTitleSm,.refTitleXs,.secondaryWr h1,.secondaryWr h2,.secondaryWr h3,.secondaryWr h4,.secondaryWr h5,.secondaryWr h6,.statusLabel,.statusName,.subMenu li a,.subMenu li button,.taba .tab,.textWr h1,.textWr h2,.textWr h3,.textWr h4,.textWr h5,.textWr h6,.timing,.titleIcoSm,.titleMain,.titlePromo h1,.tourSort,.tourWinnerItem span:first-child,.tourWinnerItem.current .lotPrize span:first-child,.transactionStatus,.upper,.userExit,.userRefillBtn,.userWalletsInfo .depVerif,.wheelTitle {
    text-transform: uppercase
}

.availBonus label,.bonusItemSmall .limitInputs>div span,.bonusItemSmall .messageItem.old span.messageItemTitle,.bonusItemSmall .tableScroller span.summary,.bonusItemSmall .tourWinnerItem span:first-child,.bonusItemSmall span.cg,.bonusItemSmall span.cwhite,.bonusItemSmall span.menuFixedBtn,.bonusItemSmall span.myBonusDesc,.bonusItemSmall span.profileSetTitle,.bonusItemSmall span.wdwResults,.bonusProgressItem .cwhite,.bonusProgressItem .refCopyWr a,.cardAction .text,.cardItem .cardStatus span,.gameCategoryName,.gameInfo .gameLink,.gamePageWinners .winnerItem .desc>span,.limitInputs>div .bonusItemSmall span,.messageItem.old .bonusItemSmall span.messageItemTitle,.popup .refCopyWr a,.popup.providers .heading+div .providersItem span,.profileTitle .refCopyWr a,.profileTopWr .userName,.refCopyWr .bonusProgressItem a,.refCopyWr .cblue,.refCopyWr .popup a,.refCopyWr .profileTitle a,.refCopyWr .refLevel,.refCopyWr .tourWinnerItem.current span:first-child,.selectOption .cardStatus span,.tableScroller .bonusItemSmall span.summary,.tourWinnerItem .bonusItemSmall span:first-child,.tourWinnerItem.current .refCopyWr span:first-child,.userWalletsInfo>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.availBonus label,.btnBack,.btnBase,.btnBasePurple,.btnClose,.btnCloseText,.btnReturn,.cardActionbutton,.cardActivate,.cardHide,.cardVerify,.checkLabel,.cookie-accept,.faqQuestion .heading,.fav,.gameCategory,.inpFileWr .control-label,.inpFileWr .selectWr .select .form-control,.inpRadioWr,.inpRadioWr label,.inpSearch,.inpWr .selectWr .select .form-control,.langHeading,.loadMore,.myBonusInfo,.myBonusSwitcher .switch,.myBonusWatchCond,.paySystemItem label,.popupSwitcher .switch,.profileSwitcher .switch,.profileTopWr .userCopy,.providersBtn,.radioLabel,.refCopyWr,.searchForm .ico,.selectWr .select .inp,.selectWr .select .inpCodeWr,.selectWr .select .inpFileWr .form-control,.selectWr .select .inpRadioWr,.selectWr .select .inpWr .form-control,.selectWr .select ul li,.taba .tab,.tourSort,.userProfileBtn,.userRefillBtn,button {
    cursor: pointer
}

.addCardBtnGrid,.addCardForm .inp,.addCardForm .inpCodeWr,.addCardForm .inpFileWr .form-control,.addCardForm .inpRadioWr,.addCardForm .inpWr .form-control,.b,.bonusFormLinks a,.bonusItem .btnBlue,.bonusItemDesc,.bonusItemTitle,.btnBack,.btnBasePurple,.btnGreen,.btnGrey,.btnOrange,.cardItem,.cardItemOrigin .rejectText,.cpWr .inp,.cpWr .inpCodeWr,.cpWr .inpFileWr .form-control,.cpWr .inpFileWr .tip,.cpWr .inpRadioWr,.cpWr .inpWr .form-control,.cpWr .inpWr .tip,.customAmount .valute,.depBonusCodeSubmit,.depositTotal,.errorText2,.errorText3,.footerSupport,.footerTitle,.gameInfo .gameLink,.gamePageInfo .btnBase,.gamePageWinners .winnerItem .desc .gain,.gamePageWinnersTitle,.happyBoxWin,.inpFileWr .addCardForm .form-control,.inpFileWr .cpWr .form-control,.inpWr .addCardForm .form-control,.inpWr .cpWr .form-control,.jackpotPrice,.limitInputs>div .validTypeBlock span,.loadMore,.menuName,.messageItem.old .validTypeBlock .messageItemTitle,.myBonusAcceptPopup .acceptTitle span,.myBonusCondPopup .acceptTitle span,.myBonusTitle,.nice-select .current,.notifItemBody,.notifItemHead .date,.pageRadioHint,.pageVipRecTitle,.pagination li,.popup-bonus .pTitle,.popup.basic .popupTitle,.popup.cpResult .popupTitle,.popupTitleMain,.post h2,.postLatestWr h2,.postTitle,.profileTopWr .userCopy,.profileTopWr .userName,.providersWr .selectWr select,.refTitleSm,.secondaryWr h1,.secondaryWr h2,.secondaryWr h3,.secondaryWr h4,.secondaryWr h5,.secondaryWr h6,.statusLabel,.subMenu li a,.subMenu li button,.tableScroller .validTypeBlock .summary,.textWr h1,.textWr h2,.textWr h3,.textWr h4,.textWr h5,.textWr h6,.title,.titleIcoSm,.tourSort.ac,.tourWinnerItem .validTypeBlock span:first-child,.userWalletsInfo,.userWalletsInfo .depVerif,.validTitle,.validTypeBlock .cg,.validTypeBlock .gameSettingsTable>div,.validTypeBlock .limitInputs>div span,.validTypeBlock .menuFixedBtn,.validTypeBlock .messageItem.old .messageItemTitle,.validTypeBlock .myBonusDesc,.validTypeBlock .profileSetTitle,.validTypeBlock .tableScroller .summary,.validTypeBlock .tourWinnerItem span:first-child,.validTypeBlock .wdwResults,.validTypeBlock .wdwResults ol li,.verifCardNumber,.wdwResults ol .validTypeBlock li,.winSum,.winTitle {
    font-weight: 600
}

.bold,.btnBase,.btnBlue,.cardVerify,.gamesAll,.happyBoxPrize,.jackpotButton,.limitInputs input,.notifAllBtn,.notifCounter,.notifItemBody a,.notifItemBody button,.notifItemHead,.pageRadioItemDesc,.pageRadioRecomTitle,.pageVipGrid1>div,.profileTitle,.refLevels .refRow,.refLevels h2.iconRombSmall.refRow,.refLevels h3.iconRombSmall.refRow,.statusName,.titleMain,.titlePromo h1,.transactionStatus,.transactionSum,.userExit,.userRefillBtn,h2.iconRombSmall.bold,h2.iconRombSmall.btnBase,h2.iconRombSmall.btnBlue,h2.iconRombSmall.cardVerify,h2.iconRombSmall.gamesAll,h2.iconRombSmall.happyBoxPrize,h2.iconRombSmall.jackpotButton,h2.iconRombSmall.notifAllBtn,h2.iconRombSmall.notifCounter,h2.iconRombSmall.notifItemHead,h2.iconRombSmall.pageRadioItemDesc,h2.iconRombSmall.pageRadioRecomTitle,h2.iconRombSmall.profileTitle,h2.iconRombSmall.statusName,h2.iconRombSmall.titleMain,h2.iconRombSmall.transactionStatus,h2.iconRombSmall.transactionSum,h2.iconRombSmall.userExit,h2.iconRombSmall.userRefillBtn,h3.iconRombSmall.bold,h3.iconRombSmall.btnBase,h3.iconRombSmall.btnBlue,h3.iconRombSmall.cardVerify,h3.iconRombSmall.gamesAll,h3.iconRombSmall.happyBoxPrize,h3.iconRombSmall.jackpotButton,h3.iconRombSmall.notifAllBtn,h3.iconRombSmall.notifCounter,h3.iconRombSmall.notifItemHead,h3.iconRombSmall.pageRadioItemDesc,h3.iconRombSmall.pageRadioRecomTitle,h3.iconRombSmall.profileTitle,h3.iconRombSmall.statusName,h3.iconRombSmall.titleMain,h3.iconRombSmall.transactionStatus,h3.iconRombSmall.transactionSum,h3.iconRombSmall.userExit,h3.iconRombSmall.userRefillBtn {
    font-weight: 700
}

.limitInputs>div .pageRadioItemProfit span,.lotTime span,.messageItem.old .pageRadioItemProfit .messageItemTitle,.pageRadioItemProfit .cg,.pageRadioItemProfit .gameSettingsTable>div,.pageRadioItemProfit .limitInputs>div span,.pageRadioItemProfit .menuFixedBtn,.pageRadioItemProfit .messageItem.old .messageItemTitle,.pageRadioItemProfit .myBonusDesc,.pageRadioItemProfit .profileSetTitle,.pageRadioItemProfit .tableScroller .summary,.pageRadioItemProfit .tourWinnerItem span:first-child,.pageRadioItemProfit .wdwResults,.pageRadioItemProfit .wdwResults ol li,.tableScroller .pageRadioItemProfit .summary,.tourWinnerItem .pageRadioItemProfit span:first-child,.wdwResults ol .pageRadioItemProfit li {
    font-size: 8px;
    line-height: 10px
}

.actionItem,.bonusForm form button,.bonusFormLinks a,.bonusItem .btnBlue,.bonusItemWagerText,.btnBlue.min,.btnGreen,.fs10,.gameCategoryName,.gamePageWinners .winnerItem .desc,.gamePageWinnersTitle .live,.limitAlert .refLevels span.refRow,.limitAlert span.bold,.limitAlert span.btnBase,.limitAlert span.btnBlue,.limitAlert span.cardVerify,.limitAlert span.gamesAll,.limitAlert span.happyBoxPrize,.limitAlert span.jackpotButton,.limitAlert span.notifAllBtn,.limitAlert span.notifCounter,.limitAlert span.notifItemHead,.limitAlert span.pageRadioItemDesc,.limitAlert span.pageRadioRecomTitle,.limitAlert span.profileTitle,.limitAlert span.statusName,.limitAlert span.titleMain,.limitAlert span.transactionStatus,.limitAlert span.transactionSum,.limitAlert span.userExit,.limitAlert span.userRefillBtn,.limitInputs>div span,.lotItem,.lotResultItem>div .desc,.menuFixedBtn,.myBonusBottom .btnBase,.myBonusDesc,.myBonusTiming,.nice-select .current,.notifAllBtn,.notifItemBody a,.notifItemBody button,.notifItemHead,.notifText,.pageRadioHint,.pageRadioItemDesc,.pageVipGrid1>div span,.profileTopWr .userCopy,.refLevels .limitAlert span.refRow,.scInfoLink,.statusLabel,.subGroup,.taba .tab,.timing,.tourItem,.tourItemPrize,.userBalance .btnBase,.userBalance span:first-child,.userWalletsInfo,.wdwBalance {
    font-size: 10px;
    line-height: 12px
}

#errors-footer,.actionItemInfoName,.addCardWdw .timeLeft,.addCardWdw label,.alert,.bonusForm form .inp,.bonusForm form .inpCodeWr,.bonusForm form .inpFileWr .form-control,.bonusForm form .inpRadioWr,.bonusForm form .inpWr .form-control,.btnBase,.btnBasePurple,.btnBlue,.btnCloseText,.cardVerify,.checkLabel,.chooseAmount>div label,.cookie-popup,.dark,.depBonusCodeActive,.depChoose,.depProtect,.error.content-error,.field-error,.footer .copyrights,.footer .license,.fs12,.gameBtnWr>span,.gameSettingsTable>div,.gamesAll,.inpFileWr .bonusForm form .form-control,.inpFileWr .control-label,.inpLabel,.inpWr .bonusForm form .form-control,.inpWr .control-label,.jackpotButton,.jackpotPriceWr,.jackpotTitleLink,.jpBannerInfo .cg,.jpBannerInfo .gameSettingsTable>div,.jpBannerInfo .limitInputs>div span,.jpBannerInfo .menuFixedBtn,.jpBannerInfo .messageItem.old .messageItemTitle,.jpBannerInfo .myBonusDesc,.jpBannerInfo .profileSetTitle,.jpBannerInfo .tableScroller .summary,.jpBannerInfo .tourWinnerItem span:first-child,.jpBannerInfo .wdwResults,.jpBannerInfo .wdwResults ol li,.limitAlert,.limitInputs .tourItemPrize input,.limitInputs input,.limitInputs>div .jpBannerInfo span,.limitInputs>div .winJp span,.limitWr,.lotItemInfoName,.lotResultItem>div .name,.lotResultItem>div .prize,.mainTitleWr .searchForm,.menuName,.messageItem,.messageItem.old .jpBannerInfo .messageItemTitle,.messageItem.old .validTypeBlock .messageItemTitle,.messageItem.old .winJp .messageItemTitle,.myBonusAcceptPopup .acceptTitle span,.myBonusCondPopup .acceptTitle span,.myBonusInfo,.myBonusRange .rangeLine .desc,.myBonusTitle,.myBonusWithdraw,.nice-select,.noActiveHint,.noBonusWr,.notifItemBody,.notifItemBody .tourItemPrize a,.notifItemBody .tourItemPrize button,.pageRadioItemProfit,.pageRadioRecom ul,.pageVipRec,.pagination li,.paySystemItem label,.popup.enter .regBonusDesc,.popup.reg .regBonusDesc,.profileNav ul li,.profileNav ul li a,.profileNav ul li button,.profileSet,.profileSetTitle,.providersBtn,.providersItem,.providersWr .selectWr select,.radioLabel,.refLevels .tourItemPrize .refRow,.reviewItemText,.roundGreyBtn,.sm,.subMenu li a,.subMenu li button,.tableScroller .jpBannerInfo .summary,.tableScroller .summary,.tableScroller .winJp .summary,.telegramText,.titleIcoSm,.titlePromo .tourItemPrize h1,.tourItemInfoName,.tourItemPrize .bold,.tourItemPrize .happyBoxPrize,.tourItemPrize .jackpotButton,.tourItemPrize .limitInputs input,.tourItemPrize .notifAllBtn,.tourItemPrize .notifCounter,.tourItemPrize .notifItemBody a,.tourItemPrize .notifItemBody button,.tourItemPrize .notifItemHead,.tourItemPrize .pageRadioItemDesc,.tourItemPrize .pageRadioRecomTitle,.tourItemPrize .pageVipGrid1>div,.tourItemPrize .profileTitle,.tourItemPrize .refLevels .refRow,.tourItemPrize .statusName,.tourItemPrize .titleMain,.tourItemPrize .titlePromo h1,.tourItemPrize .transactionStatus,.tourItemPrize .transactionSum,.tourItemPrize .userRefillBtn,.tourItemRate,.tourWinnerItem .jpBannerInfo span:first-child,.tourWinnerItem .winJp span:first-child,.tourWinnerItem span:first-child,.underTitle,.userExit,.userId,.validTypeBlock .cg,.validTypeBlock .gameSettingsTable>div,.validTypeBlock .menuFixedBtn,.validTypeBlock .messageItem.old .messageItemTitle,.validTypeBlock .myBonusDesc,.validTypeBlock .profileSetTitle,.validTypeBlock .wdwResults,.validTypeBlock .wdwResults ol li,.validTypeTitle,.verifCardAlert,.verifCardAlert .btnBase,.wdwResults ol .jpBannerInfo li,.wdwResults ol .validTypeBlock li,.wdwResults ol .winJp li,.winJp .cg,.winJp .gameSettingsTable>div,.winJp .limitInputs>div span,.winJp .menuFixedBtn,.winJp .messageItem.old .messageItemTitle,.winJp .myBonusDesc,.winJp .profileSetTitle,.winJp .tableScroller .summary,.winJp .tourWinnerItem span:first-child,.winJp .wdwResults,.winJp .wdwResults ol li,.withdrawItem,th,th a {
    font-size: 12px;
    line-height: 14px
}

.cardItemOrigin .rejectText,.popup.cpResult,.wdwInput span {
    font-size: 13px;
    line-height: 16px
}

.depAmount,.gamePageBack,.gamePageTopInfo .info,.gameReviews h4,.pageVip,.quickSum,.reviewItemText .data,.selectWr .select ul li,.selectWr .select.wdw .addNew,.titleMain {
    font-size: 14px;
    line-height: 16px
}

.availBonus label,.bonusItemTitle,.btnBack,.btnGrey,.btnOrange,.btnReturn,.contactItem,.dark,.errorText1,.filters .select2-container--krajee .select2-selection,.footer,.fs14,.gameInfo .gameLink,.gamePageWinnersTitle,.inp,.inpCodeWr,.inpFileWr .form-control,.inpRadioWr,.inpWr .form-control,.jackpotTitle .titleMain,.lang,.limit.popup,.loadMore,.lotDesc,.myBonusSwitcher .switch,.pageRadioRecomTitle,.popup-alert-heading,.popup.deposit,.popup.infoLink,.popup.lottery,.popup.myBonusVerifPopup .popupInner,.popupLinksWr,.popupSwitcher .switch,.popupText,.popupTextWr .popupTitle,.postSm,.profileSwitcher .switch,.profileTitle,.profileTopWr .userName,.ref,.tourWinnerItem,.ui-widget.ui-widget-content,.wdwResults,table .filters input[type=text],table .filters select,ul.links li a {
    font-size: 14px;
    line-height: 17px
}

.block,.bonusPopupInfo,.pageVipRecTitle,.popup.depositExclusion p,.popup.selfExclusion p,.userBalance span {
    font-size: 14px;
    line-height: 20px
}

.cardAction,.depositTotal>span,.fs15,.messageContent,.pageRadioBottom h3,.promoListConditions li,.quickSumWr>span,.refTitle,.transactionSum {
    font-size: 15px;
    line-height: 18px
}

.addCardBtnGrid,.block h1,.block h2,.block h3,.block h4,.cardItem,.dark h1,.dark h2,.dark h3,.dark h4,.depositFailText,.faqItem,.faqQuestion .heading,.footerSupport,.fs16,.gamePageInfoTitle,.happyBoxPrize,.jackpotPrice,.myBonusAcceptPopup .acceptTitle span:last-child,.myBonusCondPopup .acceptTitle span:last-child,.popup.enter .regBonus,.popup.myBonusVerifPopup .popupInner .m33,.popup.reg .regBonus,.postTitle,.scInfoSub,.titlePromo h1,.validSteps .step,.winJpType,div.heading h1 {
    font-size: 16px;
    line-height: 19px
}

.createWallet .depTitle,.popup.message .popupName {
    font-size: 16px;
    line-height: 24px
}

.cpInfo,.happyBoxProgress {
    font-size: 18px;
    line-height: 21px
}

.advPage .advImage span.fs20,.contactChatWr .chatTitle,.customAmount input,.depBonusCode input,.depTitleMain,.errorText2,.footerTitle,.h2,.h2Up,.inpFileWr .popup.regPhoneConfirm .regPhCnfInputs .form-control,.inpWr .popup.regPhoneConfirm .regPhCnfInputs .form-control,.jpItemTitle,.limitFinal,.lotInfo span:first-child,.lotResultItem>div .place,.pageRadio h4,.popup-bonus .pTitle,.popup.basic .popupTitle,.popup.cpResult .popupTitle,.popup.deposit .popupTitleMain,.popup.depositExclusion .name,.popup.regPhoneConfirm .regPhCnfInputs .inp,.popup.regPhoneConfirm .regPhCnfInputs .inpCodeWr,.popup.regPhoneConfirm .regPhCnfInputs .inpFileWr .form-control,.popup.regPhoneConfirm .regPhCnfInputs .inpRadioWr,.popup.regPhoneConfirm .regPhCnfInputs .inpWr .form-control,.popup.selfExclusion .name,.post h2,.postLatestWr h2 {
    font-size: 20px;
    line-height: 24px
}

.depStatus h1,.pageVip .fs20 {
    font-size: 20px;
    line-height: 28px
}

.limitInputs .menuUserBalance input,.menuUserBalance .bold,.menuUserBalance .btnBase,.menuUserBalance .btnBlue,.menuUserBalance .cardVerify,.menuUserBalance .gamesAll,.menuUserBalance .happyBoxPrize,.menuUserBalance .jackpotButton,.menuUserBalance .limitInputs input,.menuUserBalance .notifAllBtn,.menuUserBalance .notifCounter,.menuUserBalance .notifItemBody a,.menuUserBalance .notifItemBody button,.menuUserBalance .notifItemHead,.menuUserBalance .pageRadioItemDesc,.menuUserBalance .pageRadioRecomTitle,.menuUserBalance .pageVipGrid1>div,.menuUserBalance .profileTitle,.menuUserBalance .refLevels .refRow,.menuUserBalance .statusName,.menuUserBalance .titleMain,.menuUserBalance .titlePromo h1,.menuUserBalance .transactionStatus,.menuUserBalance .transactionSum,.menuUserBalance .userExit,.menuUserBalance .userRefillBtn,.notifItemBody .menuUserBalance a,.notifItemBody .menuUserBalance button,.refLevels .menuUserBalance .refRow,.titlePromo .menuUserBalance h1 {
    font-size: 22px;
    line-height: 28px
}

.bonusItemDesc,.contactChat,.depositTotal,.faqItemTitle,.gamePageBottomName,.pageRadioItemProfit div,.popup.myBonusVerifPopup .frameTitle,.popup.promoBonus .frameBg .tourWinnerItem.current span:first-child,.popup.promoBonus .frameBg span.cblue,.popup.promoBonus .frameBg span.refLevel,.popupTitleMain,.title,.tourWinnerItem.current .popup.promoBonus .frameBg span:first-child,.validBlock .dw,.validTitle,.verifCardNumber,.wheel .fs24 {
    font-size: 24px;
    line-height: 29px
}

.popup.cpResult .sum {
    font-size: 32px;
    line-height: 38px
}

.fs11 {
    font-size: 11px
}

.actItem,.bonusProgress,.btnBack,.btnBlue,.btnGrey,.btnOrange,.contactChat,.gameCategory,.inpCodeWr>.btnBase,.menuMobileBanner a,.myBonusSum,.myBonusTiming .myBonusTime,.nowrap,.pageRadioHint,.providersBtn,.providersItem,.taba .tab,.timing,.tourFilterWr,.userBalance,.withdrawItem,th a {
    white-space: nowrap
}

.h2,.h2Up {
    color: #fff
}

.heading {
    margin-right: auto
}

div.heading h1 {
    padding: 0
}

.refLevels h2.iconRombSmall.refRow:before,.refLevels h3.iconRombSmall.refRow:before,h2.iconRombSmall.bold:before,h2.iconRombSmall.btnBase:before,h2.iconRombSmall.btnBlue:before,h2.iconRombSmall.cardVerify:before,h2.iconRombSmall.gamesAll:before,h2.iconRombSmall.happyBoxPrize:before,h2.iconRombSmall.jackpotButton:before,h2.iconRombSmall.notifAllBtn:before,h2.iconRombSmall.notifCounter:before,h2.iconRombSmall.notifItemHead:before,h2.iconRombSmall.pageRadioItemDesc:before,h2.iconRombSmall.pageRadioRecomTitle:before,h2.iconRombSmall.profileTitle:before,h2.iconRombSmall.statusName:before,h2.iconRombSmall.titleMain:before,h2.iconRombSmall.transactionStatus:before,h2.iconRombSmall.transactionSum:before,h2.iconRombSmall.userExit:before,h2.iconRombSmall.userRefillBtn:before,h3.iconRombSmall.bold:before,h3.iconRombSmall.btnBase:before,h3.iconRombSmall.btnBlue:before,h3.iconRombSmall.cardVerify:before,h3.iconRombSmall.gamesAll:before,h3.iconRombSmall.happyBoxPrize:before,h3.iconRombSmall.jackpotButton:before,h3.iconRombSmall.notifAllBtn:before,h3.iconRombSmall.notifCounter:before,h3.iconRombSmall.notifItemHead:before,h3.iconRombSmall.pageRadioItemDesc:before,h3.iconRombSmall.pageRadioRecomTitle:before,h3.iconRombSmall.profileTitle:before,h3.iconRombSmall.statusName:before,h3.iconRombSmall.titleMain:before,h3.iconRombSmall.transactionStatus:before,h3.iconRombSmall.transactionSum:before,h3.iconRombSmall.userExit:before,h3.iconRombSmall.userRefillBtn:before {
    top: -2px
}

@media (min-width: 992px) {
    h2.iconRombSmall,h3.iconRombSmall {
        font-size:14px;
        line-height: normal
    }

    h2.iconRombSmall:before,h3.iconRombSmall:before {
        top: -2px
    }
}

.iconRomb,.iconRombSmall,.titleIcon,.titleIconBlue,.titleIconWhite {
    position: relative
}

.iconRomb:before,.iconRombSmall:before,.titleIcon:before,.titleIconBlue:before,.titleIconWhite:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0
}

.iconRomb,.titleIcon,.titleIconBlue,.titleIconWhite {
    padding-left: 38px
}

.iconRomb:before,.titleIcon:before,.titleIconBlue:before,.titleIconWhite:before {
    width: 38px;
    height: 38px;
    background: url(/images/icon/titleIcon.svg) no-repeat left center
}

.iconRombSmall {
    padding-left: 28px
}

.iconRombSmall:before {
    width: 20px;
    height: 20px;
    background: url(/images/icon/titleIcon.svg) no-repeat center/contain;
    top: -4px
}

h2.iconRombSmall,h3.iconRombSmall {
    font-weight: 400
}

@media (min-width: 992px) {
    h2.iconRombSmall,h3.iconRombSmall {
        font-size:14px;
        line-height: normal
    }

    h2.iconRombSmall:before,h3.iconRombSmall:before {
        top: -2px
    }
}

.title {
    color: #fff;
    margin-bottom: 18px;
    padding-top: 12px
}

.titleIcon:before,.titleIconBlue:before,.titleIconWhite:before {
    top: 6px
}

.titleIconBlue:before {
    background: url(/images/icon/romb-blue.svg) no-repeat left center
}

.titleIconWhite:before {
    background: url(/images/icon/romb-white.svg) no-repeat left center
}

.title2:before {
    top: 50%;
    transform: translateY(-50%)
}

.titleWr {
    margin-bottom: 16px
}

.inpFileWr input[type=file],.titleWr .btnBack {
    display: none
}

.titlePromo .iconRomb span+h1 {
    margin-top: 2px
}

.titlePromo .iconRomb:before {
    top: -6px
}

.titleMain,.titleMain:visited {
    color: #fff
}

.titleMain:before {
    top: -12px
}

.titleIcoSm {
    display: block
}

@media (min-width: 768px) {
    .title,.title2 {
        font-size:36px;
        line-height: 36px;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 0
    }

    .titleIcon:before,.titleIconBlue:before,.titleIconWhite:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .title2 {
        font-size: 32px;
        line-height: 38px
    }
}

@media (min-width: 992px) {
    .titleWr {
        margin-bottom:0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .titleWr .btnBack {
        display: inline-block
    }

    .titlePromo {
        gap: 24px
    }

    .titleMain {
        font-size: 16px;
        line-height: 19px
    }

    .titleMain:before {
        top: 42%
    }
}

.mainTitleWr {
    position: relative
}

.mainTitleWr .title,.mainTitleWr .titleMain {
    padding-right: 160px
}

.mainTitleWr .searchForm {
    top: -12px;
    right: 0;
    gap: 5px;
    flex-direction: row-reverse
}

.mainTitleWr.category .searchForm {
    top: 8px
}

@media (min-width: 768px) {
    .mainTitleWr.category .searchForm {
        top:24px
    }
}

@media (min-width: 992px) {
    .mainTitleWr .titleMain {
        font-size:24px;
        text-transform: initial;
        margin-top: 24px
    }

    .mainTitleWr .title,.mainTitleWr .titleMain {
        padding-right: 12px;
        float: left
    }

    .mainTitleWr .searchForm {
        top: 0;
        font-size: 14px;
        line-height: normal;
        gap: 12px;
        z-index: 1
    }

    .mainTitleWr.category {
        margin-bottom: 12px
    }

    .mainTitleWr.category .title {
        margin-top: -6px
    }

    .mainTitleWr.category .gameCategorySlideWr {
        padding-right: 140px
    }

    .mainTitleWr.category .searchForm {
        top: 6px
    }
}

.clear {
    clear: both
}

.clear,.underTitle {
    display: block
}

.ico24,.menuIco {
    width: 24px;
    height: auto
}

.ico24 img,.menuIco img {
    max-width: 100%
}

.billWr img,.cardView button img,.cpDivider div img,.lotBanner img,.myBonusPopup .icon,.myBonusPopup .image,.nowager img,.pageRadioTopImg img,.popup-bonus .popup.myBonusVerifPopup .pTitle .ico,.popup.basic .popupIcon,.popup.cpResult .iconLarge,.popup.enter .regBonusImg,.popup.myBonusVerifPopup #errors-footer .ico,.popup.myBonusVerifPopup .alert .ico,.popup.myBonusVerifPopup .bonusItemSmall .ico,.popup.myBonusVerifPopup .btnGrey .ico,.popup.myBonusVerifPopup .btnOrange .ico,.popup.myBonusVerifPopup .center .ico,.popup.myBonusVerifPopup .contactChatWr .ico,.popup.myBonusVerifPopup .cookie-popup .ico,.popup.myBonusVerifPopup .depositFailText .ico,.popup.myBonusVerifPopup .error.content-error .ico,.popup.myBonusVerifPopup .happyBoxWin .ico,.popup.myBonusVerifPopup .jpBannerInfo .ico,.popup.myBonusVerifPopup .popup-bonus .ico,.popup.myBonusVerifPopup .popupLinksWr .ico,.popup.myBonusVerifPopup .tableScroller .empty .ico,.popup.reg .regBonusImg,.popup.regSuccess .regSuccessImage,.provItemWr img,.secondaryWr img,.spLink img,.tableScroller .popup.myBonusVerifPopup .empty .ico,.textWr img,.userProfileLink .ico,.wheel img {
    max-width: 100%;
    vertical-align: top
}

.availBonus label .ico,.bonusItemSmall .ico,.gameHoverWr img,.gamePageWinners .winnerItem .image img,.jpBanner .jpImg,.myBonusImg,.profileAvatar .imgWr img {
    object-fit: cover
}

.availBonus label .check,.bonusFormLinks a .ico,.btnClose,.cardHide img,.checkLabel .dot,.fav,.historyTab a>span,.icon,.menuFixedBtn.main .icoWr .ico svg,.myBonusGift .ico,.notifBtn,.quickSumGift .ico,.radioLabel .dot,.ratingBlock img,.searchForm .ico {
    width: 24px;
    height: 24px
}

.ico24 {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.icon {
    display: block;
    margin: auto
}

.bullet.ac,.gameCategory.ac:after,.gameCategory:hover:after,.menuFixedBtn.ac:after,.menuFixedBtn:last-child:active:after,.menuFixedBtn:last-child:focus:after,.taba .tab.ac:after {
    background: linear-gradient(135deg,#03e7c0 2.58%,#00c2dd 98.04%);
    box-shadow: 0 0 15px 0 rgba(0,255,255,.77)
}

.spPageSuccess {
    left: 50%;
    transform: translateX(-50%)
}

.advPage .advImageImg,.errorImg,.inpFileWr .help-block,.spPageClosed,.spPageGrid button .lightning,.wheelLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

button {
    outline: 0;
    font-family: inherit;
    border: 0;
    background: 0 0
}

.depBonusCodeSubmit,.notifAllBtn {
    text-decoration: none;
    outline: 0;
    font-family: inherit
}

.dis.depBonusCodeSubmit,.dis.notifAllBtn {
    pointer-events: none;
    cursor: not-allowed;
    border-color: #1d202b
}

.btnBase,.btnBasePurple {
    color: #fff!important;
    transition: border .8s ease
}

.btnBase {
    font-family: inherit;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #79c32e;
    border-radius: 8px;
    padding: 13px 24px 11px
}

.btnBase.small {
    padding: 6px
}

.btnBase.lower {
    text-transform: initial;
    padding: 13px 24px 11px!important
}

.btnBase.ml0 {
    margin-left: 0
}

.btnBase.dis {
    border-color: #1d202b!important
}

.btnBase:hover {
    border-color: transparent;
    text-decoration: none!important
}

.btnBasePurple {
    display: inline-block;
    border: 1px solid #3830a4;
    background: rgba(4,4,5,.5);
    border-radius: 12px;
    padding: 12px 8px;
    width: 100%
}

.btnBasePurple.small {
    padding: 8px 6px 6px;
    width: initial
}

.btnBasePurple.dis {
    border-color: #1d202b!important
}

.btnBasePurple:active,.btnBasePurple:hover {
    border-color: transparent
}

.btnBase.yellow {
    border-color: #ffc671
}

.btnBase.grey {
    border-color: #323a55
}

.btnBase.greenGr {
    border: 1px solid #77ff9d;
    background: linear-gradient(90deg,#384d3a 0,#121216 100%);
    position: relative
}

.btnBase.greenGr .ico {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px
}

.btnBase.greenGr:hover {
    filter: brightness(.9)
}

.btnBase.greenGr[disabled=disabled] {
    opacity: .4;
    pointer-events: none
}

.btnBase.blue,.btnBase.transactionStatus.new {
    border-color: #01d2d1;
    padding: 16px
}

.btnBase.blue:active,.btnBase.blue:hover,.btnBase.transactionStatus.new:active,.btnBase.transactionStatus.new:hover {
    border-color: #137070
}

.btnBase.blue[disabled],.btnBase[disabled].transactionStatus.new {
    opacity: .5;
    pointer-events: none
}

.btnReturn {
    color: #99a3c7!important
}

.btnBack:before,.btnReturn span {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    transform: rotate(90deg)
}

.btnReturn span {
    background: url(/images/icon/arrowDown.svg) no-repeat center/14px,rgba(217,217,217,.24);
    min-width: 36px;
    margin-right: 15px
}

.btnBack {
    background: rgba(0,0,0,.5);
    border-radius: 24px;
    padding: 14px 24px 13px 53px;
    border: 0
}

.btnBack,.btnBack:hover,.btnBack:visited,.btnCloseText:visited {
    color: #fff
}

.btnBack:hover:before {
    background-color: transparent
}

.btnBack:before {
    content: "";
    display: inline-block;
    background: url(/images/icon/arrowDown.svg) no-repeat center,rgba(217,217,217,.24);
    position: absolute;
    left: 4px;
    top: 4px
}

.btnClose {
    position: absolute;
    z-index: 100000;
    top: 9px;
    right: 9px;
    background: url(/images/icon/close.svg) no-repeat center/14px;
    display: none
}

.btnCloseText {
    color: #fff;
    position: absolute;
    top: 70px;
    right: 35px;
    column-gap: 8px;
    z-index: 1
}

.btnCloseText .ico {
    width: 14px;
    height: 14px;
    margin-bottom: 2px
}

.btnW240 {
    max-width: 240px
}

.btnGrey {
    background: rgba(255,255,255,.1)
}

.btnGrey:hover {
    color: #f24e1e!important
}

.btnOrange {
    background: #ff5400
}

.btnOrange:hover {
    color: #0e1018!important
}

.btnGreen {
    border-radius: 8px;
    border: 1px solid #77ff9d;
    background: linear-gradient(90deg,#384d3a 0,#121216 100%);
    color: #fff!important;
    padding: 6px 9px
}

.btnGreen:visited {
    color: #fff
}

.btnGreen[disabled=disabled] {
    opacity: .1;
    pointer-events: none
}

.btnBlue {
    display: block;
    width: fit-content;
    border-radius: 8px;
    border: 1px solid #01d2d1;
    background: linear-gradient(90deg,#384d4a 0,#121615 100%);
    padding: 13px 24px 11px
}

.btnBlue,.btnBlue:visited {
    color: #fff
}

.btnBlue.min {
    padding: 9px 22px
}

.btnBlue.dis,.btnBlue[disabled] {
    border-color: #1d202b;
    background: #141722;
    pointer-events: none
}

.btnBlue:hover {
    border-color: #99a3c7;
    filter: brightness(.9)
}

.btnGrey,.btnOrange {
    border-radius: 50px;
    padding: 10px 16px;
    color: #fff
}

.btnGrey:visited,.btnOrange:visited {
    color: #fff
}

.ac .btnClose {
    display: block
}

.userRefillBtn {
    padding: 9px 24px 8px 10px;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
    display: none;
    align-items: center;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #77ff9d;
    background: linear-gradient(90deg,#384d3a 0,#121216 100%)
}

.userRefillBtn .ico {
    width: 17px;
    height: 17px;
    margin-right: 20px
}

.userRefillBtn.ac,.userRefillBtn:hover {
    color: #f77
}

@media (min-width: 1400px) {
    .userRefillBtn {
        display:flex
    }
}

.userProfileBtn {
    border: 1px solid rgba(142,108,197,.2);
    background: rgba(2,2,2,.1);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    display: none;
    align-items: center;
    justify-content: center
}

.userProfileBtn img {
    width: 16px;
    height: 15px;
    vertical-align: top
}

.userProfileBtn.ac,.userProfileBtn:hover {
    border: 1px solid #77ff9d
}

@media (min-width: 992px) {
    .userProfileBtn {
        display:flex
    }
}

.roundGreyBtn {
    display: inline-block;
    vertical-align: top;
    border-radius: 40px;
    background-color: #1d202b;
    padding: 10px 28px;
    color: #fff
}

.roundGreyBtn:visited {
    color: #fff
}

.roundGreyBtn:active,.roundGreyBtn:hover {
    color: #01d2d1
}

.roundGreyBtn[disabled=disabled] {
    opacity: .5;
    pointer-events: none
}

@media (min-width: 768px) {
    .btnGrey,.btnOrange {
        padding:14px 20px
    }

    .btnBasePurple {
        width: 230px
    }
}

.container {
    width: 100%;
    max-width: 1000px;
    padding: 0 10px;
    margin: 0 auto
}

@media (min-width: 1400px) {
    .container {
        max-width:1380px
    }
}

@media (min-width: 1560px) {
    .container {
        max-width:1520px
    }
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .row {
        margin:0
    }
}

.actItem,.addCardBtnGrid,.advPage .advTableItem,.advPageInner,.bonusFormLinks a,.bonusItemTitle,.btnCloseText,.cardItem,.cardItem .cardStatus,.cardItemOrigin .action,.cardItemOrigin .image,.cardSlider,.checkLabel .dot,.dF,.dFaC,.dFjAaC,.dFjB,.dFjBaC,.dFjCaC,.dFjEaC,.dFjSaC,.dFjSaS,.depBonusCodeActive,.depBonusCodeSubmit,.diiaBtn,.gameBtnWr,.gameCategory,.gamePageBack,.happyBox .infoPlay,.happyBoxPrize,.header .container,.inpCodeWr,.langHeading,.loadMore,.lotResultItem>div,.menuFixed,.menuFixedBtn .ico,.myBonusSwitcher,.myBonusWr,.pageRadioBlockHint,.pagination,.popupSocial,.popupSocial a,.popupSwitcher,.postSm,.profileSwitcher,.promoListConditions li,.provItemWr,.provList,.provList a,.provListCatWr,.providersItem,.quickSum,.quickSumGift,.radioLabel .dot,.refLevels .refRow,.scInfoItem,.searchForm .ico,.selectOption .cardStatus,.taba .tabs,.titlePromo,.tourItemPrize,.tourSort.all,.transactionIcon,.validBlock.previewWr,.validTitle,.verifCardList li,.verifCardList li span,.withdrawItem {
    display: flex
}

.addCardBtnGrid,.bonusFormLinks a,.bonusItemTitle,.btnCloseText,.cardItem,.cardItem .cardStatus,.cardItemOrigin .action,.cardItemOrigin .image,.checkLabel .dot,.dFaC,.dFjAaC,.dFjBaC,.dFjCaC,.dFjEaC,.depBonusCodeActive,.depBonusCodeSubmit,.diiaBtn,.gameBtnWr,.happyBox .infoPlay,.happyBoxPrize,.header .container,.inpCodeWr,.langHeading,.loadMore,.lotResultItem>div,.menuFixed,.menuFixedBtn .ico,.myBonusSwitcher,.pagination,.popupSocial,.popupSocial a,.popupSwitcher,.postSm,.profileSwitcher,.promoListConditions li,.provItemWr,.provList,.provListCatWr,.providersItem,.quickSum,.quickSumGift,.radioLabel .dot,.refLevels .refRow,.scInfoItem,.searchForm .ico,.selectOption .cardStatus,.titlePromo,.tourSort.all,.transactionIcon,.validBlock.previewWr,.validTitle,.verifCardList li,.verifCardList li span,.withdrawItem {
    align-items: center
}

.cardItem,.dFjB,.dFjBaC,.happyBoxPrize,.header .container,.inpCodeWr,.myBonusSwitcher,.popupSwitcher,.profileSwitcher,.provList,.refLevels .refRow,.titlePromo,.withdrawItem {
    justify-content: space-between
}

.advPageInner,.dFjSaC,.gamePageBack,.provList a {
    justify-content: flex-start;
    align-items: center
}

.cardSlider,.dFjSaS,.pageRadioBlockHint,.taba .tabs {
    justify-content: flex-start;
    align-items: flex-start
}

.dFjEaC {
    justify-content: flex-end
}

.cardItemOrigin .action,.cardItemOrigin .image,.checkLabel .dot,.dFjCaC,.diiaBtn,.gameBtnWr,.loadMore,.menuFixed,.menuFixedBtn .ico,.pagination,.provItemWr,.radioLabel .dot,.searchForm .ico,.transactionIcon,.validBlock.previewWr,.verifCardList li span {
    justify-content: center
}

.dFjAaC {
    justify-content: space-around
}

.scrollMobileH {
    overflow-x: auto
}

.right {
    float: right;
    margin-left: 8px;
    margin-bottom: 4px
}

.mw240 {
    min-width: 240px
}

.wrap {
    flex-wrap: wrap
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.formBlock {
    margin: 20px 0
}

.formBlock>* {
    margin-bottom: 20px
}

.formDisabled {
    opacity: .8
}

.formDisabled * {
    pointer-events: none
}

.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
    min-width: 100px!important
}

.ui-autocomplete {
    transition: none!important
}

.filters .select2-container--krajee .select2-selection,.inp,.inpCodeWr,.inpFileWr .form-control,.inpRadioWr,.inpWr .form-control,table .filters input[type=text],table .filters select {
    border: 1px solid #1d202b;
    background: #141722;
    color: #fff;
    border-radius: 8px;
    outline: 0;
    box-shadow: none
}

.ui-widget.ui-widget-content {
    border: 1px solid #1d202b;
    background: #141722;
    color: #fff;
    border-radius: 8px;
    box-shadow: none
}

.filters .select2-container--krajee .select2-selection::-webkit-input-placeholder,.inp::-webkit-input-placeholder,.inpCodeWr::-webkit-input-placeholder,.inpFileWr .form-control::-webkit-input-placeholder,.inpRadioWr::-webkit-input-placeholder,.inpWr .form-control::-webkit-input-placeholder,.ui-widget.ui-widget-content::-webkit-input-placeholder,table .filters input[type=text]::-webkit-input-placeholder,table .filters select::-webkit-input-placeholder {
    color: #323a55
}

.filters .select2-container--krajee .select2-selection:-moz-placeholder,.inp:-moz-placeholder,.inpCodeWr:-moz-placeholder,.inpFileWr .form-control:-moz-placeholder,.inpRadioWr:-moz-placeholder,.inpWr .form-control:-moz-placeholder,.ui-widget.ui-widget-content:-moz-placeholder,table .filters input[type=text]:-moz-placeholder,table .filters select:-moz-placeholder {
    color: #323a55
}

.filters .select2-container--krajee .select2-selection::-moz-placeholder,.inp::-moz-placeholder,.inpCodeWr::-moz-placeholder,.inpFileWr .form-control::-moz-placeholder,.inpRadioWr::-moz-placeholder,.inpWr .form-control::-moz-placeholder,.ui-widget.ui-widget-content::-moz-placeholder,table .filters input[type=text]::-moz-placeholder,table .filters select::-moz-placeholder {
    color: #323a55
}

.filters .select2-container--krajee .select2-selection:-ms-input-placeholder,.inp:-ms-input-placeholder,.inpCodeWr:-ms-input-placeholder,.inpFileWr .form-control:-ms-input-placeholder,.inpRadioWr:-ms-input-placeholder,.inpWr .form-control:-ms-input-placeholder,.ui-widget.ui-widget-content:-ms-input-placeholder,table .filters input[type=text]:-ms-input-placeholder,table .filters select:-ms-input-placeholder {
    color: #323a55
}

.ui-widget.ui-widget-content {
    outline: 0
}

.ui-menu .ui-menu-item-wrapper {
    padding: 12px 24px
}

.ui-state-active {
    background: #141722;
    outline: 0;
    color: #ffc671
}

.inp {
    padding: 15px 20px 16px
}

.inp,.inpCodeWr,.inpFileWr .form-control,.inpRadioWr,.inpWr .form-control {
    height: auto;
    transition: border .3s ease;
    font-family: inherit
}

.inpFileWr .form-control,.inpWr .form-control {
    padding: 15px 20px 16px
}

.er.inpCodeWr,.er.inpRadioWr,.inp.er,.inpFileWr .er.form-control,.inpWr .er.form-control {
    border-color: #f24e1e
}

.inp:focus,.inpCodeWr:focus,.inpFileWr .form-control:focus,.inpRadioWr:focus,.inpWr .form-control:focus {
    border-color: #01d2d1;
    box-shadow: none!important
}

.inp:disabled,.inpCodeWr:disabled,.inpFileWr .form-control:disabled,.inpRadioWr:disabled,.inpWr .form-control:disabled {
    cursor: not-allowed;
    color: gray
}

.inp:-internal-autofill-selected,.inpCodeWr:-internal-autofill-selected,.inpFileWr .form-control:-internal-autofill-selected,.inpRadioWr:-internal-autofill-selected,.inpWr .form-control:-internal-autofill-selected {
    border-color: #ffc671!important;
    background-color: #141722!important;
    color: #fff!important
}

.inpSearch {
    border: 0;
    padding: 6px 4px 6px 34px;
    background: url(../../images/icon/search.svg) no-repeat left 11px center/17px,#01d2d1;
    width: 38px!important;
    height: 38px;
    border-radius: 19px;
    transition: width .4s ease
}

.inpSearch:active,.inpSearch:focus {
    width: 160px!important
}

.inpSearch:active~.legend,.inpSearch:focus~.legend {
    visibility: hidden;
    opacity: 0
}

.bonusForm form .inp::-webkit-input-placeholder,.bonusForm form .inpCodeWr::-webkit-input-placeholder,.bonusForm form .inpFileWr .form-control::-webkit-input-placeholder,.bonusForm form .inpRadioWr::-webkit-input-placeholder,.bonusForm form .inpWr .form-control::-webkit-input-placeholder,.depBonusCode input::-webkit-input-placeholder,.inpFileWr .bonusForm form .form-control::-webkit-input-placeholder,.inpSearch::-webkit-input-placeholder,.inpWr .bonusForm form .form-control::-webkit-input-placeholder {
    color: #fff
}

@media (min-width: 992px) {
    .inpSearch {
        width:60px;
        height: 60px;
        border-radius: 30px;
        background: url(../../images/icon/search.svg) no-repeat left 19px center/24px,#01d2d1;
        padding: 12px 5px 12px 55px
    }

    .inpSearch:active,.inpSearch:focus {
        width: 260px!important
    }
}

.inpLabel,.inpWr .control-label {
    color: #99a3c7
}

.inpFileWr .control-label,.inpLabel,.inpWr .control-label {
    margin-bottom: 4px;
    display: block;
    font-weight: 400;
    text-align: left
}

.inpFileWr .intl-tel-input,.inpWr .intl-tel-input {
    width: 100%
}

.inpFileWr .help-block,.inpWr .help-block {
    margin: 0 0 10px;
    color: #f24e1e
}

.inpFileWr .control-label {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: transparent
}

.inpFileWr .help-block {
    width: 100%
}

.checkLabel input,.inpRadio,.radioLabel input,.selectWr .select.wdw ul li .cardActivate {
    display: none
}

.inpRadioWr {
    display: inline-block;
    vertical-align: middle;
    max-width: max-content;
    padding: 12px 16px
}

.inpRadioWr.ac {
    border-color: #ffc671
}

.codecard.inpCodeWr,.codecard.inpRadioWr,.inp.codecard,.inpFileWr .codecard.form-control,.inpWr .codecard.form-control {
    max-width: 120px;
    margin-left: auto;
    margin-right: auto;
    border-color: #77ff9d
}

.checkLabel,.radioLabel {
    padding-left: 36px!important;
    padding-top: 4px;
    margin-right: 24px;
    display: inline-block;
    vertical-align: top;
    min-height: initial!important;
    font-weight: 400
}

.checkLabel input:checked+.dot span,.radioLabel input:checked+.dot span {
    background-color: #01d2d1
}

.checkLabel input:disabled,.radioLabel input:disabled {
    cursor: not-allowed
}

.checkLabel input:disabled+.dot span,.radioLabel input:disabled+.dot span {
    background-color: #2d2e34
}

.checkLabel input:checked:disabled+.dot span,.radioLabel input:checked:disabled+.dot span {
    background-color: #acacbc
}

.checkLabel .dot,.radioLabel .dot {
    border: 1px solid #323a55;
    background: #141722;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: -2px
}

.checkLabel .dot span,.radioLabel .dot span {
    width: 10px;
    height: 10px;
    border-radius: 2px
}

.er .inp,.er .inpCodeWr,.er .inpFileWr .form-control,.er .inpRadioWr,.er .inpWr .form-control,.er .radioLabel input[name="Profile[sex]"]+.dot,.er input[name=is18has]:not(:checked)+.dot,.er input[name=is18has_sms]:not(:checked)+.dot,.inpFileWr .er .form-control,.inpWr .er .form-control {
    border-color: #f24e1e
}

.inpFileWr .selectWr .select .form-control,.inpWr .selectWr .select .form-control,.selectWr .select .inp,.selectWr .select .inpCodeWr,.selectWr .select .inpFileWr .form-control,.selectWr .select .inpRadioWr,.selectWr .select .inpWr .form-control {
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 38px auto
}

.selectWr select {
    margin: 0!important
}

.selectWr:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url(/images/icon/arrowDown.svg) no-repeat 100% 100%;
    position: absolute;
    right: 23px;
    top: 18px;
    pointer-events: none
}

.selectWr.wdw:after {
    top: 20px
}

.inpFileWr .selectWr .select.wdw .form-control,.inpWr .selectWr .select.wdw .form-control,.selectWr .select.wdw .inp,.selectWr .select.wdw .inpCodeWr,.selectWr .select.wdw .inpFileWr .form-control,.selectWr .select.wdw .inpRadioWr,.selectWr .select.wdw .inpWr .form-control {
    padding-left: 62px
}

.inpFileWr .selectWr .select.wdw>.master.form-control,.inpWr .selectWr .select.wdw>.master.form-control,.selectWr .inpFileWr .select.wdw>.master.form-control,.selectWr .inpWr .select.wdw>.master.form-control,.selectWr .select.wdw>.inp.master,.selectWr .select.wdw>.master.inpCodeWr,.selectWr .select.wdw>.master.inpRadioWr {
    background: url(/images/card/masterIcon.png) no-repeat left 10px center
}

.inpFileWr .selectWr .select.wdw>.visa.form-control,.inpWr .selectWr .select.wdw>.visa.form-control,.selectWr .inpFileWr .select.wdw>.visa.form-control,.selectWr .inpWr .select.wdw>.visa.form-control,.selectWr .select.wdw>.inp.visa,.selectWr .select.wdw>.visa.inpCodeWr,.selectWr .select.wdw>.visa.inpRadioWr {
    background: url(/images/card/visaIcon.png) no-repeat left 10px center
}

.selectWr .select.wdw ul li {
    padding: 15px 40px 15px 15px
}

.selectWr .select.wdw ul li.selectOption {
    border-radius: 0;
    padding: 10px 40px 22px 75px;
    background: 0 0;
    min-height: 60px
}

@media (min-width: 1200px) {
    .selectWr .select.wdw ul li {
        font-size:20px;
        line-height: normal
    }
}

.selectWr .select.wdw .addNew {
    border-radius: 8px;
    border: 1px solid var(--grey, #1D202B);
    background: rgba(14,16,24,.5);
    margin-bottom: 5px;
    padding: 16px
}

.selectWr .select.wdw .addNew:hover {
    border: 1px solid #77ff9d
}

.selectWr .select ul {
    display: none;
    width: 100%;
    margin-top: 12px;
    border: 1px solid #1d202b;
    background: #141722;
    list-style: none;
    border-radius: 8px;
    padding: 13px 16px;
    z-index: 1
}

.selectWr .select ul.abs {
    position: absolute;
    top: calc(100% + 12px);
    margin-top: 0
}

.selectWr .select ul li {
    padding: 12px 4px;
    border-bottom: 1px solid #1d202b
}

.selectWr .select ul li:first-child:last-child {
    border-bottom: none
}

.selectWr.open {
    z-index: 1000
}

.selectWr.open:after {
    transform: rotate(180deg)
}

.selectWr.open .select ul {
    display: block
}

.inpFileWr .selectWr.open .select .form-control,.inpWr .selectWr.open .select .form-control,.selectWr.open .select .inp,.selectWr.open .select .inpCodeWr,.selectWr.open .select .inpFileWr .form-control,.selectWr.open .select .inpRadioWr,.selectWr.open .select .inpWr .form-control {
    border-color: #01d2d1
}

select {
    -webkit-appearance: none;
    padding-right: 34px;
    box-shadow: none
}

select option {
    outline: 0;
    background: #141722
}

.formHelp,.help-block,.selectWr .help-block {
    margin-top: 5px;
    font-size: 12px;
    color: #f24e1e
}

.footerNav ul:empty,.formErr:empty {
    display: none
}

.field-error {
    color: #f24e1e;
    margin: 5px 0 10px
}

.intl-tel-input .country-list {
    background-color: #151518!important;
    border: 1px solid #292a31!important
}

.intl-tel-input .country-list>li {
    max-width: 320px
}

.intl-tel-input .country-list .country-name {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px;
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.form-group {
    margin-bottom: 0
}

.has-error .inp,.has-error .inpCodeWr,.has-error .inpFileWr .form-control,.has-error .inpRadioWr,.has-error .inpWr .form-control,.inpFileWr .has-error .form-control,.inpWr .has-error .form-control {
    border-color: #f24e1e
}

.has-success .form-control {
    border-color: #292a31;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-success .form-control:focus {
    border-color: #292a31;
    -webkit-box-shadow: none;
    box-shadow: none
}

.searchForm,.searchForm .ico {
    position: absolute;
    top: 6px;
    right: 4px
}

.searchForm .ico {
    visibility: hidden;
    opacity: 0;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-in-out;
    transition-delay: .2s
}

.searchForm .ico img {
    width: 9px;
    height: 9px
}

.searchForm .inpSearch:active+.ico,.searchForm .inpSearch:focus+.ico {
    visibility: visible;
    opacity: 1
}

@media (min-width: 992px) {
    .searchForm .ico {
        width:30px;
        height: 30px;
        right: 15px
    }

    .searchForm .ico img {
        width: 14px;
        height: 14px
    }
}

.overlayFixed {
    z-index: 999
}

.menuOverlay,.overlay,.overlayFixed,.overlayJs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .5s ease
}

.overlay,.overlayJs {
    z-index: 999
}

.menuOverlay,.overlay,.overlayJs {
    visibility: hidden;
    opacity: 0
}

.ac.menuOverlay,.ac.overlay,.ac.overlayJs {
    visibility: visible;
    opacity: 1
}

.happyBox .popupInner::-webkit-scrollbar,.intl-tel-input .country-list::-webkit-scrollbar,.notifItemWr::-webkit-scrollbar,.popup.basic.promoBonusResult .popupInner::-webkit-scrollbar,.popup.basic.verifVirtual .popupInner::-webkit-scrollbar,.popup.providers .heading+div::-webkit-scrollbar,.popup::-webkit-scrollbar,.scroll::-webkit-scrollbar {
    background: #1d202b;
    width: 2px;
    height: 4px
}

.happyBox .popupInner::-webkit-scrollbar-thumb,.intl-tel-input .country-list::-webkit-scrollbar-thumb,.notifItemWr::-webkit-scrollbar-thumb,.popup.basic.promoBonusResult .popupInner::-webkit-scrollbar-thumb,.popup.basic.verifVirtual .popupInner::-webkit-scrollbar-thumb,.popup.providers .heading+div::-webkit-scrollbar-thumb,.popup::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb {
    background: #1d4e4e;
    border-radius: 3px;
    width: 4px
}

.taba .tabs::-webkit-scrollbar {
    background: #0e1018;
    height: 1px;
    border-radius: 4px
}

.availBonuses form::-webkit-scrollbar,.tableScroller::-webkit-scrollbar {
    background: #0e1018
}

.taba .tabs::-webkit-scrollbar-thumb {
    background: #292a31;
    border-radius: 4px;
    height: 1px
}

.availBonuses form::-webkit-scrollbar-thumb,.tableScroller::-webkit-scrollbar-thumb {
    background: #292a31
}

.actWr::-webkit-scrollbar,.gameCategorySlideWr::-webkit-scrollbar,.gamesListGrid::-webkit-scrollbar,.jackpotSlide::-webkit-scrollbar,.menuMobile::-webkit-scrollbar,.myBonusWr::-webkit-scrollbar,.popup.regPhoneConfirm::-webkit-scrollbar,.providersFilter::-webkit-scrollbar,.tourFilterWr::-webkit-scrollbar {
    background: 0 0;
    height: 0;
    width: 0
}

.actWr::-webkit-scrollbar-thumb,.gameCategorySlideWr::-webkit-scrollbar-thumb,.gamesListGrid::-webkit-scrollbar-thumb,.jackpotSlide::-webkit-scrollbar-thumb,.menuMobile::-webkit-scrollbar-thumb,.myBonusWr::-webkit-scrollbar-thumb,.popup.regPhoneConfirm::-webkit-scrollbar-thumb,.providersFilter::-webkit-scrollbar-thumb,.tourFilterWr::-webkit-scrollbar-thumb {
    background: 0 0;
    height: 0;
    width: 0
}

#errors-footer,.alert,.error.content-error {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    background-color: #0e1018
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a,a:focus,a:hover {
    text-decoration: none
}

body,html {
    min-height: 100%;
    margin: 0;
    padding: 0
}

a,body {
    color: #fff
}

body {
    font-family: "Proxima Nova",Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-top: 62px;
    background: #15131b;
    position: relative;
    box-sizing: border-box
}

body.ac {
    overflow: hidden
}

@media (min-width: 992px) {
    body {
        padding-top:92px
    }
}

.bgImg,.bgImg:after {
    width: 100%;
    position: absolute
}

.bgImg {
    top: 0;
    left: 0;
    height: auto;
    z-index: -1;
    overflow: hidden
}

.bgImg img {
    width: initial;
    min-width: 100%;
    height: auto;
    vertical-align: top
}

@media (min-width: 992px) {
    .bgImg img {
        width:100%
    }
}

.bgImg:after {
    content: "";
    display: block;
    background: linear-gradient(to top,#15131b 0,transparent 100%);
    height: 60%;
    bottom: 0
}

.overlay {
    background: rgba(17,17,27,.8)
}

.overlayFixed {
    background: rgba(17,17,27,.9)
}

.btnBack,.checkLabel,.intl-tel-input,.posR,.radioLabel,.selectWr,.selectWr .select ul li,.videoWr {
    position: relative
}

.videoWr {
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

.videoWr embed,.videoWr iframe,.videoWr object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.visSM {
    display: block
}

@media (min-width: 768px) {
    .visSM {
        display:none
    }
}

.visSMT {
    display: block
}

@media (min-width: 992px) {
    .visSMT {
        display:none
    }
}

.hidden.ac,.visSMMD {
    display: block
}

@media (min-width: 1200px) {
    .visSMMD {
        display:none
    }
}

.visMD {
    display: none
}

@media (min-width: 768px) {
    .visMD {
        display:block
    }
}

@media (min-width: 1200px) {
    .visMD {
        display:none
    }
}

.visMDLG {
    display: none
}

@media (min-width: 768px) {
    .visMDLG {
        display:block
    }
}

.visTD {
    display: none
}

@media (min-width: 992px) {
    .visTD {
        display:block
    }
}

.visLG {
    display: none
}

@media (min-width: 1200px) {
    .visLG {
        display:block
    }
}

.hidden {
    display: none
}

.scroll {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 12px
}

.list {
    background: #121113;
    border-left: 3px solid #ffc671;
    padding: 16px 24px
}

.listWr ul {
    list-style-position: outside;
    padding-left: 20px
}

.m11 {
    margin: 12px 0
}

.listWr ul li,.mb6 {
    margin-bottom: 6px
}

.mb8,.promoListConditions li {
    margin-bottom: 8px
}

.gameCategorySlideWr,.limitBtns a,.limitBtns button,.lotDesc ol,.lotDesc ol li,.lotDesc p,.lotDesc ul,.lotDesc ul li,.lotPrize,.m01,.myBonusPopup .ul ul li,.pageRadioRecom ul li,.pageVipGrid1>div,.pageVipRecTitle {
    margin-bottom: 12px
}

.limitAlert,.limitWr .checkLabel,.m02,.mainTitleWr .titleMain,.menuName,.myBonusPopup .image,.pageVipImg,.pagination,.popup.enter .regLogo,.popup.reg .regLogo,.secondaryWr p,.textWr p,.underTitle {
    margin-bottom: 24px
}

.m20,.myBonusPopup .icon {
    margin-top: 24px
}

.mb16,.pageRadioRecom {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb32,.myBonusPopup .icon {
    margin-bottom: 32px
}

.mL {
    margin-left: 12px
}

.divider {
    margin-top: 36px;
    margin-bottom: 36px
}

.actLinksWr a.actLinkTur,.actionItemImg,.availBonus label .ico,.bonusItemSmall .ico,.bonusProgress .line,.cardItemOrigin .image .added,.cardItemOrigin .image .number,.cpDivider:before,.depBonusCodeActive,.gameHoverWr img,.gamePageWinners .winnerItem .image img,.happyBox .topWr .icoClosed,.happyBoxPrize:before,.headerBtns,.inp,.inpCodeWr,.inpFileWr .form-control,.inpRadioWr,.inpWr .form-control,.jpBanner .jpImg,.limitBtns a,.limitBtns button,.lotBanner img,.lotItemImg,.menuFinButtons button,.myBonusArchive .myBonus,.myBonusImg,.myBonusSwitcher .switch,.noActiveHint,.notifItemBody a,.notifItemBody button,.pageRadioHint,.pagination,.popup.promoBonus .frameBg,.popup.regSuccess .regSuccessLink a,.popup.verifNeed .frameBg,.popupSwitcher .switch,.profileAvatar .imgWr,.profileAvatar .imgWr img,.profileNav ul li a,.profileNav ul li button,.profileSwitcher .switch,.statusName,.subGroup,.subMenu li a,.subMenu li button,.taba .tab:after,.telegramMessageCopy,.tourItemImg,.tourItemInfo .btnBlue,.validTypeTitle,.w100 {
    width: 100%
}

ol,ul {
    list-style-position: inside
}

#errors-footer,.error.content-error {
    color: #f24e1e
}

#errors-footer .item,.error.content-error .item {
    position: absolute;
    top: 0;
    padding: 12px 10px;
    width: 100%;
    background-color: #0e1018
}

#errors-footer .item.success,.error.content-error .item.success {
    color: green;
    font-weight: 600
}

.alert.alert-success {
    color: #79c32e;
    padding: 12px 10px;
    border: 0
}

.alert.alert-danger,.alert.alert-info,.alert.alert-warning {
    color: #ffc671;
    padding: 12px 10px;
    border: 0
}

.alert.alert-info {
    color: #3830a4
}

.alert .close {
    height: 16px;
    right: initial
}

.secondaryWr,.textWr {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.secondaryWr h1,.secondaryWr h2,.secondaryWr h3,.secondaryWr h4,.secondaryWr h5,.secondaryWr h6,.textWr h1,.textWr h2,.textWr h3,.textWr h4,.textWr h5,.textWr h6 {
    font-size: 14px;
    margin: 24px 0
}

.secondaryWr ol,.secondaryWr ul,.textWr ol,.textWr ul {
    margin: 24px 0;
    list-style-position: outside;
    padding-left: 22px
}

.secondaryWr ol li,.secondaryWr ul li,.textWr ol li,.textWr ul li {
    margin-bottom: 5px
}

.secondaryWr .banner,.textWr .banner {
    display: inline-block;
    border-radius: 12px;
    margin-bottom: 12px
}

.secondaryWr table,.secondaryWr td,.textWr table,.textWr td {
    font-size: 14px
}

.secondaryWr table p,.secondaryWr td p,.textWr table p,.textWr td p {
    margin-bottom: 4px
}

.secondaryWr table,.textWr table {
    margin-bottom: 15px;
    border-collapse: separate!important
}

.secondaryWr table *,.textWr table * {
    color: #fff!important
}

@media (min-width: 992px) {
    .secondaryWr,.textWr {
        font-size:16px;
        line-height: 26px
    }

    .secondaryWr table,.secondaryWr td,.textWr table,.textWr td {
        font-size: 16px
    }

    .secondaryWr h1,.secondaryWr h2,.secondaryWr h3,.secondaryWr h4,.secondaryWr h5,.secondaryWr h6,.textWr h1,.textWr h2,.textWr h3,.textWr h4,.textWr h5,.textWr h6 {
        font-size: 16px;
        margin: 30px 0
    }

    .secondaryWr h1:first-child,.secondaryWr h2:first-child,.secondaryWr h3:first-child,.secondaryWr h4:first-child,.secondaryWr h5:first-child,.secondaryWr h6:first-child,.textWr h1:first-child,.textWr h2:first-child,.textWr h3:first-child,.textWr h4:first-child,.textWr h5:first-child,.textWr h6:first-child {
        margin-top: 4px
    }

    .secondaryWr .banner,.textWr .banner {
        margin-bottom: 24px
    }
}

.secondaryWr {
    background: rgba(14,16,24,.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 16px;
    margin-bottom: 20px;
    word-break: break-word;
    overflow: hidden
}

.secondaryWr pre {
    white-space: break-spaces
}

@media (min-width: 992px) {
    .secondaryWr {
        padding:30px
    }
}

.timing {
    background: linear-gradient(135deg,#03e7c0 2.58%,#00c2dd 98.04%);
    border-radius: 8px;
    padding: 5px 8px;
    width: fit-content
}

.timing .seconds {
    min-width: 14px;
    display: inline-block
}

.timing:empty {
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0
}

@media (min-width: 992px) {
    .timing {
        font-size:14px;
        line-height: normal;
        padding: 7px 12px 6px
    }

    .timing .seconds {
        min-width: 16px
    }
}

.frameBg {
    background: url(/images/blue_frame.png) no-repeat center bottom
}

th a {
    padding: 13px 10px
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px
}

td,th {
    background: #141722;
    padding: 6px 8px
}

th,th a {
    font-size: 14px
}

th a {
    text-decoration: none;
    display: block
}

th a,th a:visited {
    color: #fff
}

td {
    font-size: 12px
}

td:first-child,th:first-child {
    border-radius: 8px 0 0 8px
}

td:last-child,th:last-child {
    border-radius: 0 8px 8px 0
}

td:first-child:last-child {
    border-radius: 8px
}

td:first-child,td:last-child,th:first-child,th:last-child {
    overflow: hidden
}

table .filters input[type=text],table .filters select {
    padding: 8px 12px
}

.tableScroller {
    padding-bottom: 10px;
    overflow-x: auto
}

.availBonuses form::-webkit-scrollbar,.tableScroller::-webkit-scrollbar {
    height: 8px;
    border-radius: 6px
}

.availBonuses form::-webkit-scrollbar-thumb,.tableScroller::-webkit-scrollbar-thumb {
    border-radius: 6px;
    height: 8px
}

.tableScroller .summary {
    margin: 10px 0
}

.block h1,.block h2,.block h3,.block h4,.dark h1,.dark h2,.dark h3,.dark h4 {
    color: #fff;
    padding: 24px 0 16px;
    margin: 0
}

.block blockquote,.dark blockquote {
    margin: 24px 0 12px 24px;
    font-style: italic;
    position: relative
}

.block blockquote:before,.dark blockquote:before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #ffc671;
    position: absolute;
    top: -12px;
    left: 0
}

.block img,.dark img {
    max-width: 100%
}

.cg,.gameSettingsTable>div,.limitInputs>div span,.menuFixedBtn,.messageItem.old .messageItemTitle,.myBonusDesc,.profileSetTitle,.tableScroller .summary,.tourWinnerItem span:first-child,.wdwResults,.wdwResults ol li {
    color: #99a3c7
}

.clg,.pageRadioStepWr {
    color: #d9d9d9
}

.cg1 {
    color: gray
}

.bonusItemDesc,.cy,.gamePageTopInfo .info>div>span:last-child,.tourWinners .list-view>div:first-child span:first-child {
    color: #ffc671
}

.cr,.profileSet .formWr .help-block,.transactionStatus.error {
    color: #f24e1e
}

.cf {
    color: #3830a4
}

.bonusProgressItem a,.bonusProgressItem a:visited,.cblue,.popup a,.profileTitle a,.profileTitle a:visited,.refLevel,.tourWinnerItem.current span:first-child {
    color: #01d2d1
}

.cardAction.verified,.cgreen,.transactionStatus.success {
    color: #79c32e
}

.bonusItemSmall button,.menuFixed>.btnBase .desc,.promoWr button,.telegramMessageCopy,.white,ul.links li a:visited {
    color: #fff
}

.ccoral,.coral {
    color: #f77
}

.blue,.transactionStatus.new {
    color: #00a3ff
}

.capitalize {
    text-transform: capitalize
}

.contactChatWr a,.contactChatWr a:visited,.contactWr a,.contactWr a:visited,.faqItemLink,.footer .license a,.menuVerifLink,.popup a:hover,.telegramText ul a,.underline,.validRules a {
    text-decoration: underline
}

sup {
    font-size: 16px;
    vertical-align: top
}

ul.links {
    padding: 0
}

ul.links,ul.links li {
    list-style: none
}

ul.links li a {
    text-decoration: none;
    display: block;
    position: relative;
    color: #fff;
    background-color: #0e1018;
    border-radius: 12px;
    margin-bottom: 4px;
    padding: 10px 10px 10px 30px
}

ul.links li a:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 992px) {
    ul.links {
        display:flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap
    }

    ul.links li {
        width: calc(50% - 7px)
    }

    ul.links li a {
        font-size: 16px;
        line-height: 19px;
        padding: 15px 15px 15px 40px
    }

    ul.links li a:before {
        width: 4px;
        height: 4px;
        border-radius: 4px;
        left: 25px
    }
}

.fwm,.gameCategorySlideWr,.gamePageWinners .winners .swiper-container,.gamesListGrid,.jackpotSlide,.limitSection,.lotTime,.myBonusWr {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px
}

@media (min-width: 992px) {
    .fwm,.gameCategorySlideWr,.gamePageWinners .winners .swiper-container,.gamesListGrid,.jackpotSlide,.limitSection,.lotTime,.myBonusWr {
        margin-left:0;
        margin-right: 0;
        padding: 0;
        width: 100%
    }
}

.myBonusSwitcher,.popupSwitcher,.profileSwitcher {
    gap: 2px;
    border-radius: 8px;
    padding: 2px
}

.myBonusSwitcher .switch,.popupSwitcher .switch,.profileSwitcher .switch {
    border-radius: 8px;
    padding: 8px;
    position: relative;
    color: #fff
}

.myBonusSwitcher .switch:visited,.popupSwitcher .switch:visited,.profileSwitcher .switch:visited {
    color: #fff
}

.myBonusSwitcher .switch.ac,.popupSwitcher .switch.ac,.profileSwitcher .switch.ac {
    background: rgba(50,58,85,.3)
}

.myBonusSwitcher .switch.ac:before,.popupSwitcher .switch.ac:before,.profileSwitcher .switch.ac:before {
    content: "";
    display: block;
    width: 94px;
    height: 2px;
    background: linear-gradient(135deg,#03e7c0 2.58%,#00c2dd 98.04%);
    box-shadow: 0 0 15px 0 rgba(0,255,255,.77);
    border-radius: 4px;
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%)
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.nice-select .current br,.remodal,[data-remodal-id] {
    display: none
}

.remodal-overlay,.remodal-wrapper {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none
}

.remodal-wrapper {
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}

.remodal-overlay,.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay {
    background: rgba(43,46,56,.9)
}

.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal.remodal-is-closing,.remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal,.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 4%;
    left: 90%;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #66ccc8;
    border: 0;
    outline: 0;
    background: 0 0
}

.remodal-close:focus,.remodal-close:hover {
    color: #2b2e38
}

.remodal-close:before {
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
    content: "×";
    text-align: center
}

.remodal-cancel,.remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0
}

.remodal-confirm {
    color: #fff;
    background: #81c784
}

.remodal-confirm:focus,.remodal-confirm:hover {
    background: #66bb6a
}

.remodal-cancel {
    color: #fff;
    background: #e57373
}

.remodal-cancel:focus,.remodal-cancel:hover {
    background: #ef5350
}

.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.header .nice-select .list {
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 12px;
    top: 28px;
    left: 0
}

.header .nice-select .list li {
    padding: 0 0 12px;
    font-weight: 600
}

.header .nice-select .list li:last-child {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .header .nice-select .list {
        top:28px
    }
}

.nice-select,.nice-select .current {
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    outline: 0;
    border: 0;
    font-family: inherit;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

@media (min-width: 768px) {
    .nice-select {
        position:relative;
        max-width: 100%
    }
}

.nice-select .current {
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap
}

@media (min-width: 992px) {
    .nice-select .current {
        line-height:14px
    }
}

.nice-select.open .list {
    transform: scale(1)
}

@media (min-width: 768px) {
    .nice-select.open .list {
        display:block
    }
}

.nice-select.disabled {
    pointer-events: none;
    color: #ffc671
}

.nice-select .list {
    background: #020202;
    position: absolute;
    right: 0;
    padding: 0 24px 0 66px;
    line-height: 24px;
    border-radius: 12px;
    width: fit-content;
    border: 0;
    display: block;
    transform: scale(0);
    transition: all .25s cubic-bezier(.25,.46,.45,.94);
    transform-origin: 50% 0;
    z-index: 19
}

.nice-select .list li {
    list-style: none;
    padding: 12px 0;
    white-space: nowrap
}

.nice-select .option.focus,.nice-select .option:hover {
    color: #ffc671
}

.gamesList.listView>div .gameImgWr,.gamesList.listView>div .gameWr,.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .option.disabled {
    background-color: #262321;
    color: #999;
    cursor: default
}

.header,.spinner {
    height: 50px;
    position: fixed
}

.spinner {
    top: calc(50vh - 25px);
    left: calc(50vw - 25px);
    visibility: hidden;
    width: 50px;
    margin: auto;
    border: 4px solid #e10d00;
    border-bottom-color: #dcdcdc;
    border-radius: 50%;
    display: none;
    -webkit-animation: spinnerAnimation 1.4s infinite linear;
    animation: spinnerAnimation 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.spinner.ac {
    visibility: visible;
    z-index: 99;
    display: block
}

.header {
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.header .container {
    height: 100%;
    padding-right: 0
}

.header:after,.header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.header:before {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.header:after {
    background: url(/images/summer/logoBg.png) no-repeat left -12px bottom/180px auto
}

.headerBtns {
    max-width: calc(100% - 110px);
    justify-content: flex-end
}

@media (min-width: 400px) {
    .headerBtns {
        max-width:calc(100% - 140px)
    }
}

@media (min-width: 992px) {
    .header {
        height:70px
    }

    .header .btnReg {
        margin-right: -1px
    }

    .headerBtns {
        max-width: initial;
        width: fit-content
    }

    .headerBtns .btnBase {
        padding: 5px 12px
    }

    .headerBtns .btnBase .desc {
        color: #fff;
        font-size: 9px;
        display: block;
        transition: all .8s ease
    }

    .headerBtns .btnBase.grey {
        margin-right: 6px;
        color: #01d2d1!important;
        background: 0 0
    }

    .headerBtns .btnBase.grey:hover {
        border-color: #404760
    }

    .headerBtns .btnBase.greenGr {
        color: #77ff9d!important
    }

    .header:after {
        display: none
    }

    .header .container {
        position: relative;
        padding-right: 10px
    }

    .header .container:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background: url(/images/summer/logoBg.png) no-repeat left -12px bottom/220px auto
    }
}

.logo img {
    height: 22px;
    vertical-align: top
}

@media (min-width: 400px) {
    .logo img {
        height:28px
    }
}

@media (min-width: 768px) {
    .logo {
        margin-right:10px
    }

    .logo img {
        height: 40px
    }
}

.userInfoWr {
    max-width: calc(100% - 74px)
}

@media (min-width: 992px) {
    .userInfoWr {
        padding:11px 20px 11px 18px
    }
}

.userWalletsInfo {
    position: relative;
    padding: 5px 12px;
    border-radius: 8px;
    background-color: rgba(153,163,199,.1);
    max-width: calc(100% - 40px)
}

.userWalletsInfo>div {
    max-width: 100%
}

@media (min-width: 992px) {
    .userWalletsInfo {
        max-width:165px
    }

    .userWalletsInfoWr {
        padding: 4px 0
    }
}

.userWalletsInfo .depVerif {
    display: inline-flex;
    border-radius: 8px;
    background: linear-gradient(to bottom,#349a9d ,#107276);
    font-size: 9px;
    line-height: 9px;
    color: #fff;
    padding: 7px 8px 6px;
    margin: -5px -6px -5px 0
}

.userWalletsInfo .depVerif:hover {
    color: #1d4e4e
}

.userWalletsInfo.locked {
    border: 2px solid transparent;
    outline: 1px solid #bc5454;
    padding-left: 20px;
    padding-right: 6px;
    background: url(/images/card/lock.png) no-repeat left 2px top 2px/17px,rgba(153,163,199,.1);
    background-clip: padding-box;
    display: flex;
    align-items: center;
    gap: 3px
}

.userWalletsInfo.locked>div {
    opacity: .6
}

.userStatus {
    display: block;
    font-size: 8px;
    line-height: normal
}

.gameSettingsTable>div.userStatus,.limitInputs>div span.userStatus,.messageItem.old .userStatus.messageItemTitle,.tableScroller .userStatus.summary,.tourWinnerItem span.userStatus:first-child,.userStatus.cg,.userStatus.menuFixedBtn,.userStatus.myBonusDesc,.userStatus.profileSetTitle,.userStatus.wdwResults,.wdwResults ol li.userStatus {
    color: #77ff9d!important;
    cursor: default
}

.gameSettingsTable>div.userStatus:visited,.limitInputs>div span.userStatus:visited,.messageItem.old .userStatus.messageItemTitle:visited,.tableScroller .userStatus.summary:visited,.tourWinnerItem span.userStatus:visited:first-child,.userStatus.cg:visited,.userStatus.menuFixedBtn:visited,.userStatus.myBonusDesc:visited,.userStatus.profileSetTitle:visited,.userStatus.wdwResults:visited,.wdwResults ol li.userStatus:visited {
    color: #77ff9d!important
}

.profileSet .formWr .userStatus.help-block,.profileSet .formWr .userStatus.help-block:visited,.userStatus.cr,.userStatus.cr:visited,.userStatus.transactionStatus.error,.userStatus.transactionStatus.error:visited {
    color: #e89090!important
}

.footer .license a:hover,.userStatus:visited {
    color: #fff
}

.userAvatar {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: rgba(29,32,43,.2);
    margin-right: 8px;
    padding: 3px;
    position: relative
}

.userAvatar .img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top;
    border-radius: 50%
}

.userAvatar .ico {
    width: 8px;
    height: 7px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media (min-width: 992px) {
    .userAvatar {
        width:48px;
        height: 48px;
        border-radius: 24px;
        padding: 6px
    }
}

.userBalance {
    align-items: flex-end
}

.userBalance:first-child {
    padding-right: 6px
}

.userBalance span:first-child {
    display: block
}

.limitInputs>div .userBalance span,.messageItem.old .userBalance span.messageItemTitle,.tableScroller .userBalance span.summary,.tourWinnerItem .userBalance span:first-child,.userBalance .limitInputs>div span,.userBalance .messageItem.old span.messageItemTitle,.userBalance .tableScroller span.summary,.userBalance .tourWinnerItem span:first-child,.userBalance span.cg,.userBalance span.menuFixedBtn,.userBalance span.myBonusDesc,.userBalance span.profileSetTitle,.userBalance span.wdwResults {
    font-weight: 300
}

.userBalance .btnBase {
    padding: 5px 11px 4px;
    margin-left: 20px;
    margin-right: 0
}

.userBalances {
    border-top: 1px solid #1d202b;
    padding: 10px
}

@media (min-width: 420px) {
    .userBalance {
        padding-left:14px
    }
}

@media (min-width: 992px) {
    .userBalance span {
        font-size:16px;
        line-height: normal
    }

    .userBalance span:first-child {
        font-size: 12px;
        line-height: normal
    }

    .userBalance .btnBase {
        font-size: 12px;
        line-height: normal;
        padding: 6px 10px 5px
    }

    .userBalances {
        border: 0;
        width: initial;
        padding-right: 0
    }
}

.userProfileLink {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    padding: 6px;
    background-color: rgba(1,210,209,.2);
    transition: background .8s ease
}

.userProfileLink .ico {
    width: 36px;
    height: 36px;
    border-radius: 18px
}

.userProfileLink:hover {
    background-color: transparent
}

.userProfileLink .statusLabel {
    position: absolute;
    top: 0;
    left: 33px;
    z-index: -1;
    padding: 2px 4px;
    min-width: 32px
}

.slide,.slideWr,.userProfileLink {
    position: relative
}

.slide,.slide.ac {
    display: none;
    line-height: 0
}

.slide.ac {
    display: block;
    height: 100%
}

.slideWr {
    width: 100%
}

.slideList {
    width: 100%;
    overflow: hidden
}

.slide img {
    height: 100%;
    width: 100%
}

.slideNav {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%)
}

.slideNext,.slidePrev {
    display: none
}

.bullet {
    width: 22px;
    height: 2px;
    border-radius: 4px;
    background: rgba(217,217,217,.3);
    transition: width 1s ease-in-out .1s
}

.bullets {
    display: flex;
    gap: 4px
}

.homeTypeSlider {
    width: 100%;
    margin-bottom: 38px
}

.homeTypeSlider .slide img,.homeTypeSlider .slideList {
    border-radius: 24px
}

.homeTypeSlider .slideNav {
    width: 100%;
    bottom: -15px
}

.homeTypeSlider .slideNav .bullets {
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 768px) {
    .homeTypeSlider .slideNav {
        bottom:-12px
    }
}

.footer {
    padding: 0 10px 110px
}

.footer .license {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23292B37FF' stroke-width='1' stroke-dasharray='8%2c 8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 12px;
    padding: 13px 30px;
    display: flex;
    align-items: flex-start;
    margin: 24px 0;
    text-align: left
}

.footer .license img {
    margin: 10px 24px 0 0
}

.footer .license p {
    margin-bottom: 14px
}

.footer .license a {
    text-underline-offset: 2px
}

.footer .copyrights {
    margin-top: 24px
}

.footerTitle {
    margin: 24px 0
}

.footerSupport {
    margin: 16px 0
}

.footerSupport img {
    margin-right: 8px;
    width: 20px;
    height: 20px
}

.footerNav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.footerNav ul {
    margin-bottom: 24px;
    width: 50%
}

.footerNav ul:nth-last-child(1),.footerNav ul:nth-last-child(2) {
    margin-bottom: 0
}

.footerNav li {
    list-style: none;
    list-style-position: inside;
    padding: 4px 0
}

.footerNav li a {
    display: inline-block;
    padding-left: 12px
}

.footerNav li a::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    left: 1px;
    top: calc(50% - 2px)
}

.footerSocial {
    margin: 10px 0 24px
}

.footerSocial a,.gameBtnWr>div {
    justify-content: center;
    align-items: center
}

.footerSocial a {
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 12px
}

.footerSocial a.fb {
    background: rgba(35,149,255,.25)
}

.footerSocial a.gl {
    background: rgba(255,75,75,.25)
}

.footerSocial a.tw {
    background: rgba(67,210,255,.25)
}

.footerSocial a.tl {
    background: rgba(0,163,255,.25)
}

.footerSocial a.in {
    background: rgba(255,104,213,.25)
}

.footerSocial a.yt {
    background: rgba(240,0,0,.25)
}

.footerSocial a:hover {
    filter: brightness(1.5)
}

.footer .payment {
    margin: 0 12px 16px 0;
    max-width: 70px;
    max-height: 30px
}

.footer .paymentWr {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%
}

@media (min-width: 992px) {
    .footer {
        display:flex;
        flex-wrap: wrap;
        text-align: left;
        padding: 0 0 20px
    }

    .footer .license,.footer_nav {
        width: 100%
    }

    .footer .license {
        font-size: 16px;
        line-height: 19px;
        order: 0;
        margin-bottom: 0;
        padding: 24px 32px
    }

    .footer .license p.last {
        display: inline;
        margin: 0
    }

    .footer .license img {
        margin: 0 23px 0 0
    }

    .footer_nav {
        order: 1
    }

    .footer_top {
        order: 3;
        margin-left: 5%
    }

    .footer_bottom {
        order: 2
    }

    .footerNav ul {
        width: 25%
    }

    .footerSupport {
        justify-content: flex-start
    }

    .footer .copyrights,.footer .timeNow {
        display: inline-block;
        margin-top: 0
    }

    .footer .timeNow {
        min-width: 55px;
        margin-right: 15px
    }
}

@media (min-width: 1600px) {
    .footer_nav {
        order:2;
        width: 47%;
        margin-left: 3%
    }

    .footer_top {
        order: 1;
        margin-left: 0;
        width: 15%
    }

    .footer_bottom {
        order: 3;
        width: 34%;
        margin-left: 1%
    }
}

.gameWr {
    margin-bottom: 12px
}

.gameImgWr,.gameWr {
    width: calc(50% - 4px);
    background-color: #141722;
    border-radius: 8px;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .gameImgWr,.gameWr {
        width:100%;
        background: #0e1018
    }
}

.gameIframeWr iframe {
    border: 0;
    min-height: 610px;
    width: 100%;
    height: 100%;
    border-radius: 24px
}

.gameHoverWr {
    position: relative
}

.gameHoverWr:hover .gameBtnWr {
    visibility: visible;
    opacity: 1
}

.gameHoverWr img {
    border-radius: 8px 8px 0 0;
    aspect-ratio: 3/2;
    vertical-align: top
}

.gameImgWr {
    margin-bottom: 12px
}

.gameBtnWr {
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(18,17,19,.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 8px 8px 0 0
}

.gameBtnWr>span {
    display: none;
    margin: 20px 0 14px;
    width: 100%
}

.gameBtnWr>div {
    display: flex;
    flex-direction: column
}

.gameBtnWr>div a {
    margin: 4px 6px;
    min-width: 110px
}

@media (min-width: 1560px) {
    .gameBtnWr>span {
        display:block
    }

    .gameBtnWr>div {
        flex-direction: row
    }

    .gameBtnWr>div a {
        min-width: 90px
    }
}

.gameInfo {
    font-size: 11px;
    line-height: 13px;
    color: #acacbc;
    padding: 10px 10px 10px 12px
}

.gameInfo>* {
    margin-bottom: 8px
}

.gameInfo>:last-child,.subMenu li:last-child {
    margin-bottom: 0
}

.gameInfo .gameLink {
    display: block;
    color: #fff
}

.gamePlayer {
    font-size: 10px;
    margin-bottom: 0;
    padding-left: 14px;
    position: relative
}

.gamePlayer:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #79c32e;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) {
    .gamePlayer {
        font-size:12px
    }
}

.gamesAll,.gamesAll:visited {
    color: #01d2d1
}

.gamesAll:active,.gamesAll:hover {
    color: #f77
}

.gamesList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    position: relative
}

.gamesListGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 0 8px;
    overflow-x: auto
}

.gamesListGrid .gameImgWr,.gamesListGrid .gameWr {
    width: 100%;
    min-width: 142px
}

.gamesListGrid .gameInfo {
    padding: 8px 4px 8px 12px
}

.gamesListGrid .gameInfo>* {
    margin-bottom: 0
}

.gamesListGrid .gameInfo .gameLink {
    font-size: 10px;
    line-height: normal
}

@media screen and (min-width: 992px) {
    .gamesListGrid .gameInfo {
        padding-right:12px
    }

    .gamesListGrid .gameInfo .gameLink {
        font-size: 12px
    }
}

.gamesList.listView>div {
    width: calc(50% - 4px)
}

@media screen and (min-width: 768px) {
    .gamesList.listView>div {
        width:initial
    }

    .gamesList.listView>div .gameImgWr,.gamesList.listView>div .gameWr {
        width: 100%
    }

    .gamesList.listView>.pagination {
        grid-column: span 3
    }
}

@media screen and (min-width: 896px) {
    .gamesList.listView>.pagination {
        grid-column:span 4
    }
}

@media screen and (min-width: 1400px) {
    .gamesList.listView>.pagination {
        grid-column:span 5
    }
}

@media screen and (min-width: 768px) {
    .gamesList {
        display:grid;
        grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
        grid-column-gap: 12px
    }
}

@media screen and (min-width: 1400px) {
    .gamesList {
        grid-template-columns:repeat(auto-fill,minmax(224px,1fr))
    }
}

@media screen and (min-width: 1560px) {
    .gamesList {
        grid-template-columns:repeat(auto-fill,minmax(290px,1fr))
    }
}

.gamesListEmpty {
    width: 100%;
    min-height: 15vh
}

.gamePageWinners .winnerItem .desc .name,.gamesList .summary {
    display: none
}

.gameCategory {
    width: 70px;
    min-width: 70px;
    height: 68px;
    background-color: #141722;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 2px;
    border-radius: 12px;
    text-decoration: none;
    margin-right: 4px;
    color: #fff;
    position: relative
}

.gameCategory:visited {
    color: #fff
}

.gameCategory#game-category-157 .ico {
    max-width: 56px
}

.gameCategory .ico {
    fill: #323a55;
    max-width: 32px;
    max-height: 32px;
    margin-bottom: 5px
}

.gameCategory:after {
    content: "";
    display: block;
    background: 0 0;
    width: 32px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: 2px;
    left: 18px
}

.gameCategory.ac .ico,.gameCategory:hover .ico {
    fill: #01d2d1
}

.gameCategorySlideWr {
    overflow-x: auto;
    overflow-y: hidden
}

.gameCategoryName {
    max-width: 100%
}

@media (min-width: 1400px) {
    .gameCategory:after {
        left:18px
    }

    .gameCategoryName {
        font-size: 12px;
        line-height: 14px
    }

    .gameCategorySlideWr {
        width: 100%;
        overflow: initial
    }
}

@media (min-width: 992px) {
    .gameCategorySlideWr {
        flex-wrap:wrap;
        row-gap: 4px
    }
}

.gamePageBack,.gamePageBack:visited {
    color: #fff
}

.gamePageTopInfo .info {
    padding: 10px 24px;
    border-radius: 24px;
    margin-bottom: 16px;
    background-color: rgba(0,0,0,.5);
    display: flex
}

.gamePageTopInfo .info:empty {
    display: none
}

.gamePageTopInfo .info>div {
    margin-right: 24px
}

.gamePageWinners {
    width: 100%;
    margin-bottom: 32px
}

.gamePageWinnersTitle {
    margin-bottom: 12px
}

.gamePageWinners .winnerItem .desc>span,.gamePageWinnersTitle .live {
    display: block
}

.gamePageWinners .winners {
    width: 100%
}

.gamePageWinners .winners .swiper-slide {
    width: 98px;
    margin-right: 4px
}

@media (min-width: 992px) {
    .gamePageWinners .winners .swiper-slide {
        width:105px
    }
}

@media (min-width: 1400px) {
    .gamePageWinners .winners .swiper-slide {
        width:109px
    }
}

@media (min-width: 1560px) {
    .gamePageWinners .winners .swiper-slide {
        width:120px
    }
}

.gamePageWinners .winnerItem {
    border-radius: 12px;
    overflow: hidden;
    background: rgba(217,217,217,.03);
    color: #fff
}

.gamePageWinners .winnerItem:hover {
    color: #01d2d1
}

.gamePageWinners .winnerItem .image {
    margin-bottom: 5px
}

.gamePageWinners .winnerItem .image img {
    height: 63px;
    vertical-align: top
}

.gamePageWinners .winnerItem .desc {
    padding: 5px 6px 6px
}

.gamePageWinners .winnerItem .desc .gain {
    margin-top: 4px
}

@media (min-width: 1400px) {
    .gamePageWinners {
        width:calc(50% - 12px);
        display: inline-block;
        vertical-align: top;
        margin-bottom: 12px
    }

    .gamePageWinners .winnerItem .image {
        margin-bottom: 0
    }
}

.gamePageInfo {
    margin: 24px 0
}

.gamePageInfo>.cardItem,.gamePageInfo>.dFjBaC,.gamePageInfo>.happyBoxPrize,.gamePageInfo>.inpCodeWr,.gamePageInfo>.myBonusSwitcher,.gamePageInfo>.popupSwitcher,.gamePageInfo>.profileSwitcher,.gamePageInfo>.provList,.gamePageInfo>.provListCatWr,.gamePageInfo>.titlePromo,.gamePageInfo>.withdrawItem,.gamePageInfoTitle,.header .gamePageInfo>.container,.refLevels .gamePageInfo>.refRow {
    margin-bottom: 24px
}

.gamePageInfoTitle span {
    color: #f24e1e;
    display: inline-block
}

.gamePageInfo .btnBase {
    margin: 0;
    width: 265px
}

.gamePageBottom {
    margin-bottom: 36px;
    background-color: #0e1018;
    border-radius: 24px;
    padding: 32px
}

.gamePageTitle {
    margin-right: 20px
}

.gameReviews {
    background-color: #121113;
    padding: 24px
}

.gameReviews h4 {
    margin-bottom: 16px
}

.gameRecommendedList {
    height: 110px;
    overflow: hidden;
    position: relative
}

.gameRecommendedItem {
    position: absolute;
    top: 0;
    transition: left 1s ease-out .5s
}

.gameRecommendedItem img {
    width: 160px;
    min-width: 160px;
    height: 110px;
    vertical-align: top;
    border-radius: 12px
}

.gameTopLine {
    height: 50px;
    position: fixed;
    background: url(/images/game/greenGlow.png) no-repeat left bottom/200px auto,url(/images/game/redGlow.png) no-repeat right -30px bottom/160px auto,linear-gradient(to right,#165251 0,#0d1c2d 100%),#0e2332;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 8px
}

.gameTopLine .btnRefill {
    color: #fff;
    border: 1px solid rgba(10,255,160,.4);
    border-left-color: #0affa0;
    padding: 7px 8px 7px 25px;
    background: url(/images/game/plus.png) no-repeat left 0 center/28px,rgba(22,82,81,.8)
}

.gameTopLine .btnGoBack:active,.gameTopLine .btnGoBack:focus,.gameTopLine .btnRefill:active,.gameTopLine .btnRefill:focus {
    filter: brightness(1.3)
}

.gameTopLine .btnGoBack {
    background: url(/images/game/closeRed.png) no-repeat right 0 center/28px,rgba(7,17,25,.43);
    border-right: 1px solid #733737;
    color: #ff5b5b;
    padding: 8px 25px 8px 8px
}

@media (min-width: 992px) {
    .gamePlayer {
        font-size:12px
    }

    .gamePagePopulars .gamesList {
        display: flex!important;
        flex-wrap: nowrap;
        overflow: hidden
    }

    .gamePagePopulars .gamesList .gameImgWr,.gamePagePopulars .gamesList .gameWr {
        min-width: calc(20% - 10px)
    }
}

.providersWr {
    background-color: #0e1018;
    border-radius: 12px;
    margin-bottom: 24px
}

.providersWr .selectWr select {
    border: 0;
    background: rgba(255,255,255,.1);
    padding: 9px 16px 9px 30px;
    border-radius: 24px
}

.providersWr .selectWr:after {
    top: 7px
}

.providersWr .selectWr:before {
    content: url(/images/icon/providers.svg);
    display: inline-block;
    left: 13px;
    top: 9px;
    position: absolute
}

@media (min-width: 768px) {
    .providersWr .selectWr {
        width:214px;
        min-width: 214px;
        margin-right: 8px
    }

    .providersWr .selectWr select {
        padding: 13px 30px 13px 40px
    }

    .providersWr .selectWr:after {
        top: 11px;
        right: 16px
    }

    .providersWr .selectWr:before {
        left: 19px;
        top: 13px
    }

    .providersWr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 11px
    }
}

.providersFilter {
    display: none
}

@media (min-width: 768px) {
    .providersFilter {
        display:flex;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.providersItem {
    background: rgba(255,255,255,.05);
    border-radius: 12px;
    padding: 10px 26px;
    cursor: pointer;
    margin: 0 4px
}

.providersItem.ac {
    color: #ffc671
}

.providersItem .ico {
    width: 22px;
    min-width: 22px;
    height: 19px;
    margin-right: 10px
}

.providersBtn,.providersItem:hover {
    background: rgba(255,255,255,.1)
}

.providersBtn {
    padding: 9px 16px 9px 30px;
    border-radius: 12px
}

.providersBtn .ico {
    width: 14px;
    height: 14px;
    margin: 0 10px
}

.providersBtn.ac .ico.arrow {
    transform: rotate(-180deg)
}

.providersSelect {
    position: relative
}

@media (min-width: 992px) {
    .providersWr {
        margin-bottom:32px
    }

    .providersBtn {
        padding: 13px 20px
    }

    .providersSelect {
        margin-right: 10px
    }
}

.fav {
    display: inline-block;
    vertical-align: top;
    min-width: 24px;
    position: relative;
    z-index: 1;
    background: url(/images/icon/favorite.svg) 0 0
}

.fav.ac {
    background: url(/images/icon/favorite.svg) 24px 0
}

.ratingBlock {
    display: flex
}

.gameSettingsTable {
    display: flex;
    flex-wrap: wrap
}

.gameSettingsTable a,.gameSettingsTable a:visited {
    color: #f24e1e
}

.gameSettingsTable>div {
    width: 100%;
    margin-bottom: 12px;
    border-left: 4px solid #f24e1e;
    border-radius: 4px;
    padding: 14px
}

.gameSettingsTable>div span:last-child {
    color: #f24e1e;
    margin-left: 10%
}

@media (min-width: 768px) {
    .gameSettingsTable>div {
        width:25%
    }
}

@media (min-width: 1400px) {
    .gameSettingsTable>div {
        width:20%
    }
}

.reviewItem {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 12px
}

.reviewItem .ico {
    margin-right: 20px
}

.reviewItem .ico img {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 24px
}

.reviewItemText p {
    padding: 0 0 10px
}

.reviewItemText p:last-child {
    padding-bottom: 0
}

.reviewItemText .name {
    color: #f24e1e
}

.loadMore,.loadMore:visited,.reviewItemText .data {
    color: #fff
}

.loadMore {
    flex-direction: column;
    background: #141722 url(/images/bg/loadMore.svg) no-repeat 100% 100%/cover;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    width: calc(50% - 4px);
    order: 1;
    aspect-ratio: 1/.9;
    transition: all .5s ease
}

.loadMore .ico {
    margin-bottom: 27px;
    width: 20px;
    height: 20px;
    transition: all .5s ease
}

.loadMore:hover {
    opacity: .8
}

.loadMore:hover .ico {
    transform: rotate(360deg)
}

@media screen and (min-width: 768px) {
    .loadMore {
        font-size:16px;
        line-height: 19px;
        border-radius: 24px;
        width: 100%
    }

    .loadMore .ico {
        margin-bottom: 33px;
        width: 30px;
        height: 30px
    }
}

.nowager {
    width: 96px
}

@media (min-width: 400px) {
    .nowager {
        width:120px
    }
}

@media (min-width: 991px) {
    .nowager {
        width:160px
    }
}

@media (max-width: 991px) and (min-width:425px) {
    .gamesList.listView .gameBtnWr>div a {
        font-size:14px
    }
}

@media (max-width: 991px) {
    .gameBtnWr>div {
        width:100%;
        height: 100%;
        gap: 5px
    }

    .gameBtnWr>div a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        line-height: normal;
        border-radius: 0;
        margin: 0
    }

    .gameBtnWr>div a.btnOrange {
        background: linear-gradient(135deg,#03e7c0 2.58%,#00c2dd 98.04%)
    }

    .gameBtnWr>div a.btnGrey {
        background: linear-gradient(135deg,#e77e03 2.58%,#d9dd00 98.04%)
    }
}

.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0
}

.menu a,.menu button {
    color: #fff;
    width: 40%
}

@media (min-width: 992px) {
    .menu {
        justify-content:space-between;
        align-items: center;
        flex-direction: row
    }
}

.menuWr {
    display: none
}

@media (min-width: 992px) {
    .menuWr {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

@media (min-width: 1400px) {
    .menuWr {
        justify-content:center
    }
}

.menuIco {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    cursor: pointer
}

.menuName {
    display: block
}

.menuName:hover {
    color: #f77
}

@media (min-width: 992px) {
    .menuName {
        margin:0
    }
}

.menu li {
    list-style: none;
    padding: 12px
}

.menu li a,.menu li a:visited {
    color: #fff
}

@media (min-width: 992px) {
    .menu li {
        padding:5px 12px;
        white-space: nowrap
    }
}

@media (min-width: 1400px) {
    .menu li {
        padding:5px 28px
    }
}

.menuBtnLoginWr {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #1c1c21;
    padding: 12px 0 0
}

.menuBtnLoginWr>* {
    margin-right: 12px
}

.menuOverlay {
    background: rgba(14,16,23,.85);
    backdrop-filter: blur(10px);
    z-index: 9
}

.menuMobile {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 335px;
    max-width: 100%;
    overflow-y: auto;
    background: rgba(14,16,24,.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 20px
}

.menuMobile .btnCloseText {
    top: 20px;
    right: 20px
}

.menuMobile.ac {
    visibility: visible;
    height: 100%;
    opacity: 1;
    z-index: 1000
}

.menuMobile .menuName {
    text-align: left
}

.menuMobileBtn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-right: 8px;
    background: url(menu.png) no-repeat center/18px;
    background-size: cover;
    cursor: pointer;
    z-index: 1
}

.menuMobileBanner {
    position: relative;
    background: rgba(50,58,85,.2);
    padding: 9px 135px 8px 20px;
    width: calc(100% + 40px);
    margin: 4px -20px 16px
}

.menuMobileBanner .ico {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 142px;
    height: 96px;
    object-fit: cover
}

.limitInputs>div .menuMobileBanner span,.menuMobileBanner .cg,.menuMobileBanner .gameSettingsTable>div,.menuMobileBanner .limitInputs>div span,.menuMobileBanner .menuFixedBtn,.menuMobileBanner .messageItem.old .messageItemTitle,.menuMobileBanner .myBonusDesc,.menuMobileBanner .profileSetTitle,.menuMobileBanner .tableScroller .summary,.menuMobileBanner .tourWinnerItem span:first-child,.menuMobileBanner .wdwResults,.menuMobileBanner .wdwResults ol li,.menuMobileBanner a,.messageItem.old .menuMobileBanner .messageItemTitle,.tableScroller .menuMobileBanner .summary,.tourWinnerItem .menuMobileBanner span:first-child,.wdwResults ol .menuMobileBanner li {
    display: block
}

.menuMobileBanner a {
    margin-top: 8px;
    color: #01d2d1;
    width: initial
}

.menuFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0e1018 url(/images/summer/bottomBg.png) no-repeat center bottom/340px auto;
    padding: 11px 10px 20px;
    z-index: 10
}

.menuFixedBtn {
    margin: 0 8px;
    position: relative
}

@media (min-width: 360px) {
    .menuFixedBtn {
        margin:0 12px
    }
}

.menuFixedBtn .ico {
    margin: 0 auto 5px;
    width: 28px;
    height: 28px
}

.menuFixedBtn .ico svg {
    width: 28px;
    height: 28px;
    fill: #323a55;
    vertical-align: top
}

.menuFixedBtn.main .ico {
    padding: 6px;
    border-radius: 50%;
    background: linear-gradient(180deg,#01c7da 0,#03e5c2 100%);
    margin: 0 auto 7px
}

.menuFixedBtn.main .icoWr {
    padding: 8px 12px 9px;
    background: #0e1018;
    border-radius: 50%;
    margin-top: -55%;
    margin-bottom: 5px;
    position: relative
}

.menuFixedBtn.main .icoWr:before {
    content: "";
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    top: -15px;
    left: -5px;
    background: url(/images/summer/iconBg.png) no-repeat center/contain
}

.menuFixedBtn.main .icoWr .ico {
    width: 38px;
    height: 38px
}

.menuFixedBtn.ac,.menuFixedBtn:last-child:active,.menuFixedBtn:last-child:focus {
    color: #fff
}

.menuFixedBtn.ac .ico svg,.menuFixedBtn:last-child:active .ico svg,.menuFixedBtn:last-child:focus .ico svg {
    fill: #01d2d1
}

.menuFixedBtn.ac:after,.menuFixedBtn:last-child:active:after,.menuFixedBtn:last-child:focus:after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%)
}

.menuFixed>.btnBase {
    width: calc(50% - 3px);
    padding: 5px 2px
}

.menuFixed>.btnBase .desc {
    font-size: 9px;
    display: block
}

.menuFixed>.btnBase.grey {
    margin-right: 6px;
    color: #01d2d1!important
}

.menuFixed>.btnBase.greenGr {
    color: #77ff9d!important
}

@media (min-width: 992px) {
    .menuFixed {
        display:none
    }
}

.menuUnreg {
    padding: 10px 0 20px;
    background: url(/images/blue_frame.png) no-repeat center top -17px;
    margin-top: 12px
}

.menuUnreg>img {
    vertical-align: top;
    width: 188px
}

.menuUnreg span {
    letter-spacing: 2px;
    display: block;
    margin: 32px 0 10px
}

.menuUserId {
    position: relative;
    font-size: 16px
}

.menuUserId img {
    vertical-align: top;
    margin-left: 3px
}

.menuUserId .messageCopy {
    color: #fff;
    top: 0;
    left: 0;
    margin: 0
}

.menuUserInfo {
    position: relative;
    padding-top: 16px;
    background: url(/images/menu/profileBgOrigin.png) no-repeat left top 32px/100% auto
}

.menuUserInfo.pink {
    background: url(/images/menu/profileBgVipPlus.png) no-repeat left top 32px/100% auto
}

.menuUserInfo.green {
    background: url(/images/menu/profileBgPremium.png) no-repeat left top 32px/100% auto
}

.menuUserInfo.violet {
    background: url(/images/menu/profileBgVip.png) no-repeat left top 32px/100% auto
}

.menuUserInfo.gold {
    background: url(/images/menu/profileBgGold.png) no-repeat left top 32px/100% auto
}

.menuUserInfo .casinoId {
    position: absolute;
    left: 0;
    top: -4px
}

.limitInputs>div .menuUserInfo .casinoId span,.menuUserInfo .casinoId .cg,.menuUserInfo .casinoId .gameSettingsTable>div,.menuUserInfo .casinoId .limitInputs>div span,.menuUserInfo .casinoId .menuFixedBtn,.menuUserInfo .casinoId .messageItem.old .messageItemTitle,.menuUserInfo .casinoId .myBonusDesc,.menuUserInfo .casinoId .profileSetTitle,.menuUserInfo .casinoId .tableScroller .summary,.menuUserInfo .casinoId .tourWinnerItem span:first-child,.menuUserInfo .casinoId .wdwResults,.menuUserInfo .casinoId .wdwResults ol li,.messageItem.old .menuUserInfo .casinoId .messageItemTitle,.tableScroller .menuUserInfo .casinoId .summary,.tourWinnerItem .menuUserInfo .casinoId span:first-child,.wdwResults ol .menuUserInfo .casinoId li {
    font-size: 11px
}

.menuUserInfo .profileAvatar {
    box-shadow: 0 10px 20px 5px rgba(15,17,26,.8);
    margin: 0 auto
}

.menuUserBalance {
    padding: 10px 0 12px
}

.limitInputs .menuUserBalance input,.menuUserBalance .bold,.menuUserBalance .btnBase,.menuUserBalance .btnBlue,.menuUserBalance .cardVerify,.menuUserBalance .gamesAll,.menuUserBalance .happyBoxPrize,.menuUserBalance .jackpotButton,.menuUserBalance .limitInputs input,.menuUserBalance .notifAllBtn,.menuUserBalance .notifCounter,.menuUserBalance .notifItemBody a,.menuUserBalance .notifItemBody button,.menuUserBalance .notifItemHead,.menuUserBalance .pageRadioItemDesc,.menuUserBalance .pageRadioRecomTitle,.menuUserBalance .pageVipGrid1>div,.menuUserBalance .profileTitle,.menuUserBalance .refLevels .refRow,.menuUserBalance .statusName,.menuUserBalance .titleMain,.menuUserBalance .titlePromo h1,.menuUserBalance .transactionStatus,.menuUserBalance .transactionSum,.menuUserBalance .userExit,.menuUserBalance .userRefillBtn,.notifItemBody .menuUserBalance a,.notifItemBody .menuUserBalance button,.refLevels .menuUserBalance .refRow,.titlePromo .menuUserBalance h1 {
    white-space: nowrap
}

.menuUserBalance a {
    border-radius: 6px;
    background: rgba(50,58,85,.4);
    padding: 6px 7px;
    margin-left: 6px
}

.menuUserBalance a img {
    width: 18px;
    min-width: 18px;
    height: 13px
}

.menuVerifLink {
    display: block;
    border-radius: 8px;
    background: rgba(1,210,209,.3);
    padding: 5px;
    color: #fff;
    margin-bottom: 8px
}

.bonusFormLinks a,.bonusFormLinks a:visited,.menuVerifLink:visited,.profileNav ul li a:active span,.profileNav ul li a:hover span,.profileNav ul li a:visited,.profileNav ul li button:active span,.profileNav ul li button:hover span,.profileNav ul li button:visited,.subMenu li a:visited,.subMenu li button:visited {
    color: #fff
}

.menuVerifLink.hidden {
    display: none
}

.menuFinButtons {
    gap: 8px
}

.menuFinButtons button {
    margin: 0;
    padding: 6px;
    border-radius: 6px
}

.menuProfileLink {
    position: relative
}

.menuProfileLink:after,.menuProfileLink:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    height: 1px;
    background-color: #323a55;
    z-index: -1
}

.menuProfileLink:before {
    left: 0;
    width: 74px
}

.menuProfileLink:after {
    right: 0;
    width: 68px
}

.subMenu,.subMenu li a,.subMenu li button {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    overflow: hidden
}

.subMenu {
    display: none;
    list-style: none;
    position: absolute;
    right: -20px;
    top: 160%;
    background: rgba(0,0,0,.5);
    box-shadow: 0 30px 26px rgba(0,0,0,.25);
    width: 260px;
    padding: 10px;
    border-radius: 24px
}

.subMenuWr {
    position: relative
}

.subMenu li {
    margin-bottom: 6px
}

.subMenu li a,.subMenu li button {
    display: block;
    background: rgba(255,255,255,.2);
    color: #fff;
    border-radius: 40px;
    padding: 12px 28px
}

.subGroup,.subMenu.ac {
    display: block
}

.subGroup {
    margin: 4px 0 12px
}

@media (max-width: 768px) {
    .woot--bubble-holder {
        display:none
    }
}

.quadGrid .summary {
    display: none
}

.quadGrid>div,.verifCardList li {
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .quadGrid {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch
    }

    .quadGrid>div {
        width: calc(50% - 12px);
        margin-bottom: 24px
    }
}

.bonusItem {
    padding: 14px 17px 17px;
    border-radius: 12px;
    position: relative;
    overflow: hidden
}

.bonusItem:before,.bonusItemImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.bonusItem:before {
    content: "";
    display: block;
    height: 100%;
    background-color: #0e1018
}

.bonusItemImg {
    min-height: 100%
}

.bonusItem .btnBlue {
    padding: 9px 24px;
    margin: 10px 0 0
}

.bonusItemTitle {
    min-height: 50px;
    margin-bottom: 10px;
    max-width: 175px
}

.bonusItemDesc {
    margin-bottom: 10px;
    padding: 0
}

.bonusItem:hover .bonusItemImg {
    transform: scale(1.05)
}

.bonusForm {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #173653
}

.bonusFormTop {
    background-color: #141722;
    padding: 8px
}

.bonusFormMid {
    background-color: #0e1018;
    padding: 4px 4px 6px
}

.bonusFormMid span {
    display: block;
    margin-top: 2px
}

.bonusFormLinks {
    gap: 16px;
    margin: 4px 0
}

.bonusFormLinks a .ico {
    margin-right: 4px
}

.bonusFormLinks a:hover {
    color: #f77
}

.bonusForm form {
    border-top: 1px #173653;
    background: rgba(14,16,24,.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 10px 6px 6px
}

.bonusForm form button {
    padding: 9px;
    margin-top: 1px
}

.bonusForm form .inp,.bonusForm form .inpCodeWr,.bonusForm form .inpFileWr .form-control,.bonusForm form .inpRadioWr,.bonusForm form .inpWr .form-control,.inpFileWr .bonusForm form .form-control,.inpWr .bonusForm form .form-control {
    text-align: center;
    border-color: #01d2d1;
    padding: 8px
}

.bonusForm form .inp:-moz-placeholder,.bonusForm form .inpCodeWr:-moz-placeholder,.bonusForm form .inpFileWr .form-control:-moz-placeholder,.bonusForm form .inpRadioWr:-moz-placeholder,.bonusForm form .inpWr .form-control:-moz-placeholder,.inpFileWr .bonusForm form .form-control:-moz-placeholder,.inpWr .bonusForm form .form-control:-moz-placeholder {
    color: #fff
}

.bonusForm form .inp::-moz-placeholder,.bonusForm form .inpCodeWr::-moz-placeholder,.bonusForm form .inpFileWr .form-control::-moz-placeholder,.bonusForm form .inpRadioWr::-moz-placeholder,.bonusForm form .inpWr .form-control::-moz-placeholder,.depBonusCode input::-moz-placeholder,.inpFileWr .bonusForm form .form-control::-moz-placeholder,.inpWr .bonusForm form .form-control::-moz-placeholder {
    color: #fff
}

.bonusForm form .inp:-ms-input-placeholder,.bonusForm form .inpCodeWr:-ms-input-placeholder,.bonusForm form .inpFileWr .form-control:-ms-input-placeholder,.bonusForm form .inpRadioWr:-ms-input-placeholder,.bonusForm form .inpWr .form-control:-ms-input-placeholder,.inpFileWr .bonusForm form .form-control:-ms-input-placeholder,.inpWr .bonusForm form .form-control:-ms-input-placeholder {
    color: #fff
}

.bonusWr .banner {
    border-radius: 12px;
    margin-bottom: 24px
}

.profileSet .formWr .help-block:empty,.statement-bonus-statusWr:empty {
    display: none
}

@media (min-width: 768px) {
    .bonusItem {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 18px 30px 24px;
        height: 100%
    }

    .bonusItem .btnBase {
        padding: 10px 55px
    }

    .bonusItemTitle {
        max-width: 220px;
        font-size: 16px;
        line-height: 19px
    }

    .bonusFormTop {
        padding: 16px 12px 12px
    }

    .bonusForm form,.bonusFormMid {
        padding: 12px
    }

    .bonusForm form button {
        margin-top: 6px
    }
}

@media (min-width: 992px) {
    .bonusForm {
        max-width:478px
    }
}

@media (min-width: 1400px) {
    .bonusItem {
        padding:38px;
        min-height: 260px
    }

    .bonusForm {
        max-width: 668px
    }
}

@media (min-width: 1560px) {
    .bonusForm {
        max-width:738px
    }
}

.cardItem .image,.selectOption .image {
    width: 52px;
    height: 34px;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 8px
}

.cardItem.input-visa .image,.selectOption.input-visa .image {
    background: url(/images/card/visaIcon.png) no-repeat center,linear-gradient(90deg,#a7b0a7 0,#bcc2bc 100%)
}

.cardItem.input-master .image,.selectOption.input-master .image {
    background: url(/images/card/masterIcon.png) no-repeat center,linear-gradient(90deg,#bca54f 0,#ceb960 100%)
}

.cardItem .cardStatus,.selectOption .cardStatus {
    position: absolute;
    left: 69px;
    top: 30px;
    font-size: 11px;
    line-height: 11px;
    font-weight: 400
}

.cardItem .cardStatus {
    max-width: calc(100% - 180px)
}

.cardItem .cardStatus .ico,.selectOption .cardStatus .ico {
    width: 26px;
    height: 26px
}

.cardItem.unactive,.cardView button,.selectOption.unactive {
    opacity: .5
}

.cardItem {
    position: relative;
    border-radius: 14px;
    background: rgba(14,16,24,.95);
    padding: 10px 90px 26px 76px;
    margin-bottom: 10px;
    height: 60px;
    list-style: none
}

.cardItem:last-child {
    margin-bottom: 0
}

.cardItem.apple .cardVerify,.cardItem.google .cardVerify {
    right: 12px
}

.cardItem.apple .image {
    border: 1px solid #fff;
    background: url(/images/icon/payIco3.png) no-repeat center/40px,#000
}

.cardItem.google .image {
    border: 1px solid #fff;
    background: url(/images/icon/g_pay.png) no-repeat center/40px,#141722
}

.cardItemOrigin {
    position: relative;
    transition: all .5s ease-in-out;
    z-index: 1
}

.cardItemOrigin .image {
    position: relative;
    width: 300px;
    height: 185px;
    border-radius: 28px;
    border: 2px solid #374a74;
    background: linear-gradient(270deg,rgba(8,32,76,.6) 0,rgba(13,20,35,.6) 100%);
    backdrop-filter: blur(7.5px);
    margin: 0 auto -72px;
    transition: transform .5s ease-in-out
}

.cardItemOrigin .image .added,.cardItemOrigin .image .number {
    text-shadow: 0 2px 2px rgba(34,26,26,.4),0 1px 0 rgba(34,26,26,.4);
    padding: 0 20px;
    color: #322d2d;
    position: absolute;
    left: 0
}

.cardItemOrigin .image .number {
    top: 104px;
    font-size: 22px;
    letter-spacing: 2.86px
}

.cardItemOrigin .image .added {
    display: flex;
    font-size: 13px;
    letter-spacing: 1.69px;
    top: 142px
}

.cardItemOrigin .image .added span {
    width: 50%
}

.cardItemOrigin .rejectText {
    position: absolute;
    left: 20px;
    top: 12px;
    max-width: 65%
}

.cardItemOrigin .action {
    border-radius: 20px;
    background: rgba(14,16,24,.95);
    padding: 100px 30px 15px;
    gap: 24px
}

.cardItemOrigin.input-master .image {
    background: url(/images/card/cardMaster.png) no-repeat 100% 100%;
    border: 0
}

.cardItemOrigin.input-visa .image {
    background: url(/images/card/cardVisa.png) no-repeat 100% 100%;
    border: 0
}

.cardItemOrigin.unactive .image:after {
    display: block;
    content: "";
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 28px
}

.cardItemOrigin.active {
    z-index: 0
}

.cardItemOrigin.active .image {
    transform: translateX(0) scaleY(1)!important
}

.cardHide {
    width: 32px;
    height: 32px;
    padding: 4px;
    right: 12px
}

.cardHide img {
    vertical-align: top
}

.cardActivate,.cardHide,.cardVerify {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.cardActivate {
    width: 76px;
    height: 44px;
    padding-top: 24px;
    right: 6px
}

.cardActivate.active {
    background: url(/images/card/noVisible.png) no-repeat center top/36px
}

.cardActivate.unactive {
    background: url(/images/card/visible.png) no-repeat center top/36px
}

.cardActivate .text {
    color: #99a3c7;
    font-size: 10px
}

.cardVerify {
    width: 36px;
    height: 36px;
    right: 82px;
    background: url(/images/card/verify.png) no-repeat center/contain
}

.cardVerify span {
    display: none
}

.cardAction {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #fff;
    max-width: 100px
}

.cardAction .text {
    max-width: 100%
}

.cardAction span.ico {
    width: 80px;
    height: 80px;
    border-radius: 15px
}

.cardAction.eye {
    text-transform: capitalize
}

.cardAction.eye.active span.ico {
    background: url(/images/card/noVisible.png) no-repeat center/56px,linear-gradient(0deg,#0f191f 0,#14584d 100%)
}

.cardAction.eye.unactive span.ico {
    background: url(/images/card/visible.png) no-repeat center/56px,linear-gradient(0deg,#0f191f 0,#14584d 100%)
}

.cardAction.verified span.ico {
    background: url(/images/card/verified.png) no-repeat center/56px,linear-gradient(180deg,#1f5507 0,#0b1b04 100%)
}

.cardAction.unverified span.ico {
    background: url(/images/card/rejected.png) no-repeat center/56px,linear-gradient(180deg,#434543 0,#1d201c 100%)
}

.cardAction.pending span.ico {
    background: url(/images/card/pending.png) no-repeat center/56px,linear-gradient(180deg,#1f407e 0,#0f1940 100%)
}

.cardAction.toVerify span.ico {
    background: url(/images/card/verify.png) no-repeat center/54px,linear-gradient(180deg,#47145a 0,#20152f 100%)
}

.cardAction.dis,.cardAction:disabled {
    filter: grayscale(1);
    opacity: .4
}

.cardView {
    gap: 10px
}

.cardView button img {
    width: 18px;
    min-width: 18px;
    height: 18px
}

.cardView button.active {
    opacity: 1;
    cursor: default
}

.cardView button:hover {
    opacity: .9
}

.cardSlider {
    overflow: hidden;
    width: calc(100% + 20px);
    margin-left: -10px
}

.cardSlider>div {
    padding: 0 10px;
    width: 100%;
    min-width: 100%
}

.selectOption .cardVerify {
    right: 0
}

.selectOption .cardStatus {
    max-width: calc(100% - 110px)
}

.addCardBtn {
    border-color: #54f117;
    background: url(/images/card/plusShadow.png) no-repeat left center
}

.addCardBtn:hover {
    border-color: #1d4e4e
}

.addCardBtnGrid {
    width: 128px;
    height: 128px;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    background: url(/images/card/addCard.png) no-repeat center/cover;
    margin-top: -36px
}

.addCardBtnGrid:hover,.telegramText ul a,.telegramText ul a:visited {
    color: #01d2d1
}

.addCardBtnBold {
    border-radius: 14px;
    border: 2px solid #374a74;
    background: url(/images/card/addCard.png) no-repeat left 9px center/56px,linear-gradient(270deg,rgba(8,32,76,.6) 0,rgba(13,20,35,.6) 100%);
    backdrop-filter: blur(7px);
    text-align: left;
    font-size: 16px;
    padding: 20px 20px 20px 80px;
    text-transform: initial
}

.addCardBtnBold:hover {
    color: #01d2d1!important
}

.addCardForm {
    border-radius: 20px;
    background: rgba(14,16,24,.95);
    padding: 20px
}

.addCardForm .inp,.addCardForm .inpCodeWr,.addCardForm .inpFileWr .form-control,.addCardForm .inpRadioWr,.addCardForm .inpWr .form-control,.inpFileWr .addCardForm .form-control,.inpWr .addCardForm .form-control {
    font-size: 18px;
    letter-spacing: 3.6px;
    padding: 8px 10px;
    text-align: center
}

.verifCardHint {
    text-align: left;
    border-radius: 10px;
    border-left: 2px solid #5073fd;
    background: #151729;
    min-height: 86px
}

.verifCardHint img {
    width: 86px;
    height: 86px
}

.verifCardNumber {
    display: block;
    margin: 5px 0
}

.verifCardAlert {
    background: url(/images/card/bg_alert_verif.png) no-repeat center/cover,#122c2c;
    border-radius: 8px;
    padding: 3px 6px
}

.verifCardAlert .btnBase {
    padding: 7px 17px;
    border-radius: 5px;
    text-transform: initial;
    margin-right: 0
}

.verifCardAlert div {
    gap: 4px
}

.verifCardAlert .cardStatus {
    margin: 4px 0 6px 41px
}

.verifCardList {
    margin: 20px 0 40px;
    text-align: left;
    list-style: none
}

.verifCardList li span {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 12px;
    background: url(/images/card/romb_frame.png) no-repeat center/contain
}

@media (min-width: 992px) {
    .cardItemOrigin .action {
        padding:56px 10px 10px;
        gap: 6px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 26px;
        visibility: hidden;
        opacity: 0;
        align-items: flex-start
    }

    .cardItemOrigin:hover .action {
        visibility: visible;
        opacity: 1
    }

    .cardItemOrigin.add .action {
        display: none
    }

    .cardAction {
        min-width: 92px
    }

    .cardAction .text {
        font-size: 14px
    }

    .cardAction span.ico {
        width: 58px;
        height: 58px;
        background-size: 40px!important
    }

    .cardView {
        margin-left: 38px;
        gap: 22px
    }

    .cardView button img {
        width: 21px;
        height: 21px
    }

    .cardPage {
        border-radius: 24px;
        background: rgba(14,16,24,.9);
        padding: 40px
    }

    .cardSlider {
        width: 100%;
        margin-left: 0;
        gap: 28px;
        flex-wrap: wrap
    }

    .cardSlider>div {
        padding: 0;
        width: 300px;
        height: 185px;
        min-width: 300px
    }

    .cardVerify {
        right: 94px;
        background: url(/images/card/verify.png) no-repeat left 2px center/34px;
        border: 1px solid #39aa46;
        border-radius: 8px;
        padding: 7px 12px 5px 37px;
        color: #39aa46;
        height: 32px;
        width: initial
    }

    .cardVerify span {
        display: block
    }

    .cardVerify:hover {
        border-color: #1d4e4e
    }

    .addCardForm {
        max-width: 50%
    }

    .profilePaySys .cardVerify,.selectOption .cardVerify {
        padding-right: 4px
    }

    .profilePaySys .cardVerify span,.selectOption .cardVerify span {
        display: none
    }

    .verifCardAlert {
        font-size: 15px;
        padding: 10px 18px
    }

    .verifCardAlert .btnBase {
        font-size: 14px;
        padding: 12px 20px;
        border-radius: 8px
    }

    .verifCardAlert div {
        gap: 8px
    }

    .verifCardAlert .cardStatus {
        margin-left: 45px
    }
}

@media (min-width: 1400px) {
    .addCardBtnBold,.addCardForm {
        max-width:460px;
        margin-left: 0
    }
}

.profileSwitcher {
    border: 1px solid #323a55;
    background: rgba(20,23,34,.3)
}

.profileWr {
    border-radius: 20px
}

.profileWr .userRefillBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 20px;
    position: relative;
    padding: 12px 12px 10px
}

.profileWr .userRefillBtn .ico {
    width: 17px;
    height: 17px;
    position: absolute;
    left: 15px;
    top: 10px
}

.profileInner {
    padding-bottom: 24px
}

.profileTitle {
    margin-top: 24px
}

.profileTitle a {
    font-size: 10px;
    line-height: 17px;
    white-space: nowrap;
    margin-left: 24px
}

.profileTitle>div {
    gap: 16px;
    align-items: flex-start
}

.profileTitle.profileIco {
    position: relative;
    padding-left: 20px
}

.profileTitle.profileIco::before {
    content: "🔖";
    display: block;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0
}

.profileAvatar {
    background: #193257;
    border-radius: 8px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 12px;
    position: relative;
    overflow: hidden;
    padding: 2px
}

.profileAvatar .imgWr {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #1b1d26
}

.profileAvatar .imgWr img {
    height: 100%
}

.profileAvatar.green {
    background: linear-gradient(to right,#13af7e,#087356)
}

.profileAvatar.gold {
    background: linear-gradient(to right,#fdae1e,#eda218,#e49f20,#fee37d,#e2bb5b,#ab650b,#f4a61c,#a9630b)
}

.profileAvatar.violet {
    background: linear-gradient(to right,#6930b1,#9b58f1)
}

.profileAvatar.pink {
    background: linear-gradient(to right,#f158a0,#a81e6c)
}

.profileTopWr {
    background: rgba(14,16,24,.95);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    border-radius: 12px;
    margin-bottom: 8px;
    position: relative
}

.profileTopWr>div:first-child {
    padding: 10px
}

.profileSet .avatar input,.profileTopWr .userRefillBtn {
    display: none
}

.profileTopWr .userName {
    max-width: 100%;
    margin: 4px 0
}

.profileTopWr .userName+.statusLabel {
    margin-left: 6px
}

.profileTopWr .userCopy {
    border-radius: 8px;
    border: 1px solid #01d2d1;
    background: #0e1018;
    padding: 4px 8px;
    position: relative
}

.profileTopWr .userCopy .ico {
    margin: 0 0 1px 16px;
    width: 12px;
    height: 12px
}

.profileTopWr .userStatus {
    position: absolute;
    right: 10px;
    top: 14px
}

.profileTopWr.green {
    background-image: url(/images/profile/bgGreen.png)
}

.profileTopWr.gold {
    background-image: url(/images/profile/bgGold.png)
}

.profileTopWr.violet {
    background-image: url(/images/profile/bgViolet.png)
}

.profileTopWr.pink {
    background-image: url(/images/profile/bgPink.png)
}

.profileSet {
    padding: 0 2px
}

.profileSetTitle {
    margin: 8px 0
}

.profileSet .formWr .intl-tel-input {
    width: 100%
}

.profileSet .formWr .enterCode,.profileSet .formWr .radio {
    margin-top: 8px
}

.profileSet .formWr .radio label {
    padding-left: 0;
    margin-bottom: 10px
}

.profileSet .formWr .date,.profileSet .formWr.date {
    display: flex;
    justify-content: space-between
}

.profileSet .formWr .date .selectWr,.profileSet .formWr.date .selectWr {
    margin-bottom: 0;
    width: calc(33% - 1px)
}

.profileSet .formWr .date .selectWr select,.profileSet .formWr.date .selectWr select {
    padding-left: 10px
}

.profileNav ul li a span,.profileNav ul li button span,.profileSet .avatar img,.profileSet .avatar label {
    display: block
}

.profileSet .avatar img {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    object-fit: cover;
    margin-right: 16px
}

.profileNav {
    margin-bottom: 20px
}

.profileNav ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px
}

.profileNav ul li {
    width: calc(50% - 4px);
    margin: 0 2px
}

.availBonus label .profileNav ul li.ico,.bonusItemSmall .profileNav ul li.ico,.bonusProgress .profileNav ul li.line,.cardItemOrigin .image .profileNav ul li.added,.cardItemOrigin .image .profileNav ul li.number,.happyBox .topWr .profileNav ul li.icoClosed,.inpFileWr .profileNav ul li.form-control,.inpWr .profileNav ul li.form-control,.jpBanner .profileNav ul li.jpImg,.myBonusArchive .profileNav ul li.myBonus,.myBonusSwitcher .profileNav ul li.switch,.popup.promoBonus .profileNav ul li.frameBg,.popup.verifNeed .profileNav ul li.frameBg,.popupSwitcher .profileNav ul li.switch,.profileAvatar .profileNav ul li.imgWr,.profileNav ul .availBonus label li.ico,.profileNav ul .bonusItemSmall li.ico,.profileNav ul .bonusProgress li.line,.profileNav ul .cardItemOrigin .image li.added,.profileNav ul .cardItemOrigin .image li.number,.profileNav ul .happyBox .topWr li.icoClosed,.profileNav ul .inpFileWr li.form-control,.profileNav ul .inpWr li.form-control,.profileNav ul .jpBanner li.jpImg,.profileNav ul .myBonusArchive li.myBonus,.profileNav ul .myBonusSwitcher li.switch,.profileNav ul .popup.promoBonus li.frameBg,.profileNav ul .popup.verifNeed li.frameBg,.profileNav ul .popupSwitcher li.switch,.profileNav ul .profileAvatar li.imgWr,.profileNav ul .profileSwitcher li.switch,.profileNav ul .taba li.tab:after,.profileNav ul .tourItemInfo li.btnBlue,.profileNav ul li.actionItemImg,.profileNav ul li.cpDivider:before,.profileNav ul li.depBonusCodeActive,.profileNav ul li.happyBoxPrize:before,.profileNav ul li.headerBtns,.profileNav ul li.inp,.profileNav ul li.inpCodeWr,.profileNav ul li.inpRadioWr,.profileNav ul li.lotItemImg,.profileNav ul li.myBonusImg,.profileNav ul li.noActiveHint,.profileNav ul li.pageRadioHint,.profileNav ul li.pagination,.profileNav ul li.statusName,.profileNav ul li.subGroup,.profileNav ul li.telegramMessageCopy,.profileNav ul li.tourItemImg,.profileNav ul li.validTypeTitle,.profileNav ul li.w100,.profileSwitcher .profileNav ul li.switch,.taba .profileNav ul li.tab:after,.tourItemInfo .profileNav ul li.btnBlue {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 22px
}

.profileNav ul li a,.profileNav ul li button {
    display: block;
    margin-bottom: 8px;
    border-radius: 12px;
    padding: 19px 12px 12px;
    color: #fff;
    background: linear-gradient(65deg,#494949,#0e1018)
}

.profileNav ul li a svg,.profileNav ul li button svg {
    fill: #99a3c7;
    width: 28px;
    height: 28px;
    margin-bottom: 8px
}

.profileNav ul li a.type1,.profileNav ul li button.type1 {
    background: linear-gradient(65deg,#081a35,#0e1018)
}

.profileNav ul li a.type2,.profileNav ul li button.type2 {
    background: linear-gradient(65deg,#156557,#0e1018)
}

.profileNav ul li a.type3,.profileNav ul li button.type3 {
    background: linear-gradient(65deg,#173508,#0e1018)
}

.profileNav ul li a.type4,.profileNav ul li button.type4 {
    background: linear-gradient(65deg,#501565,#0e1018)
}

.profileNav ul li a:active svg,.profileNav ul li a:hover svg,.profileNav ul li button:active svg,.profileNav ul li button:hover svg {
    fill: #fff
}

@media (min-width: 768px) {
    .profileNav ul li {
        width:calc(25% - 4px)
    }
}

@media (min-width: 992px) {
    .profileNav ul li {
        width:calc(25% - 12px);
        margin: 0 6px
    }

    .availBonus label .profileNav ul li.ico,.bonusItemSmall .profileNav ul li.ico,.bonusProgress .profileNav ul li.line,.cardItemOrigin .image .profileNav ul li.added,.cardItemOrigin .image .profileNav ul li.number,.happyBox .topWr .profileNav ul li.icoClosed,.inpFileWr .profileNav ul li.form-control,.inpWr .profileNav ul li.form-control,.jpBanner .profileNav ul li.jpImg,.myBonusArchive .profileNav ul li.myBonus,.myBonusSwitcher .profileNav ul li.switch,.popup.promoBonus .profileNav ul li.frameBg,.popup.verifNeed .profileNav ul li.frameBg,.popupSwitcher .profileNav ul li.switch,.profileAvatar .profileNav ul li.imgWr,.profileNav ul .availBonus label li.ico,.profileNav ul .bonusItemSmall li.ico,.profileNav ul .bonusProgress li.line,.profileNav ul .cardItemOrigin .image li.added,.profileNav ul .cardItemOrigin .image li.number,.profileNav ul .happyBox .topWr li.icoClosed,.profileNav ul .inpFileWr li.form-control,.profileNav ul .inpWr li.form-control,.profileNav ul .jpBanner li.jpImg,.profileNav ul .myBonusArchive li.myBonus,.profileNav ul .myBonusSwitcher li.switch,.profileNav ul .popup.promoBonus li.frameBg,.profileNav ul .popup.verifNeed li.frameBg,.profileNav ul .popupSwitcher li.switch,.profileNav ul .profileAvatar li.imgWr,.profileNav ul .profileSwitcher li.switch,.profileNav ul .taba li.tab:after,.profileNav ul .tourItemInfo li.btnBlue,.profileNav ul li.actionItemImg,.profileNav ul li.cpDivider:before,.profileNav ul li.depBonusCodeActive,.profileNav ul li.happyBoxPrize:before,.profileNav ul li.headerBtns,.profileNav ul li.inp,.profileNav ul li.inpCodeWr,.profileNav ul li.inpRadioWr,.profileNav ul li.lotItemImg,.profileNav ul li.myBonusImg,.profileNav ul li.noActiveHint,.profileNav ul li.pageRadioHint,.profileNav ul li.pagination,.profileNav ul li.statusName,.profileNav ul li.subGroup,.profileNav ul li.telegramMessageCopy,.profileNav ul li.tourItemImg,.profileNav ul li.validTypeTitle,.profileNav ul li.w100,.profileSwitcher .profileNav ul li.switch,.taba .profileNav ul li.tab:after,.tourItemInfo .profileNav ul li.btnBlue {
        margin-bottom: 20px;
        margin-top: 0
    }

    .profileNav ul li a,.profileNav ul li button {
        margin-bottom: 12px;
        padding: 20px 25px 15px
    }

    .profileNav ul li a svg,.profileNav ul li button svg {
        bottom: 14px
    }
}

@media (min-width: 1400px) {
    .profileNav ul li {
        width:calc(16.666% - 12px)
    }
}

.profilePaySys .cardItem {
    border: 1px solid #1d202b
}

.telegramText ul {
    margin-top: 24px
}

.telegramText ul li {
    margin-bottom: 4px
}

.telegramCopy {
    position: relative;
    overflow: hidden
}

.telegramCopy .ico {
    position: absolute;
    top: 15px;
    right: 13px;
    width: 16px;
    height: 16px
}

.telegramMessageCopy {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    padding: 15px 20px
}

.telegramMessageCopy.ac,.userExit {
    display: block
}

.userExit {
    border-radius: 8px;
    border: 1px solid #833846;
    padding: 12px
}

.userExit,.userExit:visited {
    color: #fff
}

.userExit:hover {
    filter: brightness(.9);
    border-color: #f77
}

.uploadDocsBtnJs.dis {
    pointer-events: none;
    cursor: not-allowed
}

.validWr {
    padding: 12px 0
}

.validWr .btnBase {
    width: 290px;
    padding: 12px 36px
}

@media (min-width: 992px) {
    .validWr .btnBase {
        margin-left:0
    }
}

.validPreview {
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 10px;
    right: 10px;
    background-size: cover;
    background-position: center;
    border-radius: 12px
}

.validPreview.ac {
    background-color: #0e1018
}

.validFinal {
    padding: 12px 0
}

.validFinal img {
    width: 42px;
    height: 42px
}

.validFinal * {
    margin-bottom: 6px
}

@media (min-width: 768px) {
    .validFinal {
        display:flex;
        align-items: center;
        text-align: left
    }

    .validFinal img {
        margin-right: 12px
    }

    .validFinal * {
        margin-bottom: auto
    }
}

.validTypeTitle {
    display: block;
    margin: 22px 0 12px
}

@media (min-width: 768px) {
    .validTypeWr {
        display:flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }
}

@media (min-width: 1400px) {
    .validTypeWr {
        margin-right:-22px
    }
}

.validTypeBlock {
    display: block;
    color: #fff;
    border-radius: 24px;
    position: relative;
    padding: 12px 24px 48px;
    width: 100%;
    margin-bottom: 12px;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    font-size: 16px;
    min-height: 160px;
    background: url(/images/jackpot/greyBg.svg) no-repeat right center/auto 100%,radial-gradient(circle at center,#5f5f5f -70%,transparent 80%),linear-gradient(#080a09,#121210)
}

.validTypeBlock:visited {
    color: #fff
}

.addCardForm .inpFileWr .validTypeBlock span.form-control,.addCardForm .inpWr .validTypeBlock span.form-control,.addCardForm .validTypeBlock span.inp,.addCardForm .validTypeBlock span.inpCodeWr,.addCardForm .validTypeBlock span.inpRadioWr,.cardItemOrigin .validTypeBlock span.rejectText,.cpWr .inpFileWr .validTypeBlock span.form-control,.cpWr .inpFileWr .validTypeBlock span.tip,.cpWr .inpWr .validTypeBlock span.form-control,.cpWr .inpWr .validTypeBlock span.tip,.cpWr .validTypeBlock span.inp,.cpWr .validTypeBlock span.inpCodeWr,.cpWr .validTypeBlock span.inpRadioWr,.customAmount .validTypeBlock span.valute,.inpFileWr .addCardForm .validTypeBlock span.form-control,.inpFileWr .cpWr .validTypeBlock span.form-control,.inpWr .addCardForm .validTypeBlock span.form-control,.inpWr .cpWr .validTypeBlock span.form-control,.limitInputs>div .validTypeBlock span,.messageItem.old .validTypeBlock span.messageItemTitle,.notifItemHead .validTypeBlock span.date,.popup.basic .validTypeBlock span.popupTitle,.popup.cpResult .validTypeBlock span.popupTitle,.tableScroller .validTypeBlock span.summary,.tourWinnerItem .validTypeBlock span:first-child,.userWalletsInfo .validTypeBlock span.depVerif,.validTypeBlock .addCardForm .inpFileWr span.form-control,.validTypeBlock .addCardForm .inpWr span.form-control,.validTypeBlock .addCardForm span.inp,.validTypeBlock .addCardForm span.inpCodeWr,.validTypeBlock .addCardForm span.inpRadioWr,.validTypeBlock .cardItemOrigin span.rejectText,.validTypeBlock .cpWr .inpFileWr span.form-control,.validTypeBlock .cpWr .inpFileWr span.tip,.validTypeBlock .cpWr .inpWr span.form-control,.validTypeBlock .cpWr .inpWr span.tip,.validTypeBlock .cpWr span.inp,.validTypeBlock .cpWr span.inpCodeWr,.validTypeBlock .cpWr span.inpRadioWr,.validTypeBlock .customAmount span.valute,.validTypeBlock .inpFileWr .addCardForm span.form-control,.validTypeBlock .inpFileWr .cpWr span.form-control,.validTypeBlock .inpWr .addCardForm span.form-control,.validTypeBlock .inpWr .cpWr span.form-control,.validTypeBlock .limitInputs>div span,.validTypeBlock .messageItem.old span.messageItemTitle,.validTypeBlock .notifItemHead span.date,.validTypeBlock .popup.basic span.popupTitle,.validTypeBlock .popup.cpResult span.popupTitle,.validTypeBlock .tableScroller span.summary,.validTypeBlock .tourWinnerItem span:first-child,.validTypeBlock .userWalletsInfo span.depVerif,.validTypeBlock span.addCardBtnGrid,.validTypeBlock span.b,.validTypeBlock span.cardItem,.validTypeBlock span.cg,.validTypeBlock span.depBonusCodeSubmit,.validTypeBlock span.depositTotal,.validTypeBlock span.happyBoxWin,.validTypeBlock span.menuFixedBtn,.validTypeBlock span.myBonusDesc,.validTypeBlock span.notifItemBody,.validTypeBlock span.pageRadioHint,.validTypeBlock span.pageVipRecTitle,.validTypeBlock span.profileSetTitle,.validTypeBlock span.tourSort.ac,.validTypeBlock span.verifCardNumber,.validTypeBlock span.wdwResults {
    font-size: 20px;
    line-height: 28px
}

.limitInputs>div .validTypeBlock span,.messageItem.old .validTypeBlock .messageItemTitle,.tableScroller .validTypeBlock .summary,.tourWinnerItem .validTypeBlock span:first-child,.validTypeBlock .cg,.validTypeBlock .gameSettingsTable>div,.validTypeBlock .limitInputs>div span,.validTypeBlock .menuFixedBtn,.validTypeBlock .messageItem.old .messageItemTitle,.validTypeBlock .myBonusDesc,.validTypeBlock .profileSetTitle,.validTypeBlock .tableScroller .summary,.validTypeBlock .tourWinnerItem span:first-child,.validTypeBlock .wdwResults,.validTypeBlock .wdwResults ol li,.wdwResults ol .validTypeBlock li {
    height: 14px
}

.validTypeBlock img {
    aspect-ratio: 1/1;
    width: 46px;
    display: block;
    margin-bottom: 12px
}

.validTypeBlock .btnGreen,.validTypeBlock>span {
    display: block;
    width: fit-content
}

.validTypeBlock .btnGreen {
    position: absolute;
    left: 24px;
    bottom: 12px
}

.validTypeBlock:first-child {
    background: url(/images/jackpot/greyBg.svg) no-repeat right center/auto 100%,radial-gradient(circle at center,#5f5f5f -70%,transparent 80%),linear-gradient(#080a09,#121210)
}

.validTypeBlock:nth-child(2) {
    background: url(/images/jackpot/greyBg.svg) no-repeat right center/auto 100%,radial-gradient(circle at center,#5f5f5f -70%,transparent 80%),linear-gradient(#191a29,#141e24)
}

.validTypeBlock:nth-child(3) {
    background: url(/images/jackpot/greyBg.svg) no-repeat right center/auto 100%,radial-gradient(circle at center,#5f5f5f -70%,transparent 80%),linear-gradient(#1d161e,#1c1522)
}

@media (min-width: 768px) {
    .validTypeBlock {
        width:calc(50% - 12px);
        margin-right: 22px
    }

    .validTypeBlock:nth-of-type(2) {
        margin-right: 0
    }
}

@media (min-width: 1400px) {
    .validTypeBlock {
        width:422px;
        margin-bottom: 18px
    }

    .validTypeBlock:nth-of-type(2) {
        margin-right: 22px
    }
}

@media (min-width: 1560px) {
    .validTypeBlock {
        width:468px
    }
}

@media (min-width: 768px) {
    .validType {
        display:flex;
        flex-wrap: wrap;
        width: 100%
    }
}

@media (min-width: 1400px) {
    .validType {
        width:min-content;
        padding-top: 48px;
        position: relative;
        flex-wrap: nowrap
    }

    .validType .validTypeTitle {
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap
    }
}

.validBlock {
    color: #fff;
    border: 1px dashed rgba(153,163,199,.3);
    border-radius: 24px;
    position: relative;
    padding: 12px;
    margin: 12px 0 4px;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden
}

.validBlock:visited {
    color: #fff
}

.validBlock.previewWr {
    aspect-ratio: 1/.75;
    flex-direction: column
}

.validBlock .timing {
    display: block;
    font-size: .9em;
    padding-top: 5px
}

.validBlock .form-group {
    position: static
}

.validBlock .help-block {
    transform: none;
    top: initial;
    bottom: 0;
    background: rgba(0,0,0,.9)
}

@media (min-width: 768px) {
    .validBlock {
        width:calc(50% - 12px);
        max-width: 335px;
        margin: 0 24px 24px 0
    }

    .validBlock:nth-child(even) {
        margin-right: 0
    }
}

@media (min-width: 1400px) {
    .validBlock {
        width:calc(25% - 18px);
        margin: 0 24px 24px 0
    }

    .validBlock:nth-child(even) {
        margin-right: 24px
    }

    .validBlock:nth-child(4) {
        margin-right: 0
    }
}

.validBlock:last-child {
    margin-right: 0
}

.validBlock img {
    aspect-ratio: 1/1;
    width: 56px;
    display: block;
    margin: 0 auto 28px
}

.validBlock img.validPreview {
    width: 100%;
    position: initial
}

.validBlock .dw {
    margin-bottom: 6px;
    display: block
}

.validBlockWr {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .validBlockWr {
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: center
    }
}

.validStatus {
    margin-bottom: 36px;
    font-size: 16px;
    line-height: 26px
}

.validStatus .step {
    margin-bottom: 12px
}

.validStatus .date {
    font-size: 14px;
    margin-top: 6px
}

@media (min-width: 768px) {
    .validStatus {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 0
    }

    .validStatus .step {
        margin-bottom: 0;
        white-space: nowrap;
        border-right: 1px solid #1d202b;
        margin-right: 24px;
        padding: 36px
    }
}

.validSteps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 0 0
}

.validSteps div:not(.step) {
    border: 1px solid #1d202b;
    display: block;
    content: " ";
    margin: 0 6px;
    width: calc(50% - 55px)
}

.validSteps .step {
    border-radius: 50%;
    min-width: 48px;
    height: 48px;
    line-height: 46px
}

.validSteps .step span {
    display: block
}

.validSteps .step.ac {
    background: #79c32e;
    color: #020202
}

.validTitle {
    flex-direction: column;
    margin-bottom: 16px
}

.validTitle img {
    width: 48px;
    aspect-ratio: 1/1;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px
}

.validTitleDesc {
    display: block;
    font-weight: 400;
    font-size: 14px
}

@media (min-width: 992px) {
    .validTitle {
        flex-direction:row;
        font-size: 32px;
        line-height: 32px;
        text-align: left
    }

    .validTitle img {
        margin: 0 26px 0 0;
        width: 68px;
        min-width: 68px
    }

    .validTitleDesc {
        font-size: 16px
    }
}

.validRules {
    margin-bottom: 18px
}

@media (min-width: 992px) {
    .validRules {
        text-align:left
    }
}

.diiaBtn {
    background: #fff;
    color: #000;
    border-radius: 26px;
    padding: 10px 30px;
    width: fit-content;
    margin: 12px auto
}

.diiaBtn .ico {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0 8px 0 0
}

.diiaBtn:hover,.diiaBtn:visited {
    color: #404760
}

.diiaQrWr {
    background: #1c1c21;
    border-radius: 10px;
    padding: 1px 20px 10px
}

.diiaQrWr .validTitle {
    font-size: 20px;
    line-height: 24px;
    margin-top: 24px
}

.diiaQrBtn,.diiaQrTimer {
    display: flex;
    justify-content: center
}

.diiaQrTimer {
    margin-bottom: 16px
}

.diiaQrBtn {
    align-items: center;
    background: #000;
    text-decoration: none;
    outline: 0;
    padding: 12px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700
}

.diiaQrBtn:hover {
    color: #ffc671
}

.diiaQrBtn.dis {
    background: #333;
    color: gray;
    cursor: not-allowed
}

.diiaQrBtn,.diiaQrText {
    margin-bottom: 30px
}

.diiaQrText p {
    margin-bottom: 15px;
    font-size: 16px
}

.diiaQrText span {
    font-size: 12px;
    line-height: 18px;
    max-width: 300px;
    display: inline-block
}

.detWr {
    position: relative;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: min-content
}

.detWr.validBlock {
    margin: 0 auto;
    min-width: 250px;
    overflow: visible
}

.detWr.validBlock .detBlock {
    top: 100%;
    padding: 4px
}

.detWr img {
    border-radius: 10px;
    max-width: 200px;
    vertical-align: top
}

.detWr .detBlock {
    position: absolute;
    top: calc(100% - 4px);
    width: 100%;
    left: 0;
    padding: 8px 4px 4px;
    background: rgba(255,255,255,.04);
    font-size: 11px;
    border-radius: 0 0 8px 8px
}

.inpPay {
    padding-left: 60px
}

.docDesc {
    list-style: inside;
    line-height: 1.2;
    padding-left: 10px;
    margin-top: 25px
}

.docDesc li,.mobMargin {
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .mobMargin {
        margin-bottom:0
    }
}

.mobTMargin {
    margin-bottom: 8px
}

@media (min-width: 1400px) {
    .mobTMargin {
        margin-bottom:0
    }
}

.sendCodeWr {
    margin-bottom: 8px
}

.sendCodeWr .btnBase.blue,.sendCodeWr .btnBase.transactionStatus.new {
    margin-top: 8px
}

.statusName {
    position: absolute;
    top: 8px;
    right: -12px;
    transform: rotate(45deg);
    transform-origin: center;
    text-align: center;
    font-size: 8px;
    line-height: 8px;
    padding: 1px 4px;
    pointer-events: none
}

.statusName.green {
    background: linear-gradient(to right,#13af7e,#087356);
    font-size: 6px
}

.statusName.gold {
    background: linear-gradient(to right,#e2bb5b,#fdae1e,#ab650b,#eda218,#ab650b,#a9630b);
    color: #391607
}

.statusName.violet {
    background: linear-gradient(to right,#6930b1,#9b58f1)
}

.statusName.pink {
    background: #a81e6c
}

.statusLabel {
    display: block;
    width: fit-content;
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 2px 6px;
    min-width: 34px;
    letter-spacing: .5px
}

.statusLabel.green {
    background-image: url(/images/profile/labelGreen.png)
}

.statusLabel.gold {
    background-image: url(/images/profile/labelGold.png);
    color: #391607;
    font-size: 9px;
    padding: 2px 4px;
    letter-spacing: normal
}

.statusLabel.violet {
    background-image: url(/images/profile/labelViolet.png)
}

.statusLabel.pink {
    background-image: url(/images/profile/labelPink.png)
}

@media (max-width: 767px) {
    .mainSaveBtn.fixed {
        position:fixed;
        bottom: 108px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        z-index: 1
    }
}

@media (min-width: 768px) {
    .diiaQrWr {
        max-width:800px;
        margin: 0 auto
    }

    .diiaQrWr .validTitle {
        font-size: 24px;
        line-height: 28px
    }

    .diiaQrText {
        margin-bottom: 70px
    }

    .diiaQrBtn {
        max-width: 280px;
        margin: 0 auto 30px
    }
}

@media (min-width: 992px) {
    .profileInner {
        padding:0
    }

    .profileTopWr .userRefillBtn .ico,.profileWr>.userRefillBtn {
        display: none
    }

    .profileAvatar {
        margin-right: 18px
    }

    .profileTopWr {
        margin-bottom: 13px;
        padding: 24px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-position: left 30px bottom
    }

    .profileTopWr .userRefillBtn {
        display: flex;
        width: 140px;
        margin: 0 0 0 12px
    }

    .profileTopWr .userName {
        font-size: 16px;
        line-height: normal
    }

    .profileTopWr>div:first-child {
        padding: 0
    }

    .profileTopWrLeft {
        width: fit-content;
        min-width: 280px;
        position: relative
    }

    .profileTopWr .userStatus {
        top: 6px;
        right: 0;
        font-size: 12px
    }

    .profileTopWr .userCopy {
        margin-top: -2px
    }

    .profileSet .formWr {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end
    }

    .profileSet .formWr.start {
        align-items: flex-start
    }

    .profileSet .formWr.mail button {
        margin: 0
    }

    .profileSet .formWr.code {
        display: block
    }

    .profileSet .formWr>* {
        width: calc(50% - 12px)
    }

    .profileSet .formWr>:nth-child(odd) {
        margin-right: 24px
    }

    .profileSet .formWr.formPassword>* {
        margin-right: 24px;
        width: calc(50% - 24px)
    }

    .profileSet .formWr .phoneWr {
        margin-bottom: 0
    }

    .profileSet .formWr .phoneWr+.btnBase {
        margin-left: 0
    }

    .profileSet .formWr .radio {
        margin: 0
    }

    .profileSet .btnBlue {
        width: 230px
    }

    .profileNav {
        margin-bottom: 24px
    }

    .profileNav ul {
        background-color: rgba(14,16,24,.8);
        border-radius: 24px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 25px 20px;
        gap: 12px;
        margin: 0;
        align-items: stretch
    }

    .profileNav ul li {
        width: 178px;
        margin: 0
    }

    .profileNav ul li a,.profileNav ul li button {
        margin: 0;
        height: 100%
    }

    .profileTitle a {
        font-size: 12px
    }

    .profileTitle a:hover {
        color: #fff
    }

    .sendCodeWr .btnBase.blue,.sendCodeWr .btnBase.transactionStatus.new {
        margin: 0 0 0 20px
    }

    .userExit {
        width: 355px
    }
}

@media (min-width: 1400px) {
    .profileSet .formWr .enterCode {
        margin-top:0
    }

    .inpFileWr .profileSet .formWr .enterCode .small.form-control,.inpWr .profileSet .formWr .enterCode .small.form-control,.profileSet .formWr .enterCode .inp.small,.profileSet .formWr .enterCode .inpFileWr .small.form-control,.profileSet .formWr .enterCode .inpWr .small.form-control,.profileSet .formWr .enterCode .small.inpCodeWr,.profileSet .formWr .enterCode .small.inpRadioWr {
        width: 200px
    }

    .profileSet .formWr>* {
        width: calc(25% - 18px);
        margin-right: 24px
    }

    .profileSet .formWr>:nth-child(4) {
        margin-right: 0
    }

    .profileSet .formWr.formPassword>* {
        width: calc(25% - 18px)
    }

    .profileTopWr .userRefillBtn {
        width: 320px
    }

    .profileTopWr .userRefillBtn .ico {
        display: block
    }

    .dSetsAlign {
        display: flex
    }

    .dSetsAlign>* {
        width: 50%
    }

    .dSetsAlign .profileSet:first-child {
        padding-right: 18px
    }

    .dSetsAlign .profileSet:last-child {
        padding-left: 18px
    }

    .dSetsAlign .profileSet .formWr>* {
        width: 50%;
        margin-right: 0
    }

    .sendCodeWr>div:last-child {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end
    }

    .sendCodeWr>div:last-child label {
        width: 100%
    }

    .sendCodeWr .btnBase.blue,.sendCodeWr .btnBase.transactionStatus.new {
        width: calc(100% - 133px)
    }
}

@media (min-width: 1560px) {
    .profileNav ul li {
        width:172px
    }
}

.financeWr .btnBase {
    width: 100%;
    padding: 12px 36px
}

.depTitleMain {
    margin-top: 16px
}

.depTitleMain>div {
    padding-top: 4px
}

.depTitleMain .ico {
    width: 46px;
    min-width: 46px;
    height: 46px;
    margin-right: 8px
}

.depChoose {
    display: block;
    margin-top: 20px
}

.depBonusCode {
    position: relative;
    width: 100%
}

.depBonusCode input {
    padding-right: 124px!important
}

.depBonusCode input:-moz-placeholder {
    color: #fff
}

.depBonusCode input:-ms-input-placeholder {
    color: #fff
}

.depBonusCodeSubmit {
    gap: 2px;
    font-size: 11px;
    width: min-content;
    padding: 10px 10px 9px;
    border-radius: 5px;
    background-color: #1a393a;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 8px
}

.depBonusCodeSubmit:active,.depBonusCodeSubmit:focus,.depBonusCodeSubmit:hover {
    background-color: #1d4e4e
}

.depBonusCodeActive {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    border: 1px solid #7dc72d;
    padding: 8px 10px;
    background: #0e1018
}

.depBonusCodeActive .ico {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 6px
}

.depSystemsWr {
    gap: 10px
}

.depStatus {
    padding: 20px 10px;
    font-size: 13px
}

.block .depStatusText h1,.block .depStatusText h2,.block .depStatusText h3,.block .depStatusText h4,.dark .depStatusText h1,.dark .depStatusText h2,.dark .depStatusText h3,.dark .depStatusText h4,.depStatusText .block h1,.depStatusText .block h2,.depStatusText .block h3,.depStatusText .block h4,.depStatusText .bonusItemDesc,.depStatusText .btnBase,.depStatusText .btnBasePurple,.depStatusText .btnBlue,.depStatusText .btnCloseText,.depStatusText .btnGreen,.depStatusText .btnGrey,.depStatusText .btnOrange,.depStatusText .cookie-accept,.depStatusText .dark h1,.depStatusText .dark h2,.depStatusText .dark h3,.depStatusText .dark h4,.depStatusText .detWr .detBlock,.depStatusText .gameInfo .gameLink,.depStatusText .gamePageInfoTitle span,.depStatusText .gamesAll,.depStatusText .h2Up,.depStatusText .inpRadioWr,.depStatusText .lang,.depStatusText .notifItemBody a,.depStatusText .notifItemBody button,.depStatusText .notifItemHead,.depStatusText .pageRadioItemDesc,.depStatusText .pageRadioItemProfit,.depStatusText .pageRadioRecomTitle,.depStatusText .pageVipGrid1>div span,.depStatusText .pageVipRecTitle,.depStatusText .providersWr .selectWr select,.depStatusText .secondaryWr h1,.depStatusText .secondaryWr h2,.depStatusText .secondaryWr h3,.depStatusText .secondaryWr h4,.depStatusText .secondaryWr h5,.depStatusText .secondaryWr h6,.depStatusText .textWr h1,.depStatusText .textWr h2,.depStatusText .textWr h3,.depStatusText .textWr h4,.depStatusText .textWr h5,.depStatusText .textWr h6,.depStatusText .tourSort,.depStatusText .transactionStatus,.depStatusText .upper,.depStatusText .userWalletsInfo .depVerif,.detWr .depStatusText .detBlock,.gameInfo .depStatusText .gameLink,.gamePageInfoTitle .depStatusText span,.notifItemBody .depStatusText a,.notifItemBody .depStatusText button,.pageVipGrid1>div .depStatusText span,.providersWr .selectWr .depStatusText select,.secondaryWr .depStatusText h1,.secondaryWr .depStatusText h2,.secondaryWr .depStatusText h3,.secondaryWr .depStatusText h4,.secondaryWr .depStatusText h5,.secondaryWr .depStatusText h6,.textWr .depStatusText h1,.textWr .depStatusText h2,.textWr .depStatusText h3,.textWr .depStatusText h4,.textWr .depStatusText h5,.textWr .depStatusText h6,.userWalletsInfo .depStatusText .depVerif {
    font-size: 32px;
    line-height: 40px
}

.depStatusImg {
    max-width: 100%;
    vertical-align: top;
    margin: -60px 0 -40px
}

.depProtect {
    display: flex;
    margin: 24px auto
}

.depProtect .ico {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 10px
}

@media screen and (min-width: 768px) {
    .depChoose {
        margin:10px 0 30px
    }
}

.quickSum {
    border-radius: 6px;
    background: #1a393a;
    color: #fff;
    border: 1px solid #1a393a;
    padding: 5px 12px;
    margin: 0 7px 7px 0;
    white-space: nowrap
}

.quickSumWr>span {
    display: block
}

.quickSumWrProtect {
    max-width: 400px
}

.quickSum.gift {
    padding: 5px 8px;
    background: url(/images/gradientGold.png) right bottom/100% 100% no-repeat,#1a393a
}

.quickSum.ac,.quickSum:active,.quickSum:focus {
    border-color: #01d2d1
}

.quickSumGift {
    font-size: 11px;
    color: #fc0;
    margin-left: 4px
}

.quickSumGift .ico {
    margin: -4px -2px
}

.customAmount input,.depBonusCode input {
    padding: 11px 50px 11px 16px
}

.customAmount,.paySystemItem {
    position: relative
}

.customAmount .valute {
    position: absolute;
    right: 18px;
    top: 16px;
    font-size: 13px
}

.paySystemItem {
    width: calc(50% - 5px)
}

.paySystemItem:first-of-type {
    display: none
}

.paySystemItem label {
    padding: 4px;
    border-radius: 8px;
    border: 1px solid #323a55;
    background: #0e1018;
    margin-bottom: 4px;
    gap: 8px
}

.paySystemItem label .ico {
    height: 32px;
    width: 32px;
    object-fit: contain
}

.paySystemItem .depTitle,.wdwBalance span {
    display: block
}

.paySystemItem.unactive .depTitle {
    color: #acacbc;
    position: relative
}

.paySystemItem.unactive .depTitle .ico {
    opacity: .3
}

.paySystemItem.unactive label {
    pointer-events: none
}

.paySystemItem.unactive:active .noActiveHint,.paySystemItem.unactive:hover .noActiveHint {
    opacity: 1;
    visibility: visible
}

.paySystemSelected:checked+label {
    border-color: #01d2d1
}

.paySystemSelected:disabled+label {
    border-color: #323a55
}

.wdwBalance {
    background: url(/images/blue_frame.png) no-repeat center bottom;
    padding: 6px 6px 30px
}

.wdwResults {
    margin-top: 23px
}

.wdwResults ol {
    list-style-position: outside;
    padding-left: 15px;
    margin-top: 12px
}

.wdwResults ol li {
    margin-bottom: 22px
}

.wdwResults ol li:last-child {
    margin-bottom: 0
}

.bonusItemSmall .wdwResults button,.menuFixed>.btnBase .wdwResults .desc,.promoWr .wdwResults button,.wdwResults .bonusItemSmall button,.wdwResults .menuFixed>.btnBase .desc,.wdwResults .promoWr button,.wdwResults .telegramMessageCopy,.wdwResults .white {
    color: #fff
}

.wdwResults>div {
    margin-bottom: 5px
}

.wdwInput {
    position: relative
}

.inpFileWr .wdwInput .form-control,.inpWr .wdwInput .form-control,.wdwInput .inp,.wdwInput .inpCodeWr,.wdwInput .inpFileWr .form-control,.wdwInput .inpRadioWr,.wdwInput .inpWr .form-control {
    font-size: 20px;
    line-height: 20px;
    padding: 12px 30px 12px 12px
}

.wdwInput span {
    position: absolute;
    right: 16px;
    top: 16px
}

.wdwUnpossible {
    border-radius: 12px;
    border: 1px solid #1d202b;
    background: #141722;
    padding: 8px 20px;
    width: fit-content
}

.noBonusWr span,.profileSet .formWr .wdwUnpossible .help-block,.wdwUnpossible .cr,.wdwUnpossible .profileSet .formWr .help-block,.wdwUnpossible .transactionStatus.error {
    display: block
}

.chooseAmount {
    display: flex
}

.chooseAmount>div {
    margin-right: 8px
}

.chooseAmount>div label {
    display: block;
    border: 1px solid #ffc671;
    border-radius: 24px;
    padding: 12px
}

.chooseAmount>div input:checked+label {
    border-color: #ffc671;
    color: #fff
}

.withdrawItem {
    background-color: #0e1018;
    border-radius: 5px;
    margin-bottom: 8px;
    padding: 12px;
    width: 100%
}

.withdrawItem>div {
    padding-right: 32px
}

.withdrawItem>div:last-child {
    padding-right: 0
}

.withdrawItem .btnBase {
    width: initial;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 14px
}

.addCardWdw>div {
    position: relative
}

.addCardWdw .timeLeft,.addCardWdw label {
    margin-bottom: 4px
}

.addCardWdw .timeLeft span {
    min-width: 43px;
    display: inline-block
}

.addCardWdw .btnGreen {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 123px
}

.createWallet {
    margin-top: 40px
}

.createWallet .btnBase {
    margin-top: 20px
}

.depositFailText {
    margin-top: 24px;
    padding: 0 12px
}

.depositFailBtn a {
    max-width: 200px;
    margin: 24px auto 0
}

.cpWr .inp,.cpWr .inpCodeWr,.cpWr .inpFileWr .form-control,.cpWr .inpRadioWr,.cpWr .inpWr .form-control,.inpFileWr .cpWr .form-control,.inpWr .cpWr .form-control {
    min-height: 50px;
    font-size: 24px;
    padding: 10px 100px 10px 10px;
    line-height: 28px
}

.cpWr .inpFileWr,.cpWr .inpWr {
    position: relative
}

.cpWr .inpFileWr .tip,.cpWr .inpWr .tip {
    font-size: 13px;
    position: absolute;
    right: 16px;
    top: 17px
}

.cpWr.blockCpExchange .cpDivider:before,.cpWr.blockCpExchange .inpFileWr,.cpWr.blockCpExchange .inpFileWr .control-label,.cpWr.blockCpExchange .inpLabel,.cpWr.blockCpExchange .inpWr,.cpWr.blockCpExchange .inpWr .control-label,.inpFileWr .cpWr.blockCpExchange .control-label,.inpWr .cpWr.blockCpExchange .control-label {
    opacity: .5;
    pointer-events: none
}

.cpWr.blockCpExchange .cpDivider {
    margin: 6px 0 -8px
}

.cpWr.blockCpExchange .cpDivider div {
    width: 56px;
    height: 56px;
    border-radius: 28px;
    background-color: transparent;
    outline: 0
}

.cpWr.blockCpExchange .cpDivider:before {
    top: 28px
}

.cpBlocked {
    border: 1px solid #01d2d1;
    border-radius: 8px;
    gap: 8px;
    padding: 12px
}

.cpBlocked img {
    width: 40px;
    min-width: 40px;
    height: 40px
}

.cpDivider {
    position: relative;
    margin-top: 14px
}

.cpDivider div {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #01d2d1;
    outline: 4px solid rgba(1,210,209,.1)
}

.cpDivider div img.loading {
    -webkit-animation: spinnerAnimation 1.4s infinite linear;
    animation: spinnerAnimation 1.4s infinite linear
}

.cpDivider:before {
    content: "";
    display: block;
    border: 1px solid #323a55;
    border-width: 1px 0 0;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: -1
}

.cpInfo {
    background: rgba(105,105,175,.2);
    border-radius: 8px;
    padding: 8px
}

.cpInfo>div {
    margin-top: 2px
}

.availBonus {
    margin: 0 10px 10px 0
}

.availBonuses .loading {
    margin: 0 auto
}

.availBonuses form {
    overflow-x: auto;
    max-width: 550px
}

.availBonuses.dis {
    pointer-events: none;
    opacity: .3
}

.availBonus:last-child {
    margin-right: 0
}

.availBonus label {
    position: relative;
    display: block;
    border: 1px solid transparent;
    width: 195px;
    color: #fff
}

.availBonus label .ico {
    display: block;
    height: 75px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #1d202b;
    overflow: hidden
}

.availBonus label .check {
    background-color: #1d202b;
    border: 1px solid #99a3c7;
    border-radius: 12px;
    position: absolute;
    top: 7px;
    left: 10px
}

.availBonus input {
    display: none
}

.availBonus input:checked+label .ico {
    border-color: #2bc012
}

.availBonus input:checked+label .check:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #79c42e;
    border-radius: 7px;
    position: absolute;
    top: 4px;
    left: 4px
}

.noBonusWr {
    border: 1px solid #323a55;
    border-radius: 12px;
    padding: 5px 10px;
    gap: 16px;
    margin: 6px 0 10px
}

.noBonusWr span:first-child {
    color: #f79a1b
}

.submitDepositJS:disabled {
    cursor: not-allowed;
    opacity: .5
}

.depositTotal {
    padding: 40px 0 30px;
    background: url(/images/depLine.png) center top/100% auto no-repeat;
    width: calc(100% + 24px);
    margin-left: -12px
}

.depositTotal>span {
    display: block;
    margin-bottom: 6px;
    text-transform: initial;
    font-weight: 400
}

.noActiveHint {
    color: #f24e1e;
    background-color: rgba(0,0,0,.8);
    border-radius: 8px;
    text-transform: none;
    padding: 8px 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0;
    visibility: hidden
}

@media (min-width: 768px) {
    .cpWr {
        max-width:400px
    }

    .financeWr .btnBase {
        width: 250px;
        margin-left: 0;
        margin-top: 24px
    }

    .createWallet {
        width: calc(50% - 12px)
    }

    .chooseAmount>div {
        margin-right: 12px
    }

    .chooseAmount>div label {
        padding: 12px 24px
    }

    .wdwForm {
        max-width: 500px;
        margin: 50px auto 0
    }

    .wdwTitle {
        font-size: 16px
    }
}

@media (min-width: 992px) {
    .cpWr {
        margin-bottom:40px
    }
}

@media (min-width: 1400px) {
    .createWallet {
        width:calc(25% - 18px)
    }
}

.historyTab {
    padding-bottom: 24px
}

.historyTaba table td img {
    vertical-align: middle;
    height: 32px
}

.historyTab a {
    text-decoration: none;
    position: relative;
    padding-left: 35px;
    color: #fff
}

.historyTab a:first-child {
    margin-right: 40px
}

.historyTab a>span {
    position: absolute;
    left: 0;
    top: -4px;
    border: 1px solid #1d202b;
    border-radius: 4px;
    background-color: #141722
}

.historyTab a>span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    position: absolute;
    top: 3px;
    left: 3px
}

.historyTab a:visited {
    color: #fff
}

.historyTab a.ac>span:before {
    background-color: #3830a4
}

.billWr {
    max-width: 360px;
    margin: 10px auto 40px;
    border-radius: 8px;
    overflow: hidden
}

.billWr img {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .billWr {
        display:flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px;
        max-width: initial
    }

    .billWr img {
        max-width: 360px
    }
}

.transactionItem {
    padding: 8px 10px;
    font-size: 11px;
    background: rgba(4,4,5,.5);
    border-radius: 8px;
    margin-bottom: 6px
}

.transactionItem.unverif {
    background: url(/images/card/bg_trans_verif.png) no-repeat left bottom/100% auto,rgba(4,4,5,.5)
}

.transactionItem .rightAlign {
    text-align: right
}

.transactionItem .rightAlign span {
    display: block
}

.bonusFormLinks .transactionItem>a,.cardItem .transactionItem>.cardStatus,.cardItemOrigin .transactionItem>.action,.cardItemOrigin .transactionItem>.image,.checkLabel .transactionItem>.dot,.happyBox .transactionItem>.infoPlay,.header .transactionItem>.container,.lotResultItem.transactionItem>div,.menuFixedBtn .transactionItem>.ico,.popupSocial .transactionItem>a,.promoListConditions .transactionItem>li,.radioLabel .transactionItem>.dot,.refLevels .transactionItem>.refRow,.searchForm .transactionItem>.ico,.selectOption .transactionItem>.cardStatus,.transactionItem>.addCardBtnGrid,.transactionItem>.bonusItemTitle,.transactionItem>.btnCloseText,.transactionItem>.cardItem,.transactionItem>.dFaC,.transactionItem>.dFjAaC,.transactionItem>.dFjBaC,.transactionItem>.dFjCaC,.transactionItem>.dFjEaC,.transactionItem>.depBonusCodeActive,.transactionItem>.depBonusCodeSubmit,.transactionItem>.diiaBtn,.transactionItem>.gameBtnWr,.transactionItem>.happyBoxPrize,.transactionItem>.inpCodeWr,.transactionItem>.langHeading,.transactionItem>.loadMore,.transactionItem>.menuFixed,.transactionItem>.myBonusSwitcher,.transactionItem>.pagination,.transactionItem>.popupSocial,.transactionItem>.popupSwitcher,.transactionItem>.postSm,.transactionItem>.profileSwitcher,.transactionItem>.provItemWr,.transactionItem>.provList,.transactionItem>.provListCatWr,.transactionItem>.providersItem,.transactionItem>.quickSum,.transactionItem>.quickSumGift,.transactionItem>.scInfoItem,.transactionItem>.titlePromo,.transactionItem>.tourSort.all,.transactionItem>.transactionIcon,.transactionItem>.validBlock.previewWr,.transactionItem>.validTitle,.transactionItem>.withdrawItem,.verifCardList .transactionItem>li,.verifCardList li .transactionItem>span {
    gap: 10px
}

.transactionIcon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    background: rgba(47,58,83,.3);
    border-radius: 4px
}

.transactionIcon img {
    width: 28px;
    height: 28px;
    object-fit: cover
}

.transactionType {
    gap: 3px;
    margin: 4px 0
}

.transactionType img {
    width: 25px;
    max-height: 16px;
    object-fit: cover
}

.transactionSum.green {
    color: #00ec23
}

.transactionSum.red {
    color: #ff2626
}

.transactionStatus {
    font-size: 6px;
    border-radius: 3px;
    padding: 2px 6px;
    width: fit-content;
    margin: 4px 0 4px auto
}

.transactionStatus.process {
    color: #bacbcd;
    background-color: rgba(137,156,165,.3)
}

.transactionStatus.success {
    background-color: rgba(0,208,0,.3)
}

.transactionStatus.error {
    background-color: rgba(255,38,38,.3)
}

.transactionStatus.new {
    background-color: rgba(0,139,208,.3)
}

.transactionReceipt {
    border-top: 1px solid #323a55;
    padding: 6px 0 2px;
    margin-top: 6px;
    flex-wrap: wrap
}

.transactionReceipt a {
    color: #77ff9d;
    gap: 8px
}

.transactionReceipt a:visited {
    color: #77ff9d
}

.transactionReceipt a .ico {
    width: 12px;
    height: 12px
}

.profileSet .formWr .transactionReceipt .help-block,.transactionReceipt .cr,.transactionReceipt .profileSet .formWr .help-block,.transactionReceipt .transactionStatus.error {
    color: #ff2626
}

.transactionReceipt .cardAction.verified,.transactionReceipt .cgreen,.transactionReceipt .transactionStatus.success {
    color: #00ec23
}

.transactionReceipt .btnBase {
    font-size: 11px;
    padding: 7px 4px 5px;
    background: url(/images/card/danger.png) no-repeat left 2px center/23px;
    border-radius: 5px
}

@media (min-width: 768px) {
    .transactionItem {
        background:rgba(4,4,5,.5);
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        gap: 24px
    }

    .transactionItem>div:first-child {
        width: 100%
    }

    .transactionItem.unverif {
        background: rgba(4,4,5,.5)
    }

    .transactionReceipt {
        border: 0;
        width: 40%
    }
}

.messageBtns {
    margin-bottom: 14px
}

.messageItem {
    margin-bottom: 4px;
    background: rgba(105,105,175,.2);
    border-radius: 8px;
    color: #fff;
    padding: 12px 10px 12px 42px;
    position: relative
}

.messageItem:visited {
    color: #fff
}

.messageItem img.ico {
    width: 36px;
    height: 36px;
    vertical-align: top;
    position: absolute;
    top: 2px;
    left: 2px
}

.messageItem span {
    display: inline-block;
    vertical-align: top
}

.messageItem .date {
    white-space: nowrap
}

.messageItemTitle {
    margin-right: 10px
}

.messageItem.old {
    background: rgba(4,4,5,.2)
}

.messageItem.old img.ico {
    opacity: .7
}

.messageContent {
    border: 1px solid #323a55;
    border-radius: 8px;
    padding: 8px
}

.messageContent span {
    display: block
}

.messageContent .heading {
    background: rgba(105,105,175,.2);
    border-radius: 5px;
    gap: 4px;
    padding: 5px
}

.messageContent .ico {
    width: 46px;
    height: 46px
}

.messageContent .date {
    margin-top: 2px
}

.messageContentBody {
    padding: 16px
}

.messageCopy {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 5px;
    background: #79c32e;
    margin-left: -8px;
    display: none
}

.messageCopy.ac,.popup.ac .popupTitleM,.popup.myBonusVerifPopup .frameTitle span {
    display: block
}

@media (min-width: 768px) {
    .messageBtns {
        margin-bottom:20px;
        justify-content: flex-start
    }
}

.cookie-popup,.popup {
    position: fixed;
    z-index: 1000
}

.popup {
    max-width: 100%;
    background: rgba(14,16,24,.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.cookie-popup {
    top: initial;
    padding: 60px 24px 24px;
    color: #acacbc;
    border-radius: 10px;
    width: 98%!important;
    left: 1%!important;
    bottom: 5px!important;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(/images/new/cookie.png) no-repeat center top 15px/32px,rgba(14,16,24,.95)
}

.cookie-popup.open {
    display: flex;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease
}

.cookie-message {
    margin-bottom: 18px
}

.cookie-accept {
    height: 42px;
    line-height: 42px;
    padding: 0 30px;
    border: 1px solid #ffc671;
    border-radius: 8px;
    background: #020202;
    color: #fff
}

.cookie-link {
    color: #fff
}

@media (min-width: 768px) {
    .cookie-popup {
        bottom:10px!important;
        text-align: left;
        left: 50%!important;
        transform: translateX(-50%);
        max-width: 732px;
        flex-direction: row;
        background: url(/images/new/cookie.png) no-repeat left 20px center/32px,rgba(14,16,24,.95);
        padding: 20px 20px 20px 70px
    }

    .cookie-message {
        margin-bottom: 0
    }
}

.regLogo {
    width: 145px;
    vertical-align: top
}

.popup {
    font-size: 12px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    visibility: hidden;
    opacity: 0;
    overflow: auto
}

.popup.ac {
    display: block;
    visibility: visible;
    opacity: 1
}

.popup.basic {
    background: linear-gradient(-145deg,rgba(0,43,130,.75) 0,transparent 36%),#0e1018;
    padding: 30px 10px 10px
}

.popup.basic .btnCloseText {
    top: 40px;
    right: 20px
}

.popup.basic .regLogo,.popup.depositExclusion p,.popup.selfExclusion p {
    margin-bottom: 20px
}

.popup.basic .popupTitle {
    margin-top: 30px
}

.popup.basic.preWdwCard .popupIcon {
    width: 132px
}

.popup.basic.preWdwCard .hintBlue {
    background: rgba(1,210,209,.1);
    border-radius: 8px;
    padding: 12px 24px
}

.popup.basic.preWdwCard .inpFileWr,.popup.basic.preWdwCard .inpWr {
    text-align: left
}

.popup.basic.verifCard .popupIcon,.popup.basic.verifDeposit .popupIcon,.popup.basic.verifVirtual .popupIcon {
    margin: -20px 0 -10px
}

.popup.basic.promoBonusResult {
    background: linear-gradient(-145deg,rgba(20,108,108,.4) 0,transparent 40%),url(/images/bonus/promoResBg.png) no-repeat bottom left/100% auto,#0e1018
}

.popup.basic.promoBonusResult .btnBlue {
    color: #fff
}

.popup.basic.promoBonusResult .btnBlue:hover {
    text-decoration: none
}

.popup.basic.promoBonusResult .popupTitle {
    margin-top: 10px;
    line-height: 28px
}

.popup.basic.promoBonusResult .popupTitle .cardAction.verified,.popup.basic.promoBonusResult .popupTitle .cgreen,.popup.basic.promoBonusResult .popupTitle .transactionStatus.success {
    color: #62ff00
}

.popup.basic.promoBonusResult .popupTitle .cpink {
    color: #ff008c
}

.popup.basic.promoBonusResult .popupIcon {
    margin: -10px 0 -120px
}

.popup.basic.promoBonusResult .limitBtns {
    background-color: transparent!important
}

.popup.basic.promoBonusResult,.popup.basic.verifVirtual {
    overflow: hidden;
    padding-bottom: 64px
}

.popup.basic.promoBonusResult .popupInner,.popup.basic.verifVirtual .popupInner {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

.popup.basic.verifVirtual .limitBtns {
    background-color: #0e1018
}

.popup.basic.promoBonusResult .limitBtns,.popup.basic.verifVirtual .limitBtns {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px 12px 6px
}

.popup.basic.verifVirtual .popupTitle {
    margin-top: 0
}

.popup.basic.regSuccess {
    background: linear-gradient(-145deg,#175045 0,transparent 36%),#0e1018
}

.popup.basic.wdwSuccess .popupIcon {
    margin-top: 60px
}

.popup.message {
    padding: 40px;
    background: #141722;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    min-width: 300px
}

.popup-alert {
    top: initial;
    left: initial;
    height: initial;
    width: calc(100% - 20px);
    max-width: 400px;
    right: 10px;
    bottom: 90px;
    padding: 20px 20px 12px 156px;
    border-radius: 10px;
    background: url(/images/bg/ellipseGreen.png) no-repeat left bottom,#17171b;
    overflow: visible
}

.popup-alert-heading {
    margin-bottom: 5px
}

.popup-alert-link {
    margin-top: 7px;
    color: #f24e1e!important;
    display: block
}

.popup-alert-image {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0,-50%);
    z-index: -1;
    max-width: 136px;
    max-height: 90%
}

.popup-alert .btnClose {
    top: -13px
}

.popup.regPhoneConfirm .regLogo {
    margin-bottom: 66px
}

.popup.regPhoneConfirm .brown {
    border-radius: 8px;
    background-color: rgba(255,198,113,.3);
    padding: 4px 24px;
    vertical-align: top;
    display: inline-block
}

.popup.regPhoneConfirm .regPhCnfInputs {
    gap: 4px
}

.inpFileWr .popup.regPhoneConfirm .regPhCnfInputs .form-control,.inpWr .popup.regPhoneConfirm .regPhCnfInputs .form-control,.popup.regPhoneConfirm .regPhCnfInputs .inp,.popup.regPhoneConfirm .regPhCnfInputs .inpCodeWr,.popup.regPhoneConfirm .regPhCnfInputs .inpFileWr .form-control,.popup.regPhoneConfirm .regPhCnfInputs .inpRadioWr,.popup.regPhoneConfirm .regPhCnfInputs .inpWr .form-control {
    width: 50px;
    padding: 26px 18px
}

.popup.enter .btnCloseText,.popup.recov .btnCloseText,.popup.reg .btnCloseText,.popup.regPhoneConfirm .btnCloseText {
    top: 48px
}

.popup.reg,.popup.regPhoneConfirm {
    background: linear-gradient(-145deg,#127b4b 0,transparent 36%),#0e1018
}

.popup.enter .regBonus,.popup.reg .regBonus {
    display: block;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 12px 0
}

.popup.enter .regBonus:visited,.popup.reg .regBonus:visited {
    color: #fff
}

.popup.enter .regBonusDesc,.popup.reg .regBonusDesc {
    display: block;
    max-width: 300px;
    letter-spacing: 6px;
    margin: 5px auto 0
}

@media screen and (max-width: 767px) {
    .popup.enter .regSocial,.popup.reg .regSocial {
        background-color:rgba(2,2,2,.2);
        padding: 16px 24px 14px;
        margin-bottom: 14px;
        text-align: center;
        width: calc(100% + 20px);
        margin-left: -10px
    }

    .popup.enter .regSocial .popupSocial,.popup.reg .regSocial .popupSocial {
        justify-content: center;
        margin-bottom: 0
    }

    .popup.enter .regSocial .popupSocial li:last-child a,.popup.reg .regSocial .popupSocial li:last-child a {
        margin-right: 0
    }
}

.popup.regSuccess .regSuccessLink {
    width: 162px;
    height: 146px;
    padding: 20px 10px 14px;
    flex-direction: column;
    border-radius: 8px
}

.popup.regSuccess .regSuccessLink .ico {
    width: 36px;
    height: 36px
}

.popup.regSuccess .regSuccessLink:first-child {
    background: url(/images/bg_arrows_bold.svg) no-repeat 100% 100%,linear-gradient(104deg,#2a2242 0,#29242d 100%),linear-gradient(104deg,#1d161e 0,#1c1522 100%)
}

.popup.regSuccess .regSuccessLink:last-child {
    background: url(/images/bg_arrows_bold.svg) no-repeat 100% 100%,linear-gradient(104deg,#283e1b 0,#262d24 100%),linear-gradient(104deg,#1d161e 0,#1c1522 100%)
}

.popup.regSuccess .regSuccessLink a {
    padding: 5px;
    font-size: 10px
}

.popup.regSuccess .regSuccessLinkWr {
    gap: 16px
}

.popup.cashdeskClosed,.popup.enter {
    background: linear-gradient(-145deg,#002b82 -30%,transparent 50%),#0e1018
}

.popup.recov {
    background: linear-gradient(-145deg,#56187b -30%,transparent 50%),#0e1018
}

.popup.recov .recovTitle {
    margin: 50px 0 46px
}

.popup.deposit,.popup.ref,.popup.regSuccess,.popup.verifVirtual {
    background: linear-gradient(-145deg,#175045 0,transparent 40%),#0e1018
}

.popup.deposit .popupTitleMain {
    margin-top: 40px
}

.popup.deposit .depWr {
    padding: 20px 12px 12px
}

@media screen and (min-width: 768px) {
    .popup.deposit .depWr {
        margin:100px auto 30px;
        max-width: 520px
    }
}

.popup.deposit .btnBase {
    min-width: 250px
}

.popup.deposit .btnBase.dis,.popup.deposit .btnBase:disabled {
    pointer-events: none
}

.popup.deposit .btnCloseText,.popup.ref .btnCloseText {
    top: 30px;
    right: 20px
}

.popup.deposit .popupFormWr,.popup.ref .popupFormWr {
    padding-top: 24px
}

.popup.providers {
    padding: 20px 30px 5px;
    background-color: rgba(14,16,24,.9)
}

.popup.providers .btnClose {
    position: static;
    margin-left: 8px
}

.popup.providers .heading+div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.popup.providers .heading+div .providersItem {
    margin: 0 0 16px;
    padding: 0;
    background: 0 0;
    width: 42%;
    font-size: 14px
}

.popup.providers .heading+div .providersItem .ico {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-right: 12px
}

.popupW100 {
    width: 100%
}

.popupImage {
    position: absolute;
    top: 70px;
    right: 10%;
    z-index: -1;
    max-width: 250px
}

@media (min-width: 992px) {
    .popupImage {
        right:14%;
        top: 100px;
        max-width: 300px
    }
}

@media (min-width: 1200px) {
    .popupImage {
        right:46%;
        transform: translateX(100%);
        max-width: 555px;
        top: 120px
    }
}

.popupLogo {
    width: 140px;
    vertical-align: top;
    margin-bottom: 22px
}

.popupBtnMenuLogin {
    margin: 6px 0 12px
}

.popupBtnMenuLogin>* {
    width: calc(50% - 30px)
}

.popupBtnMenuLogin>:first-child {
    margin-right: 12px
}

.popupTextWr {
    padding: 24px 36px;
    background: rgba(217,217,217,.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.popupTextWr .popupTitle {
    color: #fff;
    margin-bottom: 24px;
    text-transform: initial;
    padding: 0
}

.popupText {
    color: #acacbc
}

.popupFormWr {
    width: 100%;
    max-width: 575px;
    margin: 0 auto;
    padding: 40px 10px 10px;
    position: relative
}

.popupFormWr .btnClose {
    position: static
}

@media screen and (min-width: 992px) {
    .popupFormWr {
        margin:100px auto 30px;
        max-width: 650px
    }
}

@media screen and (min-width: 1200px) {
    .popupFormWr {
        margin:100px auto 30px;
        max-width: 850px;
        padding-right: 300px
    }
}

.popupSocial {
    margin: 12px 0 30px
}

.popupSocial li {
    list-style: none
}

.popupSocial a {
    gap: 10px;
    margin-right: 8px;
    border-radius: 8px;
    background-color: rgba(217,217,217,.1);
    padding: 4px 5px;
    min-width: 96px
}

.popupSocial a .desc {
    color: #fff;
    font-size: 10px;
    font-weight: 500
}

.popupSocial a .ico {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 10px
}

.popupSocial a.google .ico {
    background: url(/images/icon/socialPopup.svg) top left -30px/110px no-repeat
}

.popupSocial a.facebook .ico {
    background: url(/images/icon/socialPopup.svg) top left/110px no-repeat
}

.popupSocial a:hover .desc {
    color: #99a3c7
}

.popupTitleMain {
    margin: 68px 0 17px
}

.popup .is18 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    bottom: 0
}

.popup .checkLabel {
    margin: 6px 0
}

.popup a {
    text-decoration: none
}

.popup-bonus {
    min-width: 300px;
    min-height: 400px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px
}

.popup-bonus .pTitle {
    margin: 24px 0 30px
}

.popup-bonus .pBtns {
    margin-top: 35px
}

.popup-bonus .pBtns a,.popup-bonus .pBtns a:visited {
    color: #fff!important
}

.popup-bonus .pBtns .btnGrey {
    margin-right: 16px
}

.popup .inpFileWr,.popup .inpWr {
    margin-bottom: 16px
}

.popupLinksWr {
    margin-top: 24px
}

.popupLinksWr>span {
    display: inline-block;
    margin: 0 12px
}

.popup.myBonusVerifPopup {
    padding: 56px 10px 10px;
    background: linear-gradient(-145deg,#4a1976 0,transparent 60%),#010101
}

.popup.myBonusVerifPopup .btnCloseText {
    top: 40px;
    right: 12px
}

.popup-bonus .popup.myBonusVerifPopup .pTitle .ico,.popup.myBonusVerifPopup #errors-footer .ico,.popup.myBonusVerifPopup .alert .ico,.popup.myBonusVerifPopup .bonusItemSmall .ico,.popup.myBonusVerifPopup .btnGrey .ico,.popup.myBonusVerifPopup .btnOrange .ico,.popup.myBonusVerifPopup .center .ico,.popup.myBonusVerifPopup .contactChatWr .ico,.popup.myBonusVerifPopup .cookie-popup .ico,.popup.myBonusVerifPopup .depositFailText .ico,.popup.myBonusVerifPopup .error.content-error .ico,.popup.myBonusVerifPopup .happyBoxWin .ico,.popup.myBonusVerifPopup .jpBannerInfo .ico,.popup.myBonusVerifPopup .popup-bonus .ico,.popup.myBonusVerifPopup .popupLinksWr .ico,.popup.myBonusVerifPopup .tableScroller .empty .ico,.tableScroller .popup.myBonusVerifPopup .empty .ico {
    width: 212px
}

.popup.myBonusVerifPopup .frameTitle {
    padding: 10px 10px 30px
}

.popup.myBonusVerifPopup .popupInner {
    margin-top: 30px
}

.popup.myBonusVerifPopup .popupInner .m33 {
    margin: 30px 0
}

.popup.myBonusVerifPopup .returnWr {
    margin-top: -30px
}

.popup.infoLink {
    background-color: #141722;
    padding: 40px 24px
}

.popup.infoLink .icon {
    vertical-align: top;
    width: 52px;
    height: 52px
}

.popup.infoLink .inpFileWr,.popup.infoLink .inpWr {
    margin-top: 12px
}

.popup.infoLink .popupInner .name {
    margin: 20px 0
}

.popup.infoLink .popupInner .btnBase {
    margin-top: 40px
}

.popup.depositExclusion,.popup.selfExclusion {
    padding: 60px 10px 40px;
    background: #141722
}

.cardItemOrigin .popup.depositExclusion .action,.cardItemOrigin .popup.depositExclusion .image,.cardItemOrigin .popup.selfExclusion .action,.cardItemOrigin .popup.selfExclusion .image,.checkLabel .popup.depositExclusion .dot,.checkLabel .popup.selfExclusion .dot,.menuFixedBtn .popup.depositExclusion .ico,.menuFixedBtn .popup.selfExclusion .ico,.popup.depositExclusion .cardItemOrigin .action,.popup.depositExclusion .cardItemOrigin .image,.popup.depositExclusion .checkLabel .dot,.popup.depositExclusion .dFjCaC,.popup.depositExclusion .diiaBtn,.popup.depositExclusion .gameBtnWr,.popup.depositExclusion .loadMore,.popup.depositExclusion .menuFixed,.popup.depositExclusion .menuFixedBtn .ico,.popup.depositExclusion .pagination,.popup.depositExclusion .provItemWr,.popup.depositExclusion .radioLabel .dot,.popup.depositExclusion .scInfoItem,.popup.depositExclusion .searchForm .ico,.popup.depositExclusion .transactionIcon,.popup.depositExclusion .validBlock.previewWr,.popup.depositExclusion .verifCardList li span,.popup.selfExclusion .cardItemOrigin .action,.popup.selfExclusion .cardItemOrigin .image,.popup.selfExclusion .checkLabel .dot,.popup.selfExclusion .dFjCaC,.popup.selfExclusion .diiaBtn,.popup.selfExclusion .gameBtnWr,.popup.selfExclusion .loadMore,.popup.selfExclusion .menuFixed,.popup.selfExclusion .menuFixedBtn .ico,.popup.selfExclusion .pagination,.popup.selfExclusion .provItemWr,.popup.selfExclusion .radioLabel .dot,.popup.selfExclusion .scInfoItem,.popup.selfExclusion .searchForm .ico,.popup.selfExclusion .transactionIcon,.popup.selfExclusion .validBlock.previewWr,.popup.selfExclusion .verifCardList li span,.radioLabel .popup.depositExclusion .dot,.radioLabel .popup.selfExclusion .dot,.searchForm .popup.depositExclusion .ico,.searchForm .popup.selfExclusion .ico,.verifCardList li .popup.depositExclusion span,.verifCardList li .popup.selfExclusion span {
    flex-direction: column
}

.popup.depositExclusion .btnBase,.popup.selfExclusion .btnBase {
    width: 250px;
    margin: 0 auto 12px
}

.popup.depositExclusion .btnBase.grey,.popup.selfExclusion .btnBase.grey {
    border-color: #99a3c7
}

.popup.limit {
    background: rgba(1,1,1,.9);
    backdrop-filter: none;
    padding: 170px 10px 10px
}

.popup.limit.accept {
    padding: 66px 10px 20px
}

.popup.limit.accept .btnCloseText,.popup.promoBonus .btnCloseText,.popup.verifNeed .btnCloseText {
    top: 40px
}

.popup.limit.acceptSuccess .popupInner {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
}

.popup.limit.acceptSuccess .popupInner .ico {
    width: 70px;
    height: 70px;
    margin-bottom: 30px
}

.popup.promoBonus,.popup.verifNeed {
    background: rgba(1,1,1,.95);
    padding: 100px 10px 10px
}

.popup.verifNeed .frameBg {
    max-width: 355px;
    height: 98px;
    line-height: 98px;
    margin: 0 auto 24px
}

.popup.promoBonus .frameBg {
    max-width: 355px;
    height: 74px;
    margin: 0 auto 24px
}

.popup.promoBonus .frameBg .tourWinnerItem.current span:first-child,.popup.promoBonus .frameBg span.cblue,.popup.promoBonus .frameBg span.refLevel,.tourWinnerItem.current .popup.promoBonus .frameBg span:first-child {
    display: block
}

.popup.bottomMenu {
    background: rgba(14,16,24,.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 23px 10px 100px;
    z-index: 9;
    bottom: 0;
    top: initial;
    height: initial
}

.popup.bottomMenu .btnCloseText {
    top: 20px;
    right: 20px
}

.popup.lottery {
    padding: 60px 20px 20px
}

.popup.cpResult .btnCloseText {
    top: 20px
}

.popup.cpResult .popupInner {
    padding: 60px 20px 10px;
    min-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.popup.cpResult .iconLarge {
    margin: -60px auto -40px
}

.popup.cpResult .limitBtns {
    margin-top: auto
}

@media (min-width: 768px) {
    .popup {
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: initial;
        height: initial;
        max-height: 90vh;
        border-radius: 24px
    }

    .popup-bonus .popup.promoBonusResult .limitBtns.pTitle a,.popup-bonus .popup.promoBonusResult .limitBtns.pTitle button,.popup-bonus .popup.verifCard .limitBtns.pTitle a,.popup-bonus .popup.verifCard .limitBtns.pTitle button,.popup-bonus .popup.verifVirtual .limitBtns.pTitle a,.popup-bonus .popup.verifVirtual .limitBtns.pTitle button,.popup.promoBonusResult .limitBtns#errors-footer a,.popup.promoBonusResult .limitBtns#errors-footer button,.popup.promoBonusResult .limitBtns.alert a,.popup.promoBonusResult .limitBtns.alert button,.popup.promoBonusResult .limitBtns.bonusItemSmall a,.popup.promoBonusResult .limitBtns.bonusItemSmall button,.popup.promoBonusResult .limitBtns.btnGrey a,.popup.promoBonusResult .limitBtns.btnGrey button,.popup.promoBonusResult .limitBtns.btnOrange a,.popup.promoBonusResult .limitBtns.btnOrange button,.popup.promoBonusResult .limitBtns.center a,.popup.promoBonusResult .limitBtns.center button,.popup.promoBonusResult .limitBtns.contactChatWr a,.popup.promoBonusResult .limitBtns.contactChatWr button,.popup.promoBonusResult .limitBtns.cookie-popup a,.popup.promoBonusResult .limitBtns.cookie-popup button,.popup.promoBonusResult .limitBtns.depositFailText a,.popup.promoBonusResult .limitBtns.depositFailText button,.popup.promoBonusResult .limitBtns.error.content-error a,.popup.promoBonusResult .limitBtns.error.content-error button,.popup.promoBonusResult .limitBtns.happyBoxWin a,.popup.promoBonusResult .limitBtns.happyBoxWin button,.popup.promoBonusResult .limitBtns.jpBannerInfo a,.popup.promoBonusResult .limitBtns.jpBannerInfo button,.popup.promoBonusResult .limitBtns.popup-bonus a,.popup.promoBonusResult .limitBtns.popup-bonus button,.popup.promoBonusResult .limitBtns.popupLinksWr a,.popup.promoBonusResult .limitBtns.popupLinksWr button,.popup.promoBonusResult .popup-bonus .limitBtns.pTitle a,.popup.promoBonusResult .popup-bonus .limitBtns.pTitle button,.popup.promoBonusResult .tableScroller .limitBtns.empty a,.popup.promoBonusResult .tableScroller .limitBtns.empty button,.popup.verifCard .limitBtns#errors-footer a,.popup.verifCard .limitBtns#errors-footer button,.popup.verifCard .limitBtns.alert a,.popup.verifCard .limitBtns.alert button,.popup.verifCard .limitBtns.bonusItemSmall a,.popup.verifCard .limitBtns.bonusItemSmall button,.popup.verifCard .limitBtns.btnGrey a,.popup.verifCard .limitBtns.btnGrey button,.popup.verifCard .limitBtns.btnOrange a,.popup.verifCard .limitBtns.btnOrange button,.popup.verifCard .limitBtns.center a,.popup.verifCard .limitBtns.center button,.popup.verifCard .limitBtns.contactChatWr a,.popup.verifCard .limitBtns.contactChatWr button,.popup.verifCard .limitBtns.cookie-popup a,.popup.verifCard .limitBtns.cookie-popup button,.popup.verifCard .limitBtns.depositFailText a,.popup.verifCard .limitBtns.depositFailText button,.popup.verifCard .limitBtns.error.content-error a,.popup.verifCard .limitBtns.error.content-error button,.popup.verifCard .limitBtns.happyBoxWin a,.popup.verifCard .limitBtns.happyBoxWin button,.popup.verifCard .limitBtns.jpBannerInfo a,.popup.verifCard .limitBtns.jpBannerInfo button,.popup.verifCard .limitBtns.popup-bonus a,.popup.verifCard .limitBtns.popup-bonus button,.popup.verifCard .limitBtns.popupLinksWr a,.popup.verifCard .limitBtns.popupLinksWr button,.popup.verifCard .popup-bonus .limitBtns.pTitle a,.popup.verifCard .popup-bonus .limitBtns.pTitle button,.popup.verifCard .tableScroller .limitBtns.empty a,.popup.verifCard .tableScroller .limitBtns.empty button,.popup.verifVirtual .limitBtns#errors-footer a,.popup.verifVirtual .limitBtns#errors-footer button,.popup.verifVirtual .limitBtns.alert a,.popup.verifVirtual .limitBtns.alert button,.popup.verifVirtual .limitBtns.bonusItemSmall a,.popup.verifVirtual .limitBtns.bonusItemSmall button,.popup.verifVirtual .limitBtns.btnGrey a,.popup.verifVirtual .limitBtns.btnGrey button,.popup.verifVirtual .limitBtns.btnOrange a,.popup.verifVirtual .limitBtns.btnOrange button,.popup.verifVirtual .limitBtns.center a,.popup.verifVirtual .limitBtns.center button,.popup.verifVirtual .limitBtns.contactChatWr a,.popup.verifVirtual .limitBtns.contactChatWr button,.popup.verifVirtual .limitBtns.cookie-popup a,.popup.verifVirtual .limitBtns.cookie-popup button,.popup.verifVirtual .limitBtns.depositFailText a,.popup.verifVirtual .limitBtns.depositFailText button,.popup.verifVirtual .limitBtns.error.content-error a,.popup.verifVirtual .limitBtns.error.content-error button,.popup.verifVirtual .limitBtns.happyBoxWin a,.popup.verifVirtual .limitBtns.happyBoxWin button,.popup.verifVirtual .limitBtns.jpBannerInfo a,.popup.verifVirtual .limitBtns.jpBannerInfo button,.popup.verifVirtual .limitBtns.popup-bonus a,.popup.verifVirtual .limitBtns.popup-bonus button,.popup.verifVirtual .limitBtns.popupLinksWr a,.popup.verifVirtual .limitBtns.popupLinksWr button,.popup.verifVirtual .popup-bonus .limitBtns.pTitle a,.popup.verifVirtual .popup-bonus .limitBtns.pTitle button,.popup.verifVirtual .tableScroller .limitBtns.empty a,.popup.verifVirtual .tableScroller .limitBtns.empty button,.tableScroller .popup.promoBonusResult .limitBtns.empty a,.tableScroller .popup.promoBonusResult .limitBtns.empty button,.tableScroller .popup.verifCard .limitBtns.empty a,.tableScroller .popup.verifCard .limitBtns.empty button,.tableScroller .popup.verifVirtual .limitBtns.empty a,.tableScroller .popup.verifVirtual .limitBtns.empty button {
        width: 255px;
        margin: 0 auto
    }

    .popup.basic {
        padding: 30px 40px 40px;
        width: 600px
    }

    .popup.basic .regLogo {
        margin-bottom: 30px
    }

    .popup.basic.verifCard,.popup.basic.verifDeposit {
        width: 724px;
        padding: 20px 80px 56px
    }

    .popup.basic.promoBonusResult,.popup.basic.verifVirtual {
        width: 724px;
        padding: 60px 12px 40px
    }

    .popup.basic.promoBonusResult .regLogo,.popup.basic.verifCard .regLogo,.popup.basic.verifDeposit .regLogo,.popup.basic.verifVirtual .regLogo {
        display: none
    }

    .popup.basic.promoBonusResult .popupTitle,.popup.basic.verifCard .popupTitle,.popup.basic.verifDeposit .popupTitle,.popup.basic.verifVirtual .popupTitle {
        max-width: 100%;
        display: block;
        margin-right: 0
    }

    .popup.basic.verifCard .popupIcon,.popup.basic.verifDeposit .popupIcon,.popup.basic.verifVirtual .popupIcon {
        margin: -20px 0 -10px
    }

    .popup.basic.promoBonusResult.ac,.popup.basic.verifVirtual.ac {
        display: flex;
        flex-direction: column
    }

    .popup.basic.promoBonusResult .limitBtns,.popup.basic.verifVirtual .limitBtns {
        position: static
    }

    .popup.basic.promoBonusResult .popupInner,.popup.basic.verifVirtual .popupInner {
        padding: 0 40px
    }

    .popup.bottomMenu {
        border-radius: 0;
        transform: none;
        left: 0;
        width: 100%
    }

    .popup.enter .regBonus,.popup.reg .regBonus {
        margin-left: 0;
        text-align: left;
        padding: 40px 0 20px;
        font-size: 15px
    }

    .popup.enter .regBonusDesc,.popup.reg .regBonusDesc {
        margin-left: 0
    }

    .popup.recov .recovTitle {
        text-align: left;
        padding-right: 200px
    }

    .popup-alert {
        transform: none;
        top: initial;
        left: initial;
        width: 400px;
        padding-left: 170px
    }

    .popup-alert-image {
        left: 16px
    }

    .popup-bonus {
        padding-bottom: 80px;
        width: 460px
    }

    .popup-bonus .pBtns {
        position: absolute;
        width: 100%;
        bottom: 20px;
        left: 0
    }

    .popup-bonus .pBtns a {
        min-width: 140px
    }

    .popup-balance {
        min-width: 400px
    }

    .popup.full {
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 100%;
        max-height: 100vh;
        border-radius: 0;
        overflow-y: auto
    }

    .popup.providers {
        position: absolute;
        top: 140%;
        left: 0;
        transform: none;
        width: 640px;
        max-width: 640px;
        max-height: initial;
        border-radius: 24px
    }

    .popup.providers .heading {
        display: none
    }

    .popup.providers .heading+div {
        max-height: 600px;
        overflow: auto
    }

    .popup.providers .heading+div .providersItem {
        width: 30%
    }

    .popup.infoLink {
        border-radius: 12px;
        width: 724px
    }

    .popup.infoLink .popupInner {
        width: 510px;
        margin: 0 auto
    }

    .popup.depositExclusion,.popup.selfExclusion {
        width: 724px;
        padding: 60px 60px 40px
    }

    .cardItemOrigin .popup.depositExclusion .action,.cardItemOrigin .popup.depositExclusion .image,.cardItemOrigin .popup.selfExclusion .action,.cardItemOrigin .popup.selfExclusion .image,.checkLabel .popup.depositExclusion .dot,.checkLabel .popup.selfExclusion .dot,.menuFixedBtn .popup.depositExclusion .ico,.menuFixedBtn .popup.selfExclusion .ico,.popup.depositExclusion .cardItemOrigin .action,.popup.depositExclusion .cardItemOrigin .image,.popup.depositExclusion .checkLabel .dot,.popup.depositExclusion .dFjCaC,.popup.depositExclusion .diiaBtn,.popup.depositExclusion .gameBtnWr,.popup.depositExclusion .loadMore,.popup.depositExclusion .menuFixed,.popup.depositExclusion .menuFixedBtn .ico,.popup.depositExclusion .pagination,.popup.depositExclusion .provItemWr,.popup.depositExclusion .radioLabel .dot,.popup.depositExclusion .scInfoItem,.popup.depositExclusion .searchForm .ico,.popup.depositExclusion .transactionIcon,.popup.depositExclusion .validBlock.previewWr,.popup.depositExclusion .verifCardList li span,.popup.selfExclusion .cardItemOrigin .action,.popup.selfExclusion .cardItemOrigin .image,.popup.selfExclusion .checkLabel .dot,.popup.selfExclusion .dFjCaC,.popup.selfExclusion .diiaBtn,.popup.selfExclusion .gameBtnWr,.popup.selfExclusion .loadMore,.popup.selfExclusion .menuFixed,.popup.selfExclusion .menuFixedBtn .ico,.popup.selfExclusion .pagination,.popup.selfExclusion .provItemWr,.popup.selfExclusion .radioLabel .dot,.popup.selfExclusion .scInfoItem,.popup.selfExclusion .searchForm .ico,.popup.selfExclusion .transactionIcon,.popup.selfExclusion .validBlock.previewWr,.popup.selfExclusion .verifCardList li span,.radioLabel .popup.depositExclusion .dot,.radioLabel .popup.selfExclusion .dot,.searchForm .popup.depositExclusion .ico,.searchForm .popup.selfExclusion .ico,.verifCardList li .popup.depositExclusion span,.verifCardList li .popup.selfExclusion span {
        flex-direction: row
    }

    .popup.depositExclusion .btnBase,.popup.selfExclusion .btnBase {
        margin: 0 6px
    }

    .popup.limit {
        padding: 80px 40px 40px;
        width: 600px
    }

    .popup.limit .btnCloseText {
        top: 30px;
        right: 40px
    }

    .popup.limit.accept {
        padding: 80px 30px 30px
    }

    .popup.cpResult {
        width: 600px
    }

    .popup.cpResult .popupInner {
        padding: 60px 40px 40px;
        min-height: initial
    }

    .popup.cpResult .iconLarge {
        max-width: 300px
    }

    .popup.myBonusVerifPopup,.popup.promoBonus,.popup.verifNeed {
        padding: 80px 40px 40px;
        width: 600px
    }

    .popup.myBonusVerifPopup .btnCloseText {
        right: 36px
    }

    .popup.lottery {
        padding: 60px 30px 30px;
        width: 400px
    }
}

@media (min-width: 1200px) {
    .popup .returnWr {
        width:calc(100% + 300px)
    }

    .popup.infoLink .popupInner .btnBase {
        margin-left: auto
    }

    .popup .btnBase {
        margin-left: 0
    }

    .popupLinksWr {
        text-align: left
    }

    .popupLogo {
        width: 195px;
        margin-bottom: 40px
    }

    .popupTitle {
        max-width: 330px;
        margin-bottom: 28px;
        margin-right: 24px
    }

    .popupTitle,.popupTitle+div {
        display: inline-block;
        vertical-align: middle
    }

    .popupSocial {
        margin: 0 0 28px
    }

    .popup.reg {
        background: radial-gradient(circle at center top,#375017 -20%,transparent 50%),#020202
    }

    .popup.enter {
        background: radial-gradient(circle at center top,#002b82 -20%,transparent 50%),#020202
    }

    .popup.recov {
        background: radial-gradient(circle at center top,#56187b -20%,transparent 50%),#020202
    }

    .popup.withdraw {
        background: radial-gradient(circle at center top,#181750 -20%,transparent 50%),#020202
    }

    .popup.deposit,.popup.withdraw {
        font-size: 14px;
        line-height: 17px
    }

    .popup.deposit .popupFormWr,.popup.withdraw .popupFormWr {
        padding-right: 260px
    }

    .inpFileWr .popup.deposit .popupFormWr .form-control,.inpFileWr .popup.withdraw .popupFormWr .form-control,.inpWr .popup.deposit .popupFormWr .form-control,.inpWr .popup.withdraw .popupFormWr .form-control,.popup.deposit .popupFormWr .inp,.popup.deposit .popupFormWr .inpCodeWr,.popup.deposit .popupFormWr .inpFileWr .form-control,.popup.deposit .popupFormWr .inpRadioWr,.popup.deposit .popupFormWr .inpWr .form-control,.popup.withdraw .popupFormWr .inp,.popup.withdraw .popupFormWr .inpCodeWr,.popup.withdraw .popupFormWr .inpFileWr .form-control,.popup.withdraw .popupFormWr .inpRadioWr,.popup.withdraw .popupFormWr .inpWr .form-control {
        font-size: 20px;
        padding-top: 12px;
        padding-bottom: 11px
    }

    .inpFileWr .popup.deposit .popupFormWr .form-control::placeholder,.inpFileWr .popup.withdraw .popupFormWr .form-control::placeholder,.inpWr .popup.deposit .popupFormWr .form-control::placeholder,.inpWr .popup.withdraw .popupFormWr .form-control::placeholder,.popup.deposit .popupFormWr .inp::placeholder,.popup.deposit .popupFormWr .inpCodeWr::placeholder,.popup.deposit .popupFormWr .inpFileWr .form-control::placeholder,.popup.deposit .popupFormWr .inpRadioWr::placeholder,.popup.deposit .popupFormWr .inpWr .form-control::placeholder,.popup.withdraw .popupFormWr .inp::placeholder,.popup.withdraw .popupFormWr .inpCodeWr::placeholder,.popup.withdraw .popupFormWr .inpFileWr .form-control::placeholder,.popup.withdraw .popupFormWr .inpRadioWr::placeholder,.popup.withdraw .popupFormWr .inpWr .form-control::placeholder {
        color: #1d202b
    }

    .popup.deposit .popupImage,.popup.withdraw .popupImage {
        transform: translateX(106%)
    }

    .popup.deposit .btnBase,.popup.withdraw .btnBase {
        margin-left: 0;
        display: inline-block
    }

    .popup.deposit .returnWr {
        width: 100%
    }

    .popup.deposit,.popup.ref {
        background: radial-gradient(circle farthest-side at 50% -25%,#175045 0,transparent 50%),#0e1018
    }

    .popup.ref .popupFormWr {
        max-width: 915px;
        margin-top: 0;
        padding: 48px 0 0
    }

    .popup.ref .btnCloseText {
        top: 60px;
        right: 0
    }

    .popup.cpResult .popupTitle {
        display: block;
        margin: 0 auto
    }
}

.currencies {
    min-width: 200px
}

.inpCodeWr {
    padding: 0 12px!important
}

.inpCodeWr .inp,.inpCodeWr .inpCodeWr,.inpCodeWr .inpFileWr .form-control,.inpCodeWr .inpRadioWr,.inpCodeWr .inpWr .form-control,.inpFileWr .inpCodeWr .form-control,.inpWr .inpCodeWr .form-control {
    border-color: transparent
}

.inpCodeWr>.btnBase {
    max-width: max-content;
    border-radius: 10px;
    padding: 6px;
    font-size: 12px
}

.popupSwitcher {
    border: 1px solid rgba(50,58,85,.3);
    margin-bottom: 16px
}

.gameSearchWr {
    position: relative;
    margin: 24px 0
}

.gameSearchWr .searchForm {
    top: -12px;
    right: 0;
    font-size: 12px
}

@media (min-width: 992px) {
    .gameSearchWr {
        margin-bottom:36px
    }

    .gameSearchWr .searchForm {
        top: -23px
    }
}

.tourItemInfo .btnBlue {
    margin-left: 0!important
}

.tourItemPrize {
    flex-direction: column-reverse;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 8px
}

.tourItemRate {
    border-top: 1px solid #1d202b;
    display: block;
    padding: 4px 0 6px;
    margin-top: 6px
}

.tourItemTiming {
    position: absolute;
    top: 10px;
    left: 10px
}

.tourItemTiming .timing {
    position: static!important;
    top: 0;
    left: 0
}

.tourItem.finished {
    filter: none!important
}

@media (min-width: 992px) {
    .tourItemPrize {
        flex-direction:column;
        position: static;
        font-size: 12px;
        line-height: normal;
        text-align: left
    }

    .limitInputs .tourItemPrize input,.notifItemBody .tourItemPrize a,.notifItemBody .tourItemPrize button,.refLevels .tourItemPrize .refRow,.titlePromo .tourItemPrize h1,.tourItemPrize .bold,.tourItemPrize .btnBase,.tourItemPrize .btnBlue,.tourItemPrize .cardVerify,.tourItemPrize .gamesAll,.tourItemPrize .happyBoxPrize,.tourItemPrize .jackpotButton,.tourItemPrize .limitInputs input,.tourItemPrize .notifAllBtn,.tourItemPrize .notifCounter,.tourItemPrize .notifItemBody a,.tourItemPrize .notifItemBody button,.tourItemPrize .notifItemHead,.tourItemPrize .pageRadioItemDesc,.tourItemPrize .pageRadioRecomTitle,.tourItemPrize .pageVipGrid1>div,.tourItemPrize .profileTitle,.tourItemPrize .refLevels .refRow,.tourItemPrize .statusName,.tourItemPrize .titleMain,.tourItemPrize .titlePromo h1,.tourItemPrize .transactionStatus,.tourItemPrize .transactionSum,.tourItemPrize .userExit,.tourItemPrize .userRefillBtn {
        font-size: 40px;
        line-height: normal
    }

    .tourItemFlex,.tourItemInfo {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .tourItemInfo .btnBlue {
        width: fit-content;
        margin-left: 60px!important
    }

    .tourItemRate {
        font-size: 14px;
        line-height: normal;
        border: 0;
        padding: 0;
        margin: 0;
        text-align: left
    }

    .tourItemTiming {
        top: 28px;
        left: 40px;
        font-size: 12px
    }
}

.tourFilterWr {
    padding: 4px;
    background-color: #0e1018;
    border-radius: 24px;
    overflow-x: auto;
    margin-bottom: 16px
}

.tourFilterWr .total {
    padding: 0 12px
}

@media screen and (min-width: 992px) {
    .tourFilterWr {
        padding:11px;
        margin-bottom: 24px
    }

    .tourFilterWr .total {
        padding: 0 24px
    }
}

.tourSort {
    margin-right: 8px;
    background: rgba(255,255,255,.05);
    border-radius: 40px;
    padding: 12px 28px;
    font-size: 12px
}

.tourSort.ac {
    background: rgba(255,255,255,.1)
}

.tourSort.all .ico {
    margin-right: 10px;
    width: 16px;
    height: 16px
}

.tourSort:hover {
    opacity: .7
}

@media screen and (min-width: 992px) {
    .tourSort.all {
        margin-right:36px
    }
}

.tourLeadersTitle {
    padding: 0 10px
}

.tourLeadersTitle div:first-child,.tourWinnerItem span:first-child {
    width: 20%
}

.tourLeadersTitle div:nth-child(2) {
    width: 60%
}

.tourLeadersTitle div:last-child {
    width: 20%;
    text-align: right
}

.tourWinnerItem {
    padding: 10px;
    border-bottom: 1px solid #1d202b
}

.tourWinnerItem span:nth-child(2) {
    width: 60%;
    display: flex;
    align-items: center
}

.tourWinnerItem span:nth-child(2) .statusLabel {
    margin-left: 6px
}

.tourWinnerItem span:last-child {
    width: 20%;
    text-align: right
}

.tourWinnerItem.current {
    border-radius: 8px;
    border: 1px solid #01d2d1;
    background: rgba(56,48,164,.3)
}

@media (min-width: 992px) {
    .tourDesc {
        font-size:14px;
        line-height: 21px
    }
}

.lotBanner {
    padding: 0;
    margin-bottom: 0
}

.lotInfo {
    margin-right: 30px
}

.lotInfo span:first-child {
    display: block
}

.lotInfo:last-child {
    margin-right: 0
}

.lotDesc ol,.lotDesc ul {
    list-style-position: outside;
    padding-left: 24px
}

@media (min-width: 992px) {
    .lotDesc {
        font-size:15px;
        line-height: 22px
    }
}

.lotTime {
    background-color: rgba(56,48,164,.1);
    padding-top: 6px;
    padding-bottom: 5px
}

.lotResultItem>div span,.lotTime span {
    display: block
}

.lotPrize {
    padding-left: 16px
}

.lotResultWr {
    margin: 0 -8px 36px;
    flex-wrap: wrap
}

.lotResultItem {
    margin: 0 8px 16px;
    background: url(/images/lottery/lotBgOther.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    width: calc(50% - 16px);
    max-width: 170px
}

.lotResultItem .userIco {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    margin: 17px auto 14px
}

.lotResultItem>div {
    flex-direction: column;
    background: rgba(7,7,7,.8);
    border-radius: 12px;
    padding: 3px 3px 2px;
    background-clip: content-box
}

.lotResultItem>div .name {
    margin: 5px 0 4px
}

.lotResultItem>div .desc {
    margin-bottom: 3px
}

.lotResultItem>div .prize {
    margin: 3px 0 8px
}

.lotResultItem.gold {
    background-image: url(/images/lottery/lotBgGold.jpg)
}

.lotResultItem.silver {
    background-image: url(/images/lottery/lotBgSilver.jpg)
}

.lotResultItem.bronze {
    background-image: url(/images/lottery/lotBgBronze.jpg)
}

@media (min-width: 992px) {
    .lotWr .btnBase,.lotWr .btnBlue {
        max-width:300px;
        margin-left: 0;
        padding: 16px
    }

    .lotBanner {
        border-radius: 24px;
        overflow: hidden;
        margin-bottom: 16px
    }

    .lotInfo span:first-child {
        font-size: 24px;
        line-height: normal
    }

    .bonusProgressItem .lotPrize a,.limitInputs>div .lotInfo span,.lotInfo .limitInputs>div span,.lotInfo .messageItem.old span.messageItemTitle,.lotInfo .tableScroller span.summary,.lotInfo .tourWinnerItem span:first-child,.lotInfo span.cg,.lotInfo span.menuFixedBtn,.lotInfo span.myBonusDesc,.lotInfo span.profileSetTitle,.lotInfo span.wdwResults,.lotPrize .bonusProgressItem a,.lotPrize .cblue,.lotPrize .popup a,.lotPrize .profileTitle a,.lotPrize .refLevel,.lotPrize .tourWinnerItem.current span:first-child,.messageItem.old .lotInfo span.messageItemTitle,.popup .lotPrize a,.profileTitle .lotPrize a,.tableScroller .lotInfo span.summary,.tourWinnerItem .lotInfo span:first-child,.tourWinnerItem.current .lotPrize span:first-child {
        font-size: 12px;
        line-height: normal
    }

    .lotGrid {
        margin: 30px 0 40px
    }

    .lotPrize div {
        font-size: 14px;
        line-height: normal;
        margin-top: 2px
    }

    .lotPrize:last-child {
        margin-bottom: 0
    }

    .lotPrizes {
        background: rgba(0,0,0,.1);
        padding: 30px 30px 10px;
        border-radius: 24px
    }

    .lotPrizes>div {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 40px
    }

    .lotTime {
        float: right;
        text-align: right;
        background: 0 0;
        padding: 0;
        width: auto
    }

    .lotTime span {
        font-size: 12px;
        line-height: 14px;
        vertical-align: top;
        color: #fff
    }

    .lotTime div {
        font-size: 16px;
        line-height: normal
    }

    .lotResultWr {
        margin: 0 -16px
    }

    .lotResultItem {
        margin: 0 16px 24px;
        border-radius: 23px;
        min-width: 240px;
        max-width: 274px;
        width: calc(20% - 32px)
    }

    .lotResultItem .userIco {
        width: 98px;
        height: 98px;
        border-radius: 49px;
        margin: 30px auto 10px
    }

    .lotResultItem>div {
        padding: 3px;
        border-radius: 20px
    }

    .lotResultItem>div .name {
        font-size: 16px;
        line-height: 19px;
        margin: 5px 0 6px
    }

    .lotResultItem>div .desc {
        font-size: 12px;
        line-height: 14px
    }

    .lotResultItem>div .place {
        font-size: 32px;
        line-height: 38px
    }

    .lotResultItem>div .prize {
        font-size: 16px;
        line-height: 19px;
        margin: 5px 0 7px
    }
}

.contactChatWr,.contactWr {
    background: rgba(14,16,24,.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 24px
}

.contactChatWr a,.contactChatWr a:visited,.contactWr a,.contactWr a:visited {
    color: #fff
}

.contactWr {
    font-size: 16px;
    line-height: 25px;
    padding: 24px 24px 36px
}

.contactItem {
    max-width: 270px;
    margin: 0 auto 35px;
    flex-direction: column
}

.contactItem img {
    margin-bottom: 18px;
    width: 56px;
    min-width: 56px
}

.contactChatWr {
    margin-top: 36px;
    font-size: 12px;
    padding: 24px 40px 18px
}

.contactChatWr .chatTitle {
    padding-bottom: 16px
}

.contactChat {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 8px;
    text-decoration: none!important;
    padding: 12px 20px 12px 60px;
    background: url(/images/icon/chat.svg) no-repeat left 15px center/30px;
    margin-top: 10px;
    transition: border .8s ease
}

.contactChat:hover {
    border-color: transparent
}

.contactMap {
    position: relative;
    padding-bottom: 56.25%;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px
}

.contactMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 24px
}

@media (min-width: 992px) {
    .contactChatWr,.contactWr {
        width:100%
    }

    .contactWr {
        padding: 40px 36px;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .contactItem {
        flex-direction: row;
        margin: 20px 55px 15px 0;
        display: inline-flex;
        text-align: left
    }

    .contactItem img {
        margin: 0 18px 0 0
    }

    .contactChatWr {
        margin: 36px 0;
        padding: 28px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        font-size: 14px
    }

    .contactChatWr .chatTitle {
        font-size: 24px;
        padding-bottom: 0
    }

    .contactChatWr p {
        padding-bottom: 0
    }

    .contactChatWr.faq {
        margin-top: 26px
    }

    .contactChat {
        margin-top: 0
    }

    .contactMap {
        width: 582px;
        min-width: 582px;
        height: 361px;
        padding: 0;
        margin: 0
    }
}

.lang {
    position: relative;
    display: inline-block;
    background: #1d202b;
    border-radius: 8px;
    min-width: 48px
}

.lang a,.lang a:visited {
    text-decoration: none
}

.langHeading,.langList {
    padding: 12px
}

.langHeading .ico {
    width: 12px;
    margin-left: 16px
}

.langList {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    border-radius: 0 0 8px 8px;
    background: #1d202b
}

.jpBannerInfo span,.jpItemTop span,.langList span {
    display: block
}

.lang.ac {
    border-radius: 8px 8px 0 0
}

.lang.ac .langList {
    opacity: 1;
    visibility: visible
}

.lang.ac .langHeading .ico {
    transform: rotate(-180deg)
}

.errorPage {
    background: #0e1018;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 100px 20px 60px;
    z-index: 1
}

.errorPage .btnBase {
    width: 290px
}

.errorLogo img {
    max-width: 100%
}

.errorImg {
    z-index: -1;
    height: 100%
}

.errorText2 {
    margin-bottom: 36px
}

.errorText3 {
    font-size: 96px;
    line-height: 116px;
    margin-top: 70px
}

@media (min-width: 1200px) {
    .errorPage {
        justify-content:center;
        padding: 20px 20px 100px
    }

    .errorIconD {
        padding-right: 44px
    }

    .errorText {
        display: flex;
        align-items: center;
        text-align: left;
        max-width: 785px;
        margin: 40px 0
    }

    .errorText #errors-footer,.errorText .alert,.errorText .bonusItemSmall,.errorText .btnGrey,.errorText .btnOrange,.errorText .center,.errorText .contactChatWr,.errorText .cookie-popup,.errorText .depositFailText,.errorText .error.content-error,.errorText .happyBoxWin,.errorText .jpBannerInfo,.errorText .popup-bonus,.errorText .popup-bonus .pTitle,.errorText .popupLinksWr,.errorText .tableScroller .empty,.popup-bonus .errorText .pTitle,.tableScroller .errorText .empty {
        text-align: left;
        position: relative;
        padding-left: 32px
    }

    .errorText #errors-footer::before,.errorText .alert::before,.errorText .bonusItemSmall::before,.errorText .btnGrey::before,.errorText .btnOrange::before,.errorText .center::before,.errorText .contactChatWr::before,.errorText .cookie-popup::before,.errorText .depositFailText::before,.errorText .error.content-error::before,.errorText .happyBoxWin::before,.errorText .jpBannerInfo::before,.errorText .popup-bonus .pTitle::before,.errorText .popup-bonus::before,.errorText .popupLinksWr::before,.errorText .tableScroller .empty::before,.popup-bonus .errorText .pTitle::before,.tableScroller .errorText .empty::before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #99a3c7
    }

    .errorText1 {
        font-size: 16px;
        line-height: 20px
    }

    .errorText2 {
        font-size: 24px;
        line-height: 29px;
        margin: 0
    }

    .errorText3 {
        font-size: 128px;
        line-height: 128px;
        margin: 0
    }
}

.pagination {
    flex-wrap: wrap;
    padding: 15px 0 5px
}

.pagination li {
    list-style: none;
    border-right: 1px solid #323a55;
    overflow: hidden
}

.pagination li:first-child {
    border-radius: 8px 0 0 8px
}

.pagination li:last-child {
    border-right: none;
    border-radius: 0 8px 8px 0
}

.pagination li>span,.pagination>li>a {
    display: inline-block;
    padding: 11px 8px;
    min-width: 36px;
    text-align: center;
    text-decoration: none;
    color: #99a3c7
}

@media (min-width: 768px) {
    .pagination {
        justify-content:flex-start
    }
}

.pagination>li>a,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span,.pagination>li>span:focus,.pagination>li>span:hover {
    background-color: #141722
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background-color: #1d202b;
    color: #fff
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    cursor: not-allowed
}

.provList {
    flex-wrap: wrap
}

.provList li {
    width: 50%;
    padding: 4px 8px
}

.provListCat img {
    width: 24px;
    height: auto;
    margin-bottom: 6px
}

.provListCatWr {
    overflow: hidden;
    justify-content: space-evenly
}

.provListCatWr .provListCat {
    font-size: 12px;
    width: auto
}

.provListCatWr .provListCat:nth-child(6n)~.provListCat {
    display: none
}

.provListCatWr .provListCatName {
    display: block;
    font-size: .9em;
    padding: 0 2px
}

.provItemWr {
    margin: 0 0 12px;
    background-color: rgba(20,23,34,.95);
    border-radius: 27px;
    overflow: hidden;
    padding: 27px 32px;
    aspect-ratio: 1/1
}

.provItemWr img {
    display: inline-block;
    border-radius: 12px
}

.post:hover .postImg img,.provItemWr:hover img {
    transform: scale(1.05)
}

.provGrid {
    flex-wrap: wrap
}

.provGrid>div {
    width: calc(50% - 6px)
}

@media (min-width: 768px) {
    .provGrid>div {
        width:calc(33.33% - 8px)
    }
}

@media (min-width: 992px) {
    .provGrid>div {
        width:calc(25% - 10px)
    }

    .provItemWr img {
        border-radius: 24px
    }
}

@media (min-width: 1400px) {
    .provGrid>div {
        width:calc(20% - 12px)
    }
}

.jpBanner {
    position: relative;
    margin-bottom: 105px
}

.jpBanner .jpImg {
    border-radius: 24px;
    overflow: hidden;
    vertical-align: top
}

.jpBannerInfo {
    position: absolute;
    width: calc(100% + 20px);
    left: -10px;
    right: -10px;
    bottom: -80px;
    background: rgba(14,16,24,.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    padding: 24px;
    border-radius: 0 0 24px 24px;
    font-size: 16px
}

.block .jpBannerInfo h1,.block .jpBannerInfo h2,.block .jpBannerInfo h3,.block .jpBannerInfo h4,.dark .jpBannerInfo h1,.dark .jpBannerInfo h2,.dark .jpBannerInfo h3,.dark .jpBannerInfo h4,.detWr .jpBannerInfo .detBlock,.gameInfo .jpBannerInfo .gameLink,.gamePageInfoTitle .jpBannerInfo span,.jpBannerInfo .block h1,.jpBannerInfo .block h2,.jpBannerInfo .block h3,.jpBannerInfo .block h4,.jpBannerInfo .bonusItemDesc,.jpBannerInfo .btnBase,.jpBannerInfo .btnBasePurple,.jpBannerInfo .btnBlue,.jpBannerInfo .btnCloseText,.jpBannerInfo .btnGreen,.jpBannerInfo .btnGrey,.jpBannerInfo .btnOrange,.jpBannerInfo .cookie-accept,.jpBannerInfo .dark h1,.jpBannerInfo .dark h2,.jpBannerInfo .dark h3,.jpBannerInfo .dark h4,.jpBannerInfo .detWr .detBlock,.jpBannerInfo .gameInfo .gameLink,.jpBannerInfo .gamePageInfoTitle span,.jpBannerInfo .gamesAll,.jpBannerInfo .h2Up,.jpBannerInfo .inpRadioWr,.jpBannerInfo .lang,.jpBannerInfo .notifItemBody a,.jpBannerInfo .notifItemBody button,.jpBannerInfo .notifItemHead,.jpBannerInfo .pageRadioItemDesc,.jpBannerInfo .pageRadioItemProfit,.jpBannerInfo .pageRadioRecomTitle,.jpBannerInfo .pageVipGrid1>div span,.jpBannerInfo .pageVipRecTitle,.jpBannerInfo .providersWr .selectWr select,.jpBannerInfo .secondaryWr h1,.jpBannerInfo .secondaryWr h2,.jpBannerInfo .secondaryWr h3,.jpBannerInfo .secondaryWr h4,.jpBannerInfo .secondaryWr h5,.jpBannerInfo .secondaryWr h6,.jpBannerInfo .textWr h1,.jpBannerInfo .textWr h2,.jpBannerInfo .textWr h3,.jpBannerInfo .textWr h4,.jpBannerInfo .textWr h5,.jpBannerInfo .textWr h6,.jpBannerInfo .tourSort,.jpBannerInfo .transactionStatus,.jpBannerInfo .upper,.jpBannerInfo .userWalletsInfo .depVerif,.notifItemBody .jpBannerInfo a,.notifItemBody .jpBannerInfo button,.pageVipGrid1>div .jpBannerInfo span,.providersWr .selectWr .jpBannerInfo select,.secondaryWr .jpBannerInfo h1,.secondaryWr .jpBannerInfo h2,.secondaryWr .jpBannerInfo h3,.secondaryWr .jpBannerInfo h4,.secondaryWr .jpBannerInfo h5,.secondaryWr .jpBannerInfo h6,.textWr .jpBannerInfo h1,.textWr .jpBannerInfo h2,.textWr .jpBannerInfo h3,.textWr .jpBannerInfo h4,.textWr .jpBannerInfo h5,.textWr .jpBannerInfo h6,.userWalletsInfo .jpBannerInfo .depVerif {
    color: #acacbc
}

.jpBannerInfo .sum {
    font-size: 40px;
    line-height: 48px
}

@media (min-width: 992px) {
    .jpBannerInfo {
        right:initial;
        left: 50%;
        transform: translateX(-50%);
        background: url(/images/jackpot/jpBlockBg.png) no-repeat center/100% 100%;
        width: 600px;
        margin: 24px auto;
        backdrop-filter: none;
        border-radius: 0
    }
}

@media (min-width: 768px) {
    .jpWr {
        display:grid;
        grid-column-gap: 18px;
        grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
    }
}

.jpLevel1 {
    background: url(/images/jackpot/diamond.jpg) no-repeat right top/cover,#161422
}

.jpLevel2 {
    background: url(/images/jackpot/gold.jpg) no-repeat right top/cover,#161422
}

.jpLevel3 {
    background: url(/images/jackpot/silver.jpg) no-repeat right top/cover,#161422
}

.jpLevel4 {
    background: url(/images/jackpot/red.jpg) no-repeat right top/cover,#161422
}

.jpItem {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 24px;
    background: rgba(21,21,28,.8)
}

.jpItemTop {
    padding: 35px 24px
}

.jpItemTop span:last-child {
    max-width: 50%
}

.jpItemTop .sum {
    font-size: 28px;
    line-height: 34px
}

.jpItemTitle {
    margin: 11px 0
}

.jpItemBody {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    padding: 12px 24px
}

.jpItemBody .jpItemWinner {
    border-bottom: 1px solid #1d202b;
    padding: 12px 0;
    font-size: 16px
}

.jpItemBody .jpItemWinner>div .cg,.jpItemBody .jpItemWinner>div .gameSettingsTable>div,.jpItemBody .jpItemWinner>div .limitInputs>div span,.jpItemBody .jpItemWinner>div .menuFixedBtn,.jpItemBody .jpItemWinner>div .messageItem.old .messageItemTitle,.jpItemBody .jpItemWinner>div .myBonusDesc,.jpItemBody .jpItemWinner>div .profileSetTitle,.jpItemBody .jpItemWinner>div .tableScroller .summary,.jpItemBody .jpItemWinner>div .tourWinnerItem span:first-child,.jpItemBody .jpItemWinner>div .wdwResults,.jpItemBody .jpItemWinner>div .wdwResults ol li,.limitInputs>div .jpItemBody .jpItemWinner>div span,.messageItem.old .jpItemBody .jpItemWinner>div .messageItemTitle,.tableScroller .jpItemBody .jpItemWinner>div .summary,.tourWinnerItem .jpItemBody .jpItemWinner>div span:first-child,.wdwResults ol .jpItemBody .jpItemWinner>div li {
    font-size: 12px;
    display: block;
    margin: 4px 0 0 30px
}

.jpItemBody .jpItemWinner img {
    width: 18px;
    margin-right: 12px
}

.jackpot {
    color: #ffc671;
    padding: 8px 0;
    margin: auto 0
}

.jackpotSum {
    padding: 10px 20px 30px;
    border-radius: 12px;
    margin-top: 10px;
    background: url(/images/jackpot/bgG.png) no-repeat top center/contain
}

.jackpotSum span {
    display: block;
    line-height: normal
}

.jackpotSum span:first-child {
    font-size: 24px
}

.jackpotSum span:last-child {
    font-size: 10px;
    letter-spacing: 2px
}

.jackpotButton {
    display: block;
    border-radius: 8px;
    border: 1px solid #01d2d1;
    background: linear-gradient(90deg,#2c665c 0,#121216 100%);
    color: #fff;
    padding: 12px;
    position: relative;
    margin-bottom: 10px
}

.jackpotButton:visited {
    color: #fff
}

.jackpotButton .ico {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 9px
}

.jackpotButton:hover {
    border-color: #99a3c7;
    filter: brightness(.9)
}

.jackpotTitle>span {
    font-size: 10px;
    line-height: normal;
    display: block
}

.jackpotTitleLink {
    color: #99a3c7!important;
    text-transform: initial;
    font-weight: 700
}

.jackpotPriceWr {
    border-radius: 12px;
    background-color: #161422;
    padding: 17px 8px 9px;
    min-width: 244px
}

@media (min-width: 1400px) {
    .jackpotWr {
        width:calc(50% - 12px);
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 12px
    }

    .jackpotWr .jackpotFlex {
        display: flex;
        gap: 12px
    }

    .jackpotWr .jackpotLeft {
        min-width: 225px
    }
}

.jackpotSlide {
    overflow-x: auto;
    display: flex;
    gap: 8px
}

.jackpotDesc {
    display: block;
    margin-top: 35px;
    max-width: 140px
}

@media (min-width: 768px) {
    .jackpotPriceWr {
        width:100%
    }
}

@media (min-width: 1400px) {
    .jackpotSum {
        padding:10px 0;
        background: 0 0
    }

    .jackpotSum span {
        text-align: left
    }

    .jackpotDesc {
        margin-top: 9px
    }

    .jackpotButton {
        margin: 0
    }

    .jackpotTitle {
        margin-bottom: 12px
    }

    .jackpotPriceWr {
        padding-bottom: 15px
    }

    .jackpotSlide {
        padding-bottom: 6px
    }

    .jackpotSlide::-webkit-scrollbar {
        background: 0 0;
        height: 6px
    }

    .jackpotSlide::-webkit-scrollbar-thumb {
        background: #393e50;
        border-radius: 6px;
        height: 6px
    }
}

.jpSearchWr {
    position: relative;
    margin: 24px 0
}

.jpSearchWr .searchForm {
    top: -8px;
    right: 0;
    font-size: 12px
}

@media (min-width: 768px) {
    .jpSearchWr {
        margin:0
    }

    .jpSearchWr .searchForm {
        top: 24px
    }
}

@media (min-width: 992px) {
    .jpSearchWr {
        margin-bottom:36px
    }

    .jpSearchWr .searchForm {
        top: 12px
    }
}

.winPage {
    background: url(/images/jackpot/winBg.png) no-repeat right 45% top 24%,linear-gradient(-145deg,#185017 0,transparent 50%),#0e1018;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 80px 24px 20px;
    z-index: 1;
    overflow: hidden
}

.winPage .btnBase {
    width: 228px;
    margin: 0 auto
}

.winPage p {
    padding: 0!important
}

.winTitle {
    font-size: 48px;
    line-height: 58px;
    display: block
}

.winSum {
    font-size: 40px;
    line-height: 48px
}

.winJp {
    background: rgba(14,16,24,.6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    padding: 23px;
    margin-top: 27px;
    width: calc(100% + 48px);
    margin-left: -24px
}

@media (min-width: 768px) {
    .winPage {
        background:url(/images/jackpot/winBg.png) no-repeat center bottom/contain,#0e1018
    }
}

@media (min-width: 1200px) {
    .winPage {
        overflow-y:auto;
        padding-top: 230px;
        background: url(/images/jackpot/winBg.png) no-repeat center top/contain,radial-gradient(circle at center top,#185017 -20%,transparent 50%),#0e1018
    }

    .winJp {
        background: url(/images/jackpot/jpBlockBg.png) no-repeat center/100% 100%;
        width: 600px;
        margin: 24px auto;
        backdrop-filter: none
    }
}

.post {
    display: block;
    margin: 12px 0;
    border-radius: 24px;
    overflow: hidden;
    background: rgba(20,23,34,.95)
}

.post,.post:visited {
    color: #fff
}

.postImg {
    height: 230px
}

.postImg img {
    min-width: 100%;
    height: 100%;
    vertical-align: top
}

.postImgWr img {
    border-radius: 12px;
    margin-bottom: 10px
}

.postTitle {
    padding: 18px 18px 25px 38px;
    position: relative
}

.faqQuestion .heading:before,.postTitle:before {
    content: url(/images/icon/postIco.svg);
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 20px
}

.postLatestWr {
    margin-top: 50px
}

.postGrid .summary {
    display: none
}

.postGrid ul.pagination {
    width: 100%!important
}

.postSm {
    width: 100%;
    background-color: #151822;
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 12px
}

.postSm,.postSm:visited {
    color: #fff
}

.postSm img {
    width: 72px;
    min-width: 72px;
    height: 72px;
    margin-right: 15px;
    object-fit: cover;
    border-radius: 8px
}

.pageVip h1,.postSm p {
    padding: 0
}

@media (min-width: 768px) {
    .post {
        margin:0 6px 12px
    }

    .postGrid {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .postGrid>* {
        width: 50%
    }

    .postGrid ul.pagination {
        justify-content: flex-start
    }
}

@media (min-width: 992px) {
    .post_index {
        display:flex;
        justify-content: space-between
    }

    .postWr,.post_index .secondaryWr {
        width: 66%
    }

    .postLatestWr {
        margin-top: 0;
        padding-left: 15px;
        width: 33%
    }
}

@media (min-width: 1400px) {
    .postGrid>* {
        width:33.33%
    }

    .postWr,.post_index .secondaryWr {
        width: 100%
    }

    .postLatestWr {
        width: 310px;
        min-width: 310px;
        padding-left: 24px
    }
}

.actionItem,.lotItem,.tourItem {
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(to top,#151822,rgba(21,24,34,0));
    margin-bottom: 12px;
    border: 1px solid #173653;
    position: relative
}

.actionItem .timing,.lotItem .timing,.tourItem .timing {
    position: absolute;
    top: 10px;
    left: 10px
}

.actionItem.finished,.lotItem.finished,.tourItem.finished {
    filter: opacity(.4)
}

.actionItemImg,.lotItemImg,.tourItemImg {
    position: relative;
    min-height: 140px;
    aspect-ratio: 350/138;
    overflow: hidden
}

.actionItemImg img,.lotItemImg img,.tourItemImg img {
    min-width: 100%;
    height: 100%;
    object-fit: cover
}

.actionItemInfo,.lotItemInfo,.tourItemInfo {
    padding: 8px 10px;
    border-top: 1px solid #173653;
    background: rgba(14,16,24,.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px)
}

.actionItemInfoName,.lotItemInfoName,.tourItemInfoName {
    display: block;
    color: #fff
}

.actionItemInfoName:visited,.lotItemInfoName:visited,.tableLottery th a:hover,.tourItemInfoName:visited {
    color: #fff
}

.actionItemInfoDate,.lotItemInfoDate,.tourItemInfoDate {
    display: block
}

.actionItemInfo .btnBlue,.lotItemInfo .btnBlue {
    margin-left: 12px
}

.tourItemInfo .btnBlue {
}

.actionItem:hover .actionItemImg img,.actionItem:hover .lotItemImg img,.actionItem:hover .tourItemImg img,.lotItem:hover .actionItemImg img,.lotItem:hover .lotItemImg img,.lotItem:hover .tourItemImg img,.tourItem:hover .actionItemImg img,.tourItem:hover .lotItemImg img,.tourItem:hover .tourItemImg img {
    transform: scale(1.01)
}

@media (min-width: 992px) {
    .actionItem,.lotItem,.tourItem {
        margin-bottom:16px;
        border: 0
    }

    .actionItemInfo,.lotItemInfo,.tourItemInfo {
        border: 0;
        background: 0 0;
        backdrop-filter: none;
        align-items: flex-end;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 28px 40px
    }

    .actionItemInfoName,.lotItemInfoName,.tourItemInfoName {
        font-size: 40px;
        line-height: normal
    }

    .actionItemInfoDate,.lotItemInfoDate,.tourItemInfoDate {
        font-size: 14px;
        line-height: normal
    }

    .actionItemInfo .btnBlue,.lotItemInfo .btnBlue,.tourItemInfo .btnBlue {
        font-size: 14px;
        line-height: normal;
        padding: 16px 28px 15px
    }

    .actionItemImg,.lotItemImg,.tourItemImg {
        aspect-ratio: 150/29;
        z-index: -1;
        height: 290px
    }

    .actionItem .timing,.lotItem .timing,.tourItem .timing {
        top: 28px;
        left: 40px
    }
}

.grid3 .summary {
    display: none
}

.grid3>div,.pageVipRec ul li {
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .grid3 {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .grid3>div {
        width: calc(50% - 6px)
    }

    .grid3>div:nth-child(even) {
        margin-right: 12px
    }
}

@media (min-width: 1400px) {
    .grid3>div {
        width:calc(33.33% - 18px);
        margin-right: 12px
    }

    .grid3>div:nth-child(3n+1) {
        margin-right: 0
    }
}

.faqItem {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #0e1018;
    border-radius: 24px;
    overflow: hidden;
    padding: 36px 26px;
    position: relative;
    z-index: 0;
    height: 100%;
    min-height: 250px
}

.faqItemImg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%
}

.faqItemTitle {
    display: block;
    margin-bottom: 22px
}

.faqItemLink {
    display: block;
    margin-top: 43px;
    text-underline-offset: 2px
}

.faqItem:hover .faqItemImg {
    transform: scale(1.05)
}

.faqQuestion {
    background: #0e1018;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 4px
}

.faqQuestion .heading {
    position: relative;
    padding: 14px 66px 14px 48px
}

.faqQuestion .heading:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
    top: 22px;
    left: 35px
}

.faqQuestion .heading .ico {
    position: absolute;
    right: 20px;
    top: 20px
}

.faqQuestion .body {
    position: relative;
    display: none;
    background-color: #141722;
    border-radius: 12px;
    padding: 18px 24px 18px 60px
}

.faqQuestion .body:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 70%;
    background-color: #3830a4;
    position: absolute;
    top: 15%;
    left: 50px
}

.faqQuestion.ac .heading .ico {
    transform: rotate(180deg)
}

.faqQuestion.ac .body {
    display: block
}

@media (min-width: 768px) {
    .faqItem {
        padding:40px 40px 24px
    }

    .faqItemTitle {
        font-size: 32px;
        line-height: 38px
    }

    .faqQuestion {
        font-size: 16px;
        line-height: 19px
    }

    .faqQuestion .heading {
        padding: 20px 66px 20px 48px
    }

    .faqQuestion .heading:before {
        content: "";
        top: 27px
    }

    .faqQuestion .heading .ico {
        right: 27px;
        top: 27px
    }
}

.myBonus {
    width: 288px;
    min-width: 288px;
    margin-right: 8px;
    padding: 128px 16px 10px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #1d202b;
    background: rgba(20,23,34,.7);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.myBonus:last-child {
    margin-right: 0
}

.myBonus.dis {
    opacity: .6;
    pointer-events: none
}

.myBonusSwitcher {
    border: 1px solid #323a55;
    background: rgba(20,23,34,.3)
}

.myBonusWr {
    align-items: stretch;
    justify-content: flex-start;
    overflow-x: auto
}

.myBonusArchive .myBonus {
    margin-right: 0;
    margin-bottom: 8px;
    padding-bottom: 14px
}

.myBonusArchive .myBonus .myBonusTiming {
    gap: 10px
}

.myBonusImg {
    height: 114px;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0
}

.myBonusInfo,.myBonusInfoPopup {
    border-radius: 4px;
    border: 1px solid #1d202b;
    background: #0e1018;
    padding: 6px 10px;
    position: absolute;
    top: 15px;
    left: 13px
}

.myBonusInfoPopup {
    visibility: hidden;
    opacity: 0;
    height: 0;
    top: 34px;
    left: 0;
    width: max-content;
    max-width: 280px;
    padding: 10px 14px;
    color: #fff
}

.myBonusInfo.ac,.myBonusInfo:hover {
    color: #3830a4
}

.myBonusInfo.ac .myBonusInfoPopup {
    visibility: visible;
    opacity: 1;
    height: initial
}

.myBonusBottom {
    margin-top: 8px
}

.myBonusBottom .btnBase {
    padding: 5px 28px;
    margin: 0 8px 0 0
}

.myBonusBottom a,.myBonusBottom a:visited {
    text-decoration: none;
    color: #fff
}

.myBonusDesc {
    min-height: 12px
}

.myBonusDesc,.myBonusTitle {
    display: block
}

.myBonusSum {
    width: 25%;
    font-size: 14px;
    margin: 12px 0;
    padding-right: 5px
}

.limitInputs>div .myBonusSum span,.messageItem.old .myBonusSum .messageItemTitle,.myBonusSum .cg,.myBonusSum .gameSettingsTable>div,.myBonusSum .limitInputs>div span,.myBonusSum .menuFixedBtn,.myBonusSum .messageItem.old .messageItemTitle,.myBonusSum .myBonusDesc,.myBonusSum .profileSetTitle,.myBonusSum .tableScroller .summary,.myBonusSum .tourWinnerItem span:first-child,.myBonusSum .wdwResults,.myBonusSum .wdwResults ol li,.tableScroller .myBonusSum .summary,.tourWinnerItem .myBonusSum span:first-child,.wdwResults ol .myBonusSum li {
    font-size: 12px;
    display: block;
    margin-bottom: 3px
}

.myBonusSum>* {
    margin-right: 18px
}

.myBonusWithdraw {
    color: #ffc671!important;
    text-underline-offset: 2px
}

.myBonusGift .text,.myBonusRange .text {
    display: block;
    margin-bottom: 9px
}

.myBonusRange .rangeLine {
    position: relative;
    width: 100%;
    height: 20px;
    background-color: #1d202b;
    border-radius: 4px
}

.myBonusRange .rangeLine .rangeProgress {
    height: 20px;
    border-radius: 4px;
    background: linear-gradient(90deg,#261a70 0,#5337ff 100%);
    box-shadow: 0 4px 4px 0 rgba(64,43,193,.25)
}

.myBonusRange .rangeLine .desc {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 4px
}

.myBonusTiming {
    gap: 5px
}

.myBonusTiming .seconds {
    min-width: 12px
}

.myBonusTiming .myBonusTime .seconds {
    min-width: 12px;
    display: inline-block
}

.myBonusGift {
    margin-top: 12px
}

.myBonusGift .ico {
    aspect-ratio: 1/1;
    min-width: 24px;
    margin-right: 10px
}

.myBonusGift.dis {
    color: #acacbc
}

.myBonusGift.dis .ico {
    opacity: .3
}

@media (min-width: 768px) {
    .myBonusArchive {
        display:flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    .myBonusArchive .myBonus {
        margin: 0 12px 12px 0;
        width: 312px
    }
}

@media (min-width: 992px) {
    .myBonus {
        margin:0 12px 12px 0;
        width: 312px
    }

    .myBonusWr {
        flex-wrap: wrap
    }

    .myBonusSum {
        font-size: 16px
    }

    .limitInputs>div .myBonusSum span,.messageItem.old .myBonusSum .messageItemTitle,.myBonusSum .cg,.myBonusSum .gameSettingsTable>div,.myBonusSum .limitInputs>div span,.myBonusSum .menuFixedBtn,.myBonusSum .messageItem.old .messageItemTitle,.myBonusSum .myBonusDesc,.myBonusSum .profileSetTitle,.myBonusSum .tableScroller .summary,.myBonusSum .tourWinnerItem span:first-child,.myBonusSum .wdwResults,.myBonusSum .wdwResults ol li,.tableScroller .myBonusSum .summary,.tourWinnerItem .myBonusSum span:first-child,.wdwResults ol .myBonusSum li {
        font-size: 14px
    }
}

@media (min-width: 1400px) {
    .myBonus,.myBonusArchive .myBonus {
        width:328px
    }
}

@media (min-width: 1560px) {
    .myBonus,.myBonusArchive .myBonus {
        width:363px
    }
}

.refBorder {
    border: solid #1d202b;
    border-width: 1px 0;
    padding: 7px 20px;
    margin: 20px -10px;
    width: calc(100% + 20px)
}

.refBorder>div {
    width: 50%;
    padding-right: 10px
}

.refLinkWr {
    border-radius: 12px;
    background: rgba(14,16,24,.3);
    padding: 14px 22px 17px
}

.refLinkInfo>span {
    display: block;
    max-width: 300px;
    margin: 0 auto
}

.refCopyWr {
    background: rgba(2,2,2,.2);
    position: relative
}

.refCopyWr .ico {
    position: absolute;
    right: 11px;
    top: 14px;
    width: 16px;
    height: 16px
}

.refCopyWr,.refCopyWr .resultCopyJs {
    border-radius: 8px;
    padding: 11px 40px 14px 16px
}

.refCopyWr .resultCopyJs {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(121,195,46,.8)
}

.refBalance>span,.refCopyWr .resultCopyJs.ac {
    display: block
}

.refBalance {
    padding-bottom: 26px
}

.refBalance>span:first-child {
    margin-bottom: 4px
}

.refBalance+.btnBase {
    font-size: 10px;
    line-height: 15px;
    padding: 4px 20px 2px;
    min-width: 120px
}

.refBalance+.btnBase:hover {
    text-decoration: none
}

.refTitleSm,.refTitleXs {
    display: block;
    font-size: 10px;
    line-height: 22px
}

.refTitleXs {
    font-size: 8px
}

.refLevel {
    padding-left: 26px;
    position: relative
}

.refLevel:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0
}

.refLevel.level1:before {
    background: url(/images/icon/referrer/1.png) no-repeat left center/contain
}

.refLevel.level2:before {
    background: url(/images/icon/referrer/2.png) no-repeat left center/contain
}

.refLevel.level3:before {
    background: url(/images/icon/referrer/3.png) no-repeat left center/contain
}

.refLevel.level4:before {
    background: url(/images/icon/referrer/4.png) no-repeat left center/contain
}

.refLevel.level5:before {
    background: url(/images/icon/referrer/5.png) no-repeat left center/contain
}

.refLevel.level6:before {
    background: url(/images/icon/referrer/6.png) no-repeat left center/contain
}

.refLevels .refRow {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 8px
}

.refLevels .refRow span {
    width: 35%
}

.refLevels .refRow span:last-child {
    width: 30%;
    text-align: right
}

.refLevels>div:first-child {
    margin-bottom: 16px
}

.refLevelItem {
    margin-bottom: 4px
}

.refLogItem {
    border-bottom: 1px solid #1d202b;
    padding: 6px 0
}

.refLogItem span:first-child {
    min-width: 15%
}

.refLogs {
    font-size: 12px;
    line-height: 22px
}

.refLogs .summary,.taba .summary {
    display: none
}

@media (min-width: 1200px) {
    .refInfo,.refLinkInfo,.refTop {
        display:flex;
        align-items: center;
        gap: 34px
    }

    .refTitle {
        text-align: left;
        margin-bottom: 30px
    }

    .refTop>div {
        width: 100%
    }

    .refTop>div:first-child {
        min-width: 355px
    }

    .refTop>div:first-child .btnBase {
        margin-left: auto
    }

    .refBorder {
        width: 100%;
        margin: 0
    }

    .refLinkWr {
        min-width: 510px
    }

    .refLinkInfo {
        margin-top: 36px
    }

    .refLinkInfo>span {
        text-align: left;
        margin: 0;
        max-width: initial
    }

    .refBottom {
        display: flex;
        align-items: flex-start;
        gap: 120px
    }

    .refBottom>div {
        width: 40%
    }
}

.taba .tab {
    color: #fff;
    padding: 10px 15px 10px 25px;
    position: relative
}

.taba .tab:after,.taba .tab:before {
    content: "";
    display: block;
    position: absolute;
    left: 0
}

.taba .tab:before {
    width: 26px;
    height: 26px;
    background: url(/images/icon/romb-white.svg) no-repeat center/contain;
    top: 3px
}

.taba .tab:after {
    height: 2px;
    border-radius: 2px;
    bottom: 0
}

.taba .tab.ac {
    cursor: default
}

.taba .tab.ac:before {
    background-image: url(/images/icon/romb-green.svg)
}

.taba .tabs {
    border-bottom: 1px solid #323a55;
    overflow: auto
}

@media (min-width: 992px) {
    .taba .tab {
        font-size:12px;
        line-height: normal
    }
}

.limitSection form>span,.limitSection>span,.limitWr .checkLabel {
    display: block
}

.limitAlert {
    background: rgba(14,16,24,.8);
    border-radius: 12px;
    border: 1px solid #323a55;
    padding: 12px 20px
}

.limitAlert .refLevels span.refRow,.limitAlert span.bold,.limitAlert span.btnBase,.limitAlert span.btnBlue,.limitAlert span.cardVerify,.limitAlert span.gamesAll,.limitAlert span.happyBoxPrize,.limitAlert span.jackpotButton,.limitAlert span.notifAllBtn,.limitAlert span.notifCounter,.limitAlert span.notifItemHead,.limitAlert span.pageRadioItemDesc,.limitAlert span.pageRadioRecomTitle,.limitAlert span.profileTitle,.limitAlert span.statusName,.limitAlert span.titleMain,.limitAlert span.transactionStatus,.limitAlert span.transactionSum,.limitAlert span.userExit,.limitAlert span.userRefillBtn,.refLevels .limitAlert span.refRow {
    display: block;
    margin-bottom: 3px
}

.limitSection {
    border-bottom: 1px solid #323a55;
    padding-bottom: 20px;
    margin-bottom: 28px
}

.limitSection .refLevels form>span.refRow,.limitSection form>span.bold,.limitSection form>span.btnBase,.limitSection form>span.btnBlue,.limitSection form>span.cardVerify,.limitSection form>span.gamesAll,.limitSection form>span.happyBoxPrize,.limitSection form>span.jackpotButton,.limitSection form>span.notifAllBtn,.limitSection form>span.notifCounter,.limitSection form>span.notifItemHead,.limitSection form>span.pageRadioItemDesc,.limitSection form>span.pageRadioRecomTitle,.limitSection form>span.profileTitle,.limitSection form>span.statusName,.limitSection form>span.titleMain,.limitSection form>span.transactionStatus,.limitSection form>span.transactionSum,.limitSection form>span.userExit,.limitSection form>span.userRefillBtn,.limitSection>span.bold,.limitSection>span.btnBase,.limitSection>span.btnBlue,.limitSection>span.cardVerify,.limitSection>span.gamesAll,.limitSection>span.happyBoxPrize,.limitSection>span.jackpotButton,.limitSection>span.notifAllBtn,.limitSection>span.notifCounter,.limitSection>span.notifItemHead,.limitSection>span.pageRadioItemDesc,.limitSection>span.pageRadioRecomTitle,.limitSection>span.profileTitle,.limitSection>span.statusName,.limitSection>span.titleMain,.limitSection>span.transactionStatus,.limitSection>span.transactionSum,.limitSection>span.userExit,.limitSection>span.userRefillBtn,.refLevels .limitSection form>span.refRow,.refLevels .limitSection>span.refRow {
    margin-bottom: 4px
}

.limitSumWr .inpFileWr,.limitSumWr .inpWr {
    position: relative
}

.limitSumWr .inpFileWr .form-control,.limitSumWr .inpFileWr .inp,.limitSumWr .inpFileWr .inpCodeWr,.limitSumWr .inpFileWr .inpRadioWr,.limitSumWr .inpWr .form-control,.limitSumWr .inpWr .inp,.limitSumWr .inpWr .inpCodeWr,.limitSumWr .inpWr .inpRadioWr {
    padding: 15px 180px 16px 20px
}

.limitSumWr .inpFileWr button,.limitSumWr .inpWr button {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 10px;
    padding: 8px 15px
}

.limitSumWr .inpFileWr button.dis,.limitSumWr .inpFileWr button[disabled],.limitSumWr .inpWr button.dis,.limitSumWr .inpWr button[disabled] {
    opacity: .2;
    border-color: #01d2d1
}

.limitInputs {
    gap: 8px;
    margin: 16px 0 20px
}

.limitInputs>div span {
    display: block;
    margin-top: 4px
}

.limitInputs>span {
    margin-bottom: 20px
}

.limitInputs input {
    width: 114px;
    padding: 19px 16px 16px
}

.limitInputs input::-webkit-input-placeholder {
    color: #fff
}

.limitInputs input.one {
    width: 232px
}

.limitInputs input:focus::-webkit-input-placeholder {
    color: transparent
}

.limitInputs input:focus:-moz-placeholder {
    color: transparent
}

.limitInputs input:focus::-moz-placeholder {
    color: transparent
}

.limitInputs input:focus:-ms-input-placeholder {
    color: transparent
}

.limit.popup .popupInner>span {
    display: block
}

.limit.popup .popupInner .ico {
    width: 124px;
    height: 124px;
    vertical-align: top;
    margin-bottom: 12px
}

.limit.popup .hi .ico {
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin-right: 12px;
    margin-top: -12px
}

.inpFileWr .limit.popup .form-control,.inpWr .limit.popup .form-control,.limit.popup .inp,.limit.popup .inpCodeWr,.limit.popup .inpFileWr .form-control,.limit.popup .inpRadioWr,.limit.popup .inpWr .form-control {
    padding: 15px 20px 16px
}

.limitSetted,.limitSetted .textJS,.limitSetted .timeJS {
    display: none
}

@media (min-width: 768px) {
    .limitBtns {
        display:flex;
        gap: 12px
    }
}

@media (min-width: 992px) {
    .limitWr {
        font-size:14px;
        line-height: 17px
    }

    .limitSumWr,.limitWr form>button {
        width: 50%;
        max-width: 500px
    }

    .limitSetted {
        text-align: left
    }
}

.tableLottery {
    border-collapse: collapse;
    margin-bottom: 16px
}

.tableLottery td,.tableLottery th {
    background: rgba(20,23,34,.72);
    backdrop-filter: blur(5px);
    line-height: normal;
    padding: 12px 20px
}

.tableLottery th {
    font-size: 14px;
    background: #0e1018
}

.tableLottery th,.tableLottery th a {
    font-weight: 400;
    color: #99a3c7
}

.tableLottery th a:visited {
    color: #99a3c7
}

.tableLottery th:first-child {
    border-radius: 24px 0 0 0
}

.tableLottery th:last-child {
    border-radius: 0 24px 0 0
}

.tableLottery td {
    font-size: 16px
}

.tableLottery td:first-child,.tableLottery td:last-child {
    border-radius: 0
}

.tableLottery tr.filters td {
    padding: 12px 8px
}

.tableLottery tbody tr {
    border-bottom: 1px solid #1d202b
}

.lottery-data .panel table tr:last-child,.tableLottery tbody tr:last-child {
    border-bottom: none
}

.tableLottery tbody tr:last-child td:first-child {
    border-radius: 0 0 0 24px
}

.tableLottery tbody tr:last-child td:last-child {
    border-radius: 0 0 24px 0
}

.lottery-data .panel {
    border-radius: 24px;
    background: rgba(20,23,34,.72);
    backdrop-filter: blur(5px);
    border: 0;
    overflow: hidden
}

.lottery-data .panel .panel-heading {
    padding: 8px 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 62px;
    font-size: 16px;
    line-height: normal;
    border: 0
}

.lottery-data .panel.panel-primary>.panel-heading {
    color: #fff;
    background-color: #0e1018
}

.lottery-data .panel.panel-success>.panel-heading {
    color: #e6f5e6;
    background-color: rgba(173,230,149,.5)
}

.lottery-data .panel.panel-danger>.panel-heading {
    color: #ebdada;
    background-color: rgba(230,147,147,.5)
}

.lottery-data .panel table {
    border-collapse: collapse;
    font-size: 14px
}

.lottery-data .panel table td,.lottery-data .panel table th {
    border-radius: 0!important;
    padding: 16px 24px
}

.lottery-data .panel table td {
    font-size: 14px;
    font-weight: 600
}

.lottery-data .panel table th {
    color: #99a3c7;
    font-weight: 400;
    text-align: left
}

.lottery-data .panel table tr {
    border-bottom: 1px solid #1d202b
}

.scInfo {
    margin-bottom: 36px
}

.pageVip h1:before,.scInfo .scInfoSub {
    display: none
}

.scInfoSub {
    margin-bottom: 20px;
    display: block
}

.scInfoItem {
    border-radius: 12px;
    background: rgba(21,21,28,.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-bottom: 20px;
    overflow: hidden;
    justify-content: flex-start;
    flex-direction: column;
    padding: 15px 30px 30px
}

.gamePageTopInfo .scInfoItem .info>div>span:last-child,.scInfoItem .bonusItemDesc,.scInfoItem .cy,.scInfoItem .gamePageTopInfo .info>div>span:last-child,.scInfoItem .tourWinners .list-view>div:first-child span:first-child,.tourWinners .list-view>div:first-child .scInfoItem span:first-child {
    margin-bottom: 30px
}

.scInfoLink {
    margin-top: 24px
}

.scInfoLink,.scInfoLink:visited {
    color: #79c32e
}

.scInfoRechange {
    border-radius: 24px;
    background: rgba(14,16,24,.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 32px 16px;
    font-size: 16px;
    line-height: 26px
}

.scInfoRechange p {
    margin-bottom: 10px
}

.pageRadioRecom ul li:last-child,.scInfoRechange p:last-child {
    margin-bottom: 0
}

.scInfoActual {
    padding: 22px 0;
    margin-bottom: 16px
}

.scInfoActual span {
    display: block;
    font-size: 14px
}

.gamePageTopInfo .scInfoActual .info>div>span:last-child,.scInfoActual .gamePageTopInfo .info>div>span:last-child,.scInfoActual .tourWinners .list-view>div:first-child span:first-child,.scInfoActual span.bonusItemDesc,.scInfoActual span.cy,.tourWinners .list-view>div:first-child .scInfoActual span:first-child {
    font-size: 16px
}

.scInfoActual .btnBase {
    font-size: 12px;
    padding: 9px 17px;
    margin-left: 0;
    margin-top: 38px
}

@media (min-width: 768px) {
    .scInfo {
        padding:32px 24px;
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
        border-radius: 24px;
        background: rgba(14,16,24,.8);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    .scInfo .scInfoSub {
        display: block
    }

    .scInfoItem {
        width: calc(33.33% - 13px);
        margin-bottom: 0
    }

    .scInfoRechange {
        padding: 32px 40px
    }

    .scInfoActual {
        border-radius: 12px;
        background: rgba(14,15,24,.5);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 22px 40px;
        width: calc(100% + 80px);
        margin-left: -40px
    }

    .scInfoActual .btnBase {
        margin: 0 0 0 20px
    }
}

@media (min-width: 1400px) {
    .scInfo {
        margin-bottom:0;
        width: 100%
    }

    .scInfoPage {
        display: flex;
        justify-content: space-between;
        align-items: stretch
    }

    .scInfoRechange {
        min-width: 490px;
        width: 490px;
        margin-left: 11px;
        margin-bottom: 0
    }

    .scInfoActual {
        margin-bottom: 30px
    }
}

@media (min-width: 1560px) {
    .scInfoRechange {
        min-width:593px;
        width: 593px
    }
}

.advPage .btnBlue,.wheel .btnBlue {
    min-width: 228px;
    padding: 17px 24px 16px;
    font-size: 14px;
    font-weight: 400
}

.advPage .btnBlue:hover,.wheel .btnBlue:hover {
    text-decoration: none
}

.advPage {
    font-size: 12px;
    line-height: normal
}

.advPageInner {
    flex-direction: column
}

.advPage .logo,.pageVipGrid1>div>span {
    display: block
}

.advPage .logo img {
    height: 40px
}

.advPage .advHeading {
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 7.5px
}

.advPage .advHeading span {
    display: block;
    font-size: 24px;
    letter-spacing: normal
}

.advPage .advHeadingSub {
    font-size: 32px;
    margin: 67px 0 54px;
    font-weight: 700
}

.advPage .advHeadingSub span {
    display: block;
    font-size: 14px;
    letter-spacing: 7px;
    color: #fff;
    font-weight: 400
}

.advPage .advImage {
    position: relative;
    overflow: hidden;
    min-height: 204px;
    width: 100%;
    padding: 23px 0 32px;
    margin: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 75px
}

.advPage .advImage span {
    display: block;
    z-index: 1
}

.advPage .advImage span:last-child {
    letter-spacing: 4px
}

.advPage .advImageImg {
    width: 334px;
    height: auto
}

.advPage .advTable {
    width: 100%;
    max-width: 530px;
    margin-bottom: 40px
}

.advPage .advTableItem {
    align-items: stretch
}

.advPage .advTableItem>div {
    padding: 15px 9px;
    width: 40%
}

.advPage .advTableItem>div:first-child {
    min-width: 110px;
    width: 110px;
    text-align: left;
    padding: 4px 9px 25px
}

.advPage .advTableItem>div:first-child span {
    display: block
}

.advPage .advTableItem>div.mid {
    border: 1px solid #1d202b;
    border-width: 0 1px;
    background: #141722
}

.advPage .advTableItem .ico {
    width: 20px;
    height: 20px;
    margin-bottom: 8px
}

.advPage .advTableLogo {
    height: 16px
}

.advPage footer {
    background: #15131b;
    color: #99a3c7;
    font-size: 7px;
    line-height: normal;
    padding-top: 24px;
    margin-top: 24px
}

.advPage footer .container {
    max-width: 724px
}

.advPage footer .line {
    margin-top: 34px;
    background: #d9d9d9;
    color: #1d202b;
    font-size: 9px;
    line-height: 12px;
    letter-spacing: .9px;
    padding: 14px 10px
}

.wheel {
    padding: 35px 20px;
    background: linear-gradient(-145deg,#35104b 0,transparent 60%),#010101
}

.wheel .btnCloseText {
    top: 42px;
    right: 20px
}

.wheelTitle {
    font-size: 15px;
    line-height: normal;
    letter-spacing: 7.5px;
    margin-top: 36px
}

.wheelTitle span {
    font-size: 24px;
    letter-spacing: normal;
    font-weight: 700;
    display: block
}

.wheel .btnBlue {
    margin: 0 auto;
    color: #fff!important
}

.wheel .btnBlue.pulse {
    animation: pulse 1.4s infinite
}

.wheelHolder {
    position: relative;
    width: fit-content;
    max-width: 356px;
    margin: 0 auto 24px
}

.wheelCircle {
    display: inline-block;
    transition: transform 2s ease
}

.wheelLogo {
    width: 69px;
    height: 15px;
    max-width: 20%!important
}

.wheelArrow {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translateX(-50%);
    width: 22%
}

@media (min-width: 768px) {
    body.adv .bgImg:after {
        height:100%
    }

    .advPage {
        background: linear-gradient(to bottom,transparent 40%,#15131b 85%)
    }

    .advPage .logo {
        margin-bottom: 44px
    }

    .advPage .advImage {
        min-height: 300px;
        padding: 65px 0;
        gap: 90px
    }

    .advPage .advImageImg {
        width: 420px
    }

    .advPage .advHeadingSub {
        margin-top: 60px
    }

    .advPage .advTable {
        margin-bottom: 24px
    }

    .advPage footer {
        margin-top: 0;
        padding-top: 34px
    }

    .advPage footer p {
        margin-bottom: 12px
    }

    .advPage footer .line {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 1.4px;
        padding: 8px 10px;
        margin-top: 70px
    }

    .wheel {
        width: 600px
    }
}

.pageVipImg {
    vertical-align: top;
    max-width: 220px
}

.pageVip .mb46 {
    margin-bottom: 46px
}

@media (min-width: 768px) {
    .pageVip h1 {
        padding-left:38px;
        margin-bottom: 20px
    }

    .pageVip h1:before {
        display: inline-block
    }
}

.pageVipGrid1>div {
    width: 42%
}

.pageVipGrid1>div img {
    max-width: 100%;
    vertical-align: top;
    width: 64px
}

.pageVipRec {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
    padding: 36px 10px 10px;
    background: radial-gradient(circle at left center,rgba(48,164,129,.4) 0,transparent 53%),#0e1018
}

.pageVipRec>div {
    margin-bottom: 26px;
    padding-left: 40px
}

.pageVipRec ul {
    list-style-position: outside;
    margin-left: 20px
}

.pageVipRecTitle {
    display: block;
    color: #fff;
    margin-left: -20px
}

@media (min-width: 768px) {
    .pageVip {
        font-size:14px;
        line-height: 17px
    }

    .pageVip>div#errors-footer,.pageVip>div.alert,.pageVip>div.bonusItemSmall,.pageVip>div.btnGrey,.pageVip>div.btnOrange,.pageVip>div.center,.pageVip>div.contactChatWr,.pageVip>div.cookie-popup,.pageVip>div.depositFailText,.pageVip>div.error.content-error,.pageVip>div.happyBoxWin,.pageVip>div.jpBannerInfo,.pageVip>div.popup-bonus,.pageVip>div.popupLinksWr,.popup-bonus .pageVip>div.pTitle,.tableScroller .pageVip>div.empty {
        text-align: left
    }

    .pageVip .mb46 {
        margin-bottom: 26px
    }

    .pageVip h2,.pageVip h3 {
        font-size: 20px;
        line-height: normal;
        text-align: left;
        margin-bottom: 40px
    }

    .pageVip h2 br,.pageVip h3 br {
        display: none
    }

    .pageVip .btnBase {
        width: fit-content
    }

    .pageVipGrid1 {
        justify-content: flex-start;
        gap: 20px 60px;
        margin-bottom: 48px
    }

    .pageVipGrid1>div {
        width: 140px
    }

    .pageVipGrid1>div img {
        width: 80px
    }

    .pageVipRec {
        display: flex;
        flex-wrap: wrap;
        column-gap: 26px;
        width: 100%;
        padding: 0;
        margin: 30px 0 40px;
        background: 0 0
    }

    .pageVipRec>div {
        margin-bottom: 0;
        max-width: 350px
    }
}

@media (min-width: 992px) {
    .pageVip {
        font-size:16px;
        line-height: 19px
    }

    .pageVip h1 {
        margin-bottom: 40px
    }

    .pageVipImg {
        float: left;
        margin-right: 30px
    }

    .pageVipGrid1 {
        gap: 20px 80px
    }

    .pageVipRec>div {
        max-width: calc(50% - 13px)
    }
}

@media (min-width: 1400px) {
    .pageVipRec>div:nth-child(2) {
        width:540px
    }
}

.pageRadio h2,.pageRadio h3 {
    line-height: normal
}

.pageRadioTopImg {
    margin-bottom: 30px
}

.pageRadioTopImg .btnBlue {
    margin-top: 26px
}

.actLinksWr a span,.pageRadioStep span {
    display: block;
    margin-bottom: 4px
}

.pageRadioBlockHint {
    flex-direction: column;
    gap: 20px
}

.pageRadioHint {
    background-color: rgba(1,210,209,.5);
    border-radius: 8px;
    padding: 10px
}

.pageRadioGrid {
    gap: 8px 10px
}

.pageRadioGrid>div {
    width: calc(50% - 5px)
}

.pageRadioItemDesc>span {
    display: block;
    max-width: 140px;
    margin: 0 auto
}

.pageRadioItemDesc img {
    width: 64px;
    height: 64px;
    margin-bottom: 8px
}

.pageRadioItemProfit {
    border-radius: 8px;
    background-color: rgba(56,48,164,.1);
    padding: 10px;
    text-align: left
}

.pageRadioItemProfit span {
    display: block
}

.pageRadioRec {
    background: radial-gradient(circle at left center,rgba(56,48,164,.4) -22%,transparent 68%),#0e1018;
    padding: 30px 0
}

.pageRadioRecom {
    padding-left: 10px
}

.pageRadioRecomTitle {
    display: block;
    margin-left: -10px
}

.pageRadioRecom ul {
    margin-left: 10px;
    list-style-position: inside
}

@media (min-width: 768px) {
    .pageRadio .title {
        font-size:24px;
        padding-bottom: 0
    }

    .pageRadioStep {
        border-radius: 12px;
        background: rgba(14,16,24,.65);
        padding: 14px 10px
    }

    .pageRadioStep span {
        margin-bottom: 16px
    }

    .pageRadioStepWr {
        display: flex;
        gap: 10px
    }

    .pageRadioGrid {
        justify-content: center
    }

    .pageRadioGrid>div {
        width: initial
    }

    .pageRadioBlockHint {
        flex-direction: row;
        gap: 40px
    }

    .pageRadioHint {
        max-width: 355px
    }
}

@media (min-width: 992px) {
    .pageRadio .title {
        text-align:left
    }

    .pageRadio .title br {
        display: none
    }

    .pageRadioStep {
        margin-bottom: 30px
    }

    .pageRadioTop {
        display: flex;
        align-items: flex-end;
        gap: 40px
    }

    .pageRadioTopImg {
        min-width: 300px
    }

    .pageRadio>.btnBase {
        width: fit-content
    }
}

@media (min-width: 1200px) {
    .pageRadioTop {
        gap:70px
    }

    .pageRadioTopImg {
        min-width: 380px
    }

    .pageRadioGrid {
        flex-wrap: nowrap
    }

    .pageRadioBottom {
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .pageRadioBottom h3 {
        max-width: 270px
    }

    .pageRadioRec {
        background: radial-gradient(circle at bottom center,rgba(56,48,164,.4) -22%,transparent 68%),rgba(14,16,24,.6);
        padding: 46px 0
    }

    .pageRadioRec h3 {
        display: none
    }

    .pageRadioRec .container {
        display: flex;
        align-items: flex-start;
        gap: 64px
    }

    .pageRadioRec .container>div {
        max-width: 330px
    }

    .pageRadioRecom,.pageRadioRecom ul {
        margin-bottom: 0
    }
}

.notifWr {
    position: relative;
    margin: 0 8px
}

.notifWr.unlogged {
    margin-right: 12px
}

.notifWr.unlogged .btnBase {
    border-color: #01d2d1
}

.notifBtn {
    min-width: 24px
}

.notifBtn img {
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.notifBtn:disabled {
    pointer-events: none;
    opacity: .1
}

.notifCounter {
    min-width: 10px;
    height: 10px;
    line-height: 10px;
    border-radius: 5px;
    background-color: #f24e1e;
    color: #fff;
    font-size: 6px;
    position: absolute;
    top: -2px;
    right: -2px
}

.notifPopup {
    position: absolute;
    top: 48px;
    right: -34px;
    background-color: rgba(0,0,0,.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 20px 8px 12px;
    border-radius: 20px;
    width: 300px;
    display: none
}

.notifItemHead .date span,.notifPopup.ac {
    display: block
}

.notifPopup:after {
    content: "";
    display: block;
    background: 0 0;
    position: absolute;
    top: -20px;
    right: 36px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.5);
    transform: scale(.5,1)
}

.notifClose {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 16px;
    height: 16px;
    background: url(/images/icon/close.svg) no-repeat center/10px
}

.notifText {
    display: block;
    margin-bottom: 8px;
    padding: 0 8px
}

.notifText span {
    font-size: 12px
}

.notifItem {
    border-radius: 12px;
    overflow: hidden;
    background: #1d202b;
    margin-bottom: 4px
}

.notifItem:last-child {
    margin-bottom: 0
}

.notifItemHead {
    padding: 8px 64px 8px 12px;
    position: relative
}

.notifItemHead .ico {
    width: 20px;
    min-width: 20px;
    height: 20px;
    margin-right: 4px
}

.notifItemHead .date {
    position: absolute;
    right: 12px;
    width: 46px;
    white-space: nowrap
}

.limitInputs>div .notifItemHead .date span,.messageItem.old .notifItemHead .date span.messageItemTitle,.notifItemHead .date .limitInputs>div span,.notifItemHead .date .messageItem.old span.messageItemTitle,.notifItemHead .date .tableScroller span.summary,.notifItemHead .date .tourWinnerItem span:first-child,.notifItemHead .date span.cg,.notifItemHead .date span.menuFixedBtn,.notifItemHead .date span.myBonusDesc,.notifItemHead .date span.profileSetTitle,.notifItemHead .date span.wdwResults,.tableScroller .notifItemHead .date span.summary,.tourWinnerItem .notifItemHead .date span:first-child {
    font-size: 8px
}

.notifItem.purple .notifItemHead {
    background: linear-gradient(90deg,#49557e 0,#0e1018 100%)
}

.notifItem.grey .notifItemHead {
    background: linear-gradient(90deg,#7d7d7d 0,#0e1018 100%)
}

.notifItem.green .notifItemHead {
    background: linear-gradient(90deg,#497e51 0,#0e1018 100%)
}

.notifItem.blue .notifItemHead,.notifItem.transactionStatus.new .notifItemHead {
    background: linear-gradient(90deg,#2f5dff 0,#0e1018 100%)
}

.notifItem.teal .notifItemHead {
    background: linear-gradient(90deg,#238f8f 0,#0e1018 100%)
}

.notifItem.red .notifItemHead {
    background: linear-gradient(90deg,#ed213a 0,#0e1018 100%)
}

.notifItem.purple1 .notifItemHead {
    background: linear-gradient(90deg,#314882 0,#0e1018 100%)
}

.notifItem.yellow .notifItemHead {
    background: linear-gradient(90deg,#a2ab58 0,#0e1018 100%)
}

.notifItem.pink .notifItemHead {
    background: linear-gradient(90deg,#cb356b 0,#0e1018 100%)
}

.notifItem.salad .notifItemHead {
    background: linear-gradient(90deg,#34e89e 0,#0e1018 100%)
}

.notifItem.red .notifItemHead {
    background: linear-gradient(90deg,red 0,#0e1018 100%)
}

.notifItemBody {
    padding: 13px 13px 7px
}

.notifItemBody a,.notifItemBody button {
    padding: 7px;
    margin-top: 12px
}

.notifItemWr {
    max-height: 346px;
    overflow-y: auto;
    border-radius: 8px
}

.notifAllBtn {
    display: block;
    color: #fff;
    padding: 12px;
    border: 1px solid #1d202b;
    margin-top: 12px;
    border-radius: 8px;
    background-color: #15131b
}

.actLinksWr a:visited,.notifAllBtn:visited {
    color: #fff
}

.notifAllBtn:hover {
    color: #f77
}

.notifEmpty {
    max-width: 200px;
    margin: 30px auto 18px
}

.notifEmpty span {
    display: block
}

.notifEmpty span:first-child {
    font-size: 40px;
    opacity: .3
}

@media (min-width: 992px) {
    .notifBtn:disabled {
        opacity:.5
    }

    .notifPopup {
        top: 38px
    }

    .notifWr {
        position: relative;
        margin: 0 10px 0 20px
    }
}

.actItem,.bonusItemSmall {
    border-radius: 12px;
    border: 1px solid #1d202b;
    background: rgba(20,23,34,.7)
}

.actItem {
    padding: 4px
}

.actItem .ico {
    height: 64px;
    min-width: 94px;
    aspect-ratio: 3/2;
    object-fit: cover;
    border-radius: 12px;
    margin-right: 10px
}

.actItem span {
    display: block;
    margin-bottom: 2px
}

.actItem span:first-child {
    font-size: 8px;
    margin-top: 5px
}

.actItem span.last {
    margin-top: 36px
}

.actItem:active,.actItem:focus,.actItem:hover {
    text-decoration: none!important
}

.actWr {
    gap: 8px;
    overflow-x: auto
}

.actWr:empty {
    margin: 0
}

.actLinksWr {
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 8px;
    justify-content: space-between
}

.actLinksWr a {
    display: block;
    border-radius: 12px;
    color: #fff;
    padding: 24px 11px 7px;
    width: calc(50% - 5px)
}

.actLinksWr a .ico {
    width: 36px;
    height: 36px;
    margin-bottom: 15px
}

.actLinksWr a.actLinkPromo {
    background: linear-gradient(65deg,#156557 0,rgba(8,26,53,0) 98.17%)
}

.actLinksWr a.actLinkDraw {
    background: linear-gradient(65deg,#501565 0,rgba(8,26,53,0) 98.17%)
}

.actLinksWr a.actLinkTur {
    background: linear-gradient(65deg,#081a35 0,rgba(8,26,53,0) 98.17%)
}

.actLinksWr a:active,.actLinksWr a:focus,.actLinksWr a:hover {
    text-decoration: none;
    color: #f77
}

.bonusProgressItem .bonuses a,.bonusProgressItem .bonuses a:visited,.bonuses .bonusProgressItem a,.bonuses .bonusProgressItem a:visited,.bonuses .popup a,.bonuses .popup a:visited,.bonuses .profileTitle a,.bonuses .profileTitle a:visited,.bonuses a.cblue,.bonuses a.cblue:visited,.bonuses a.refLevel,.bonuses a.refLevel:visited,.popup .bonuses a,.popup .bonuses a:visited,.profileTitle .bonuses a,.profileTitle .bonuses a:visited {
    color: #01d2d1
}

.bonusProgress {
    line-height: normal;
    font-size: 10px;
    width: 100px;
    max-width: calc(100% - 84px)
}

.bonusProgress .line {
    height: 2px;
    background-color: #000
}

.bonusProgress .line span {
    height: 2px;
    background-color: #01d2d1
}

.bonusProgressItem {
    border-radius: 13px;
    background: #121622;
    width: calc(50% - 2px);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: -5px -5px
}

.bonusProgressItem .inner {
    padding: 0 15px 13px
}

.bonusProgressItem .ico {
    width: 84px;
    height: 84px;
    margin: -5px -5px -10px
}

.bonusProgressItem span {
    display: block
}

.bonusProgressItem a {
    text-underline-offset: 2px
}

.bonusProgressItem a:hover {
    text-decoration: underline
}

.bonusProgressItem .details {
    height: 24px;
    line-height: 12px;
    overflow: hidden
}

.bonusProgressItem .cwhite {
    height: 20px;
    line-height: 20px;
    font-size: 10px
}

.bonusProgressItem .btnOpen {
    color: #01d2d1;
    border-radius: 6px;
    border: 1px solid #333c56;
    padding: 5px 34px
}

.bonusProgressItem.wager {
    background-image: url(/images/happybox/gift_bg_green.png)
}

.bonusProgressItem.first {
    background-image: url(/images/happybox/gift_bg_pink.png)
}

.bonusProgressItem.second {
    background-image: url(/images/happybox/gift_bg_gold.png)
}

.bonusProgressItem.third {
    background-image: url(/images/happybox/gift_bg_teal.png)
}

.bonusProgressItem.reboot {
    background-image: url(/images/happybox/gift_bg_blue.png)
}

.bonusProgressItem.ready {
    text-align: center
}

.bonusProgressItem.ready .ico {
    margin: 0 auto -10px;
    width: 90px;
    height: 90px
}

.bonusProgressItem.ready .bonusProgress {
    display: none
}

.bonusProgressItem.ready .cwhite {
    white-space: normal;
    overflow: initial;
    line-height: 16px;
    font-size: 13px;
    height: 32px;
    margin-bottom: 6px
}

.bonusProgressItem.dis {
    opacity: .5
}

.bonusProgressItem.dis a,.bonusProgressItem.dis button {
    pointer-events: none
}

.bonusItemSmall {
    width: 114px;
    min-width: 114px;
    position: relative
}

.bonusItemSmall:after {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    right: -8px;
    background: linear-gradient(135deg,#03e7c0 2.58%,#00c2dd 98.04%);
    box-shadow: 0 0 15px 0 rgba(0,255,255,.77)
}

.bonusItemSmall:last-child:after {
    display: none
}

.bonusItemSmall .ico {
    height: 72px;
    margin-bottom: 8px;
    border-radius: 12px 12px 0 0
}

.bonusItemSmall button {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    font-size: 8px;
    border-radius: 8px;
    border: 1px solid #01d2d1;
    margin: 8px 6px 7px;
    padding: 4px
}

.bonusItemSmall span {
    display: block;
    margin: 0 4px
}

.bonusItemSmall .limitInputs>div span,.bonusItemSmall .messageItem.old span.messageItemTitle,.bonusItemSmall .tableScroller span.summary,.bonusItemSmall .tourWinnerItem span:first-child,.bonusItemSmall span.cg,.bonusItemSmall span.cwhite,.bonusItemSmall span.menuFixedBtn,.bonusItemSmall span.myBonusDesc,.bonusItemSmall span.profileSetTitle,.bonusItemSmall span.wdwResults,.limitInputs>div .bonusItemSmall span,.messageItem.old .bonusItemSmall span.messageItemTitle,.tableScroller .bonusItemSmall span.summary,.tourWinnerItem .bonusItemSmall span:first-child {
    height: 12px
}

.promoWr {
    position: relative;
    margin-bottom: 0!important
}

.promoWr button {
    border-radius: 10px;
    border: 1px solid #01d2d1;
    font-size: 12px;
    padding: 10px 12px 8px;
    position: absolute;
    right: 10px;
    top: 9px
}

@media (min-width: 375px) {
    .promoWr button {
        padding:10px 30px 8px
    }
}

.inpFileWr .promoWr .form-control,.inpWr .promoWr .form-control,.promoWr .inp,.promoWr .inpCodeWr,.promoWr .inpFileWr .form-control,.promoWr .inpRadioWr,.promoWr .inpWr .form-control {
    border-radius: 10px;
    border: 2px solid #323a55;
    padding: 14px 136px 15px 18px
}

.inpFileWr .promoWr .form-control::-webkit-input-placeholder,.inpWr .promoWr .form-control::-webkit-input-placeholder,.promoWr .inp::-webkit-input-placeholder,.promoWr .inpCodeWr::-webkit-input-placeholder,.promoWr .inpFileWr .form-control::-webkit-input-placeholder,.promoWr .inpRadioWr::-webkit-input-placeholder,.promoWr .inpWr .form-control::-webkit-input-placeholder {
    color: #b7c7f4
}

.inpFileWr .promoWr .form-control:-moz-placeholder,.inpWr .promoWr .form-control:-moz-placeholder,.promoWr .inp:-moz-placeholder,.promoWr .inpCodeWr:-moz-placeholder,.promoWr .inpFileWr .form-control:-moz-placeholder,.promoWr .inpRadioWr:-moz-placeholder,.promoWr .inpWr .form-control:-moz-placeholder {
    color: #b7c7f4
}

.inpFileWr .promoWr .form-control::-moz-placeholder,.inpWr .promoWr .form-control::-moz-placeholder,.promoWr .inp::-moz-placeholder,.promoWr .inpCodeWr::-moz-placeholder,.promoWr .inpFileWr .form-control::-moz-placeholder,.promoWr .inpRadioWr::-moz-placeholder,.promoWr .inpWr .form-control::-moz-placeholder {
    color: #b7c7f4
}

.inpFileWr .promoWr .form-control:-ms-input-placeholder,.inpWr .promoWr .form-control:-ms-input-placeholder,.promoWr .inp:-ms-input-placeholder,.promoWr .inpCodeWr:-ms-input-placeholder,.promoWr .inpFileWr .form-control:-ms-input-placeholder,.promoWr .inpRadioWr:-ms-input-placeholder,.promoWr .inpWr .form-control:-ms-input-placeholder {
    color: #b7c7f4
}

@media (min-width: 375px) {
    .inpFileWr .promoWr .form-control,.inpWr .promoWr .form-control,.promoWr .inp,.promoWr .inpCodeWr,.promoWr .inpFileWr .form-control,.promoWr .inpRadioWr,.promoWr .inpWr .form-control {
        padding-right:172px
    }
}

.promoWrModal {
    padding: 18px 13px 13px;
    border-radius: 15px;
    background: url(/images/happybox/promo_bg.png) no-repeat left top;
    border: 2px solid transparent;
    border-image: url(/images/happybox/promoBg.svg) 2 fill stretch
}

.promoWrModal .ico {
    width: 64px;
    height: 64px;
    margin: -18px 0 0 -13px
}

.promoWrModal a {
    white-space: nowrap;
    margin: 2px 0 0 4px
}

.bonusPopupInfo span,.promoWrModal span {
    display: block
}

.promoTextWr {
    border: 2px solid #222c3d;
    border-radius: 8px;
    padding: 100px 16px 16px;
    max-width: 400px;
    margin: 0 auto 32px
}

.myBonusPopup .ul ul,.promoListConditions {
    list-style: none
}

.promoListConditions li {
    gap: 10px;
    border-radius: 8px;
    padding: 12px;
    background: radial-gradient(circle 223px at 24% 500%,#62ff00,transparent),#161a21;
    border-left: 2px solid #5aa139
}

.promoListConditions li.decline {
    border-color: #be2b2b;
    background: radial-gradient(circle 223px at 24% 500%,#ff3c00,transparent),#161a21
}

.myBonusPopup {
    background-color: #0e1018;
    padding: 70px 10px 10px;
    font-size: 14px;
    background: radial-gradient(circle at right -8%,#028d91 -20%,transparent 45%),#0e1018
}

.myBonusPopup.blue,.myBonusPopup.transactionStatus.new {
    background: linear-gradient(-145deg,#021867 -30%,transparent 50%),#0e1018
}

.myBonusPopup .btnCloseText {
    top: 40px;
    right: 20px
}

.myBonusPopup .image {
    display: inline-block;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #1d202b
}

.myBonusPopup .icon {
    width: initial;
    height: initial
}

.myBonusPopup .fixWidthText {
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

.myBonusPopup .ul ul li {
    position: relative;
    padding-left: 20px
}

.myBonusPopup .ul ul li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    left: 8px;
    top: 6px
}

@media (min-width: 768px) {
    .myBonusPopup {
        width:600px;
        padding: 80px 30px 30px
    }
}

.myBonusCondPopup .conditionsList {
    margin: 30px 0;
    max-width: 400px;
    text-align: left
}

.myBonusAcceptPopup .acceptTitle span,.myBonusCondPopup .acceptTitle span {
    display: block;
    margin-bottom: 4px
}

.myBonusAcceptPopup .limitBtns,.myBonusCondPopup .limitBtns {
    margin-top: 32px
}

.myBonusWinPopup .winBonus {
    margin-bottom: 24px
}

.myBonusWinPopup .winBonusType {
    margin-bottom: 4px
}

.bonusPopupInfoItem {
    border-radius: 8px;
    background: rgba(50,58,85,.3);
    padding: 7px
}

.bonusPopupInfo .cardItem,.bonusPopupInfo .dFjBaC,.bonusPopupInfo .happyBoxPrize,.bonusPopupInfo .header .container,.bonusPopupInfo .inpCodeWr,.bonusPopupInfo .myBonusSwitcher,.bonusPopupInfo .popupSwitcher,.bonusPopupInfo .profileSwitcher,.bonusPopupInfo .provList,.bonusPopupInfo .provListCatWr,.bonusPopupInfo .refLevels .refRow,.bonusPopupInfo .titlePromo,.bonusPopupInfo .withdrawItem,.header .bonusPopupInfo .container,.refLevels .bonusPopupInfo .refRow {
    gap: 15px
}

.happyBox {
    background-color: #0e1018;
    background: radial-gradient(circle at right -11%,#175045 6%,transparent 58%),#0e1018;
    overflow: hidden
}

.happyBox .popupInner {
    height: 100%;
    overflow: auto;
    padding-bottom: 76px
}

.happyBox .popupInner.success {
    padding-bottom: 136px
}

.happyBox .btnCloseText {
    top: 26px;
    right: 20px;
    z-index: 2
}

.happyBox .popupLogo {
    margin: 20px
}

.happyBox .topWr,.happyBoxPrize {
    position: relative;
    overflow: hidden
}

.happyBox .topWr {
    height: 290px;
    margin-top: 12px;
    background: url(/images/happybox/patternsAll.png) no-repeat center top 8px/811px
}

.happyBox .topWr .icoClosed {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.happyBox .topWr.closed .wheelWr>* {
    filter: blur(3px);
    pointer-events: none
}

.happyBox .blackBg {
    background: #0e1018;
    padding: 16px 20px
}

.happyBox .bottomWr {
    position: fixed;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg,rgba(14,16,23,.03),#0e1017 28.5%,#0e1017 100%);
    padding: 20px 20px 24px;
    z-index: 1
}

.happyBox .bonStatus {
    font-size: 22px;
    line-height: normal;
    max-width: 240px;
    margin: 0 auto
}

.happyBox .bonStatus .ico {
    width: 48px;
    min-width: 48px;
    height: 48px
}

.happyBox .bonStatus.max {
    max-width: 280px
}

.happyBoxPrize {
    padding: 12px;
    margin-bottom: 6px;
    border-left: 2px solid
}

.happyBoxPrize span {
    z-index: 1
}

.happyBoxPrize:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3
}

.happyBoxPrize:nth-child(1) {
    border-color: #f82db9
}

.happyBoxPrize:nth-child(1) span:last-child {
    color: #f82db9
}

.happyBoxPrize:nth-child(1):before {
    background: linear-gradient(90deg,#f82db9 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(2) {
    border-color: #ff1a6b
}

.happyBoxPrize:nth-child(2) span:last-child {
    color: #ff1a6b
}

.happyBoxPrize:nth-child(2):before {
    background: linear-gradient(90deg,#ff1a6b 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(3) {
    border-color: #ff2c2c
}

.happyBoxPrize:nth-child(3) span:last-child {
    color: #ff2c2c
}

.happyBoxPrize:nth-child(3):before {
    background: linear-gradient(90deg,#ff2c2c 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(4) {
    border-color: #ff5400
}

.happyBoxPrize:nth-child(4) span:last-child {
    color: #ff5400
}

.happyBoxPrize:nth-child(4):before {
    background: linear-gradient(90deg,#ff5400 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(5) {
    border-color: #ffae00
}

.happyBoxPrize:nth-child(5) span:last-child {
    color: #ffae00
}

.happyBoxPrize:nth-child(5):before {
    background: linear-gradient(90deg,#ffae00 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(6) {
    border-color: #cf0
}

.happyBoxPrize:nth-child(6) span:last-child {
    color: #cf0
}

.happyBoxPrize:nth-child(6):before {
    background: linear-gradient(90deg,#cf0 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(7) {
    border-color: #1eff00
}

.happyBoxPrize:nth-child(7) span:last-child {
    color: #1eff00
}

.happyBoxPrize:nth-child(7):before {
    background: linear-gradient(90deg,#1eff00 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(8) {
    border-color: #00ffa2
}

.happyBoxPrize:nth-child(8) span:last-child {
    color: #00ffa2
}

.happyBoxPrize:nth-child(8):before {
    background: linear-gradient(90deg,#00ffa2 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(9) {
    border-color: #00fffc
}

.happyBoxPrize:nth-child(9) span:last-child {
    color: #00fffc
}

.happyBoxPrize:nth-child(9):before {
    background: linear-gradient(90deg,#00fffc 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(10) {
    border-color: #008aff
}

.happyBoxPrize:nth-child(10) span:last-child {
    color: #008aff
}

.happyBoxPrize:nth-child(10):before {
    background: linear-gradient(90deg,#008aff 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(11) {
    border-color: #624dff
}

.happyBoxPrize:nth-child(11) span:last-child {
    color: #624dff
}

.happyBoxPrize:nth-child(11):before {
    background: linear-gradient(90deg,#624dff 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(12) {
    border-color: #b535ff
}

.happyBoxPrize:nth-child(12) span:last-child {
    color: #b535ff
}

.happyBoxPrize:nth-child(12):before {
    background: linear-gradient(90deg,#b535ff 0,rgba(115,115,115,0) 100%)
}

.happyBoxPrize:nth-child(13) {
    border-color: #fff006
}

.happyBoxPrize:nth-child(13) span:last-child {
    color: #fff006;
    font-size: 24px
}

.happyBoxPrize:nth-child(13):before {
    background: linear-gradient(90deg,#fff006 0,rgba(115,115,115,0) 100%)
}

.happyBoxProgress .progress {
    color: #8d8f97
}

.bonusProgressItem .happyBoxProgress .progress a,.happyBoxProgress .progress .bonusProgressItem a,.happyBoxProgress .progress .cblue,.happyBoxProgress .progress .popup a,.happyBoxProgress .progress .profileTitle a,.happyBoxProgress .progress .refLevel,.happyBoxProgress .progress .tourWinnerItem.current span:first-child,.popup .happyBoxProgress .progress a,.profileTitle .happyBoxProgress .progress a,.tourWinnerItem.current .happyBoxProgress .progress span:first-child {
    font-size: 24px
}

.happyBoxProgress .line {
    border-radius: 5px;
    border: .5px solid #065c62;
    background: 0 0;
    height: 8px;
    overflow: hidden
}

.happyBoxProgress .line span {
    display: block;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(90deg,#0b8786 0,#3ffef8 100%);
    box-shadow: 0 0 20px 0 rgba(0,222,216,.25)
}

.happyBox .infoPlay {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.15);
    background: 0 0;
    padding: 14px
}

.happyBox .infoPlay .ico {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 10px
}

.happyBox .infoSpin {
    padding: 16px 48px 28px;
    background: radial-gradient(ellipse at center -30%,#00ff6a -100%,transparent 60%),url(/images/happybox/line.png) no-repeat bottom/100% auto,#0e1018;
    position: relative
}

.happyBox .infoSpin .ico {
    margin: 0 5px;
    vertical-align: middle
}

.happyBox .infoSpin:after,.happyBox .infoSpin:before {
    content: url(/images/happybox/arrIco.png);
    display: block;
    position: absolute
}

.happyBox .infoSpin:before {
    left: 28px;
    top: 17px
}

.happyBox .infoSpin:after {
    right: 28px;
    top: 12px;
    transform: rotate(180deg)
}

.happyBox .icoSuccess {
    margin-top: 2vh;
    max-width: 100%;
    max-height: 300px
}

.happyBox .icoSuccess+.bonStatus {
    margin-top: -10px
}

.happyBoxWin {
    color: #ffc52e;
    font-size: 40px;
    line-height: normal;
    padding: 14px;
    background: url(/images/happybox/frameline.png) left center/100% 100% no-repeat;
    margin-top: 12px
}

.wheelButton,.wheelImg,.wheelPoint,.wheelText {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.wheelImg {
    top: 30px;
    width: 515px;
    transition: transform 2s ease
}

.wheelButton {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    top: 206px
}

.wheelButton:active,.wheelButton:focus,.wheelButton:hover {
    transform: translateX(-50%) scale(1.12);
    background: rgba(121,195,46,.1)
}

.wheelButton:disabled {
    pointer-events: none;
    opacity: .5;
    cursor: not-allowed
}

.wheelPoint {
    top: 166px;
    width: 208px
}

.wheelText {
    width: 60px;
    top: 55px
}

@media (min-width: 768px) {
    .myBonusAcceptPopup .limitBtns a,.myBonusAcceptPopup .limitBtns button,.myBonusAcceptPopup .limitBtns>span,.myBonusCondPopup .limitBtns a,.myBonusCondPopup .limitBtns button,.myBonusCondPopup .limitBtns>span {
        margin-bottom:0
    }

    .happyBox {
        width: 460px;
        max-height: 600px;
        height: 100%
    }

    .happyBox .icoSuccess {
        margin-top: 0;
        max-height: 220px
    }

    .happyBox .icoSuccess+.bonStatus {
        margin-top: 0
    }
}

.avalBonuses {
    margin-top: 40px
}

.actWr+.avalBonuses {
    margin-top: 0
}

.conditionsList {
    list-style: none;
    padding-left: 20px
}

.conditionsList li {
    margin-bottom: 16px
}

.conditionsList li:last-child {
    margin-bottom: 0
}

.conditionsList li.dis {
    color: #6c6d88
}

@media (min-width: 768px) {
    .conditionsList li {
        margin-bottom:5px
    }
}

.spLink {
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-right: 8px
}

.spLink img {
    transform: scale(1.6)
}

.spLink:active,.spLink:focus {
    filter: brightness(1.4)
}

.spPage {
    padding: 12px
}

.spPage .banner {
    overflow: hidden;
    margin-bottom: 24px
}

.spPageGrid {
    gap: 5px;
    align-items: stretch;
    max-width: 600px;
    margin: 32px auto;
    position: relative
}

.spPageGrid>div {
    width: 32.2%
}

.spPageGrid>div:nth-child(2) button.dis img,.spPageGrid>div:nth-child(4) button.dis img,.spPageGrid>div:nth-child(6) button.dis img {
    transform: rotate(25deg)
}

.spPageGrid>div:nth-child(3) button.dis img,.spPageGrid>div:nth-child(5) button.dis img,.spPageGrid>div:nth-child(9) button.dis img {
    transform: rotate(30deg)
}

.spPageGrid>div:nth-child(7) button.dis img {
    transform: rotate(15deg)
}

.spPageGrid button {
    height: 100%;
    aspect-ratio: 1/1;
    background: rgba(0,0,0,.3);
    border-radius: 20px;
    position: relative
}

.spPageGrid button .lightning {
    visibility: hidden;
    opacity: 0;
    width: 180%;
    max-width: initial;
    aspect-ratio: 1/1;
    z-index: -1
}

.spPageGrid button:active,.spPageGrid button:focus,.spPageGrid button:hover {
    background: rgba(239,0,241,.2)
}

.spPageGrid button:active .lightning,.spPageGrid button:focus .lightning,.spPageGrid button:hover .lightning {
    visibility: visible;
    opacity: 1
}

.spPageGrid button.dis {
    pointer-events: none
}

.spPageClosed,.spPageSuccess {
    background: rgba(9,10,15,.95);
    border-radius: 20px;
    border: 3px solid #00fcfc;
    border-width: 0 3px;
    box-shadow: 0 10px 26px rgba(0,0,0,.5)
}

.spPageClosed span,.spPageSuccess span {
    display: block
}

.spPageClosed span span,.spPageSuccess span span {
    display: inline
}

.spPageClosed .ico,.spPageSuccess .ico {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.spPageClosed {
    padding: 130px 30px 30px;
    width: 86%!important;
    max-width: 360px
}

.spPageClosed .ico {
    width: 240px;
    height: 240px;
    top: -80px
}

.spPageSuccess {
    display: none;
    padding: 130px 30px 30px;
    position: fixed;
    top: 20vh;
    width: 360px;
    max-width: calc(100% - 80px);
    z-index: 1000
}

.spPageSuccess .ico {
    width: 280px;
    height: 280px;
    top: -120px
}

.spPageSuccess .color {
    color: #fac800;
    font-size: 28px;
    line-height: 28px
}

.spPageSuccess .btnBase {
    border-color: #00cefc
}

.spPageSuccess.ac {
    display: block
}

@media (min-width: 992px) {
    .spPage {
        padding:24px
    }

    .spPageGrid {
        gap: 8px
    }

    .spPageGrid>div {
        width: 32.4%
    }
}
.textWr img {
    display: block;
    max-width: 100%;
    border-radius: 14px;
    margin: 30px auto;
}

.textWr picture {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}