@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
    }
}

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

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

@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-face {
    font-family: Proxima Nova;
    src: url(/fonts/PROXIMANOVA_BOLD.OTF) format("opentype");
    font-weight: 700;
    font-style: normal
}

.actionItemImg, .agreement a, .bonusItemImg, .btnAuth, .btnBack:before, .btnBlue, .btnGo span, .btnGrey, .btnOpen, .btnOrange, .btnReg, .btnShow .ico, .checkLabel .dot span, .chooseAmount > div label, .dark a, .diiaQrBtn, .faqItemImg, .faqItemLink, .filters .select2-container--krajee .select2-selection, .footer .license a, .footerSocial a, .gameBtnWr, .gameCategory, .gameCategory .ico, .gamePageWinners .winnerItem, .gamesAll, .langHeading .ico, .langList, .linkY, .menuMobile, .menuName, .myBonusInfo, .myBonusInfoPopup, .nice-select, .noActiveHint, .notifAllBtn, .popup, .popupSocial a .desc, .popupWr, .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, .radioLabel .dot span, .searchForm .legend, .selectWr .select ul, .selectWr .select.wdw .addNew, .selectWr:after, .switchDepBtn, .tourSort, .ui-widget.ui-widget-content, .userExit, .userProfileBtn, .userRefillBtn, main a, table .filters input[type=text], table .filters select {
    transition: all .3s ease
}

#errors-footer, .advPage, .alert, .btnBase, .btnBasePurple, .btnBlue, .btnGreen, .btnGrey, .btnOrGradient, .btnOrange, .center, .contactChatWr, .contactItem, .cookie-popup, .depositAlert, .depositFailText, .depositTotal, .error.content-error, .gamePageWinners .winnerItem .desc, .gamesListEmpty, .jackpot, .jackpotButton, .jackpotSum span, .jpBannerInfo, .limitInputs input, .lotResultItem, .lotResultItem > div, .lotResultWr h2, .lotRules h2, .menuFixedBtn, .messageCopy, .notifAllBtn, .notifCounter, .notifEmpty, .popup-bonus, .popup-bonus .pTitle, .popup.reg .regBonus, .popupBtnMenuLogin, .popupLinksWr, .profileNav ul li a, .profileNav ul li button, .provListCatWr .provListCat, .refLevels .refRow span, .scInfoItem, .selectWr .select.wdw .addNew, .subMenu li a, .subMenu li button, .tableScroller .empty, .timerWr .days, .timerWr .hours, .timerWr .minutes, .timerWr .seconds, .tourWinnersTitle, .userExit, .validBlock, .validFinal, .validRules, .validSteps .step, .validTitle, th, th a {
    text-align: center
}

.activeLabel, .block h1, .block h2, .block h3, .block h4, .bonusItemDesc, .btnAuth, .btnBase, .btnBasePurple, .btnBlue, .btnCloseText, .btnGreen, .btnGrey, .btnOrGradient, .btnOrange, .btnReg, .cookie-accept, .dark h1, .dark h2, .dark h3, .dark h4, .depositTotal, .detWr .detBlock, .gameInfo .gameLink, .gamePageInfoTitle span, .gamePageWinnersTitle, .gamesAll, .h2Up, .inpRadioWr, .jackpotButton, .jackpotSum span, .lang, .limitInputs input, .lotInfo .btnBase, .menuFixedBtn, .menuName, .menuVerif, .notifAllBtn, .notifItemBody button, .popupTitleMain, .profileTitle, .providersWr .selectWr select, .refLevel, .refTitleLg, .refTitleMid, .refTitleSm, .secondaryWr h1, .secondaryWr h2, .secondaryWr h3, .secondaryWr h4, .secondaryWr h5, .secondaryWr h6, .subMenu li a, .subMenu li button, .switchDepBtn, .taba .tab, .textWr h1, .textWr h2, .textWr h3, .textWr h4, .textWr h5, .textWr h6, .titleMain, .tourSort, .upper, .userExit, .userRefillBtn, .userWalletsInfo > span {
    text-transform: uppercase
}

.availBonus label, .gameInfo .gameLink, .gamePageTopInfo .refCopyWr .info > div > span:last-child, .gamePageWinners .winnerItem .desc > span, .popup .refCopyWr a, .popup.providers .heading + div .providersItem span, .profileTopWr .userName, .refCopyWr .bonusItemDesc, .refCopyWr .cy, .refCopyWr .gamePageTopInfo .info > div > span:last-child, .refCopyWr .popup a, .refCopyWr .refLevel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.availBonus label, .btnBack, .btnBasePurple, .btnClose, .btnCloseText, .btnReturn, .btnShow, .cardHide, .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, .myBonusBottom .btnBase, .myBonusInfo, .myBonusWatchCond, .paySystemItem label, .popup.myBonusAcceptPopup .btnBase, .popup.myBonusCondPopup .btnBase, .popupSwitcher .switch, .profilePaySys ol .selectWr .select li, .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 .profilePaySys ol li, .selectWr .select ul li, .switchDepBtn, .taba .tab, .tourSort, .userProfileBtn, .userRefillBtn, .userWalletsInfo, button {
    cursor: pointer
}

.actionItemTitle, .activeLabel, .b, .bonusItem .btnBase, .bonusItemDesc, .bonusItemTitle, .bonusItemWagerText, .btnAuth, .btnBack, .btnBasePurple, .btnGreen, .btnGrey, .btnOrGradient, .btnOrange, .btnReg, .cpTitle, .errorText2, .errorText3, .footerSupport, .footerTitle, .gameInfo .gameLink, .gamePageInfo .btnBase, .gamePageWinners .winnerItem .desc .gain, .gamePageWinnersTitle, .jackpotPrice, .limitInputs > div .validTypeBlock span, .loadMore, .lotItemTitle, .menuName, .myBonusTitle, .nice-select .current, .notifItemBody, .notifItemHead .date, .pagination li, .popup-bonus .pTitle, .popupSwitcher .switch, .popupTitleMain, .post h2, .postLatestWr h2, .postTitle, .profileSetTitle, .profileTopWr .userName, .providersWr .selectWr select, .refControls, .refLevel, .refTitleLg, .refTitleMid, .refTitleSm, .secondaryWr h1, .secondaryWr h2, .secondaryWr h3, .secondaryWr h4, .secondaryWr h5, .secondaryWr h6, .subMenu li a, .subMenu li button, .switchDepBtn, .tableScroller .validTypeBlock .summary, .textWr h1, .textWr h2, .textWr h3, .textWr h4, .textWr h5, .textWr h6, .title, .tourItemName, .tourSort.ac, .userWalletsInfo > span, .validTitle, .validTypeBlock .cg, .validTypeBlock .gameSettingsTable > div, .validTypeBlock .limitInputs > div span, .validTypeBlock .menuFixedBtn, .validTypeBlock .tableScroller .summary, .validTypeBlock .wdwResults ol li, .wdwResults ol .validTypeBlock li, .winSum, .winTitle {
    font-weight: 600
}

.bold, .btnBase, .btnBlue, .gamesAll, .jackpotButton, .limitInputs input, .menuVerif, .notifAllBtn, .notifCounter, .notifItemBody button, .notifItemHead, .profileTitle, .titleMain, .userExit {
    font-weight: 700
}

.btnBlue.min, .btnGreen, .fs10, .gameCategoryName, .gamePageWinners .winnerItem .desc, .gamePageWinnersTitle .live, .limitAlert span.bold, .limitAlert span.btnBase, .limitAlert span.btnBlue, .limitAlert span.gamesAll, .limitAlert span.jackpotButton, .limitAlert span.menuVerif, .limitAlert span.notifAllBtn, .limitAlert span.notifCounter, .limitAlert span.notifItemHead, .limitAlert span.profileTitle, .limitAlert span.titleMain, .limitAlert span.userExit, .limitInputs > div span, .lotResultItem > div .desc, .menuFixedBtn, .menuVerif, .nice-select .current, .notifAllBtn, .notifItemBody button, .notifItemHead, .notifText, .refBalance, .refBalance .btnBase, .refTitleSm, .scInfoLink, .subGroup, .switchDepBtn, .taba .tab, .userBalance .btnBase, .userBalance span:first-child {
    font-size: 10px;
    line-height: 12px
}

#errors-footer, .activeLabel, .addCard .timeLeft, .addCard label, .alert, .bonusForm, .btnAuth, .btnBase, .btnBasePurple, .btnBlue, .btnCloseText, .btnReg, .checkLabel, .chooseAmount > div label, .cookie-popup, .depAmount, .depChoose, .depProtect, .depSum, .depositTotal > span, .error.content-error, .field-error, .footer .copyrights, .footer .license, .fs12, .gameBtnWr > span, .gameSettingsTable > div, .gamesAll, .jackpotButton, .jackpotPriceWr, .jackpotTitleLink, .jpBannerInfo .cg, .jpBannerInfo .limitInputs > div span, .jpBannerInfo .menuFixedBtn, .jpBannerInfo .wdwResults ol li, .limitAlert, .limitInputs input, .limitInputs > div .jpBannerInfo span, .limitInputs > div .popup.myBonusWinPopup .winBonus span, .limitInputs > div .winJp span, .limitWr, .lotResultItem > div .name, .lotResultItem > div .prize, .mainTitleWr .searchForm, .myBonusDesc, .myBonusInfo, .myBonusRange .rangeLine .desc, .myBonusWithdraw, .nice-select, .noActiveHint, .notifItemBody, .paySystemItem label, .popup.myBonusWinPopup .winBonus .cg, .popup.myBonusWinPopup .winBonus .gameSettingsTable > div, .popup.myBonusWinPopup .winBonus .limitInputs > div span, .popup.myBonusWinPopup .winBonus .menuFixedBtn, .popup.myBonusWinPopup .winBonus .tableScroller .summary, .popup.myBonusWinPopup .winBonus .wdwResults ol li, .popup.reg .regBonusDesc, .profileNav ul li, .profileNav ul li a, .profileNav ul li button, .profileSet, .profileTopWr .userCopy, .providersBtn, .providersItem, .providersWr .selectWr select, .radioLabel, .reviewItemText, .roundGreyBtn, .sm, .subMenu li a, .subMenu li button, .tableScroller .popup.myBonusWinPopup .winBonus .summary, .tableScroller .summary, .tourText, .underTitle, .userExit, .userId, .userRefillBtn, .validTypeBlock .cg, .validTypeBlock .menuFixedBtn, .validTypeBlock .wdwResults ol li, .validTypeTitle, .wdwProtect, .wdwResults ol .jpBannerInfo li, .wdwResults ol .popup.myBonusWinPopup .winBonus li, .wdwResults ol .validTypeBlock li, .wdwResults ol .winJp li, .winJp .cg, .winJp .gameSettingsTable > div, .winJp .limitInputs > div span, .winJp .menuFixedBtn, .winJp .wdwResults ol li, .withdrawItem {
    font-size: 12px;
    line-height: 14px
}

th, th a {
    line-height: 14px
}

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

.availBonus label, .bonusItemTitle, .btnBack, .btnGrey, .btnOrGradient, .btnOrange, .btnReturn, .contactItem, .dark, .errorText1, .filters .select2-container--krajee .select2-selection, .footer, .fs14, .gameInfo .gameLink, .gamePageWinnersTitle, .inp, .inpCodeWr, .inpFileWr .control-label, .inpFileWr .form-control, .inpLabel, .inpRadioWr, .inpWr .control-label, .inpWr .form-control, .jackpotTitle .titleMain, .lang, .limit.popup, .loadMore, .menuName, .myBonusBottom, .popup-alert-heading, .popup.deposit, .popup.infoLink, .popup.withdraw, .popupText, .popupTextWr .popupTitle, .postSm, .profilePaySys ol li, .profileTitle, .profileTopWr .userName, .ref, .ui-widget.ui-widget-content, .wdwHelp, table .filters input[type=text], table .filters select, ul.links li a {
    font-size: 14px;
    line-height: 17px
}

.block, .popup.depositExclusion p, .popup.selfExclusion p, .refTitleMid, .rule, .userBalance span, .wdwItem label {
    font-size: 14px;
    line-height: 20px
}

.bonusFilterTitle, .bonusFormTitle, .depositFailText, .faqItem, .faqQuestion .heading, .jackpotPrice, .messageContent, .myBonusTitle, .pagination li, .popup.myBonusWinPopup .winBonusType, .popup.reg .regBonus, .popupLinksWr, .postTitle, .refBottomLinks a, .refControls, .refLevels .refRow, .refTitleLg, .scInfoSub, .tourWinnerItemFirst, .tourWinnerItemFirstFirst, .winJpType {
    font-size: 16px;
    line-height: 19px
}

.validSteps .step {
    font-size: 16px
}

.block h1, .block h2, .block h3, .block h4, .bonusItem .btnBase, .btnGo, .dark h1, .dark h2, .dark h3, .dark h4, .footerSupport, .fs16, .gamePageInfoTitle, .startEnd, div.heading h1 {
    font-size: 16px;
    line-height: 19px
}

.createWallet .depTitle, .gamePageTopInfo .refBalance .info > div > span:last-child, .limitInputs > div .refBalance span, .popup.message .popupName, .refBalance .gamePageTopInfo .info > div > span:last-child, .refBalance .limitInputs > div span, .refBalance .tableScroller span.summary, .refBalance span.bonusItemDesc, .refBalance span.cg, .refBalance span.cy, .refBalance span.menuFixedBtn, .refBalance span.refLevel, .tableScroller .refBalance span.summary {
    font-size: 16px;
    line-height: 24px
}

.contactChatWr .chatTitle, .depositTotal, .errorText2, .footerTitle, .h2, .h2Up, .jpItemTitle, .limitFinal, .lotResultItem > div .place, .popup-bonus .pTitle, .popup.deposit .popupTitleMain, .popup.depositExclusion .name, .popup.myBonusCondPopup .condTitle, .popup.selfExclusion .name, .post h2, .postLatestWr h2, .profileSetTitle, .tourWinnersTitle, .wdwItem .wdwTitle {
    font-size: 20px;
    line-height: 24px
}

.actionItemTitle, .bonusItemDesc, .contactChat, .cpTitle, .faqItemTitle, .gamePageBottomName, .messageContent .heading, .popupTitleMain, .title, .validBlock .dw, .validTitle {
    font-size: 24px;
    line-height: 29px
}

.lotItemTitle, .tourItemInfo .sum, .tourItemName {
    font-size: 32px;
    line-height: 38px
}

.h2, .h2Up {
    color: #fff
}

.heading {
    margin-right: auto
}

div.heading h1 {
    padding: 0
}

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

.titleIcon {
    padding-left: 38px;
    position: relative
}

.titleIcon:before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 6px;
    background: url(/images/icon/titleIcon.svg) no-repeat left center
}

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

.titleWr {
    margin-bottom: 24px
}

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

.provList .titleWr a, .titleWr .advPageInner, .titleWr .dFjSaC, .titleWr .gamePageBack, .titleWr .menuVerif, .titleWr .provList a, .titleWr .startEnd {
    margin-left: 38px
}

.provList .titleWr a > *, .titleWr .advPageInner > *, .titleWr .dFjSaC > *, .titleWr .gamePageBack > *, .titleWr .menuVerif > *, .titleWr .provList a > *, .titleWr .startEnd > * {
    margin-right: 12px
}

.titleWr .startEnd {
    margin-top: 12px
}

.titleWr .title {
    margin-bottom: 6px
}

.titleMain:before {
    top: -12px
}

@media (min-width: 768px) {
    .title, .title2 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .title {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 0
    }

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

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

    .title2, .titleWr .title {
        margin-bottom: 0
    }
}

@media (min-width: 992px) {
    .titleWr, .titleWr > div {
        display: flex;
        align-items: center
    }

    .titleWr {
        margin-bottom: 0;
        justify-content: space-between
    }

    .titleWr > div {
        flex-wrap: wrap
    }

    .titleWr .btnBack {
        display: inline-block
    }

    .provList .titleWr a, .titleWr .advPageInner, .titleWr .dFjSaC, .titleWr .gamePageBack, .titleWr .menuVerif, .titleWr .provList a {
        margin-left: 0
    }

    .titleWr .startEnd {
        margin: 0 12px 0 0
    }

    .titleWr .title {
        margin-right: 12px
    }

    .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
}

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

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

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

.btnAuth, .btnReg {
    border-radius: 50px;
    padding: 18px
}

.actionItem, .actionItem:visited, .btnAuth, .btnAuth:visited, .btnBack, .btnBack:visited, .btnBlue, .btnBlue:visited, .btnCloseText, .btnCloseText:visited, .btnGo:visited, .btnGrey, .btnGrey:visited, .btnOrGradient, .btnOrGradient:visited, .btnOrange, .btnOrange:visited, .btnReg, .btnReg:visited, .footerNav li a, .footerNav li a:visited, .gameCategory, .gameCategory:visited, .historyTab a, .jackpotButton, .jackpotButton:visited, .loadMore, .loadMore:visited, .lotItem, .lotItem:visited, .lotItemTitle, .lotItemTitle:visited, .menu li a, .menu li a:visited, .messageItem, .messageItem:visited, .nice-select .list a, .nice-select .list a:visited, .notifAllBtn, .notifAllBtn:visited, .post, .post:visited, .postSm, .postSm:visited, .profileNav ul li a, .profileNav ul li a:visited, .profileNav ul li button, .profileNav ul li button:visited, .refBottomLinks a:visited, .roundGreyBtn, .roundGreyBtn:visited, .subMenu li a, .subMenu li a:visited, .subMenu li button, .subMenu li button:visited, .titleMain, .titleMain:visited, .tourItemInfo, .tourItemInfo:visited, .tourItemName, .tourItemName:visited, .userExit, .userExit:visited, .validBlock, .validBlock:visited, .validTypeBlock, .validTypeBlock:visited, ul.links li a, ul.links li a:visited {
    color: #fff
}

.btnAuth {
    background: rgba(237, 237, 237, .2);
    padding-right: 60px;
    margin-right: -45px
}

.btnAuth.single {
    margin: 0;
    padding: 18px 24px;
    display: inline-block
}

.btnAuth:hover {
    color: #f24e1e
}

.btnOrGradient, .btnReg {
    background: linear-gradient(to right, #ff8a51, #ff5400)
}

.btnReg:hover {
    color: #0e1018
}

.btnOrGradient {
    display: inline-block;
    width: 218px;
    padding: 13px;
    border-radius: 50px
}

.btnBase, .btnBasePurple {
    background: rgba(4, 4, 5, .5);
    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.yellow {
    border-color: #ffc671
}

.btnBase.ml0 {
    margin-left: 0
}

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

.btnBase:hover {
    border-color: transparent
}

.btnBasePurple {
    display: inline-block;
    border: 1px solid #3830a4;
    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.grey {
    border-color: #1d202b
}

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

.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;
    position: relative;
    border: 0;
    white-space: nowrap
}

.btnBack:hover {
    color: #fff
}

.btnBack:hover:before, .btnGo:hover span {
    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 {
    position: absolute;
    top: 70px;
    right: 35px;
    gap: 8px
}

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

.btnShow {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-width: max-content;
    color: #fff;
    height: 28px;
    border-radius: 5px;
    background: #292a31;
    padding: 0 6px 0 12px;
    text-transform: capitalize
}

.btnShow img {
    margin-left: 12px
}

.btnGo span, .btnShow .ico {
    transform: rotate(-90deg)
}

.btnShow.ac .ico {
    transform: rotate(0deg)
}

.btnW240 {
    max-width: 240px
}

.btnW50 {
    max-width: 50px
}

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

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

.btnOrange {
    background: #ff5400
}

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

.btnOpen {
    position: absolute;
    right: 18px;
    top: 18px
}

.btnOpen img {
    width: 15px;
    height: 15px
}

.btnOpen.ac {
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .btnOpen {
        display: none !important
    }
}

.btnGo {
    color: #fff;
    background: rgba(255, 255, 255, .1);
    border-radius: 12px;
    padding: 8px 16px;
    width: fit-content
}

.btnGo span {
    display: inline-block;
    margin-left: 30px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 18px;
    background: rgba(217, 217, 217, .24) url(/images/icon/arrowDown.svg) no-repeat center
}

.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;
    white-space: nowrap
}

.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;
    white-space: nowrap
}

.ac .btnClose {
    display: block
}

.userProfileBtn {
    border: 1px solid rgba(142, 108, 197, .1);
    background: rgba(2, 2, 2, .1);
    border-radius: 8px
}

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

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

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

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

.userProfileBtn {
    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
}

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

    .btnGrey, .btnOrange {
        padding: 14px 20px
    }

    .btnBasePurple {
        width: 230px
    }

    .btnBasePurple.small {
        width: initial
    }
}

@media (min-width: 992px) {
    .btnAuth, .btnReg {
        font-size: 14px;
        line-height: 17px;
        padding: 26px 45px 27px
    }

    .btnAuth {
        padding-right: 90px;
        margin-right: -60px
    }
}

.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
    }
}

.advPage .advTableItem, .advPageInner, .btnCloseText, .btnGo, .checkLabel .dot, .dF, .dFaC, .dFjAaC, .dFjB, .dFjBaC, .dFjCaC, .dFjEaC, .dFjSaC, .dFjSaS, .diiaBtn, .gameBtnWr, .gameCategory, .gamePageBack, .header, .inpCodeWr, .langHeading, .loadMore, .lotResultItem > div, .menuFixed, .menuFixedBtn .ico, .menuVerif, .myBonusBottom, .myBonusBottom > *, .popupSocial, .popupSocial a, .postSm, .provItemWr, .provList, .provList a, .provListCatWr, .providersItem, .radioLabel .dot, .refBottomLinks, .refLevels .refRow, .scInfoItem, .searchForm .ico, .taba .tabs, .tourSort.all, .validBlock.previewWr, .validTitle, .withdrawItem {
    display: flex
}

.btnCloseText, .btnGo, .checkLabel .dot, .dFaC, .dFjAaC, .dFjBaC, .dFjCaC, .dFjEaC, .diiaBtn, .gameBtnWr, .header, .inpCodeWr, .langHeading, .loadMore, .lotResultItem > div, .menuFixed, .menuFixedBtn .ico, .myBonusBottom, .myBonusBottom > *, .popupSocial, .popupSocial a, .postSm, .provItemWr, .provList, .provListCatWr, .providersItem, .radioLabel .dot, .refBottomLinks, .refLevels .refRow, .scInfoItem, .searchForm .ico, .tourSort.all, .validBlock.previewWr, .validTitle, .withdrawItem {
    align-items: center
}

.btnGo, .dFjB, .dFjBaC, .header, .inpCodeWr, .myBonusBottom, .provList, .refBottomLinks, .refLevels .refRow, .withdrawItem {
    justify-content: space-between
}

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

.dFjSaS, .taba .tabs {
    align-items: flex-start
}

.dFjEaC {
    justify-content: flex-end
}

.checkLabel .dot, .dFjCaC, .diiaBtn, .gameBtnWr, .loadMore, .menuFixed, .menuFixedBtn .ico, .myBonusBottom > *, .provItemWr, .radioLabel .dot, .searchForm .ico, .validBlock.previewWr {
    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
}

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

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

.availBonus label .check, .btnClose, .btnOpen, .cardHide img, .checkLabel .dot, .fav, .historyTab a > span, .icon, .menuFixedBtn .ico, .menuFixedBtn .ico svg, .messageItem img.ico, .myBonusGift .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
}

.icon.icoMenu {
    background: #020202 url(/images/new/logoMini.png) no-repeat center center
}

.icon.icoCashbox {
    background: url(/images/icon/cashbox.svg) no-repeat center center
}

.icon.icoSupport {
    background: url(/images/icon/support.svg) no-repeat center center
}

.icon.icoPromo {
    background: url(/images/icon/promo.svg) no-repeat center center
}

.icon.icoGames {
    background: url(/images/icon/all_games.svg) no-repeat center center
}

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

.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, .linkY:active, .linkY:hover, main a:active, main a:hover {
    color: #fff
}

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
}

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

.filters .select2-container--krajee .select2-selection, .inp, .inpCodeWr, .inpFileWr .form-control, .inpRadioWr, .inpWr .form-control, .profilePaySys ol li, 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, .profilePaySys ol li::-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: #acacbc
}

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

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

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

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

.inpFileWr .form-control, .inpWr .form-control, .profilePaySys ol li {
    padding: 12px 24px
}

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

.inp:focus, .inpCodeWr:focus, .inpFileWr .form-control:focus, .inpRadioWr:focus, .inpWr .form-control:focus, .profilePaySys ol li:focus {
    border-color: #ffc671;
    box-shadow: none !important
}

.inp:disabled, .inpCodeWr:disabled, .inpFileWr .form-control:disabled, .inpRadioWr:disabled, .inpWr .form-control:disabled, .profilePaySys ol li: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, .profilePaySys ol li:-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;
    height: 38px;
    border-radius: 19px;
    transition: width .4s ease
}

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

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

.inpSearch::-webkit-input-placeholder, .limitInputs input::-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
    }
}

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

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

.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 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.checkLabel input, .inpRadio, .radioLabel input {
    display: none
}

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

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

.checkLabel, .radioLabel {
    position: relative;
    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 #1d202b;
    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 .checkLabel input[name=is18has]:not(:checked) + .dot, .er .inp, .er .inpCodeWr, .er .inpFileWr .form-control, .er .inpRadioWr, .er .inpWr .form-control, .er .profilePaySys ol li, .er .radioLabel input[name="Profile[sex]"] + .dot, .inpFileWr .er .form-control, .inpWr .er .form-control, .profilePaySys ol .er li {
    border-color: #f24e1e
}

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

.selectWr {
    position: relative
}

.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, .profilePaySys ol .selectWr .select.wdw li, .selectWr .select.wdw .inp, .selectWr .select.wdw .inpCodeWr, .selectWr .select.wdw .inpFileWr .form-control, .selectWr .select.wdw .inpRadioWr, .selectWr .select.wdw .inpWr .form-control, .selectWr .select.wdw .profilePaySys ol li, .selectWr .select.wdw ul li.selectOption {
    padding-left: 62px
}

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

.selectWr .select.wdw ul li .cardHide {
    right: 0
}

@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 {
    position: relative;
    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, .profilePaySys ol .selectWr.open .select li, .selectWr.open .select .inp, .selectWr.open .select .inpCodeWr, .selectWr.open .select .inpFileWr .form-control, .selectWr.open .select .inpRadioWr, .selectWr.open .select .inpWr .form-control, .selectWr.open .select .profilePaySys ol li {
    border-color: #ffc671
}

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
}

.form-group, .intl-tel-input {
    position: relative
}

.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
}

.form-group .help-block {
    position: absolute;
    left: 0;
    top: calc(100% + 5px);
    width: 100%
}

.has-error .inp, .has-error .inpCodeWr, .has-error .inpFileWr .form-control, .has-error .inpRadioWr, .has-error .inpWr .form-control, .has-error .profilePaySys ol li, .inpFileWr .has-error .form-control, .inpWr .has-error .form-control, .profilePaySys ol .has-error li {
    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
}

.intl-tel-input .country-list::-webkit-scrollbar, .menuMobile .menu::-webkit-scrollbar, .notifItemWr::-webkit-scrollbar, .popup.providers .heading + div::-webkit-scrollbar, .popup::-webkit-scrollbar, .popupWr::-webkit-scrollbar, .scroll::-webkit-scrollbar {
    background: #1d202b;
    width: 2px;
    height: 4px
}

.intl-tel-input .country-list::-webkit-scrollbar-thumb, .menuMobile .menu::-webkit-scrollbar-thumb, .notifItemWr::-webkit-scrollbar-thumb, .popup.providers .heading + div::-webkit-scrollbar-thumb, .popup::-webkit-scrollbar-thumb, .popupWr::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb {
    background: #3830a4;
    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
}

.gameCategorySlideWr::-webkit-scrollbar, .gamesListGrid::-webkit-scrollbar, .jackpotSlide::-webkit-scrollbar, .providersFilter::-webkit-scrollbar, .tourFilterWr::-webkit-scrollbar {
    background: 0 0;
    height: 0;
    width: 0
}

.gameCategorySlideWr::-webkit-scrollbar-thumb, .gamesListGrid::-webkit-scrollbar-thumb, .jackpotSlide::-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;
    padding-top: 22px;
    background: #15131b;
    position: relative;
    box-sizing: border-box
}

body.ac {
    overflow: hidden
}

.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)
}

.videoWr {
    position: relative;
    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
}

.gameCategorySlideWr, .m01 {
    margin-bottom: 12px
}

.limitAlert, .limitWr .checkLabel, .m02, .mainTitleWr .titleMain, .pagination, .secondaryWr p, .textWr p, .underTitle {
    margin-bottom: 24px
}

.m20 {
    margin-top: 24px
}

.mb20 {
    margin-bottom: 20px
}

.mb32 {
    margin-bottom: 32px
}

.mL {
    margin-left: 12px
}

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

.limitBtns a, .limitBtns button, .notifItemBody button, .popup.verifNeed .frameBg, .profileNav ul li a, .profileNav ul li button, .refBottomLinks a, .subMenu li a, .subMenu li button, .taba .tab:after, .userWalletsInfo .select-valute .list, .validTypeTitle, .w100, table {
    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 img, .textWr img {
    max-width: 100%;
    vertical-align: top
}

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

.secondaryWr table, .secondaryWr td, .textWr table, .textWr td, body {
    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
    }
}

.activeLabel {
    display: inline-block;
    vertical-align: top;
    padding: 9px 17px;
    border-radius: 8px;
    background-color: #79c32e;
    color: #fff;
    margin-right: 13px
}

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

th a {
    padding: 13px 10px
}

table {
    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;
    white-space: nowrap
}

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%
}

.limitInputs > div .startEnd span, .startEnd .cg, .startEnd .gameSettingsTable > div, .startEnd .limitInputs > div span, .startEnd .menuFixedBtn, .startEnd .tableScroller .summary, .startEnd .wdwResults ol li, .tableScroller .startEnd .summary, .wdwResults ol .startEnd li {
    margin-bottom: 4px
}

.cg, .gameSettingsTable > div, .limitInputs > div span, .menuFixedBtn, .tableScroller .summary, .wdwResults ol li {
    color: #99a3c7
}

.clg {
    color: #d9d9d9
}

.cg1 {
    color: gray
}

.bonusItemDesc, .cy, .gamePageTopInfo .info > div > span:last-child, .popup a, .refLevel {
    color: #ffc671
}

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

.cf {
    color: #3830a4
}

.cgreen {
    color: #79c32e
}

.white {
    color: #fff
}

.cblue, .gamesAll, .profileTitle a, .profileTitle a:visited {
    color: #01d2d1
}

.withdrawItem, ul.links li a {
    background-color: #0e1018;
    border-radius: 5px
}

.capitalize {
    text-transform: capitalize
}

ul.links {
    padding: 0
}

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

ul.links li a {
    text-decoration: none;
    display: block;
    position: relative;
    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 {
    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 {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: 100%
    }
}

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

.header.ac .userInfoWr .userWalletsInfoWr, .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 {
        font-size: 12px;
        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
}

.header:before, .nice-select .list {
    display: block;
    position: absolute;
    right: 0
}

.nice-select .list {
    background: #020202;
    padding: 0 24px 0 66px;
    line-height: 24px;
    border-radius: 12px;
    width: fit-content;
    border: 0;
    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
}

.spinner {
    position: fixed;
    top: calc(50vh - 25px);
    left: calc(50vw - 25px);
    visibility: hidden;
    width: 50px;
    height: 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);
    height: 50px;
    border-radius: 50px;
    position: relative;
    z-index: 2
}

.header:before {
    max-width: 1360px;
    display: flex;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 50px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: -1
}

.header.ac {
    z-index: 11;
    position: fixed;
    left: 10px;
    top: 22px;
    width: calc(100% - 20px)
}

.header.ac .menuMobileBtn {
    background: url(/images/icon/close.svg) no-repeat center/14px
}

.headerWr {
    min-height: 50px;
    margin-bottom: 24px
}

.headerBtnWr .userStatus {
    display: none
}

.headerBtnWr .btnBorder.auth, .headerBtnWr .btnGrey.reg {
    text-transform: initial;
    font-weight: 400
}

.headerBtnWr .btnBorder.auth {
    padding-left: 30px;
    padding-right: 30px
}

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

    .header.ac {
        position: relative;
        top: initial;
        left: initial;
        width: initial
    }

    .headerWr {
        min-height: initial
    }

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

.logo {
    margin: 0 14px
}

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

@media (min-width: 375px) {
    .logo img {
        height: 30px
    }
}

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

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

    .logo img {
        height: 40px
    }
}

.userInfoWr {
    border-radius: 50px
}

@media (min-width: 992px) {
    .userInfoWr {
        padding: 11px 20px 11px 18px;
        background: rgba(237, 237, 237, .1)
    }
}

.userWalletsInfo {
    position: relative
}

@media (min-width: 992px) {
    .userWalletsInfoWr {
        padding: 4px 0
    }
}

.userStatus, .userWalletsInfo > span {
    display: block;
    font-size: 8px;
    line-height: 10px
}

.userWalletsInfo .select-valute {
    padding: 5px 16px;
    border-radius: 8px;
    background-color: rgba(153, 163, 199, .1)
}

.userWalletsInfo .select-valute .list {
    color: #fff
}

.userStatus {
    line-height: normal
}

.gameSettingsTable > div.userStatus, .limitInputs > div span.userStatus, .tableScroller .userStatus.summary, .userStatus.cg, .userStatus.menuFixedBtn, .wdwResults ol li.userStatus {
    color: #77ff9d !important;
    cursor: default
}

.gameSettingsTable > div.userStatus:visited, .limitInputs > div span.userStatus:visited, .tableScroller .userStatus.summary:visited, .userStatus.cg:visited, .userStatus.menuFixedBtn: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 {
    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 {
    white-space: nowrap;
    align-items: flex-end
}

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

.limitInputs > div .userBalance span, .tableScroller .userBalance span.summary, .userBalance .limitInputs > div span, .userBalance .tableScroller span.summary, .userBalance span.cg, .userBalance span.menuFixedBtn {
    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
    }
}

.slide, .slideWr {
    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%)
}

.gamesListGrid .gameBtnWr > span, .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
}

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

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

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

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

.footer {
    padding: 0 10px 90px
}

.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-decoration: underline;
    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: 12px;
    overflow: hidden
}

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

.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: 12px 12px 0 0;
    width: 100%;
    aspect-ratio: 3/2;
    vertical-align: top;
    object-fit: cover
}

.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: 12px 12px 0 0
}

.gameBtnWr > span {
    margin: 20px 0 6px;
    width: 100%
}

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

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

@media (min-width: 1560px) {
    .gameBtnWr > span {
        margin: 20px 0 14px
    }

    .gameBtnWr > div {
        flex-direction: row
    }

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

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

.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:active, .gamesAll:hover {
    color: #f77
}

.gamesAll:visited {
    color: #01d2d1
}

.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: 11px 4px 15px 12px
}

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

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

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

    .gamesListGrid .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
    }

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

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

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

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

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

.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: 64px;
    min-width: 64px;
    height: 68px;
    background-color: #141722;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 8px;
    border-radius: 12px;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 4px;
    position: relative
}

.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: 16px
}

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

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

@media (min-width: 992px) {
    .gameCategorySlideWr {
        width: 100%;
        overflow: initial
    }
}

@media (min-width: 1400px) {
    .gameCategory {
        width: 72px;
        height: 68px
    }

    .gameCategory:after {
        left: 20px
    }

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

@media (min-width: 1560px) {
    .gameCategorySlideWr {
        width: fit-content
    }
}

.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 {
    width: 100%;
    height: 63px;
    object-fit: cover;
    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 > .btnGo, .gamePageInfo > .dFjBaC, .gamePageInfo > .header, .gamePageInfo > .inpCodeWr, .gamePageInfo > .myBonusBottom, .gamePageInfo > .provList, .gamePageInfo > .provListCatWr, .gamePageInfo > .refBottomLinks, .gamePageInfo > .withdrawItem, .gamePageInfoTitle, .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
}

@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 {
    white-space: nowrap;
    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;
    white-space: nowrap
}

.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
}

.menu a, .menu button, .profileNav ul li a:active span, .profileNav ul li a:hover span, .profileNav ul li button:active span, .profileNav ul li button:hover span, .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
    }
}

.menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 100px;
    margin: 0
}

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

.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;
    margin-bottom: 16px;
    color: #ff3d00;
}

.menuName:hover {
    color: #f77
}

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

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

@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: 270px;
    overflow: hidden;
    background: rgba(24, 26, 33, .7);
    position: fixed;
    top: 0;
    right: 0;
    padding: 107px 10px 100px 50px
}

.menuMobile .menu {
    height: 100%;
    overflow-y: auto
}

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

.menuMobileBtn {
    width: 24px;
    height: 24px;
    margin: 0 16px;
    z-index: 1
}

.menuVerif {
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #f24e1e;
    padding: 8px 35px 8px 10px;
    color: #fff;
    position: relative
}

.menuVerif .arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 13px;
    top: 8px
}

.menuVerif .ico {
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.menuVerif:active, .menuVerif:focus {
    color: #99a3c7
}

.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);
    border-radius: 40px;
    padding: 12px 28px
}

.profileNav ul li a span, .profileNav ul li button span, .profileSet .avatar img, .profileSet .avatar label, .subGroup, .subMenu.ac {
    display: block
}

.subGroup {
    margin: 8px 0
}

.menuFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #0e1018;
    padding: 11px 10px 20px;
    z-index: 10
}

.menuFixedBtn {
    margin: 0 16px
}

.menuFixedBtn .ico {
    margin: 0 auto 3px
}

.menuFixedBtn .ico svg {
    fill: #aeb4ca;
    vertical-align: top
}

.menuFixedBtn .ico.mini svg {
    width: 18px;
    height: 18px
}

.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;
    background: #0e1018;
    border-radius: 50%;
    margin-top: -55%
}

.menuFixedBtn.main .icoWr .ico {
    width: initial;
    height: initial
}

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

.menuFixedBtn.ac .ico svg, .menuFixedBtn:active .ico svg, .menuFixedBtn:focus .ico svg {
    fill: #79c32e
}

.menuFixed .btnAuth, .menuFixed .btnReg {
    min-width: 136px;
    padding: 14px 18px;
    text-align: center
}

.menuFixed .btnAuth {
    margin-right: 14px;
    padding-right: 18px
}

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

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

.quadGrid .summary {
    display: none
}

.quadGrid > div {
    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: 18px;
    border-radius: 24px;
    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 .btnBase {
    padding: 10px 35px;
    margin: 10px 0 0
}

.bonusItemTitle {
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-bottom: 10px;
    max-width: 175px
}

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

.bonusItemWagerText {
    margin-top: 10px;
    font-size: .9em
}

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

.bonusFilterTitle, .bonusFormTitle {
    color: #fff;
    margin-bottom: 12px
}

.bonusForm {
    margin: 24px 0;
    color: #acacbc
}

.bonusForm .inp, .bonusForm .inpCodeWr, .bonusForm .inpFileWr .form-control, .bonusForm .inpRadioWr, .bonusForm .inpWr .form-control, .bonusForm .profilePaySys ol li, .inpFileWr .bonusForm .form-control, .inpWr .bonusForm .form-control, .profilePaySys ol .bonusForm li {
    margin: 12px 0
}

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

.bonusFilter {
    margin-top: 60px
}

.bonusFilter .radioLabel {
    margin: 12px 20px 16px 0
}

.bonusFilter .selectWr {
    margin-bottom: 20px
}

.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
    }

    .bonusFilter, .bonusForm {
        max-width: 500px
    }
}

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

.profileWr {
    border-radius: 20px
}

.profileWr .userRefillBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0 20px;
    position: relative;
    padding: 12px
}

.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
}

.profileAvatar {
    background-color: #1d202b;
    border-radius: 24px;
    overflow: hidden;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-right: 12px
}

.profileAvatar img {
    vertical-align: top;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.profileTopWr {
    background: rgba(14, 16, 24, .95);
    border-radius: 12px;
    margin-bottom: 8px;
    position: relative
}

.profileTopWr > div:first-child {
    padding: 10px
}

.availBonus input, .profileSet .avatar input, .profileTopWr .userRefillBtn {
    display: none
}

.profileTopWr .userName {
    max-width: 100%;
    margin: 4px 0
}

.profileTopWr .userCopy {
    border-radius: 8px;
    border: 1px solid #ffc671;
    background: #0e1018;
    padding: 3px 8px;
    position: relative
}

.profileTopWr .userCopy .ico {
    margin: 0 0 1px 16px;
    width: 12px;
    height: 12px
}

.profileTopWr .userStatus {
    position: absolute;
    right: 10px;
    top: 14px
}

.profileSet {
    padding: 0 24px 24px;
    margin-bottom: 36px;
    border-bottom: 1px solid #1d202b
}

.profileSet.btnOnly, .profileSet:first-child:last-child {
    border-bottom: 0
}

.profileSetTitle {
    margin: 24px 0 16px
}

.profileSet .formWr .intl-tel-input {
    width: 100%
}

.profileSet .formWr .enterCode {
    margin-top: 24px
}

.profileSet .formWr .help-block {
    margin: 0
}

.profileSet .formWr .radio {
    margin-top: 24px
}

.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% - 6px)
}

.profileSet .formWr .date .selectWr select, .profileSet .formWr.date .selectWr select {
    padding-left: 10px
}

.profileSet .avatar img {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    object-fit: contain;
    margin: 0 auto 24px
}

.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
}

.popup.verifNeed .profileNav ul li.frameBg, .profileNav ul .popup.verifNeed li.frameBg, .profileNav ul .taba li.tab:after, .profileNav ul .userWalletsInfo .select-valute li.list, .profileNav ul li.validTypeTitle, .profileNav ul li.w100, .taba .profileNav ul li.tab:after, .userWalletsInfo .select-valute .profileNav ul li.list {
    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;
    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
    }

    .popup.verifNeed .profileNav ul li.frameBg, .profileNav ul .popup.verifNeed li.frameBg, .profileNav ul .taba li.tab:after, .profileNav ul .userWalletsInfo .select-valute li.list, .profileNav ul li.validTypeTitle, .profileNav ul li.w100, .taba .profileNav ul li.tab:after, .userWalletsInfo .select-valute .profileNav ul li.list {
        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 ol li {
    margin-bottom: 8px;
    padding-left: 70px;
    padding-right: 40px;
    background-color: #141722;
    position: relative
}

.profilePaySys ol li:last-child {
    margin-bottom: 0
}

.userExit {
    display: block;
    border-radius: 8px;
    border: 1px solid #833846;
    padding: 12px
}

.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;
    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)
}

.limitInputs > div .validTypeBlock span, .notifItemHead .validTypeBlock span.date, .tableScroller .validTypeBlock span.summary, .validTypeBlock .limitInputs > div span, .validTypeBlock .notifItemHead span.date, .validTypeBlock .tableScroller span.summary, .validTypeBlock span.b, .validTypeBlock span.cg, .validTypeBlock span.menuFixedBtn, .validTypeBlock span.notifItemBody, .validTypeBlock span.switchDepBtn, .validTypeBlock span.tourSort.ac {
    font-size: 20px;
    line-height: 28px
}

.limitInputs > div .validTypeBlock span, .tableScroller .validTypeBlock .summary, .validTypeBlock .cg, .validTypeBlock .gameSettingsTable > div, .validTypeBlock .limitInputs > div span, .validTypeBlock .menuFixedBtn, .validTypeBlock .tableScroller .summary, .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 {
    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.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
}

.validRules a {
    text-decoration: underline
}

@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: 30px
}

.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
}

.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 35px;
    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 {
    margin-bottom: 8px
}

.mobMargin {
    margin-bottom: 24px
}

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

.mobTMargin {
    margin-bottom: 24px
}

@media (min-width: 1400px) {
    .mobTMargin {
        margin-bottom: 0
    }
}

.sendCodeWr {
    margin-bottom: 24px
}

.sendCodeWr .btnBasePurple {
    margin-top: 20px
}

@media (max-width: 767px) {
    .mainSaveBtn.fixed {
        position: fixed;
        bottom: 94px;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        z-index: 1;
        background: #0e1018
    }
}

@media (min-width: 768px) {
    .profileSet .avatar img {
        margin-left: 0
    }

    .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
    }
}

@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
    }

    .profileTopWr .userRefillBtn {
        display: flex;
        width: 180px;
        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 > * {
        width: calc(50% - 12px)
    }

    .profileSet .formWr > :nth-child(odd) {
        margin-right: 24px
    }

    .profileSet .formWr.formPassword > * {
        margin-right: 24px;
        width: calc(50% - 24px)
    }

    .profileSet .avatar > div, .profileSet .formWr .enterCode {
        display: flex;
        align-items: flex-end
    }

    .profileSet .formWr .enterCode .btnBasePurple {
        margin-left: 24px
    }

    .profileSet .formWr .phoneWr {
        margin-bottom: 0
    }

    .profileSet .avatar label, .profileSet .formWr .radio {
        margin: 0
    }

    .inpFileWr .profileSet .formWr .small.form-control, .inpWr .profileSet .formWr .small.form-control, .profilePaySys ol .profileSet .formWr li.small, .profileSet .formWr .inp.small, .profileSet .formWr .inpFileWr .small.form-control, .profileSet .formWr .inpWr .small.form-control, .profileSet .formWr .profilePaySys ol li.small, .profileSet .formWr .small.inpCodeWr, .profileSet .formWr .small.inpRadioWr {
        width: 112px
    }

    .profileSet .avatar img {
        margin: 0 22px 0 0
    }

    .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 .btnBasePurple {
        margin: 0 0 0 20px
    }

    .userExit {
        width: 355px
    }
}

@media (min-width: 1400px) {
    .profileSet {
        padding: 0 30px 24px
    }

    .profileSet .formWr .enterCode {
        margin-top: 0
    }

    .profileSet .formWr > * {
        width: calc(25% - 18px);
        margin-right: 24px
    }

    .profileSet .formWr > :nth-child(4) {
        margin-right: 0
    }

    .profileSet .formWr.formPassword > * {
        width: calc(25% - 18px)
    }

    .profileSet .avatar img {
        width: 70px;
        height: 70px;
        margin: 0 24px 0 0
    }

    .profileSetTitle {
        margin: 24px 0 36px
    }

    .profileTopWr .userRefillBtn {
        width: 320px
    }

    .profileTopWr .userRefillBtn .ico {
        display: block
    }

    .dSetsAlign {
        display: flex
    }

    .dSetsAlign > * {
        width: 50%
    }

    .dSetsAlign .profileSet {
        margin-top: -20px
    }

    .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 .btnBasePurple {
        width: calc(100% - 133px)
    }
}

@media (min-width: 1560px) {
    .profileNav ul li {
        width: 172px
    }
}

.financeWr .btnBase {
    width: 100%;
    padding: 12px 36px
}

.depProtect, .wdwProtect {
    display: flex;
    max-width: 250px;
    margin: 24px auto
}

.depProtect .ico, .wdwProtect .ico {
    opacity: .25;
    margin-right: 10px;
    width: 20px;
    min-width: 20px;
    height: 20px
}

.wdwWr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.wdwItem {
    margin-bottom: 12px;
    width: 100%
}

.wdwItem label {
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.wdwItem label .btnBase {
    cursor: pointer;
    width: 100%;
    background: rgba(4, 4, 5, .5)
}

.wdwHelp {
    margin: 24px 0 8px;
    padding: 0
}

.depChoose {
    display: block;
    margin-top: 20px
}

.depAmount {
    margin-bottom: 20px
}

.depSum {
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .depChoose {
        margin: 10px 0 30px
    }

    .depAmount {
        text-align: right;
        margin-top: 8px
    }
}

.paySystemItem label {
    padding: 18px 9px;
    border-radius: 8px;
    border: 1px solid #1d202b;
    background: #0e1018;
    margin-bottom: 4px;
    position: relative
}

.paySystemItem label .ico {
    height: 20px;
    margin-right: 16px
}

.paySystemItem .depTitle {
    display: block;
    margin-bottom: 1px
}

.paySystemItem.unactive .depTitle {
    color: #acacbc;
    position: relative
}

.paySystemItem.unactive .depTitle .ico {
    opacity: .3
}

.paySystemItem.unactive label:active .noActiveHint, .paySystemItem.unactive label:hover .noActiveHint {
    opacity: 1;
    visibility: visible
}

.paySystemSelected:checked + label {
    border-color: #ffc671
}

.wdwItem .wdwTitle {
    margin-bottom: 18px
}

.wdwItem .wdwTitle .ico {
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 8px
}

.wdwItem .ico {
    display: inline-block;
    vertical-align: top;
    max-height: 42px;
    max-width: 100%
}

.wdwItem label {
    padding: 32px 20px 24px
}

.wdwItem label .btnBase {
    margin-left: auto;
    margin-right: auto;
    max-width: 280px
}

.wdwItem:nth-child(odd) label {
    background: linear-gradient(135deg, #221414, #0b1735)
}

.wdwItem:nth-child(even) label {
    background: linear-gradient(135deg, #142215, #0b1735)
}

.wdwLimits {
    margin-bottom: 20px
}

.wdwLimits > div {
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px
}

.wdwLimits > div.violet {
    color: #99a3c7
}

.wdwLimits > div:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #99a3c7;
    position: absolute;
    left: 6px;
    top: 7px
}

.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
}

.wdwResults .white {
    color: #fff
}

.wdwResults > div {
    margin-bottom: 5px
}

.wdwInput {
    position: relative
}

.wdwInput .userAmount {
    font-size: 14px;
    position: absolute;
    right: 16px;
    top: 16px
}

.wdwUnpossible {
    border-radius: 12px;
    border: 1px solid #1d202b;
    background: #141722;
    padding: 8px 20px;
    width: fit-content
}

.profileSet .formWr .wdwUnpossible .help-block, .wdwUnpossible .cr, .wdwUnpossible .profileSet .formWr .help-block {
    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
}

.customAmount {
    max-width: 550px
}

.withdrawItem {
    margin-bottom: 8px;
    padding: 12px;
    width: 100%;
    white-space: nowrap
}

.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
}

.addCard > div {
    position: relative
}

.addCard .timeLeft, .addCard label {
    margin-bottom: 4px
}

.addCard .timeLeft span {
    min-width: 43px;
    display: inline-block
}

.addCard .btnGreen, .cardHide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.addCard .btnGreen {
    right: 16px;
    min-width: 123px
}

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

.cardHide img {
    vertical-align: top
}

.createWallet {
    margin-top: 40px
}

.cpWr .btnBase, .createWallet .btnBase {
    margin-top: 20px
}

.depositFailText {
    margin-top: 24px;
    padding: 0 12px
}

.depositFailBtn a {
    max-width: 200px;
    margin: 24px auto 0
}

.cpWr {
    background: linear-gradient(to right, #1e1422, #140e3c);
    border-radius: 24px;
    padding: 40px 32px 24px;
    max-width: 470px
}

.cpWr .btnBase {
    width: 100% !important
}

.cpTitle {
    display: block
}

.cpBalance, .popup.depositExclusion p, .popup.selfExclusion p {
    margin-bottom: 20px
}

.cpBalance > div {
    text-align: right
}

.cpSum {
    margin-bottom: 8px
}

.availBonus {
    margin: 0 10px 10px 0
}

.availBonuses form {
    overflow-x: auto;
    max-width: 550px
}

.availBonus:last-child, .switchDepBtn:last-child {
    margin-right: 0
}

.availBonus label {
    position: relative;
    display: block;
    border: 1px solid transparent;
    width: 195px;
    color: #fff
}

.availBonus label .ico {
    display: block;
    width: 100%;
    height: 75px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #1d202b;
    overflow: hidden;
    object-fit: cover
}

.availBonus label .check {
    background-color: #1d202b;
    border: 1px solid #99a3c7;
    border-radius: 12px;
    position: absolute;
    top: 7px;
    left: 10px
}

.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
}

.switchDepWr {
    margin: 30px 0 20px;
    border-bottom: 1px solid #1d202b;
    padding-bottom: 20px
}

.switchDepBtn {
    color: #99a3c7;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding: 8px 16px;
    white-space: nowrap
}

.switchDepBtn.ac {
    border-color: #ffc671;
    color: #fff;
    cursor: default
}

.switchDepBtnWr, .tableLottery tbody tr {
    border-bottom: 1px solid #1d202b
}

.switchDepContent {
    padding-top: 12px
}

.depBonusForm {
    position: relative;
    width: 100%;
    max-width: 550px
}

.depBonusForm .btnBasePurple {
    width: min-content;
    padding: 6px;
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 10px
}

.depositAlert {
    display: none;
    margin: 15px 0;
    padding: 18px;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 8px;
    font-size: 16px
}

.depositAlertInner {
    max-width: 400px;
    margin: auto
}

.depositAlert .btnBasePurple {
    font-size: 16px;
    width: max-content;
    padding: 10px 24px
}

.depositAlert.ac {
    display: block
}

.submitDepositJS:disabled {
    cursor: not-allowed;
    opacity: .5
}

.depositTotal {
    margin: 26px 0;
    font-weight: 700
}

.depositTotal > span {
    display: block;
    margin-bottom: 7px
}

.noActiveHint {
    color: #f24e1e;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    text-transform: none;
    padding: 12px 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    width: calc(100% - 40px);
    opacity: 0;
    visibility: hidden
}

@media (min-width: 768px) {
    .financeWr .btnBase {
        width: 250px;
        margin-left: 0;
        margin-top: 24px
    }

    .createWallet {
        width: calc(50% - 12px)
    }

    .wdwItem, .wdwWr {
        margin-bottom: 24px
    }

    .wdwItem {
        width: calc(50% - 12px);
        margin-right: 24px
    }

    .wdwItem:nth-child(even) {
        margin-right: 0
    }

    .wdwItem label .btnBase {
        margin-left: 0;
        width: max-content
    }

    .chooseAmount > div {
        margin-right: 12px
    }

    .chooseAmount > div label {
        padding: 12px 24px
    }
}

@media (min-width: 992px) {
    .cpTitle {
        font-size: 32px
    }

    .cpBalance > div {
        font-size: 16px
    }

    .depositTotal {
        text-align: left;
        margin: 36px 0 17px
    }

    .depositTotal:empty {
        display: none
    }
}

@media (min-width: 1400px) {
    .createWallet, .wdwItem {
        width: calc(25% - 18px)
    }

    .wdwItem:nth-child(even) {
        margin-right: 24px
    }

    .wdwItem:nth-child(4n) {
        margin-right: 0
    }
}

.historyTab {
    padding-bottom: 24px
}

.historyTaba table td img {
    vertical-align: middle;
    height: 32px
}

.historyTab a {
    text-decoration: none;
    position: relative;
    padding-left: 35px
}

.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
}

.messageWr {
    padding-top: 0;
    margin-top: -10px
}

.messageBtns {
    margin-bottom: 14px;
    float: right;
    margin-top: -50px
}

.messageItem {
    display: block;
    margin-bottom: 4px;
    background-color: #141722;
    border-radius: 8px;
    padding: 12px 14px 12px 54px;
    position: relative
}

.messageItem img.ico {
    vertical-align: top;
    position: absolute;
    top: 8px;
    left: 14px
}

.messageItem img.ico.old {
    opacity: .1
}

.messageItem span {
    display: inline-block;
    vertical-align: top
}

.messageItemTitle {
    margin-right: 10px
}

.messageContent {
    padding-top: 20px
}

.messageContent .date {
    margin: 8px 0 27px;
    font-size: 14px
}

.messageCopy {
    position: absolute;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 5px;
    background: #79c32e;
    margin-left: -8px;
    display: none
}

.messageContent span, .messageCopy.ac, .popup.ac .popupTitleM {
    display: block
}

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

    .messageItem .date {
        float: right
    }

    .messageBtns {
        margin-bottom: 20px;
        justify-content: flex-start
    }

    .messageContent {
        padding-top: 0
    }
}

.popup, .popupWr {
    position: fixed;
    max-width: 100%;
    background: rgba(14, 16, 24, .9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 1000
}

.cookie-popup {
    position: fixed;
    top: initial;
    padding: 60px 24px 24px;
    z-index: 1000;
    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
    }
}

.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.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.reg {
    background: linear-gradient(-145deg, #375017 0, transparent 43%), #020202
}

.popup.reg .regBonus {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0 12px
}

.popup.reg .regBonusLogo {
    width: 185px;
    vertical-align: top;
    margin-bottom: 5px
}

.popup.reg .regBonusImg {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 160px
}

.popup.reg .regBonusDesc {
    display: block;
    letter-spacing: 6px;
    margin-top: 100px
}

@media screen and (max-width: 767px) {
    .popup.reg .regTop {
        background-color: rgba(2, 2, 2, .2);
        padding: 16px 24px 14px;
        margin-bottom: 14px;
        text-align: center;
        width: calc(100% + 24px);
        margin-left: -12px
    }

    .popup.reg .regTop .popupSocial {
        justify-content: center;
        margin-bottom: 0
    }

    .popup.reg .regTop .popupSocial li:last-child a {
        margin-right: 0
    }
}

.popup.enter {
    background: linear-gradient(-145deg, #504317 0, transparent 50%), #020202
}

.popup.recov {
    background: linear-gradient(-145deg, #502117 0, transparent 50%), #020202
}

.popup.deposit, .popup.withdraw {
    background: linear-gradient(-145deg, #181750 0, transparent 50%), #020202
}

.popup.deposit .btnBase, .popup.withdraw .btnBase {
    min-width: 250px
}

.popup.deposit .popupTitleMain {
    margin-top: 40px
}

.popup.deposit .depWr {
    width: 100%;
    padding: 40px 12px 12px;
    position: relative
}

.popup.deposit .depWr .btnClose {
    position: static
}

@media screen and (min-width: 768px) {
    .popup.deposit .depWr {
        margin: 100px auto 30px
    }

    .popup.deposit .depWr .depStep1 {
        width: 265px;
        min-width: 265px;
        margin-right: 44px
    }

    .popup.deposit .depWr .depStep1 .btnBase {
        display: none
    }

    .popup.deposit .depWr .depStep1 > span {
        display: block
    }
}

@media screen and (min-width: 1200px) {
    .popup.deposit .depWr {
        margin: 100px auto 30px;
        max-width: 920px
    }
}

.popup.deposit .btnBase.dis, .popup.deposit .btnBase:disabled {
    pointer-events: none
}

.popup.ref {
    background: linear-gradient(-145deg, #503725 0, transparent 50%), #0e1018
}

.popup.ref .popupTitleMain {
    margin-top: 90px
}

.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: 300px
}

@media (min-width: 992px) {
    .popupImage {
        right: 22%;
        max-width: 400px
    }
}

@media (min-width: 1200px) {
    .popupImage {
        right: 50%;
        transform: translateX(100%);
        max-width: 555px;
        top: 120px
    }
}

.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 12px 12px;
    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
}

.popupWr {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
    transform-origin: 50% 100%
}

.popupWr.ac {
    visibility: visible;
    transform: scale(1);
    opacity: 1
}

.lotResultItem > div span, .popupWr.ac, .popupWr.ac .popupTitleM, .tourInfo .fee span {
    display: block
}

.inpFileWr .popup .form-control, .inpWr .popup .form-control, .popup .inp, .popup .inpCodeWr, .popup .inpFileWr .form-control, .popup .inpRadioWr, .popup .inpWr .form-control, .popup .profilePaySys ol li, .profilePaySys ol .popup li {
    padding-top: 15px;
    padding-bottom: 15px
}

.popup .inpFileWr, .popup .inpWr {
    margin-bottom: 24px
}

.popupLinksWr {
    margin-top: 24px
}

.popupLinksWr > span {
    display: inline-block;
    margin: 0 12px
}

.popup.myBonusAcceptPopup, .popup.myBonusCondPopup {
    background: linear-gradient(-145deg, #181750 0, transparent 50%), #1d202b;
    padding: 40px 24px 24px
}

.popup.myBonusCondPopup .conditionsList {
    margin: 30px 0;
    max-width: 400px
}

.popup.myBonusCondPopup .myBonusTitle {
    margin: 4px 0 22px
}

.checkLabel .popup.myBonusCondPopup .dot, .menuFixedBtn .popup.myBonusCondPopup .ico, .popup.myBonusCondPopup .checkLabel .dot, .popup.myBonusCondPopup .dFjCaC, .popup.myBonusCondPopup .diiaBtn, .popup.myBonusCondPopup .gameBtnWr, .popup.myBonusCondPopup .loadMore, .popup.myBonusCondPopup .menuFixed, .popup.myBonusCondPopup .menuFixedBtn .ico, .popup.myBonusCondPopup .myBonusBottom > *, .popup.myBonusCondPopup .provItemWr, .popup.myBonusCondPopup .radioLabel .dot, .popup.myBonusCondPopup .scInfoItem, .popup.myBonusCondPopup .searchForm .ico, .popup.myBonusCondPopup .validBlock.previewWr, .radioLabel .popup.myBonusCondPopup .dot, .searchForm .popup.myBonusCondPopup .ico {
    flex-direction: column-reverse;
    margin-top: 30px
}

.popup.myBonusCondPopup .btnBase {
    min-width: 250px;
    margin-bottom: 12px;
    justify-content: center
}

.popup.myBonusCondPopup .btnBase.grey {
    border-color: #99a3c7
}

.popup.myBonusAcceptPopup {
    padding: 40px 10px 10px;
    font-size: 14px;
    line-height: 24px
}

.popup.myBonusAcceptPopup .btnClose {
    position: static
}

.checkLabel .popup.myBonusAcceptPopup .dot, .menuFixedBtn .popup.myBonusAcceptPopup .ico, .popup.myBonusAcceptPopup .checkLabel .dot, .popup.myBonusAcceptPopup .dFjCaC, .popup.myBonusAcceptPopup .diiaBtn, .popup.myBonusAcceptPopup .gameBtnWr, .popup.myBonusAcceptPopup .loadMore, .popup.myBonusAcceptPopup .menuFixed, .popup.myBonusAcceptPopup .menuFixedBtn .ico, .popup.myBonusAcceptPopup .myBonusBottom > *, .popup.myBonusAcceptPopup .provItemWr, .popup.myBonusAcceptPopup .radioLabel .dot, .popup.myBonusAcceptPopup .scInfoItem, .popup.myBonusAcceptPopup .searchForm .ico, .popup.myBonusAcceptPopup .validBlock.previewWr, .radioLabel .popup.myBonusAcceptPopup .dot, .searchForm .popup.myBonusAcceptPopup .ico {
    flex-direction: column-reverse;
    margin-top: 30px
}

.popup.myBonusAcceptPopup .acceptTitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    margin-bottom: 18px;
    gap: 12px
}

.gamePageTopInfo .popup.myBonusAcceptPopup .acceptTitle .info > div > span:last-child, .popup.myBonusAcceptPopup .acceptTitle .bonusItemDesc, .popup.myBonusAcceptPopup .acceptTitle .cy, .popup.myBonusAcceptPopup .acceptTitle .gamePageTopInfo .info > div > span:last-child, .popup.myBonusAcceptPopup .acceptTitle .refLevel, .popup.myBonusAcceptPopup .acceptTitle a {
    font-size: 24px
}

.popup.myBonusAcceptPopup .acceptText {
    color: #acacbc
}

.popup.myBonusAcceptPopup .bonusAcImage {
    max-width: 100%;
    vertical-align: top
}

.popup.myBonusAcceptPopup .popupInner {
    margin-top: 30%
}

.popup.myBonusAcceptPopup .popupInner .m33 {
    margin: 30px 0;
    display: block
}

.popup.myBonusAcceptPopup .btnBase {
    min-width: 250px;
    margin-bottom: 12px;
    justify-content: center
}

.popup.myBonusAcceptPopup .btnBase.grey {
    border-color: #99a3c7
}

.popup.myBonusAcceptPopup .btnBase.grey:hover {
    border-color: transparent
}

.popup.myBonusWinPopup {
    padding: 40px 24px 24px;
    background: linear-gradient(-145deg, #185017 0, transparent 50%), url(/images/bonus/fest.png) no-repeat center top/cover, #1d202b
}

.popup.myBonusWinPopup .btnClose {
    position: static
}

.popup.myBonusWinPopup .btnBase {
    width: 228px;
    margin: 0 auto
}

.popup.myBonusWinPopup .textWin {
    font-size: 48px;
    line-height: 58px;
    margin: 80px 0 8px
}

.popup.myBonusWinPopup .winBonus {
    background: rgba(14, 16, 24, .6);
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    padding: 23px;
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-bottom: 24px
}

.popup.myBonusWinPopup .winBonusType {
    margin-bottom: 2px
}

.popup.myBonusWinPopup .winBonusSum {
    font-size: 36px;
    line-height: normal;
    margin-bottom: 7px
}

.popup.infoLink {
    background-color: #141722;
    padding: 88px 24px 40px
}

.popup.infoLink .icon {
    vertical-align: top;
    width: 52px;
    height: 52px
}

.popup.infoLink .popupInner .name {
    margin: 36px 0 20px
}

.popup.infoLink .inpFileWr, .popup.infoLink .inpWr, .popup.infoLink .popupInner .btnBase {
    margin-top: 40px
}

.popup.depositExclusion, .popup.selfExclusion {
    padding: 60px 10px 40px;
    background: #141722
}

.checkLabel .popup.depositExclusion .dot, .checkLabel .popup.selfExclusion .dot, .menuFixedBtn .popup.depositExclusion .ico, .menuFixedBtn .popup.selfExclusion .ico, .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 .myBonusBottom > *, .popup.depositExclusion .provItemWr, .popup.depositExclusion .radioLabel .dot, .popup.depositExclusion .scInfoItem, .popup.depositExclusion .searchForm .ico, .popup.depositExclusion .validBlock.previewWr, .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 .myBonusBottom > *, .popup.selfExclusion .provItemWr, .popup.selfExclusion .radioLabel .dot, .popup.selfExclusion .scInfoItem, .popup.selfExclusion .searchForm .ico, .popup.selfExclusion .validBlock.previewWr, .radioLabel .popup.depositExclusion .dot, .radioLabel .popup.selfExclusion .dot, .searchForm .popup.depositExclusion .ico, .searchForm .popup.selfExclusion .ico {
    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.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.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
}

@media (min-width: 768px) {
    .popup {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: initial;
        height: initial;
        max-height: 90vh;
        border-radius: 24px
    }

    .popup.reg .regBonus {
        margin-left: 0;
        text-align: left;
        padding: 40px 0;
        font-size: 15px
    }

    .popup.reg .regBonus .regBonusImg {
        left: 0;
        bottom: 25px;
        transform: none
    }

    .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.myBonusAcceptPopup, .popup.myBonusCondPopup {
        width: 724px;
        padding: 40px 24px 30px;
        height: initial;
        background: #141722
    }

    .checkLabel .popup.myBonusCondPopup .dot, .menuFixedBtn .popup.myBonusCondPopup .ico, .popup.myBonusCondPopup .checkLabel .dot, .popup.myBonusCondPopup .dFjCaC, .popup.myBonusCondPopup .diiaBtn, .popup.myBonusCondPopup .gameBtnWr, .popup.myBonusCondPopup .loadMore, .popup.myBonusCondPopup .menuFixed, .popup.myBonusCondPopup .menuFixedBtn .ico, .popup.myBonusCondPopup .myBonusBottom > *, .popup.myBonusCondPopup .provItemWr, .popup.myBonusCondPopup .radioLabel .dot, .popup.myBonusCondPopup .scInfoItem, .popup.myBonusCondPopup .searchForm .ico, .popup.myBonusCondPopup .validBlock.previewWr, .radioLabel .popup.myBonusCondPopup .dot, .searchForm .popup.myBonusCondPopup .ico {
        flex-direction: row;
        margin-top: 12px
    }

    .popup.myBonusCondPopup .btnBase {
        margin: 0 8px
    }

    .popup.myBonusAcceptPopup {
        max-width: 100%;
        padding: 10px 10px 40px
    }

    .popup.myBonusAcceptPopup .btnReturn {
        visibility: hidden
    }

    .popup.myBonusAcceptPopup .acceptTitle {
        flex-direction: row;
        gap: 5px;
        text-transform: uppercase;
        font-weight: 700;
        justify-content: center
    }

    .gamePageTopInfo .popup.myBonusAcceptPopup .acceptTitle .info > div > span:last-child, .popup.myBonusAcceptPopup .acceptTitle .bonusItemDesc, .popup.myBonusAcceptPopup .acceptTitle .cy, .popup.myBonusAcceptPopup .acceptTitle .gamePageTopInfo .info > div > span:last-child, .popup.myBonusAcceptPopup .acceptTitle .refLevel, .popup.myBonusAcceptPopup .acceptTitle a {
        font-size: 15px
    }

    .popup.myBonusAcceptPopup .acceptText {
        width: fit-content;
        margin: 12px auto;
        border-radius: 12px;
        background: #0e1018;
        padding: 6px 20px;
        max-width: 486px
    }

    .popup.myBonusAcceptPopup .acceptText .cgreen {
        text-transform: uppercase;
        font-weight: 700
    }

    .popup.myBonusAcceptPopup .bonusAcImage {
        max-width: 290px
    }

    .popup.myBonusAcceptPopup .popupInner {
        max-width: 555px;
        margin: 0 auto
    }

    .popup.myBonusAcceptPopup .popupInner .m33 {
        margin: 15px 0
    }

    .checkLabel .popup.myBonusAcceptPopup .dot, .menuFixedBtn .popup.myBonusAcceptPopup .ico, .popup.myBonusAcceptPopup .checkLabel .dot, .popup.myBonusAcceptPopup .dFjCaC, .popup.myBonusAcceptPopup .diiaBtn, .popup.myBonusAcceptPopup .gameBtnWr, .popup.myBonusAcceptPopup .loadMore, .popup.myBonusAcceptPopup .menuFixed, .popup.myBonusAcceptPopup .menuFixedBtn .ico, .popup.myBonusAcceptPopup .myBonusBottom > *, .popup.myBonusAcceptPopup .provItemWr, .popup.myBonusAcceptPopup .radioLabel .dot, .popup.myBonusAcceptPopup .scInfoItem, .popup.myBonusAcceptPopup .searchForm .ico, .popup.myBonusAcceptPopup .validBlock.previewWr, .radioLabel .popup.myBonusAcceptPopup .dot, .searchForm .popup.myBonusAcceptPopup .ico {
        flex-direction: row;
        margin-top: 12px
    }

    .popup.myBonusAcceptPopup .btnBase {
        margin: 0 8px
    }

    .popup.myBonusWinPopup {
        background: url(/images/bonus/fest.png) no-repeat center top/cover, url(/images/bonus/confetti.png) no-repeat center top/contain, radial-gradient(circle at center top, #185017 -20%, transparent 50%), #0e1017
    }

    .popup.myBonusWinPopup .popupInner {
        max-width: 900px;
        margin: 60px auto 0
    }

    .popup.myBonusWinPopup .textWin {
        margin: 140px 0 4px
    }

    .popup.myBonusWinPopup .winBonus {
        background: url(/images/bonus/bonusWinBg.png) no-repeat center/100% 100%;
        width: 600px;
        margin: 0 auto 24px;
        backdrop-filter: none
    }

    .popup.myBonusWinPopup .winBonusSum {
        font-size: 40px
    }

    .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
    }

    .checkLabel .popup.depositExclusion .dot, .checkLabel .popup.selfExclusion .dot, .menuFixedBtn .popup.depositExclusion .ico, .menuFixedBtn .popup.selfExclusion .ico, .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 .myBonusBottom > *, .popup.depositExclusion .provItemWr, .popup.depositExclusion .radioLabel .dot, .popup.depositExclusion .scInfoItem, .popup.depositExclusion .searchForm .ico, .popup.depositExclusion .validBlock.previewWr, .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 .myBonusBottom > *, .popup.selfExclusion .provItemWr, .popup.selfExclusion .radioLabel .dot, .popup.selfExclusion .scInfoItem, .popup.selfExclusion .searchForm .ico, .popup.selfExclusion .validBlock.previewWr, .radioLabel .popup.depositExclusion .dot, .radioLabel .popup.selfExclusion .dot, .searchForm .popup.depositExclusion .ico, .searchForm .popup.selfExclusion .ico {
        flex-direction: row
    }

    .popup.depositExclusion .btnBase, .popup.selfExclusion .btnBase {
        margin: 0 6px
    }

    .popup.limit, .popup.verifNeed {
        padding: 80px 40px 40px;
        width: 600px
    }

    .popup.limit .btnCloseText {
        top: 30px;
        right: 40px
    }

    .popup.limit.accept {
        padding: 80px 30px 30px
    }
}

@media (min-width: 1200px) {
    .popup .returnWr {
        width: calc(100% + 300px)
    }

    .popup.myBonusAcceptPopup .returnWr, .popup.myBonusWinPopup .returnWr {
        width: initial
    }

    .popup.infoLink .popupInner .btnBase {
        margin-left: auto
    }

    .popup .btnBase {
        margin-left: 0
    }

    .popupLinksWr {
        text-align: left
    }

    .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, #504317 -20%, transparent 50%), #020202
    }

    .popup.recov {
        background: radial-gradient(circle at center top, #502117 -20%, transparent 50%), #020202
    }

    .popup.deposit, .popup.withdraw {
        background: radial-gradient(circle at center top, #181750 -20%, transparent 50%), #020202;
        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.deposit .popupFormWr .profilePaySys ol li, .popup.withdraw .popupFormWr .inp, .popup.withdraw .popupFormWr .inpCodeWr, .popup.withdraw .popupFormWr .inpFileWr .form-control, .popup.withdraw .popupFormWr .inpRadioWr, .popup.withdraw .popupFormWr .inpWr .form-control, .popup.withdraw .popupFormWr .profilePaySys ol li, .profilePaySys ol .popup.deposit .popupFormWr li, .profilePaySys ol .popup.withdraw .popupFormWr li {
        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.deposit .popupFormWr .profilePaySys ol li::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, .popup.withdraw .popupFormWr .profilePaySys ol li::placeholder, .profilePaySys ol .popup.deposit .popupFormWr li::placeholder, .profilePaySys ol .popup.withdraw .popupFormWr li::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 .depProtect, .popup.deposit .wdwProtect, .popup.withdraw .depProtect, .popup.withdraw .wdwProtect {
        display: inline-flex;
        vertical-align: top;
        margin-left: 30px
    }

    .popup.deposit .returnWr {
        width: 100%
    }

    .popup.ref {
        background: radial-gradient(circle at center top, #503725 -20%, transparent 50%), #0e1018
    }

    .popup.ref .popupFormWr {
        padding-right: 12px;
        max-width: 940px
    }

    .popup.ref .popupTitleMain {
        margin-top: 60px
    }
}

.popupTitleM {
    display: none;
    font-size: 14px;
    color: #fff;
    margin-bottom: 24px;
    text-transform: initial
}

.currencies {
    min-width: 200px
}

.inpCodeWr {
    padding: 0 12px !important
}

.inpCodeWr .inp, .inpCodeWr .inpCodeWr, .inpCodeWr .inpFileWr .form-control, .inpCodeWr .inpRadioWr, .inpCodeWr .inpWr .form-control, .inpCodeWr .profilePaySys ol li, .inpFileWr .inpCodeWr .form-control, .inpWr .inpCodeWr .form-control, .profilePaySys ol .inpCodeWr li {
    border-color: transparent
}

.inpCodeWr > .btnBase {
    max-width: max-content;
    border-radius: 10px;
    padding: 6px;
    font-size: 12px;
    white-space: nowrap
}

.popupSwitcher {
    display: flex;
    border-bottom: 1px solid #1d202b;
    margin-bottom: 24px
}

.popupSwitcher .switch {
    color: #acacbc;
    padding: 0 18px 10px;
    font-size: 12px;
    line-height: 22px;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px
}

.popupSwitcher .switch.ac {
    color: #fff;
    border-bottom: 2px solid #3830a4
}

.timerWr .days, .timerWr .hours, .timerWr .minutes, .timerWr .seconds {
    min-width: 20px;
    display: inline-block
}

.gameSearchWr {
    position: relative;
    margin: 36px 0 24px
}

.gameSearchWr .title2 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0
}

.gameSearchWr .searchForm {
    top: -6px;
    right: 0;
    font-size: 12px
}

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

    .gameSearchWr .searchForm {
        top: 0
    }
}

@media (min-width: 992px) {
    .gameSearchWr .searchForm {
        top: -10px
    }
}

.tourFilterWr {
    white-space: nowrap;
    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
    }
}

.tourWr {
    background: rgba(14, 16, 24, .8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 12px;
    padding: 10px
}

.tourItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 12px;
    background: linear-gradient(to top, #151822, rgba(21, 24, 34, 0));
    min-height: 310px;
    padding: 18px 26px
}

@media (min-width: 992px) {
    .tourItem {
        margin-bottom: 16px
    }
}

.tourItem.finished {
    filter: grayscale(1)
}

.tourItemInfo {
    font-size: 12px
}

@media (min-width: 992px) {
    .tourItemInfo .sum {
        font-size: 40px;
        line-height: 48px
    }
}

.tourItemInfo .pay {
    font-size: 14px
}

.tourItemInfo, .tourItemName {
    display: block;
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .tourItemName {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 0
    }
}

.tourItemImg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    z-index: -1
}

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

    .tourItemFlex {
        display: flex;
        align-items: flex-start
    }

    .tourItemFlex .btnGo {
        margin-left: 90px
    }
}

.tourBanner {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 24px
}

.lotBanner img, .tourBanner img {
    width: 100%;
    vertical-align: top
}

.tourInfo {
    background: #141722;
    border-radius: 0 24px 24px 0;
    margin-bottom: 24px;
    padding: 16px 20px;
    margin-left: -10px
}

.tourInfo .btnBase {
    width: 100%
}

.tourInfo .fee {
    margin: 16px 0
}

.tourDesc {
    font-size: 12px;
    line-height: 20px;
    color: #d9d9d9
}

.tourDesc ol, .tourDesc ul {
    list-style-position: outside;
    padding-left: 16px
}

.tourDesc ol, .tourDesc p, .tourDesc ul {
    margin: 10px 0
}

@media (min-width: 992px) {
    .tourDesc {
        font-size: 16px;
        line-height: 24px
    }
}

.tourPrice {
    font-size: 12px;
    margin-bottom: 8px
}

.gamePageTopInfo .tourPrice .info > div > span:last-child, .popup .tourPrice a, .tourPrice .bonusItemDesc, .tourPrice .cy, .tourPrice .gamePageTopInfo .info > div > span:last-child, .tourPrice .popup a, .tourPrice .refLevel {
    font-size: 32px
}

.tourTime {
    font-size: 16px;
    margin: 5px 0 18px
}

.tourTime:last-child {
    margin-bottom: 8px
}

.tourText {
    color: #acacbc;
    padding: 12px 0 24px
}

.tourWinnersTitle {
    display: block;
    margin-bottom: 16px
}

.tourWinners .list-view > div:first-child .tourWinnerItem:before {
    background-color: #ffc671
}

.tourWinners .list-view > div:nth-child(2) .tourWinnerItem:before {
    background-color: #99a3c7
}

.tourWinners .list-view > div:nth-child(3) .tourWinnerItem:before {
    background-color: #f24e1e
}

.tourWinnerItem {
    margin-bottom: 4px;
    background-color: #141722;
    padding: 8px 14px 8px 19px
}

.tourWinnerItem, .tourWinnerItemFirst {
    border-radius: 8px;
    position: relative
}

.tourWinnerItem:before {
    background-color: #1d202b
}

.tourWinnerItem:before, .tourWinnerItemFirst:before {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: -3px
}

.tourWinnerItemFirst, .tourWinnerItemFirstFirst {
    margin-bottom: 16px;
    background-color: #1d202b;
    padding: 12px 14px 12px 19px
}

.tourWinnerItemFirst:before, .tourWinnerItemFirstFirst:before {
    background-color: #3830a4
}

@media (min-width: 992px) {
    .tourWr {
        padding: 36px 45px
    }

    .tourInfo {
        justify-content: space-between;
        padding: 16px 25px 16px 44px;
        margin-left: -44px
    }

    .tourInfo, .tourInfo .rightBlock {
        display: flex;
        align-items: center
    }

    .tourInfo .rightBlock > * {
        margin-left: 36px
    }

    .tourInfo .fee {
        margin: 0 0 0 36px
    }

    .limitInputs > div .tourInfo .fee span, .tableScroller .tourInfo .fee .summary, .tourInfo .fee .cg, .tourInfo .fee .gameSettingsTable > div, .tourInfo .fee .limitInputs > div span, .tourInfo .fee .menuFixedBtn, .tourInfo .fee .tableScroller .summary, .tourInfo .fee .wdwResults ol li, .wdwResults ol .tourInfo .fee li {
        margin-bottom: 5px
    }

    .tourPrice, .tourTime, .tourTime:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 1400px) {
    .tourDGrid {
        display: flex;
        justify-content: space-between
    }

    .tourDGrid > div:first-child {
        width: 100%
    }

    .tourWinners {
        margin-left: 24px;
        min-width: 360px;
        width: 400px
    }

    .tourWinnersTitle {
        text-align: left;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 12px
    }
}

.lotItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(to top, #151822, rgba(21, 24, 34, 0));
    margin-bottom: 12px;
    position: relative;
    min-height: 310px;
    padding: 18px 24px 16px
}

.lotItemTitle {
    margin-bottom: 15px;
    display: block
}

.lotItemImg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    z-index: -1
}

.lotItem.finished {
    filter: grayscale(1)
}

@media (min-width: 992px) {
    .lotItem {
        padding: 18px 44px 48px;
        margin-bottom: 16px
    }

    .lotItemTitle {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 0
    }

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

.lotBanner {
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 24px
}

.lotWr {
    background: rgba(14, 16, 24, .8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 36px
}

.lotInfo {
    background: #141722;
    border-radius: 0 24px 24px 0;
    margin-bottom: 24px;
    padding: 16px 20px;
    margin-left: -10px
}

.lotInfo .btnBase {
    width: 100%
}

.lotDesc {
    font-size: 12px;
    line-height: 20px;
    color: #d9d9d9;
    margin: 8px 0 24px
}

.lotDesc ol, .lotDesc ul {
    list-style-position: outside;
    padding-left: 16px
}

.lotDesc ol, .lotDesc p, .lotDesc ul {
    margin: 10px 0
}

.lotDesc ol:first-child, .lotDesc p:first-child, .lotDesc ul:first-child {
    margin-top: 0
}

@media (min-width: 992px) {
    .lotDesc {
        font-size: 16px;
        line-height: 24px
    }
}

.lotBtns .btnBase {
    margin: 6px 0
}

.lotPrice {
    font-size: 12px;
    margin-bottom: 8px
}

.gamePageTopInfo .lotPrice .info > div > span:last-child, .lotPrice .bonusItemDesc, .lotPrice .cy, .lotPrice .gamePageTopInfo .info > div > span:last-child, .lotPrice .popup a, .lotPrice .refLevel, .popup .lotPrice a {
    font-size: 32px
}

.lotTime {
    font-size: 16px;
    margin: 5px 0 18px
}

.lotPrize {
    background-color: #141722;
    margin-bottom: 4px;
    border-radius: 0 8px 8px 0;
    border-left: 3px solid #ffc671;
    padding: 8px 16px
}

.lotPrizeWr {
    padding: 20px 12px 24px;
    margin: 0 -10px 14px;
    background: rgba(29, 32, 43, .35)
}

.lotPrizeTitle {
    display: block;
    font-size: 18px;
    margin-bottom: 25px
}

.lotPrizeTitle span {
    display: block;
    font-size: 12px
}

.lotMobPadding {
    padding-left: 10px
}

.lotResultWr {
    margin: 0 -8px 36px;
    flex-wrap: wrap
}

.lotResultWr h2 {
    width: 100%;
    margin: 24px 8px;
    font-size: 24px
}

.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)
}

.lotRules {
    margin-bottom: 36px
}

.lotRules h2 {
    margin-bottom: 24px;
    font-size: 24px;
    width: 100%
}

@media (min-width: 992px) {
    .lotWr {
        padding: 36px 45px
    }

    .lotInfo {
        padding: 16px 25px 16px 45px;
        margin-left: -45px
    }

    .lotInfo .btnBase {
        width: initial;
        margin: 0
    }

    .lotBtns {
        display: flex;
        margin: 0 -3px
    }

    .lotBtns .btnBase {
        margin: 0 3px
    }

    .lotMobPadding {
        padding-left: 0
    }

    .lotResultWr {
        margin: 0 -16px
    }

    .lotResultWr h2 {
        margin: 32px 16px;
        font-size: 32px;
        line-height: 38px;
        text-align: left
    }

    .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, .lotRules h2 {
        font-size: 32px;
        line-height: 38px
    }

    .lotResultItem > div .prize {
        font-size: 16px;
        line-height: 19px;
        margin: 5px 0 7px
    }

    .lotRules {
        margin-bottom: 36px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .lotRules h2 {
        text-align: left;
        margin-bottom: 32px
    }
}

@media (min-width: 1400px) {
    .lotWr {
        margin-bottom: 50px;
        border-radius: 24px
    }

    .lotWr h2 {
        font-size: 24px;
        margin-bottom: 32px
    }

    .lotDesc {
        margin: 0
    }

    .lotInfo {
        align-items: center;
        margin-bottom: 44px
    }

    .lotDGrid, .lotInfo {
        display: flex;
        justify-content: space-between
    }

    .lotDGrid > div:first-child {
        width: 100%
    }

    .lotPrizeWr {
        margin: -36px -45px -36px 24px;
        border-radius: 0 24px 24px 0;
        padding: 30px 24px 24px;
        min-width: 360px;
        width: 400px
    }
}

.rule {
    margin-bottom: 24px;
    padding-left: 24px
}

.jpBannerInfo span, .jpItemTop span, .langList span, .rule span {
    display: block
}

.gamePageTopInfo .rule .info > div > span:last-child, .popup .rule a, .rule .bonusItemDesc, .rule .cy, .rule .gamePageTopInfo .info > div > span:last-child, .rule .popup a, .rule .refLevel {
    position: relative;
    font-size: 20px;
    margin-bottom: 7px
}

.gamePageTopInfo .rule .info > div > span:last-child:before, .popup .rule a:before, .rule .bonusItemDesc:before, .rule .cy:before, .rule .gamePageTopInfo .info > div > span:last-child:before, .rule .popup a:before, .rule .refLevel:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ffc671;
    position: absolute;
    left: -15px;
    top: 8px
}

@media (min-width: 992px) {
    .rule {
        width: 50%;
        margin-bottom: 36px
    }
}

.timing {
    background: rgba(0, 0, 0, .6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 8px;
    display: inline-block;
    padding: 8px 12px;
    width: fit-content
}

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

.timing.big {
    padding: 10px 13px
}

.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;
    text-decoration: underline
}

.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;
    white-space: nowrap;
    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
}

.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 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    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 .btnGrey, .errorText .btnOrange, .errorText .center, .errorText .contactChatWr, .errorText .cookie-popup, .errorText .depositFailText, .errorText .error.content-error, .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 .btnGrey::before, .errorText .btnOrange::before, .errorText .center::before, .errorText .contactChatWr::before, .errorText .cookie-popup::before, .errorText .depositFailText::before, .errorText .error.content-error::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 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 0 5px;
    width: 100%
}

.pagination li {
    list-style: none;
    border-right: 1px solid #1d202b;
    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: 14px 8px;
    min-width: 48px;
    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: #0e1018
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    border-color: #141722;
    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 {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    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;
    width: 100%;
    vertical-align: top;
    object-fit: cover
}

.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 .activeLabel, .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 .btnOrGradient, .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 button, .jpBannerInfo .providersWr .selectWr select, .jpBannerInfo .secondaryWr h1, .jpBannerInfo .secondaryWr h2, .jpBannerInfo .secondaryWr h3, .jpBannerInfo .secondaryWr h4, .jpBannerInfo .secondaryWr h5, .jpBannerInfo .secondaryWr h6, .jpBannerInfo .switchDepBtn, .jpBannerInfo .textWr h1, .jpBannerInfo .textWr h2, .jpBannerInfo .textWr h3, .jpBannerInfo .textWr h4, .jpBannerInfo .textWr h5, .jpBannerInfo .textWr h6, .jpBannerInfo .tourSort, .jpBannerInfo .upper, .notifItemBody .jpBannerInfo button, .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 {
    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 .tableScroller .summary, .jpItemBody .jpItemWinner > div .wdwResults ol li, .limitInputs > div .jpItemBody .jpItemWinner > div span, .tableScroller .jpItemBody .jpItemWinner > div .summary, .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%);
    padding: 12px;
    position: relative;
    margin-bottom: 10px
}

.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
}

@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
    }
}

.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)
}

.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 img {
    width: 72px;
    min-width: 72px;
    height: 72px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 8px
}

.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
    }
}

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

    .actionWr > div {
        width: calc(50% - 6px)
    }
}

@media (min-width: 992px) {
    .actionWr > div {
        width: calc(33.33% - 8px)
    }
}

.actionItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(to top, #151822, rgba(21, 24, 34, 0));
    margin-bottom: 12px;
    position: relative;
    min-height: 310px;
    padding: 25px 33px
}

.actionItem.finished {
    filter: grayscale(1)
}

.actionItemTitle {
    margin-bottom: 8px
}

.actionItemImg {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    z-index: -1
}

.actionItem:hover .actionItemImg, .faqItem:hover .faqItemImg {
    transform: scale(1.05)
}

@media (min-width: 992px) {
    .actionItemTitle {
        font-size: 32px;
        line-height: 38px
    }
}

.grid3 .summary {
    display: none
}

.grid3 > div {
    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-decoration: underline;
    text-underline-offset: 2px
}

.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 {
    margin-bottom: 10px;
    padding: 13px 15px 78px;
    position: relative;
    border-radius: 24px;
    background: linear-gradient(100deg, #141722 0, #0e183c 100%);
    color: #fff
}

.myBonus:after {
    content: "";
    display: block;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0
}

.myBonusWr {
    padding: 10px 12px
}

.myBonusImg {
    width: 100%;
    margin-bottom: 18px;
    border-radius: 12px;
    height: 160px;
    object-fit: cover;
    vertical-align: top
}

.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 {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px 18px;
    z-index: 1
}

.myBonusBottom > * {
    margin: 0 4px;
    width: 100%;
    height: 100%
}

.myBonusBottom .btnBase {
    padding: 12px;
    border-color: #99a3c7;
    background: rgba(4, 4, 5, .5)
}

.myBonusBottom .btnBase.open {
    border-color: #ffc671
}

.myBonusBottom .btnBase:hover {
    border-color: transparent
}

.myBonusBottom a, .myBonusBottom a:visited {
    text-decoration: none;
    color: #fff
}

.myBonusDesc {
    display: block;
    color: #99a3c7;
    margin-bottom: 8px;
    height: 30px
}

.myBonusDesc:empty {
    display: none
}

.myBonusTitle {
    display: block;
    margin-bottom: 5px
}

.myBonusSum {
    width: 25%;
    font-size: 14px;
    margin: 12px 0;
    padding-right: 5px;
    white-space: nowrap
}

.limitInputs > div .myBonusSum span, .myBonusSum .cg, .myBonusSum .gameSettingsTable > div, .myBonusSum .limitInputs > div span, .myBonusSum .menuFixedBtn, .myBonusSum .tableScroller .summary, .myBonusSum .wdwResults ol li, .tableScroller .myBonusSum .summary, .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
}

.myBonusTime {
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    background: 0 0;
    padding: 6px
}

.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
}

.myBonus.active:after {
    background: url(/images/bonus/bonusItemBgGreen.svg) no-repeat bottom center/100% 100%
}

.myBonus.active .myBonusBottom .btnBase, .myBonus.dis .myBonusBottom .btnBase {
    background: #040405
}

.myBonus.dis {
    opacity: .6;
    pointer-events: none
}

.myBonus.dis:after {
    background: url(/images/bonus/bonusItemBgGrey.svg) no-repeat bottom center/100% 100%
}

@media (min-width: 768px) {
    .myBonus {
        margin: 0 12px 12px 0;
        width: calc(50% - 6px)
    }

    .myBonus:nth-child(even) {
        margin-right: 0
    }

    .myBonusWr {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

@media (min-width: 992px) {
    .myBonus {
        padding: 13px 30px 78px
    }

    .myBonusImg {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .myBonusBottom {
        padding: 0 30px 18px
    }

    .myBonusSum {
        font-size: 16px
    }

    .limitInputs > div .myBonusSum span, .myBonusSum .cg, .myBonusSum .gameSettingsTable > div, .myBonusSum .limitInputs > div span, .myBonusSum .menuFixedBtn, .myBonusSum .tableScroller .summary, .myBonusSum .wdwResults ol li, .tableScroller .myBonusSum .summary, .wdwResults ol .myBonusSum li {
        font-size: 14px
    }
}

@media (min-width: 1400px) {
    .myBonus {
        width: calc(33.33% - 9px)
    }

    .myBonusWr {
        padding: 0 24px 24px
    }

    .myBonus:nth-child(even) {
        margin-right: 12px
    }

    .myBonus:nth-child(3n) {
        margin-right: 0
    }
}

.conditionsList {
    list-style: none;
    color: #acacbc
}

.conditionsList li {
    margin-bottom: 16px
}

.conditionsList li:last-child, .scInfoRechange p:last-child {
    margin-bottom: 0
}

.conditionsList li.dis {
    color: #6c6d88
}

@media (min-width: 768px) {
    .conditionsList li {
        margin-bottom: 5px
    }
}

.refBorder {
    border-bottom: 1px solid #1d202b;
    padding-bottom: 40px;
    margin-bottom: 30px
}

.refBorder.current {
    padding: 15px 10px 40px
}

.refDesc > span {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px
}

.refDesc > span::before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #99a3c7;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-1px)
}

.refLinkWr {
    border-radius: 12px;
    background: #0e1018;
    padding: 14px 22px 17px;
    margin-top: 30px
}

.limitInputs > div .refLinkWr span, .refLinkWr .cg, .refLinkWr .gameSettingsTable > div, .refLinkWr .limitInputs > div span, .refLinkWr .menuFixedBtn, .refLinkWr .tableScroller .summary, .refLinkWr .wdwResults ol li, .tableScroller .refLinkWr .summary, .wdwResults ol .refLinkWr li {
    margin-bottom: 8px
}

.refCopyWr {
    border: 1px solid #1d202b;
    background: #141722;
    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)
}

.refCopyWr .resultCopyJs.ac {
    display: block
}

.refBalance {
    position: absolute;
    left: 12px;
    top: 100px;
    width: calc(100% - 24px)
}

.gamePageTopInfo .refBalance .info > div > span:last-child, .limitInputs > div .refBalance span, .refBalance .gamePageTopInfo .info > div > span:last-child, .refBalance .limitInputs > div span, .refBalance .tableScroller span.summary, .refBalance span.bonusItemDesc, .refBalance span.cg, .refBalance span.cy, .refBalance span.menuFixedBtn, .refBalance span.refLevel, .tableScroller .refBalance span.summary {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px
}

.refBalance .btnBase {
    padding: 9px 12px;
    margin-left: 12px;
    margin-right: 0;
    white-space: nowrap
}

.refTitleSm {
    display: block
}

.refControls {
    display: flex;
    gap: 32px;
    margin-top: 20px
}

.refControls .dark {
    color: #404760;
    margin-left: 5px
}

.refControls .refTitleSm {
    margin-bottom: 6px
}

.refLevel {
    padding-left: 38px;
    padding-top: 2px;
    position: relative;
    font-size: 16px;
    line-height: 20px
}

.refLevel:before {
    content: "";
    display: block;
    width: 26px;
    height: 20px;
    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
}

.refLevel.top {
    font-size: 24px;
    line-height: 32px;
    padding-left: 0;
    margin-top: 9px;
    padding-top: 3px
}

.refLevel.top.level1, .refLevel.top.level2, .refLevel.top.level3, .refLevel.top.level4, .refLevel.top.level5, .refLevel.top.level6 {
    padding-left: 50px
}

.refLevel.top:before {
    width: 42px;
    height: 32px
}

.refLevels {
    margin: 60px 0 55px
}

.refLevels .refRow span {
    width: 25%
}

.refLevels .refRow span:first-child {
    width: 50%;
    text-align: left
}

.refLevels > div:first-child {
    margin-bottom: 16px
}

.refBottomLinks a, .refLevelItem {
    border-radius: 12px;
    border: 1px solid #141722;
    background: #0e1018;
    padding: 21px 0;
    margin-bottom: 4px
}

.refLevelItem .refLevel {
    margin-left: 22px
}

.refBottomLinks {
    margin-top: 16px;
    flex-wrap: wrap
}

.refBottomLinks a {
    color: #fff !important;
    padding: 15px 30px 15px 38px;
    position: relative
}

.refBottomLinks a:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-1px)
}

@media (min-width: 1200px) {
    .ref .returnWr {
        width: 100%
    }

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

    .refLinkWr {
        min-width: 400px;
        margin-left: 20px
    }

    .refBalance {
        width: 300px;
        left: initial;
        right: 52px;
        top: 37px
    }

    .refControls {
        margin-top: 0
    }

    .refBottomLinks a {
        width: calc(50% - 7px)
    }
}

.taba .tab {
    color: #fff;
    padding: 10px 15px 10px 25px;
    white-space: nowrap;
    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 .tab.ac:after {
    background-color: #01d2d1;
    box-shadow: 0 0 15px 0 rgba(0, 255, 255, .77)
}

.taba .tabs {
    border-bottom: 1px solid #323a55;
    overflow: auto
}

@media (min-width: 992px) {
    .taba .tab {
        font-size: 12px;
        line-height: normal
    }
}

.limit.popup .popupInner > span, .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 span.bold, .limitAlert span.btnBase, .limitAlert span.btnBlue, .limitAlert span.gamesAll, .limitAlert span.jackpotButton, .limitAlert span.menuVerif, .limitAlert span.notifAllBtn, .limitAlert span.notifCounter, .limitAlert span.notifItemHead, .limitAlert span.profileTitle, .limitAlert span.titleMain, .limitAlert span.userExit {
    display: block;
    margin-bottom: 3px
}

.limitSection {
    border-bottom: 1px solid #323a55;
    padding-bottom: 20px;
    margin-bottom: 28px
}

.limitSection form > span.bold, .limitSection form > span.btnBase, .limitSection form > span.btnBlue, .limitSection form > span.gamesAll, .limitSection form > span.jackpotButton, .limitSection form > span.menuVerif, .limitSection form > span.notifAllBtn, .limitSection form > span.notifCounter, .limitSection form > span.notifItemHead, .limitSection form > span.profileTitle, .limitSection form > span.titleMain, .limitSection form > span.userExit, .limitSection > span.bold, .limitSection > span.btnBase, .limitSection > span.btnBlue, .limitSection > span.gamesAll, .limitSection > span.jackpotButton, .limitSection > span.menuVerif, .limitSection > span.notifAllBtn, .limitSection > span.notifCounter, .limitSection > span.notifItemHead, .limitSection > span.profileTitle, .limitSection > span.titleMain, .limitSection > span.userExit {
    margin-bottom: 4px
}

.limitSumWr .inpFileWr, .limitSumWr .inpWr {
    position: relative
}

.limitSumWr .inpFileWr .form-control, .limitSumWr .inpFileWr .inp, .limitSumWr .inpFileWr .inpCodeWr, .limitSumWr .inpFileWr .inpRadioWr, .limitSumWr .inpFileWr .profilePaySys ol li, .limitSumWr .inpWr .form-control, .limitSumWr .inpWr .inp, .limitSumWr .inpWr .inpCodeWr, .limitSumWr .inpWr .inpRadioWr, .limitSumWr .inpWr .profilePaySys ol li, .profilePaySys ol .limitSumWr .inpFileWr li, .profilePaySys ol .limitSumWr .inpWr li {
    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
}

.limitBtns a, .limitBtns button {
    margin-bottom: 16px
}

.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.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 .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, .limit.popup .profilePaySys ol li, .profilePaySys ol .limit.popup li {
    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:hover {
    color: #fff
}

.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
}

.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
}

.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, .popup .scInfoItem a, .scInfoItem .bonusItemDesc, .scInfoItem .cy, .scInfoItem .gamePageTopInfo .info > div > span:last-child, .scInfoItem .popup a, .scInfoItem .refLevel {
    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
}

.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 span.bonusItemDesc, .scInfoActual span.cy, .scInfoActual span.refLevel {
    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 {
    font-size: 12px;
    line-height: normal
}

.advPageInner {
    flex-direction: column
}

.advPage .logo {
    display: block;
    margin: 44px 0 24px
}

.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: 400
}

.advPage .advHeadingSub span {
    display: block;
    font-size: 14px;
    letter-spacing: 7px;
    color: #fff
}

.advPage .advImage {
    position: relative;
    overflow: hidden;
    min-height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 50px 0 35px
}

.advPage .advImage span {
    display: block;
    z-index: 1
}

.advPage .advImage span:last-child {
    letter-spacing: 6px
}

.advPage .advImageImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    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
}

.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 .btnBase {
    min-width: 228px
}

.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
}

body.adv {
    background-color: #1e1e1e;
    background: radial-gradient(circle at right top, #301750 -20%, transparent 60%), linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, .4) 100%), url(/images/adv/advBgMob.jpg) no-repeat left top/100% 100%, #15131b
}

@media (min-width: 768px) {
    body.adv {
        background: radial-gradient(circle at center top, #302550 -30%, transparent 60%), linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .5) 100%), url(/images/adv/advBg.jpg) no-repeat left top/100% 100%, #15131b
    }

    .advPage {
        background: linear-gradient(to bottom, transparent 40%, #15131b 85%)
    }

    .advPage .logo {
        margin: 44px 0
    }

    .advPage .advImage {
        min-height: 310px;
        padding: 65px 0 50px
    }

    .advPage .advImageImg {
        width: 421px
    }

    .advPage .advHeadingSub {
        margin-top: 30px
    }

    .advPage .advTable {
        margin-bottom: 16px
    }

    .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
    }
}

.notifWr {
    position: relative;
    margin: 0 4px 0 21px
}

.notifBtn img {
    width: 20px;
    height: 20px;
    vertical-align: top
}

.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: 52px;
    right: -58px;
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 20px 8px;
    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: 58px;
    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 12px
}

.limitInputs > div .notifItemHead .date span, .notifItemHead .date .limitInputs > div span, .notifItemHead .date .tableScroller span.summary, .notifItemHead .date span.cg, .notifItemHead .date span.menuFixedBtn, .tableScroller .notifItemHead .date span.summary {
    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 {
    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%)
}

.notifItemBody {
    padding: 13px 13px 7px
}

.notifItemBody button {
    padding: 7px;
    margin-top: 12px
}

.notifItemWr {
    max-height: 346px;
    overflow-y: auto;
    padding-bottom: 12px
}

.notifAllBtn {
    display: block;
    padding: 12px;
    border: 1px solid #1d202b;
    margin-top: 12px;
    border-radius: 8px;
    background-color: #15131b
}

.notifAllBtn:hover {
    color: #f77
}

.notifEmpty {
    max-width: 200px;
    margin: 30px auto
}

.notifEmpty span {
    display: block
}

.notifEmpty span:first-child {
    font-size: 40px;
    opacity: .3
}

@media (min-width: 992px) {
    .notifBtn:disabled {
        opacity: .5
    }

    .notifWr {
        position: relative;
        margin: 0 10px 0 20px
    }
}
.secondaryWr img {
    display: block;
    max-width: 100%;
    border-radius: 10px;
    margin: 30px auto;

}