@charset "UTF-8";* {
    margin: 0;
    padding: 0;
    border: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body {
    font-family: "Proxima Nova",Arial,Tahoma,sans-serif;
    line-height: 1em;
    font-weight: 400;
    background: url(../img/components/back.jpg) top/contain #14143d
}

input::-ms-clear {
    display: none
}

label {
    cursor: pointer
}

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

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

a {
    display: inherit
}

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

h1,h2,h3,h4,h5,h6 {
    font-weight: inherit;
    font-size: inherit
}

ol,ul {
    list-style: none
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proximaNova/ProximaNova-Extrabld.eot);
    src: url(../fonts/proximaNova/ProximaNova-Extrabld.eot?#iefix) format("embedded-opentype"),url(../fonts/proximaNova/ProximaNova-Extrabld.woff) format("woff"),url(../fonts/proximaNova/ProximaNova-Extrabld.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proximaNova/ProximaNova-Black.eot);
    src: url(../fonts/proximaNova/ProximaNova-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/proximaNova/ProximaNova-Black.woff) format("woff"),url(../fonts/proximaNova/ProximaNova-Black.ttf) format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proximaNova/ProximaNova-BoldIt.eot);
    src: url(../fonts/proximaNova/ProximaNova-BoldIt.eot?#iefix) format("embedded-opentype"),url(../fonts/proximaNova/ProximaNova-BoldIt.woff) format("woff"),url(../fonts/proximaNova/ProximaNova-BoldIt.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proximaNova/ProximaNova-Bold.eot);
    src: url(../fonts/proximaNova/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/proximaNova/ProximaNova-Bold.woff) format("woff"),url(../fonts/proximaNova/ProximaNova-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

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

@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/proximaNova/ProximaNova-Regular.eot);
    src: url(../fonts/proximaNova/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/proximaNova/ProximaNova-Regular.woff) format("woff"),url(../fonts/proximaNova/ProximaNova-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__item {
    margin-right: 32px
}

.menu__item:last-child {
    margin-right: 0
}

.menu__link {
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.menu__link:after {
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -22px;
    position: absolute;
    border-radius: 2px;
    background: #ffbc04;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    opacity: 0;
    width: 0
}

.menu__link:hover {
    opacity: .7
}

.menu__link:hover:after {
    opacity: .5;
    width: 100%
}

.menu__link.active:hover {
    opacity: 1
}

.menu__link.active:after,.menu__link.active:hover:after {
    opacity: 1;
    width: 100%
}

.blocker,.wrapper {
    max-width: 1212px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px
}

.body.locked {
    overflow: hidden
}

@-webkit-keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes loading {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

img.loading {
    -webkit-animation: 3s ease-in-out 1s infinite loading;
    animation: 3s ease-in-out 1s infinite loading;
    display: block
}

.txtEnd {
    text-align: end
}

.txt1 {
    font-size: 1em
}

.txt40x52 {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffaa04),to(#ffbc04));
    background: -o-linear-gradient(top,#ffaa04 0,#ffbc04 100%);
    background: linear-gradient(180deg,#ffaa04 0,#ffbc04 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-shadow: 0 4px 60px rgba(253,193,0,.28),0 2px 0 #e67c00
}

.blocker,.txt36x44 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #fff
}

.guarantee__headTitle,.txt32x39 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #fff
}

.cashApp__time,.txt24x30 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #fff
}

.guarantee__title,.invite__title,.popupGame__title,.txt20x26 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 800;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #fff
}

.accordion__title,.txt18x23 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #14143d
}

.guarantee__decription,.txt16x24 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #fff
}

.bonusName__name,.profile__infoNum,.txt16x20 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

.txt14x22 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgba(238,238,255,.4)
}

.blocker__liNum,.blocker__text,.footer__link,.inputAgree__text,.inputBox__title,.invite__desc,.log__moneyGray,.menu__link,.popupGame__link,.popup__already,.profileWr__title,.promotion .btn,.steps__circle,.steps__name,.txt14x18 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    color: #14143d;
    -webkit-transform: rotate(.28deg);
    -ms-transform: rotate(.28deg);
    transform: rotate(.28deg)
}

.bonusName__description,.profile__infoDesc,.txt12x15 {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.accordion__li .blocker__text.title,.btn--transparent,.cWh,.cashApp__processing,.guarantee__headDesc,.inputAgree__text,.inputBox__title,.inputRadio__text,.menu__link {
    color: #fff!important
}

.bonusName__name,.cYel,.guarantee__headTitle,.invite__title,.popupGame__link {
    color: #ffb61d!important
}

.cGry,.invite__desc {
    color: rgba(238,238,255,.6)!important
}

.cGreen {
    color: #17d359!important
}

.cRed {
    color: #e83434!important
}

.blocker,.guarantee__headTitle,.w800 {
    font-weight: 800
}

.invite__title,.popupGame__title,.w700 {
    font-weight: 700
}

.blocker__liNum,.btn,.popup .btn,.w600 {
    font-weight: 600
}

.cashApp__time,.inputBox__title,.log__moneyGray,.popupGame__link,.profile__infoDesc,.w500 {
    font-weight: 500
}

.blocker__text,.inputAgree__text,.invite__desc,.popup__already,.w400 {
    font-weight: 400
}

.link {
    display: inline
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 11px 24px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    border-radius: 12px;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffaa04),to(#ffbc04));
    background: -o-linear-gradient(top,#ffaa04 0,#ffbc04 100%);
    background: linear-gradient(180deg,#ffaa04 0,#ffbc04 100%);
    -webkit-box-shadow: 0 4px 60px rgba(253,193,0,.28),0 2px 0 #e67c00,inset 0 -4px 18px 4px rgba(253,194,0,.6);
    box-shadow: 0 4px 60px rgba(253,193,0,.28),0 2px 0 #e67c00,inset 0 -4px 18px 4px rgba(253,194,0,.6)
}

.btn:hover {
    opacity: .8
}

.btn:active {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.btn .icon {
    margin-left: 10px;
    margin-right: 10px
}

.btn .icon:first-child {
    margin-left: 0
}

.btn .icon:last-child {
    margin-right: 0
}

.btn--transparent {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--transparent:hover {
    background: 0 0;
    opacity: .6
}

.btn--big {
    padding: 20px 40px
}

.btn--outside {
    background: rgba(20,20,61,.6);
    border: 2px solid #ffb61d;
    border-radius: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffb61d
}

.btn--enaible {
    background: rgba(255,255,255,.04);
    color: rgba(238,238,255,.3)!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn--enaible:hover {
    opacity: 1
}

.blocker__text a,.bonusName,.btnChange,.btnHover,.link,.navBtn,.popup__close,.promotion__block,.searchLine__btn {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    cursor: pointer
}

.blocker__text a:hover,.bonusName:hover,.btnChange:hover,.btnHover:hover,.link:hover,.navBtn:hover,.popup__close:hover,.promotion__block:hover,.searchLine__btn:hover {
    opacity: .8
}

.blocker__text a:active,.bonusName:active,.btnChange:active,.btnHover:active,.link:active,.navBtn:active,.popup__close:active,.promotion__block:active,.searchLine__btn:active {
    opacity: 1;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.btnHover--inherit {
    color: inherit;
    display: inline
}

.btnChange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btnChange .icon {
    margin-right: 10px;
    display: block;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.btnChange:active .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.btnChange:active .text {
    color: #fff
}

.btnChange .text {
    color: #ffb61d;
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 130%
}

.navBtn {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

.ma {
    margin: auto!important
}

.mt-24 {
    margin-top: -24px!important
}

.invite__desc,.mb24 {
    margin-bottom: 24px!important
}

.mt48 {
    margin-top: 48px!important
}

.mt24,.promotion__list {
    margin-top: 24px!important
}

.mt20 {
    margin-top: 20px!important
}

.mb16 {
    margin-bottom: 16px!important
}

.ml8 {
    margin-left: 8px!important
}

.invite__title,.mb8 {
    margin-bottom: 8px!important
}

.mt4 {
    margin-top: 4px!important
}

.mt2 {
    margin-top: 2px!important
}

.mr8 {
    margin-right: 8px!important
}

.mr4 {
    margin-right: 4px!important
}

.mla {
    margin-left: auto!important
}

.wA {
    width: auto!important
}

.hr {
    width: 100%;
    display: block;
    height: 1px;
    margin-bottom: 24px;
    margin-top: 24px;
    background: rgba(238,238,255,.04)
}

.header {
    background: rgba(20,20,61,.6);
    border-bottom: 1pxsolidrgba(238,238,255,.08);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    padding: 17px 0
}

.header--scroll {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__wrapper .menu {
    margin-left: 56px
}

.header__log {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.header__log .btn {
    margin-right: 4px
}

.header__log .btn:last-child {
    margin-right: 0
}

.header__btnPopup {
    cursor: pointer;
    width: 58px;
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffbc04;
    -webkit-box-shadow: 0 4px 60px rgba(253,193,0,.28),0 4px 0 #e67c00,inset 0 -4px 18px -3px #fdc200;
    box-shadow: 0 4px 60px rgba(253,193,0,.28),0 4px 0 #e67c00,inset 0 -4px 18px -3px #fdc200;
    border-radius: 0 0 28px
}

.header__btnPopup .burger {
    width: 25px;
    height: 21px;
    position: relative;
    display: block;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.header__btnPopup .burger span {
    width: 100%;
    height: 3px;
    background: #0d0e26;
    position: absolute;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    border-radius: 2px
}

.header__btnPopup .burger span:nth-child(1) {
    left: 0;
    right: 0;
    top: 0
}

.header__btnPopup .burger span:nth-child(2) {
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 50%
}

.header__btnPopup .burger span:nth-child(3) {
    left: 0;
    right: 0;
    bottom: 0
}

.header__btnPopup.active .burger {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__btnPopup.active .burger span {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.header__btnPopup.active .burger span:nth-child(1) {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.header__btnPopup.active .burger span:nth-child(2) {
    opacity: 0
}

.header__btnPopup.active .burger span:nth-child(3) {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    -ms-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.header__bg {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.39);
    z-index: -100
}

.log {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.log__name {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 130%;
    color: #eef;
    margin-bottom: 4px
}

.log__money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.log__moneyGray {
    color: rgba(238,238,255,.3);
    margin-right: 8px
}

.log__sum {
    margin-right: 4px;
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #ffb61d
}

.log__sum:last-child {
    margin-right: 0
}

.log__plus {
    width: 14px;
    height: 14px
}

.log__plus:hover {
    opacity: .7
}

.log__plus:active {
    opacity: 1;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.log__avatar {
    margin-left: 8px;
    width: 40px;
    height: 40px;
    border-radius: 60px;
    border: 2px solid #ffaa04;
    overflow: hidden
}

.log__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.log__avatar:first-child {
    margin-left: 0
}

.footer {
    margin-top: 68px;
    padding-bottom: 68px
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer__left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 34px
}

.footer__left:last-child {
    margin-right: 0
}

.footer__navItem {
    margin-bottom: 8px
}

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

.footer__link {
    color: #eef;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.footer__link:hover {
    opacity: .7
}

.footer__link:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    opacity: 1;
    color: #fff
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 48px
}

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

.footer__verf {
    margin-right: 18px
}

.footer__verf:last-child {
    margin-right: 0
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__partners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 48px
}

.footer__partners:last-child {
    margin-right: 0
}

.footer__partner {
    margin-right: 24px
}

.footer__partner:last-child {
    margin-right: 0
}

.footer__с {
    margin-top: 8px;
    color: rgba(255,255,255,.8)
}

.footer__с:first-child {
    margin-top: 0
}

.socialLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 55px
}

.socialLink:first-child {
    margin-top: 0
}

.socialLink__item {
    margin-right: 20px
}

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

.socialLink__link {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.socialLink__link:active {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.createAccount {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1
}

.createAccount__img {
    z-index: -1;
    display: block;
    width: 169px;
    height: 214px;
    position: absolute;
    top: -104px;
    -webkit-animation: 2s ease-in-out infinite animName2;
    animation: 2s ease-in-out infinite animName2
}

.createAccount__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.createAccount__btn {
    -webkit-animation: 2s ease-in-out 1s infinite animName2;
    animation: 2s ease-in-out 1s infinite animName2
}

@-webkit-keyframes animName {
    0%,100% {
        -webkit-transform: rotate(-16deg);
        transform: rotate(-16deg)
    }

    50% {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }
}

@keyframes animName {
    0%,100% {
        -webkit-transform: rotate(-16deg);
        transform: rotate(-16deg)
    }

    50% {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }
}

@-webkit-keyframes animName2 {
    0%,100% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    50% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

@keyframes animName2 {
    0%,100% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg)
    }

    50% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg)
    }
}

.bgVideoFull {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -10;
    overflow: hidden
}

.bgVideoFull__after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(20,20,61,.75);
    z-index: -1
}

.bgVideoFull__before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2
}

.bgVideoFull__before img,.bgVideoFull__before video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 100vh;
    min-width: 100vw
}

.headSlider {
    max-width: 100vw;
    overflow: hidden
}

.headSlider--reverse .headSlider__img {
    left: 8%
}

.headSlider--reverse .headSlider__itemWrap {
    max-width: 800px;
    margin-right: 0
}

.headSlider__slider {
    height: 742px;
    position: relative
}

.headSlider__slide {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.headSlider__img {
    width: 867px;
    height: 660px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(calc(-50% + 300px));
    -ms-transform: translateX(calc(-50% + 300px));
    transform: translateX(calc(-50% + 300px));
    top: 78px
}

.headSlider__imgWrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.headSlider__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.headSlider__itemWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.headSlider__toGo {
    font-family: "Proxima Nova";
    font-style: italic;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #ffb61d;
    margin-bottom: 8px
}

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

.headSlider__title {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 32px;
    max-width: 576px
}

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

.headSlider__btn {
    width: 144px;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0 14px;
    background: -webkit-gradient(linear,left top,right top,from(#14143d),to(rgba(20,20,61,0)));
    background: -o-linear-gradient(left,#14143d 0,rgba(20,20,61,0) 100%);
    background: linear-gradient(90deg,#14143d 0,rgba(20,20,61,0) 100%);
    z-index: 10;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.headSlider__btn:hover {
    background: -webkit-gradient(linear,left top,right top,from(#202046),to(rgba(20,20,61,0)));
    background: -o-linear-gradient(left,#202046 0,rgba(20,20,61,0) 100%);
    background: linear-gradient(90deg,#202046 0,rgba(20,20,61,0) 100%)
}

.headSlider__btnPrew {
    left: 0
}

.headSlider__btnPrew:active {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.headSlider__btnNext {
    right: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.headSlider__btnNext:active {
    -webkit-transform: translateX(10px) scaleX(-1);
    -ms-transform: translateX(10px) scaleX(-1);
    transform: translateX(10px) scaleX(-1)
}

.loop {
    background: rgba(20,20,61,.6);
    position: relative
}

.loop__wrapper {
    max-width: 100%;
    overflow: hidden;
    padding: 14px 18px
}

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

.loop__item {
    margin-right: 18px
}

.loop__item:last-child {
    margin-right: 0
}

.loop__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loop__img {
    width: 85px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 8px
}

.loop__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.loop__title {
    margin-bottom: 2px;
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loop__sum {
    margin-bottom: 4px;
    white-space: nowrap
}

.loop__name {
    white-space: nowrap;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loop__jackpot {
    position: absolute;
    right: 144px;
    top: 0;
    bottom: 0;
    background: url(../img/components/jackpot.png) center/100% 100% no-repeat;
    padding: 18px 24px 18px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loop__jackpotText {
    margin-left: 8px
}

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

.numbers__num {
    width: 40px;
    height: 48px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 130%;
    color: #14143d;
    margin-right: 4px
}

.numbers__num:last-child {
    margin-right: 0
}

.numbers__num--black {
    background: #14143d;
    color: #ffaa04
}

.blockListGames {
    margin-bottom: 64px;
    margin-top: 64px
}

.blockListGames .listGames {
    margin-bottom: 48px
}

.blockListGames .listGames:last-child {
    margin-bottom: 0
}

.listGames__top {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.listGames__btns {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listGames__title a {
    display: inline
}

.listGames__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-right: 4px;
    background: #ffaa04;
    -webkit-box-shadow: 0 4px 60px rgba(253,193,0,.28),0 2px 0 #e67c00,inset 0 -4px 18px 4px rgba(253,194,0,.6);
    box-shadow: 0 4px 60px rgba(253,193,0,.28),0 2px 0 #e67c00,inset 0 -4px 18px 4px rgba(253,194,0,.6);
    border-radius: 12px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.listGames__btn:last-child {
    margin-right: 0
}

.listGames__btn:hover {
    background: #fff
}

.listGames__btn:active {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

.listGames__btn--next {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.listGames__btn--next:active {
    -webkit-transform: scaleX(-1) translateX(-5px);
    -ms-transform: scaleX(-1) translateX(-5px);
    transform: scaleX(-1) translateX(-5px)
}

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

.listGames__bottom--listGame {
    overflow: hidden
}

.listGames__bottom--listGame .listGames__slider {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -4px;
    margin-right: -4px
}

.listGames__bottom--listGame .listGames__slider .listGames__slide {
    margin-bottom: 8px;
    margin-right: 4px;
    margin-left: 4px
}

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

.listGames__slider .listGames__slide {
    width: 224px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 8px
}

.listGames__link {
    display: block;
    width: 100%;
    height: 170px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.listGames__link:not(.listGames__link--more):after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    background: url(../img/games/hover.png) center/cover no-repeat;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.listGames__link:not(.listGames__link--more) .listGames__hovBtn {
    display: none
}

.listGames__link:not(.listGames__link--more):hover {
    border: 2px solid #ffb61d;
    -webkit-filter: drop-shadow(0 34px 120px rgba(253, 193, 0, .3));
    filter: drop-shadow(0 34px 120px rgba(253, 193, 0, .3))
}

.listGames__link:not(.listGames__link--more):hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.listGames__link img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.listGames__link--more {
    position: relative
}

.listGames__link--more:after {
    background-image: url(../img/games/hover2.png)
}

.listGames__hovBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    background: url(../img/games/hover2.png) center/cover no-repeat;
    border-radius: 12px
}

.listGames__hovBtn .btn {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    width: 80px;
    margin-right: 8px
}

.listGames__hovBtn .btn:last-child {
    margin-right: 0
}

.listGames__btnMoreGames {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.listGames__btnMoreGames .btn {
    max-width: 172px;
    width: 100%
}

.addMenu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(20 20 61 / 70%);
    max-width: 100vw;
    overflow-x: auto
}

.addMenu__item {
    width: 9.33%;
    border-right: 1pxsolidrgba(238,238,255,.04)
}

.addMenu__item.new_game {
    width: 10.33%;
    border-right: 1pxsolidrgba(238,238,255,.04)
}

.addMenu__item:last-child {
    border-right: none
}

.addMenu__link {
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent
}

.addMenu__link:hover {
    border-bottom: 2px solid #fff
}

.addMenu__link:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.addMenu__link.active {
    border-bottom: 2px solid #ffb61d;
    color: #ffb61d
}

.guarantee {
    padding-top: 48px
}

.guarantee__head {
    position: relative;
    margin-bottom: 48px
}

.guarantee__headTitle {
    text-align: center
}

.guarantee__headDesc {
    text-align: center;
    max-width: 564px;
    margin: 8px auto auto
}

.guarantee__head::after,.guarantee__head::before {
    content: "";
    display: block;
    position: absolute;
    width: 144px;
    height: 194px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.guarantee__head::before {
    left: 0;
    background: url(../img/components/coinsLeft.png)
}

.guarantee__head::after {
    right: 0;
    background: url(../img/components/coinsRight.png)
}

.guarantee__list {
    padding-top: 48px;
    padding-bottom: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.guarantee__item {
    width: 32%;
    width: calc(33.33% - 16px);
    background: rgba(20,20,61,.6);
    border-radius: 24px;
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guarantee__icon {
    margin-bottom: 16px
}

.guarantee__title {
    text-align: center
}

.guarantee__decription {
    margin-top: 16px;
    text-align: center;
    color: rgba(238,238,255,.5)
}

.hoverPlayTime {
    padding-top: 68px;
    padding-bottom: 68px
}

.hoverPlayTime__line {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.hoverPlayTime__item {
    width: 12.5%;
    cursor: pointer;
    margin-top: 12px;
    margin-bottom: 12px
}

.hoverPlayTime__img {
    width: 100%;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hoverPlayTime__img:not(:hover) {
    mix-blend-mode: luminosity;
    opacity: .32
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px;
    z-index: 200;
    overflow-y: auto
}

.popup__bg {
    background: rgba(13,13,38,.9);
    z-index: -2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.popup__contain {
    padding: 32px;
    background: #14143d;
    border-radius: 24px;
    width: 100%;
    max-width: 368px;
    max-height: 100%
}

.popup__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px
}

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

.popup__title {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;
    color: #fff
}

.popup__close {
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup__steps {
    margin-bottom: 32px
}

.popup .btn {
    width: 100%;
    margin-bottom: 16px
}

.popup .btn:last-child {
    margin-bottom: 0
}

.popup .btn--transparent {
    color: rgba(238,238,255,.5)
}

.popup__already {
    margin-top: 24px;
    text-align: center;
    color: rgba(238,238,255,.5)
}

.steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.steps__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px
}

.steps__item:last-child {
    margin-right: 0
}

.steps__item.active .steps__circle {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffaa04),to(#ffbc04));
    background: -o-linear-gradient(top,#ffaa04 0,#ffbc04 100%);
    background: linear-gradient(180deg,#ffaa04 0,#ffbc04 100%);
    -webkit-box-shadow: 0 2px 10px rgba(253,193,0,.28);
    box-shadow: 0 2px 10px rgba(253,193,0,.28);
    color: #14143d
}

.steps__circle {
    width: 32px;
    height: 32px;
    background: rgba(238,238,255,.04);
    border-radius: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(238,238,255,.5)
}

.steps__name {
    color: #fff;
    margin-left: 8px
}

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

.inputBox__title {
    margin-bottom: 8px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

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

.inputBox:hover input {
    border-color: rgba(238,238,255,.14)
}

.inputBox__warning {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 4px
}

.inputBox__warningIcon {
    margin-right: 4px
}

.inputBox__warning .error,.inputBox__warning .loading,.inputBox__warning .valid {
    display: none
}

.inputBox input {
    height: 48px;
    width: 100%;
    background: rgba(238,238,255,.04);
    border: 1px solid rgba(238,238,255,.04);
    border-radius: 12px;
    color: #fff;
    padding: 13px 16px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    outline: 0
}

.inputBox input::-webkit-input-placeholder {
    color: rgba(238,238,255,.3)
}

.inputBox input::-moz-placeholder {
    color: rgba(238,238,255,.3)
}

.inputBox input:-ms-input-placeholder {
    color: rgba(238,238,255,.3)
}

.inputBox input::-ms-input-placeholder {
    color: rgba(238,238,255,.3)
}

.inputBox input::placeholder {
    color: rgba(238,238,255,.3)
}

.inputBox--focused .inputBox__title {
    color: rgba(238,238,255,.4)
}

.inputBox--focused input {
    border-color: #ffb61d!important
}

.inputBox--disabled input {
    border-width: 0;
    color: rgba(238,238,255,.3)
}

.inputBox--validation input {
    background: rgba(255,182,29,.14);
    border-color: rgba(255,182,29,.34)
}

.inputBox--validation .inputBox__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inputBox--validation .inputBox__warning .valid {
    display: block
}

.inputBox--validation .inputBox__warning p {
    color: #ffb61d
}

.inputBox--error input {
    background: rgba(255,29,29,.14);
    border-color: rgba(255,29,29,.34)
}

.inputBox--error .inputBox__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inputBox--error .inputBox__warning .error {
    display: block
}

.inputBox--error .inputBox__warning p {
    color: #e83434
}

.inputBox--loading .inputBox__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inputBox--loading .inputBox__warning .loading {
    display: block
}

.inputBox--loading .inputBox__warning p {
    color: rgba(238,238,255,.4)
}

.inputBox--rightSome {
    position: relative
}

.inputBox--moreTitle .inputBox__mrTitle {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inputBox--moreTitle .inputBox__title {
    margin-bottom: 0
}

.inputBox--noTitle .inputBox__rightSome {
    top: 50%;
    display: block
}

.inputBox--noTitle .inputBox__rightSome img {
    display: block
}

.inputBox__rightSome {
    position: absolute;
    top: 50px;
    right: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputBox--select .select,.inputBox--select .select__mainBtn {
    width: 100%
}

.inputRadio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

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

.inputRadio__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px
}

.inputRadio__item:last-child {
    margin-right: 0
}

.inputRadio__item input {
    display: none
}

.inputRadio__item input:checked~.inputRadio__checkBox:before {
    background: 0 0;
    border: 2px solid #ffb61d
}

.inputRadio__item input:checked~.inputRadio__checkBox:after {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0 2px 10px rgba(253,193,0,.28);
    box-shadow: 0 2px 10px rgba(253,193,0,.28)
}

.inputRadio__checkBox {
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: 8px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.inputRadio__checkBox:before {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(238,238,255,.04);
    border: 1px solid rgba(238,238,255,.04);
    border-radius: 18px
}

.inputRadio__checkBox::after {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    -ms-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    background: #ffaa04;
    border-radius: 5px
}

.inputAgree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 24px;
    margin-bottom: 16px
}

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

.inputAgree input {
    display: none
}

.inputAgree input:checked~.inputAgree__checkBox:before {
    background: #ffb61d;
    -webkit-box-shadow: 0 2px 10px rgba(253,193,0,.28);
    box-shadow: 0 2px 10px rgba(253,193,0,.28);
    border: 0
}

.inputAgree input:checked~.inputAgree__checkBox img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.inputAgree__checkBox {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: 8px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.inputAgree__checkBox:before {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(238,238,255,.04);
    border: 1px solid rgba(238,238,255,.04);
    border-radius: 8px;
    z-index: -1
}

.inputAgree__checkBox img {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.inputAgree__text {
    margin-bottom: 8px
}

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

.inputAgree__text a {
    display: inline
}

.inputToggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inputToggle input {
    display: none
}

.inputToggle input:checked~.inputToggle__checkBox {
    background: #ffb61d
}

.inputToggle input:checked~.inputToggle__checkBox:after {
    left: 19px;
    background: #fff
}

.inputToggle__checkBox {
    display: block;
    width: 38px;
    height: 21px;
    border-radius: 20px;
    background: rgba(255,255,255,.14);
    position: relative;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.inputToggle__checkBox::after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    left: 2px;
    top: 2px;
    bottom: 2px;
    width: 17px;
    height: 17px;
    border-radius: 9px;
    background: #ffb61d
}

.inputPays__item {
    margin-bottom: 8px;
    display: block
}

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

.inputPays__item input {
    display: none
}

.inputPays__item input:checked~.inputPays__block {
    background: 0 0;
    border: 2px solid #ffb61d
}

.inputPays__item input:checked~.inputPays__block:after {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.inputPays__block {
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    position: relative;
    background: rgba(238,238,255,.04)
}

.inputPays__block:after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    right: 24px;
    width: 22px;
    height: 22px;
    z-index: 1;
    background: url(../img/icons/arrRight.svg) center no-repeat
}

.game {
    padding-top: 120px;
    padding-bottom: 119px
}

.game__wrapper {
    padding-left: 0!important;
    padding-right: 0!important
}

.game__title {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 130%;
    color: #fff
}

.game__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.game__nav {
    padding: 8px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #14143d;
    border-radius: 50px
}

.game__navItem {
    margin-right: 18px
}

.game__navItem:last-child {
    margin-right: 0
}

.game__game {
    width: 100%;
    min-height: 211px;
    border-radius: 4px;
    overflow: hidden
}

.game__game--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.body-mobile-game {
    /* overflow:hidden; */
}

.body-mobile-game .game {
    height: 150vh;
}

.body-mobile-game .game__game {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto!important;
    z-index: 500
}

.body-mobile-game .game__game iframe {
    width: 100%;
    height: 100%
}

.favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.favorite--active svg {
    fill: #ffb61d
}

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

.navBtns .navBtn {
    margin-right: 8px
}

.navBtns .navBtn svg {
    fill: #fff
}

.navBtns .navBtn:last-child {
    margin-right: 0
}

.notFounded {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/components/back404.jpg) center/cover #14143d
}

.notFounded__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.notFounded__block img {
    max-width: 100%
}

.notFounded .blocker,.notFounded .txt36x44 {
    margin-top: 28px
}

.notFounded .btn {
    margin-top: 28px;
    color: #14143d
}

.noneErr {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/components/backNone.jpg) center/cover #14143d
}

.noneErr__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

.noneErr__block img {
    margin-bottom: 28px
}

.loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #14143d
}

.loader--hide {
    -webkit-transform: translateY(-160vh);
    -ms-transform: translateY(-160vh);
    transform: translateY(-160vh)
}

.loaderDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 80px
}

.blocker {
    padding-top: 166px;
    max-width: 800px;
    padding-bottom: 88px
}

.blocker--sec {
    padding-top: 42px
}

.blocker__title {
    margin-bottom: 48px
}

.blocker__ul {
    padding-left: 38px
}

.blocker__ul--sub {
    padding-top: 16px
}

.blocker__li {
    position: relative;
    margin-bottom: 24px;
    display: block
}

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

.blocker__li span {
    display: block
}

.blocker__liNum {
    top: 0;
    position: absolute;
    width: 30px;
    text-align: end;
    left: -38px;
    color: #fff
}

.blocker__text {
    color: rgba(238,238,255,.5);
    margin-bottom: 8px
}

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

.blocker__text a {
    color: #ffb61d;
    display: inline
}

.accordion__item {
    margin-bottom: 18px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border-radius: 12px;
    background: rgba(20,20,61,.6);
}

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

.accordion__item:not(.active) .accordion__content {
    display: none
}

.accordion__item.active .accordion__block {
    background: #ffb61d
}

.accordion__item.active .accordion__title {
    color: #000
}

.accordion__item.active .accordion__icon svg {
    fill: #000;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    /* background: rgba(20,20,61,.6); */
    -webkit-backdrop-filter: blur(24px);
    /* backdrop-filter:blur(24px); */
    border-radius: 12px;
    cursor: pointer
}

.accordion__title {
    color: #fff
}

.accordion__icon svg {
    display: block;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.accordion__content {
    padding: 24px
}

.accordion__li {
    margin-bottom: 24px
}

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

.accordion__li .blocker__text {
    margin-bottom: 14px;
    font-weight: 500
}

.accordion__li .blocker__text:last-child {
    margin-bottom: 0
}

.accordion__li .blocker__text.title {
    font-weight: 600
}

.cashApp__processing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    padding: 9px;
    background: #2d2d8a;
    border-radius: 12px
}

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

.cashApp__processing svg {
    margin-right: 5.5px
}

.cashApp__transfer {
    text-align: center;
    padding: 22px;
    background: rgba(238,238,255,.04);
    border-radius: 24px
}

.cashApp__sum {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    text-align: center;
    color: #ffaa04;
    text-shadow: 0 2px 0 #e67c00;
}

.cashApp__next {
    margin-top: 12px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cashApp__time {
    margin-bottom: 24px;
    color: #eef
}

.cashApp__paid {
    max-width: 172px;
    width: 100%;
    margin: auto
}

.quar {
    max-width: 100%;
    width: 304px
}

.adressMidn {
    padding: 14px;
    background: rgba(238,238,255,.04);
    border: 1px solid rgba(238,238,255,.04);
    border-radius: 12px;
    word-break: break-all
}

.profileWr {
    padding-top: 126px;
    padding-bottom: 24px
}

.profileWr__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.profileWr__sideBar {
    background: rgba(20,20,61,.8);
    border-radius: 24px;
    padding: 24px;
    width: 270px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.profileWr__item {
    margin-bottom: 8px
}

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

.profileWr__btn {
    width: 100%;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    border-radius: 12px;
    border: 2px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profileWr__btn.active {
    background: rgba(238,238,255,.04);
    border-color: #ffb61d
}

.profileWr__btn.active .profileWr__icon svg {
    fill: #ffb61d!important;
    stroke: #ffb61d!important
}

.profileWr__btn.active .profileWr__title {
    color: #ffb61d
}

.profileWr__btn:hover {
    border-color: rgba(238,238,255,.5)
}

.profileWr__btn:hover .profileWr__icon svg {
    stroke: #fff!important
}

.profileWr__btn:hover .profileWr__icon svg path {
    stroke: inherit!important
}

.profileWr__btn:hover .profileWr__title {
    color: #fff
}

.profileWr__btn:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    border-color: #ffb61d
}

.profileWr__icon {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profileWr__icon svg {
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out
}

.profileWr__title {
    color: rgba(238,238,255,.5)
}

.profileWr__content {
    padding: 24px;
    background: rgba(20,20,61,.8);
    border-radius: 24px;
    max-width: 680px;
    width: 100%
}

.profile__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.profile__avatarBlock {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 24px;
    background: #1d1d45;
    border-radius: 12px
}

.profile__avatarBlock,.profile__infoBlock {
    width: 48%;
    width: calc(50% - 12px)
}

.profile__avatar {
    position: relative;
    width: 104px;
    height: 104px;
    display: block;
    cursor: pointer;
    -webkit-transition: .12s ease-in-out;
    -o-transition: .12s ease-in-out;
    transition: .12s ease-in-out;
    margin-bottom: 16px
}

.profile__avatar:active {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.profile__avatarImg {
    width: 100%;
    height: 100%;
    border-radius: 70px;
    overflow: hidden
}

.profile__avatarImg img {
    -webkit-transform: translate(-1px,-1px);
    -ms-transform: translate(-1px,-1px);
    transform: translate(-1px,-1px);
    width: 102%;
    height: 102%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.profile__avatarPlus {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px
}

.profile__avatarPlus img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.profile__infoBlock {
    background: #1d1d45;
    border-radius: 12px
}

.profile__infoItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(238,238,255,.08);
    padding: 18px 16px
}

.profile__infoItem:last-child {
    border-bottom: none
}

.profile__infoIcon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.profile__infoNum {
    margin-bottom: 4px;
    color: #ffb61d
}

.profile__infoDesc {
    color: rgba(238,238,255,.5)
}

.profile .hr {
    margin-left: -24px;
    margin-right: -24px;
    display: block;
    width: auto;
    height: 1px;
    background: rgba(238,238,255,.08)
}

.tranfer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

.blocker__text .tranfer a.icon:hover,.tranfer .blocker__text a.icon:hover,.tranfer .btnHover.icon:hover,.tranfer .icon.bonusName:hover,.tranfer .icon.btnChange:hover,.tranfer .icon.link:hover,.tranfer .icon.navBtn:hover,.tranfer .icon.popup__close:hover,.tranfer .icon.promotion__block:hover,.tranfer .icon.searchLine__btn:hover {
    opacity: 1
}

.blocker__text .tranfer a.icon:hover svg path,.tranfer .blocker__text a.icon:hover svg path,.tranfer .btnHover.icon:hover svg path,.tranfer .icon.bonusName:hover svg path,.tranfer .icon.btnChange:hover svg path,.tranfer .icon.link:hover svg path,.tranfer .icon.navBtn:hover svg path,.tranfer .icon.popup__close:hover svg path,.tranfer .icon.promotion__block:hover svg path,.tranfer .icon.searchLine__btn:hover svg path {
    stroke: #ffb61d;
    stroke-opacity: 1
}

.resultDone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(23,211,89,0)),to(rgba(23,211,89,.24)));
    background: -o-linear-gradient(top,rgba(23,211,89,0) 0,rgba(23,211,89,.24) 100%);
    background: linear-gradient(180deg,rgba(23,211,89,0) 0,rgba(23,211,89,.24) 100%);
    border-radius: 24px;
    padding: 32px
}

.resultDone__icon {
    margin-bottom: 18px
}

.resultDone--fail {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(232,52,52,0)),to(rgba(232,52,52,.24)));
    background: -o-linear-gradient(top,rgba(232,52,52,0) 0,rgba(232,52,52,.24) 100%);
    background: linear-gradient(180deg,rgba(232,52,52,0) 0,rgba(232,52,52,.24) 100%)
}

.resultDone p {
    color: #eef
}

.resultDone .cashApp__time,.resultDone .txt24x30 {
    margin-bottom: 8px
}

.invite {
    padding: 0;
    overflow: hidden
}

.invite .hr {
    margin-top: 0;
    margin-bottom: 0
}

.invite__block {
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    background: -webkit-gradient(linear,right top,left top,from(rgba(255,180,5,.08)),color-stop(35.42%,rgba(255,180,5,0)));
    background: -o-linear-gradient(right,rgba(255,180,5,.08) 0,rgba(255,180,5,0) 35.42%);
    background: linear-gradient(270deg,rgba(255,180,5,.08) 0,rgba(255,180,5,0) 35.42%)
}

.invite__desc,.invite__title {
    text-align: start
}

.invite__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.invite__img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 24px
}

.popupGame {
    position: relative;
    padding: 24px
}

.popupGame .popup__top {
    margin: 0
}

.popupGame .popup__close {
    position: absolute;
    top: 18px;
    right: 18px
}

.popupGame__img {
    height: 230px;
    margin: -24px -24px 24px
}

.popupGame__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.popupGame__title {
    margin-bottom: 4px;
    text-align: start
}

.popupGame__link {
    margin-bottom: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popupGame__link svg {
    margin-left: 1px
}

.popupGame .btn {
    margin-bottom: 16px
}

.popupGame .btn:last-child {
    margin-bottom: 0
}

.searchLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(238,238,255,.04);
    border: 1px solid rgba(238,238,255,.04);
    border-radius: 12px
}

.searchLine__wrapper {
    margin-top: 64px;
    margin-bottom: 48px
}

.searchLine__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.searchLine__input {
    height: 48px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.searchLine__input input {
    outline: 0;
    width: 100%;
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    background: 0 0
}

.searchLine__input input::-webkit-input-placeholder {
    color: rgba(238,238,255,.3)
}

.searchLine__input input::-moz-placeholder {
    color: rgba(238,238,255,.3)
}

.searchLine__input input:-ms-input-placeholder {
    color: rgba(238,238,255,.3)
}

.searchLine__input input::-ms-input-placeholder {
    color: rgba(238,238,255,.3)
}

.searchLine__input input::placeholder {
    color: rgba(238,238,255,.3)
}

.select {
    position: relative
}

.select__mainBtn {
    min-height: 48px;
    color: rgba(238,238,255,.3);
    padding: 13px 16px;
    background: 0 0;
    border: 2px solid rgba(238,238,255,.04);
    border-radius: 12px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 2
}

.select__mainBtn--selected {
    padding: 0;
    border: 0
}

.select__mainBtn--selected.bonusName {
    background: rgba(255,255,255,.04)
}

.select__input {
    display: none
}

.select__cntRight {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select__cntRight img {
    display: block
}

.select__list {
    padding: 8px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 100;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    background: #25254c;
    border: 1px solid rgba(238,238,255,.04);
    -webkit-box-shadow: 0 14px 60px #0d0d26;
    box-shadow: 0 14px 60px #0d0d26;
    border-radius: 12px;
    max-height: 200px;
    overflow-y: auto
}

.select__item {
    margin-bottom: 8px
}

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

.select__itemBtn {
    padding: 4px 16px
}

.select:not(.active) .select__list {
    display: none
}

.bonusName {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    text-align: start;
    border-radius: 12px
}

.bonusName:hover {
    opacity: 1;
    background: rgba(255,255,255,.04)
}

.bonusName__img {
    width: 60px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 6px;
    border-radius: 8px;
    overflow: hidden
}

.bonusName__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.bonusName__description {
    margin-top: 2px;
    color: rgba(238,238,255,.5)
}

.promotion {
    padding-top: 126px
}

.promotion.promotion--block {
    padding: 24px
}

.promotion.promotion--block .cashApp__time,.promotion.promotion--block .txt24x30 {
    text-align: start
}

.promotion.promotion--block .promotion__item {
    width: calc(33.33% - 12px)
}

.promotion:not(.promotion--block) .btn {
    color: #ffb61d
}

.promotion:not(.promotion--block) .promotion__block:hover .btn {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffaa04),to(#ffbc04));
    background: -o-linear-gradient(top,#ffaa04 0,#ffbc04 100%);
    background: linear-gradient(180deg,#ffaa04 0,#ffbc04 100%);
    color: #14143d
}

.promotion__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px
}

.promotion__item {
    width: calc(25% - 12px);
    margin: 6px;
    min-width: 190px
}

.promotion__item .promotion__block {
    min-height: 100%
}

.promotion__block {
    background: rgba(20,20,61,.6);
    border-radius: 12px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.promotion__block:hover {
    background: #21214e;
    opacity: 1
}

.promotion__img {
    width: 100%;
    height: 160px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden
}

.promotion__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.promotion__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 8px;
    text-align: start
}

.table {
    background: rgba(20,20,61,.6);
    border: 1px solid #252557;
    border-radius: 8px;
    width: 100%;
    border-collapse: collapse
}

.table__wrap {
    max-width: 100%;
    overflow-x: auto;
    border-radius: 8px
}

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

.table tr {
    border: 0
}

.table tr:nth-child(2n) {
    background: rgba(37,37,87,.4)
}

.table thead tr {
    border: 0 solid #000;
    border-bottom: 1px solid #252557
}

.table thead th {
    border: 0 solid #000
}

.table tbody td {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    padding: 16px
}

.table th {
    border: 0;
    background: #252557;
    color: rgba(238,238,255,.5);
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    padding: 13.5px 16px;
    text-align: start
}

.logo svg {
    width: 76px
}

.log__avatar {
    position: relative
}

.log__avatar .resultDone__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.fullImage {
    margin-top: 85px;
    height: 260px;
    width: 100%
}

.fullImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.statickBlock {
    padding: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.statickBlock .profile__infoItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 0 solid rgba(238,238,255,.08);
    border-right: 1px solid rgba(238,238,255,.08);
    background: #1d1d45
}

.statickBlock .profile__infoItem:first-child {
    border-radius: 12px 0 0 12px
}

.statickBlock .profile__infoItem:last-child {
    border-right: 0 solid #000;
    border-radius: 0 12px 12px 0
}

@media screen and (min-width: 480px) {
    .tranfer__top .cashApp__processing .show {
        display:none
    }
}

@media screen and (min-width: 992px) {
    .desctopNone,.header__btnPopup {
        display:none
    }

    .header__bg {
        display: none;
        -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
        transform: translateX(-100vw)
    }

    .listGames__link--more:hover .listGames__hovBtn {
        border: 2px solid #ffb61d;
        -webkit-filter: drop-shadow(0 34px 120px rgba(253, 193, 0, .3));
        filter: drop-shadow(0 34px 120px rgba(253, 193, 0, .3));
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .game__game {
        height: 647px
    }

    .profileWr__content {
        margin-left: 24px
    }
}

@media screen and (max-width: 1400px) {
    .headSlider__itemWrap {
        padding-left:66px;
        padding-right: 66px
    }

    .headSlider__btn {
        width: 84px
    }
}

@media screen and (max-width: 1200px) {
    .footer__bottom {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .footer__partners {
        margin-right: 0;
        margin-bottom: 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .addMenu__item.new_game {
        width: 130px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .addMenu__item {
        width: 110px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media screen and (max-width: 992px) {
    .blocker,.wrapper {
        padding-left:30px;
        padding-right: 30px
    }

    .mobileNone {
        display: none
    }

    .header {
        padding: 0
    }

    .header__wrapper {
        padding: 0!important
    }

    .header .logo {
        margin-left: 18px
    }

    .header__right {
        height: 58px;
        background: #ffbc04;
        -webkit-box-shadow: 0 4px 60px rgba(253,193,0,.28),0 4px 0 #e67c00,inset 0 -4px 18px -3px #fdc200;
        box-shadow: 0 4px 60px rgba(253,193,0,.28),0 4px 0 #e67c00,inset 0 -4px 18px -3px #fdc200;
        border-radius: 0 0 0 28px
    }

    .log__avatar {
        margin-right: 16px
    }

    .header {
        background: #0d0e26;
        -webkit-backdrop-filter: blur(24px);
        backdrop-filter: blur(24px)
    }

    .header__wrapper .menu {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        max-width: 420px;
        width: 100vw;
        background: #0d0e26;
        z-index: -1;
        margin-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 103px 34px 34px 42px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: .12s ease-in-out;
        -o-transition: .12s ease-in-out;
        transition: .12s ease-in-out
    }

    .header__wrapper .menu__item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 22px
    }

    .header__wrapper .menu__item:last-child {
        margin-bottom: 0
    }

    .header__wrapper .menu__link {
        text-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 12px 0;
        font-size: 22px
    }

    .header__wrapper .menu__link:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border-radius: 20px;
        left: -26px;
        border: 2px solid #e67c00
    }

    .header:not(.active) .header__bg,.header:not(.active) .header__wrapper .menu {
        -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
        transform: translateX(-100vw)
    }

    .createAccount__img {
        display: none
    }

    .headSlider__slider {
        height: 480px
    }

    .headSlider__img {
        width: 550px;
        height: 419px
    }

    .headSlider__itemWrap {
        padding-left: 88px;
        padding-right: 88px
    }

    .loop__jackpot {
        position: static;
        right: auto;
        background: #ffaa04;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .listGames__btns {
        display: none
    }

    .listGames__bottom {
        overflow-x: auto
    }

    .guarantee__head::after,.guarantee__head::before {
        opacity: .2;
        z-index: -1
    }

    .guarantee__item {
        width: 100%;
        margin-bottom: 22px
    }

    .hoverPlayTime__item {
        width: 16.6666%
    }

    .profileWr__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .profileWr__sideBar {
        width: 100%;
        max-width: 662px
    }

    .profileWr__content {
        margin-top: 24px
    }

    .promotion.promotion--block .promotion__item {
        width: calc(50% - 12px)
    }

    .promotion__item {
        width: calc(33.33% - 12px)
    }
}

@media screen and (max-width: 768px) {
    .footer__wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .footer__left {
        margin-top: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .footer__left .socialLink {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }

    .footer__left .socialLink__item {
        margin-right: 0;
        margin-bottom: 12px
    }

    .footer__left .socialLink__item:last-child {
        margin-bottom: 0
    }

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

    .createAccount__btn {
        -webkit-animation: none;
        animation: none
    }

    .headSlider__img {
        -webkit-transform: translateX(calc(-50% + 250px));
        -ms-transform: translateX(calc(-50% + 250px));
        transform: translateX(calc(-50% + 250px))
    }

    .headSlider__itemWrap {
        padding-left: 22px;
        padding-right: 22px
    }

    .headSlider__title {
        font-size: 36px
    }

    .headSlider__navigation {
        display: none
    }

    .loop__wrapper {
        padding: 8px 10px
    }

    .loop__item {
        margin-right: 8px
    }

    .loop__img {
        margin-right: 4px;
        width: 60px;
        height: 40px
    }

    .loop__name,.loop__sum,.loop__title {
        font-size: 10px;
        line-height: 12px
    }

    .loop__jackpot {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .numbers__num {
        font-size: 22px;
        width: 25px;
        height: 36px
    }

    .listGames__bottom--listGame .listGames__slider .listGames__slide {
        width: calc(50% - 8px);
        max-width: 345px
    }

    .hoverPlayTime__item {
        width: 25%
    }

    .inputToggle input:checked~.inputToggle__checkBox {
        border: 2px solid #0d0e26
    }

    .inputToggle input:checked~.inputToggle__checkBox:after {
        top: 0;
        left: 16px
    }

    .inputToggle__checkBox {
        background: #0d0e26
    }

    .game {
        /* background:#000461BF; */
        padding-top: 58px
    }

    .game__title {
        font-size: 24px;
        line-height: 29px;
        padding-right: 18px;
        padding-left: 18px;
        padding-top: 28px
    }

    .game__top {
        display: block
    }

    .game__nav {
        margin-top: 18px;
        border-radius: 0;
        background: #ffaa04
    }

    .game__nav p {
        color: #0d0e26
    }

    .game__nav .inputToggle {
        margin-right: auto
    }

    .game__nav svg path {
        stroke: #0d0e26
    }

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

    .profile__avatarBlock,.profile__infoBlock {
        width: 100%;
        margin: 0 0 24px
    }

    .profile__avatarBlock:last-child,.profile__infoBlock:last-child {
        margin-bottom: 0
    }

    .tranfer__top .cashApp__processing .text {
        display: none
    }

    .invite__img {
        position: absolute;
        top: -40px;
        right: -20px;
        opacity: .7;
        z-index: -1
    }

    .promotion.promotion--block .promotion__item {
        width: 100%
    }

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

@media screen and (max-width: 480px) {
    .footer__top {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .headSlider__img {
        opacity: .6;
        -webkit-transform: translateX(calc(-50% + 79px));
        -ms-transform: translateX(calc(-50% + 79px));
        transform: translateX(calc(-50% + 79px))
    }

    .hoverPlayTime__item {
        width: 33.33%
    }

    .game__favorite p,.tranfer__top .cashApp__processing .hide {
        display: none
    }

    .promotion__item {
        width: 100%
    }
}

.addMenu {
    margin-top: 92px;
}

@media (max-width: 992px) {
    .addMenu {
        margin-top: 58px !important;
    }
}