.addsocialicons{display:flex;justify-content:center;width:auto;align-items:center;
margin: 1px auto 0;
max-width: fit-content
}
.add-socials .social{display:block;width:40px;height:40px;cursor:pointer;background-position:center center;background-size:24px;background-repeat:no-repeat;border-radius:10px;border: 2px solid #646a87;padding:0;margin:0 10px 0 0}
.addsocialicons .social.telegram{background:url(/img/social.png) bottom center/32px 224px no-repeat;}
.addsocialicons .social.telegramsigned{background:url(/img/social.png) bottom center/32px 224px no-repeat;}
.addsocialicons .social:not(:last-child){margin-right:10px}
.social.telegramsigned{display:block;width:40px;height:40px;cursor:pointer;background-position:center center;background-size:22px;background-repeat:no-repeat;border-radius:10px;border: 2px solid #646a87;padding:0;background-image:url(/img/svg/soc_tg.svg)}
.add-socials.notactive .social:hover{opacity:.75}
.social:hover{opacity:.75}.socials .social:hover{opacity:.75}
.add-socials{display:flex;justify-content:center;width:100%;align-items:center}
.add-socials .vk{background-image:url(/img/svg/soc_vk.svg)}
.add-socials .steam{background-image:url(/img/svg/soc_st.svg)}
.add-socials .liveid{background-image:url(/img/svg/soc_mw.svg);background-size:20px}
.add-socials .google{background-image:url(/img/svg/soc_go.svg);background-size:22px}
.add-socials .yandex{background-image:url(/img/svg/soc_ya.svg);background-size:20px}
.addsocialicons .otherway, .addsocialicons .otherwaynot{display:block;min-width:40px;width:40px;height:40px;cursor:pointer;background-position:center center;background-size:22px;background-repeat:no-repeat;border-radius:10px;border: 2px solid #646a87;padding:0;background-image:url(/img/svg/w3.svg)}
.addsocialicons .social.telegram{display:block;min-width:40px;width:40px;height:40px;cursor:pointer;background-position:center center;background-size:22px;background-repeat:no-repeat;border-radius:10px;border: 2px solid #646a87;padding:0;background-image:url(/img/svg/soc_tg.svg)}
.add-socials .social.steam{ margin: 0; }
.profile__block .add-socials .social,
.profile__block .social.telegramsigned,
.profile__block .addsocialicons .otherway,
.profile__block .addsocialicons .otherwaynot,
.profile__block .addsocialicons .social.telegram {
min-width:42px;width:42px;height:42px;
}
.errorPage.restricted .errorPage__text {
max-width: 440px;
text-align: center;
align-items: center;
}
#trn_user {
margin: 0px auto 10px;
}
a.emaddr{
color: #fe284a;
margin: 0px auto;
}
a.emaddr:hover{
color: #fff;
}
#cp_error {
color: #fe284a;
font-weight: 700;
}
#cp_error b {
color: #fff;
font-weight: 700;
}
.bonus-card_action-wrapper {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
}
.qrlink {
display: block;
width: 156px;
height: 156px;
margin: 0px auto;
}
.box_progress progress {
border-radius:10px;
margin: 0;
}
@media (min-width: 1199px){
.jackpots .tournament__table {
margin: 0
}
.row.bonus__row {
flex-wrap: wrap;
}
}
.box_progress progress,
.box_progress progress[value] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
height:10px
}
.box_progress progress[value]::-webkit-progress-bar {
background-color:#161626;
border-radius:10px
}
a.rednoline {
color: #3eb489;text-decoration: none;
}
.box_progress progress::-webkit-progress-value,
.box_progress progress[value]::-webkit-progress-value {
background-image:linear-gradient(90deg,#ffdc26 0,#fe2c49);
border-radius:10px;
transition:width 1s ease
}
.box_progress progress[value]::-moz-progress-bar {
background-image:linear-gradient(90deg,#ffdc26 0,#fe2c49);
border-radius:10px;
transition:width 1s ease
}
.box_progress {
align-items:center;
box-sizing:border-box;
display:flex;
flex-direction:column;
width:100%;
margin-right: 20px;
height: 26px;
}
.box_progress progress[value] {
border: none;
border-radius: 10px;
color: #ff7122;
transition: width 1s ease;
}
.box_progress .progress_status {
color: #646a87;
display: flex;
justify-content: space-between;
margin-bottom: 1px;
width: 100%;
}
.bonus-card_side .box_progress .progress_status {
color: #fff;
}
.bonus-card_side .progress_status {
margin-bottom: 8px;
}
.progress_status span {
color: #fff;
font-size: 14px;
}
.popularbut {
margin: 0 auto;
grid-column: 1 / -1;
}
.hist.pagination {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 0 3px;
}
.hist.tournament__arrow {
align-items: unset;
}
span.hist.tournament__arrow {
cursor: not-allowed;
}
.hist.tournament__arrow:hover {
color: #fff;
}
.favoriteaction svg {fill: none;
stroke: #ff1f44;
stroke-miterlimit: 10;
width: 24px; }
.favoriteaction.active svg {
fill: #ff1f44;
stroke: #ff1f44;
stroke-miterlimit: 10;
}
.wallet__currency .btn-primary.ripple.sm {
margin-top: 15px;
}
.__jivoDesktopButton,.__jivoMobileButton{display:none!important}
.step1,
.step2 {
margin: 0px auto 20px;
}
.step2 {
display: none;
}
.slider{
margin: -51px 0 0;
    aspect-ratio: 16/3.25;
overflow: hidden;
}
.slider .slick-list , .slider .slick-track{
    height: 100%;
}
.slider__item{
position: relative;
/*height: 380px;*/
    height: 100%;
font-family: "Sochi";
}
.slider__item img{
width: 100%;
height: 100%;
min-height: 80px;
object-fit: cover;
margin: 0 auto 0;
}
.slider__item-row{
position: absolute;
top: 50px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
.tournament.jackpots .tournament__block-left p {
margin: 0;
}
.slider__item-block{
background: url("/img/minor.png") center top no-repeat;
background-size: 180px 88px;
width: 180px;
height: 88px;
transform: translateY(20px);
}
.slider__item-block.jp3{
width: 203px;
background: url("/img/mega.png") center top no-repeat;
background-size: 203px 88px;
transform: translateY(0px);
margin: 0 20px;
}
.slider__item-block.jp2{
width: 180px;
background: url("/img/major.png") center top no-repeat;
transform: translateY(20px);
    background-size: 180px 88px;
}
.slider__item-name{
background: linear-gradient(180deg,#cfc2b4 13%,#fef2df 44%,#d4c4b3 46%,#bbaa9b);
-webkit-text-fill-color: #0000;
-webkit-background-clip: text;
background-position: 50%;
background-repeat: no-repeat;
background-size: calc(100% - 1px) calc(100% - 1px);
bottom: 9px;
font-size: 25px;
font-variant-numeric: tabular-nums;
left: 50%;
position: absolute;
transform: translateX(-50%);
white-space: nowrap;
}
.slider__item-block.jp2 .slider__item-name{
background: linear-gradient(180deg,#e2e2e2 13%,#b3b3b3 44%,#c1c1c1 46%,#e0e0e0);
-webkit-text-fill-color: #0000;
-webkit-background-clip: text;
}
.slider__item-block.jp3 .slider__item-name{
background: linear-gradient(180deg,#fff47a,#f4b200 37.5%,#ffc30c 45.31%,#fff47a 99.48%);
-webkit-text-fill-color: #0000;
-webkit-background-clip: text;
}
.slider__item-text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: rgb(0 0 0 / 71%);
padding: 5px 15px;
height: 60px;
line-height: 60px;
}
.slider__item-text.slide1 {
height: 62px;
}
.slider__item-text.slide2 {
line-height: 50px;
}
.slider__item-text span{
-webkit-text-fill-color: #0000;
background: linear-gradient(180deg, #ffbc3a 0, #ffbc3a 50%, #e7971e 55%, #ffe47a 65%, #ffe47a 80%, #ffe47a);
color: #321258e6;
background-clip: border-box;
-webkit-background-clip: text;
font-size: 30px;
line-height: 38px;
text-transform: uppercase;
}
.slider__item-text.slide1 span{
font-size: 40px;
line-height: 52px;
text-transform: none;
}
.slider__item-text.slide2 span{
background: linear-gradient(180deg, #ffee5b 0, #ffee5b 40%, #ffd303 45%, #f4b001 50%, #ffd303 55%, #ffee5b 60%, #ffee5b);
-webkit-background-clip: text;
}
/*.megawin .slider__item-text{*/
/*background: linear-gradient(90deg,#32125800 0,#321258e6 25%,#321258e6 75%,#32125800);*/
/*}*/
/*.jackpot .slider__item-text{*/
/*background: linear-gradient(270.09deg,#06104f00 .07%,#06104fe6 25.04%,#06104fe6 74.96%,#06104f00 99.93%);*/
/*}*/

.jackpot .slider__item-text span{
-webkit-text-fill-color: #0000;
background: linear-gradient(180deg,#fff176,#ffc40f 50%,#f5b401 50.01%,#ffee5b);
background-clip: border-box;
-webkit-background-clip: text;
filter: drop-shadow(1px 1px rgba(0,5,52,.5));
font-size: 26px;
font-weight:700;
line-height: 34px;
text-transform: uppercase;
}
.maxwin .slider__item-text{
background: none;
}
.reset-txt {
color: #646a87;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 20px auto -7px;
text-align: center;
}
.jackpot_text{
    background: linear-gradient(270.09deg,#06104f00 .07%,#06104fe6 25.04%,#06104fe6 74.96%,#06104f00 99.93%);
}
.sport_text{
    background: linear-gradient(269.99deg,#32125800,#321258e6 25%,#321258e6 75%,#32125800 99.99%);
}
.crypto_text{
    background: linear-gradient(270.09deg,#1c3e8a00 .07%,#1c3e8acf 25.04%,#1c3e8acf 74.96%,#1c3e8a00 99.93%);
}
.maxbet_text{
    background: linear-gradient(270deg,#41210700 .07%,#412107e6 25.04%,#412107cf 74.96%,#41210700 99.93%);
}
.megawin_text{
    background: linear-gradient(90deg,#32125800 0,#321258e6 25%,#321258e6 75%,#32125800);
}
/* -------------- nav -------------- */
.nav{
padding: 5px 0 0 0;
position: relative;
box-shadow: inset 0 5px 25px 0 #000c;
z-index: 1;
}
.nav ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.nav ul li{
width: 20%;
position: relative;
}
.nav ul li.delimiter{
width: 2px;
top: 10.5px;
}
.nav ul li:not(:last-child).delimiter span{
display: block;
border-right: 2px solid #313047;
height: 34px;
}
.nav ul li a{
display: flex;
justify-content: center;
align-items: center;
height: 55px;
font-size: 16px;
font-weight:800;
text-transform: uppercase;
border-radius: 10px 10px 0 0;
border-bottom: none;
position: relative;
}
.nav ul li a img{
max-width: 32px;
object-fit: contain;
margin-right: 15px;
max-height: 32px;
}
.nav ul li a.slots{
}
.nav ul li a.slots img{
max-width: 42px;
}
.nav ul li a.live{
}
.nav ul li a.live img{
max-width: 39px;
}
.nav ul li a.slots span{
padding-right: 8px;
}
.nav ul li a.live span{
padding-right: 4px;
}
.nav ul li a.sport{
color: #9a5cff;
}
.nav ul li a.sport img{
max-width: 32px;
}
.nav ul li a.casino {
padding-left: 3px;
}
.nav ul li a.tournament {
padding-left: 3px;
}
.nav ul li.active a{
background: url("/img/nav__bg.png") repeat #101226;
box-shadow: inset 0 20px 30px -15px #fff3;
z-index: 2;
}
.nav ul li a.slots{
color: #17eada;
}
.nav ul li a.live{
color: #de593e;
}
.nav ul li a.casino{
color: #6ef770;
}
.nav ul li a.tournament{
color: #e8ce3a;
}
.tournament-active ul li:before , .tournament-active ul li:after{
background: #e8ce3a;
}
.tournament-active ul li a:after{
border-color: #e8ce3a;
}
.nav ul li a:hover{
background: url("/img/nav__bg.png") repeat #101226;
box-shadow: inset 0 20px 30px -15px #fff3;
}
.nav.active:after{
display: none;
}
.nav ul li:after{
width: 1px;
background: #313047;
height: 34px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
content: "";
display: block;
}
.nav ul li:last-child:After{
display: none;
}
#navCanvas {
position: absolute;
bottom: -23px;
left: 0;
width: 100%;
height: 73px;
pointer-events: none; /* Чтобы клики проходили насквозь */
z-index: 2;
}
.nav:after{
content: "";
position: absolute;
width: 100%;
z-index: 0;
background-image: url(/img/point_with_large_space.svg);
background-repeat: repeat-x;
background-size: contain;
height: 5px;
bottom: -7px;
display: none;
z-index: 1;
}
.nav.active:after{
display: block;
}
/* -------------- games -------------- */
.games{
padding: 40px 0 45px 0;
background: url("/img/games__bg.png") repeat,#101226;
position: relative;
overflow: hidden
}
.tournament__games.games {
padding: 0 0 10px;
margin: 0 0 -15px;
}
.games::after {
content: "";
position: absolute;
width: 100%;
z-index: 0;
background: url('/img/back_games_wided.svg') repeat-y;
background-size: 100%;
height: 100%;
left: 0;
top: 0;
}
.filters{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 30px;
position: relative;
z-index: 5;
padding: 5px 0 0;
}
.filters-left{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.providers{
min-width: 190px;
margin-right: 20px;
position: relative;
z-index: 3;
}
.providers__top{
width: 100%;
height: 35px;
display: flex;
align-items: center;
padding: 0 35px 0 10px;
background: linear-gradient(#191929,#191929) padding-box,linear-gradient(180deg,#0000 40%,#80808066) border-box;
border: 1px solid #0000;
border-radius: 5px;
font-size: 16px;
font-weight:500;
color: #fff;
position: relative;
cursor: pointer;
transition: 0.3s;
}
.providers__top:hover{
box-shadow: 0 0 0 2px #ffde26;
}
.providers__top.active{
box-shadow: 0 0 0 2px #ffde26;
}
.providers__top:after{
background: url("/img/icon_dropdown.svg") no-repeat;
position: absolute;
top: 12px;
right: 14px;
width: 15px;
height: 15px;
content: "";
}
.providers__dropdown{
position: absolute;
top: 100%;
left: -2px;
margin-top: 7px;
border-radius: 5px;
width: 888px;
background: linear-gradient(#191929,#191929) padding-box,linear-gradient(180deg,#0000 40%,#80808066) border-box;
border: 1px solid #0000;
padding: 10px;
columns: 160px 5;
opacity: 0;
visibility: hidden;
z-index: -1;
transition: 0.3s;
}
.providers__dropdown.active{
opacity: 1;
visibility: visible;
}
.providers__dropdown-item{
position: relative;
}
.providers__dropdown-item:first-child{
column-span: all;
padding-left: 0;
}
.providers__dropdown-item:first-child .providers__dropdown-block{
padding: 0 5px;
}
.providers__dropdown-item a {
color: #fff;
}
.providers__dropdown-item a:hover{
color: #fff;
}
.providers__dropdown-letter{
position: absolute;
top: 0;
left: 6px;
color: #646a87;
font-size: 16px;
font-weight:700;
text-transform: uppercase;
line-height: 35px;
}
.providers__dropdown-block{
width: 160px;
height: 35px;
border-radius: 3px;
padding: 0 0 0 30px;
font-size: 14px;
font-weight:500;
line-height: 35px;
cursor: pointer;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.providers__dropdown-block:hover{
background: #30303f;
}
.providers__dropdown-block.active{
background: #30303f;
}
.filters__sort{
display: flex;
justify-content: flex-start;
align-items: center;
}
.sort__link{
padding: 6px 5px 11px;
display: block;
}
.sort__link:not(:last-child){
margin: 0 10px 0 0;
}
.sort__link svg{
width: 25px;
height: 27px;
fill: #302e40;
}
.sort__link.active .svg_flag_hit .svg_color {
fill: #fe284a
}
.sort__link.active .svg_flag_new .svg_color {
fill: #3eb489
}
.sort__link.active .svg_flag_favorite{
fill: #ff1f44;
}
.sort__link:hover .svg_flag_hit .svg_color {
fill: #fe284a
}
.sort__link:hover .svg_flag_new .svg_color {
fill: #3eb489
}
.sort__link:hover .svg_flag_favorite{
fill: #ff1f44;
}
.search{
position: relative;
width: 100%;
max-width: 430px;
}
.search__input{
width: 100%;
height: 35px;
background: linear-gradient(#191929,#191929) padding-box,linear-gradient(180deg,#0000 40%,#80808066) border-box;
border: 1px solid #0000;
border-radius: 25px;
padding-left: 15px;
padding-right: 50px;
font-style: italic;
font-weight:500;
font-size: 16px;
line-height: 18px;
color: #fff;
transition: 0.3s;
}
.search__input:hover , .search__input:focus{
box-shadow: 0 0 0 2px #ffde26;
}
.search__btn{
background: url("/img/icon_search.svg") center no-repeat;
background-size: 18px;
width: 35px;
height: 35px;
position: absolute;
top: 0;
right: 10px;
}
.search__dropdown{
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: linear-gradient(#191929,#191929) padding-box,linear-gradient(180deg,#0000 40%,#80808066) border-box;
border: 1px solid #0000;
border-radius: 5px;
margin: 10px 0 0 0;
padding: 10px;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.search__dropdown.active{
opacity: 1;
visibility: visible;
z-index: 50;
}
.search__item{
display: flex;
justify-content: flex-start;
align-items: center;
cursor: pointer;
border-radius: 3px;
padding: 5px;
transition: 0.3s;
}
.search__item-img{
flex-shrink: 0;
width: 53px;
margin-right: 10px;
}
.search__item-img img{
border-radius: 4px;
width: 100%;
height: 100%;
object-fit: cover;
}
.search__item-name{
font-size: 10px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.search__item:hover{
background-color: #30303f;
}
.row{
gap: 10px;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.game-page .row{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
flex-wrap: wrap;
gap: 10px;
}
.col{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.game-page .col {
}
.moregames {
display: block;
width: 100%;
grid-column: 1 / -1;
}
.game{
border-radius: 10px;
box-shadow: 0 4px 10px 0 #000;
border: 1px solid #393a51;
background-color: #161626;
overflow: hidden;
transition: 0.3s;
position: relative;
z-index: 2;
/*transform-origin: center center;
will-change: transform;
transform: scale(0.909);*/
}
.game__flags{
position: absolute;
top: 0;
left: 10px;
width: 100%;
z-index: 3;
}
.game__flags ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.game__flags ul li{
width: 12%;
filter: drop-shadow(0 2px 2px rgba(0,0,0,.4));
}
.game__flags ul li.supernew{
filter: drop-shadow(0 2px 2px rgba(0,0,0,.5));
}
.game__flags ul li:not(:last-child){
margin: 0 10px 0 0;
}
.game__img{
position: relative;
background: url(/img/game.jpg);
aspect-ratio: 10/6;
background-size: cover;
}
.game__name{
display: flex;
justify-content: center;
height: 40px;
text-align: center;
font-size: 14px;
font-weight:500;
color: #fff;
padding: 0 10px;
line-height: 43px;
}
.game-page .game__name {
height: 25px;
line-height: 28px;
font-size: 12px;
}
.game__hover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000c;
border-radius: 10px 10px 0 0;
padding: 20px 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.btn-play{
background-color: #62c23c;
box-shadow: 0 3px 0 0 #3c7028,0 4px 4px 0 #000;
display: flex;
justify-content: center;
height: 34px !important;
padding: 0 30px;
border-radius: 50px;
font-weight:800;
color: #fff;
letter-spacing: 1px;
font-size: 12px;
text-transform: uppercase;
line-height: 36px;
}
.btn-play:hover{
box-shadow: 0 3px 0 0 #3c7028,0 4px 4px 0 #000,inset 0 15px 15px -3px #fff6;
color: #fff;
}
.game-page .btn-play {
padding: 0 15px;
}
.btn-demo{
display: flex;
justify-content: center;
line-height: 30px;
background-color: #313047;
border-radius: 50px;
color: #fff;
font-size: 12px;
font-weight:700;
height: 29px !important;
padding: 0 20px;
text-transform: uppercase;
}
.btn-demo:hover{
background: #464646;
color: #fff;
}
.btn-fav{
display: flex;
justify-content: center;
align-items: center;
}
.btn-fav span{
color: #646a87;
cursor: pointer;
font-size: 13px;
font-weight:500;
margin-right: 5px;
}
.btn-fav svg{
width: 25px;
}
.btn-fav .svg_heart_empty .svg_color {
fill: none;
stroke: #ff1f44;
stroke-miterlimit: 10;
}
.btn-fav.active .svg_heart_empty .svg_color{
fill: #ff1f44;
}
.game:hover{
transform: scale(1.08);
}
.game:hover .game__hover{
opacity: 1;
visibility: visible;
}
.games__more{
display: flex;
justify-content: center;
line-height: 33px;
background-color: #4d5a85;
border-radius: 50px;
height: 30px;
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000;
font-size: 12px;
font-weight:800;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 30px;
margin: 30px auto 0;
position: relative;
z-index: 3;
transition: 0.3s;
width: 152px;
cursor: pointer;
}
.games__more:hover{
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000,inset 0 15px 15px -3px #fff6;
}
/* -------------- footer -------------- */
.footer{
background: url("/img/footer__bg.png") repeat,#0a0a14;
padding: 0 0 30px 0;
}
.footer__top{
display: flex;
justify-content: center;
align-items: center;
    flex-wrap: wrap;
padding: 30px 15px;
border-bottom: 1px dashed #303036;
    gap: 0 20px;
}
.footer__nav{
    width: 100%;
    margin-bottom: 20px;
}
.footer__nav ul{
display: flex;
justify-content: center;
align-items: center;
}
.footer__nav ul li:not(:last-child){
margin-right: 8px;
}
.footer__nav ul li a{
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 5px;
font-size: 16px;
height: 36px;
padding: 0 8px;
}
.footer__nav ul li a:hover{
background: #252536;
}
.footer__social{
}
.footer__social ul{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer__social ul li:not(:last-child){
margin-right: 10px;
}
.footer__social ul li a{
display: flex;
justify-content: center;
align-items: center;
height: 35px;
width: 35px;
border-radius: 100%;
transition: 0.3s;
}
.footer__social ul li a img{
width: 20px;
height: 20px;
}

.footer__btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.footer__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39px;
    padding: 5px 15px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 11px;
    line-height: 10px;
    min-width: 140px;
    text-decoration: none;
    gap: 0 5px;
    
}
.footer__btn b{
    display: block;
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
}
.footer__btn_ios{
    background-color: #303036;
    box-shadow: 0 4px 0 0 #0e0e11;
}
.footer__btn_android{
    background-color: #309c4d;
    box-shadow: 0 4px 0 0 #184e26;
}

.social_instagram {
background-color: #264484;
box-shadow: 0 3px 0 1px #16284d;
}
.social_telegram {
background-color: #2ca3df;
box-shadow: 0 3px 0 1px #1a6b84;
}
.social_vkontakte {
background-color: #3a6aa3;
box-shadow: 0 3px 0 1px #223f61;
}
.social_youtube {
background-color: red;
box-shadow: 0 3px 0 1px #781712;
}
.footer__social ul li a:hover{
opacity: 0.8;
transition: 0.3s;
}
.footer__content{
padding: 30px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer__content-left{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer__block{
display: flex;
justify-content: flex-start;
align-items: center;
}
.footer__block:not(:last-child){
margin-right: 35px;
}
.footer__block-img{
width: 40px;
height: 40px;
flex-shrink: 0;
margin-right: 20px;
}
.footer__block-text p{
color: #646a87;
font-size: 12px;
line-height: 16px;
}
.footer__block.warning{
max-width: 380px;
}
.lang{
position: relative;
}
.lang__top{
display: flex;
justify-content: flex-start;
align-items: center;
padding: 5px;
position: relative;
cursor: pointer;
z-index: 15;
}
.lang__flag{
width: 30px;
border-radius: 100%;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.lang__top span{
display: block;
margin: 0 10px 0 0;
color: #fff;
font-size: 16px;
font-weight:700;
text-transform: uppercase;
}
.lang__arrow{
width: 12px;
padding-bottom: 3px;
}
.lang__dropdown{
background-color: #4a5372;
border-radius: 5px;
bottom: -12px;
color: #fff;
-moz-columns: 2;
column-count: 2;
right: -32px;
max-height: 300px;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content;
overflow-y: auto;
padding: 5px 5px 50px 5px;
position: absolute;
width: 380px;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.lang__dropdown.active{
opacity: 1;
visibility: visible;
z-index: 10;
}
.lang__dropdown-item{
display: flex;
justify-content: flex-start;
align-items: center;
break-inside: avoid;
padding: 10px 5px;
border: 1px solid #0000;
border-radius: 3px;
box-sizing: border-box;
margin-bottom: 5px;
width: 100%;
cursor: pointer;
}
.lang__dropdown-item:hover{
background: linear-gradient(#2d3047,#2d3047) padding-box,linear-gradient(180deg,#0000 40%,#80808066) border-box;
}
.footer__payments{
    text-align: center;
}
.footer__payments-top{
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.footer__payments-name{
font-size: 16px;
font-weight:700;
color: #fff;
margin: 0 10px 0 0;
}
.payments__arrow{
width: 12px;
transition: 0.3s;
}
.footer__payments-top.active .payments__arrow{
transform: rotate(180deg);
}
.footer__payments-dropdown{
display: none;
}
.footer__payments-dropdown ul{
display: flex;
flex-wrap: wrap;
margin: 30px 0 0 0;
}
.footer__payments-dropdown ul li{
align-items: center;
background-color: #ffffff08;
border-radius: 5px;
display: flex;
flex-grow: 1;
height: 40px;
justify-content: center;
    margin: 0 10px 10px 0;
    min-width: 80px;
    width: auto;
padding: 10px;
box-sizing: content-box;
}
.footer__payments-dropdown ul li img{
height: 100%;
max-height: 40px;
object-fit: contain;
width: 60px;
}
/* -------------- register -------------- */
.wrapper{
flex-grow: 1;
}
.mosaic{
background: url("/img/mosaic.jpg");
background-position: top center;
background-repeat: repeat-y;
background-size: cover;
min-height: auto
}
.register{
padding: 50px 0;
}
.title{
text-align: center;
margin: 0 0 30px 0;
}
.title__item{
color: #fff;
font-weight:700;
font-size: 50px;
line-height: normal;
margin: 0;
}
.register .header__login{
background: url("/img/noise.png") repeat,linear-gradient(#1c2240,#1c2240) padding-box,linear-gradient(180deg,#4d5a85,#46527900) border-box;
border: 2px solid #55586c;
border-bottom-color: #fe284a;
display: block;
position: static;
max-width: 480px;
margin: 0 auto 0;
padding: 20px;
border-radius: 10px;
}
.wrapper.mosaic .title {
margin: -3px auto 37px;
}
.register__top{
}
.register__top-title{
color: #646a87;
font-size: 18px;
font-weight:400;
line-height: 20px;
margin: -1px auto 13px;
text-align: center;
}
.page-register_bonus-list{
display:flex;
justify-content:space-between;
margin-bottom: 18px;
padding: 0 0 20px;
position: relative;
}
.page-register_bonus-list:after{
background-image: url('/img/point.svg');
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
box-sizing: border-box;
content: "";
filter: drop-shadow(0 -1.5px 0 #000);
height: 6px;
left: -20px;
position: absolute;
width: calc(100% + 40px);
}
.page-register_bonus-list.fast{
margin-bottom: 18px;
padding: 12px 0 20px;
}
.page-register_bonus-list.login {
margin-bottom: 18px;
padding: 9px 0 20px;
}
.page-register_bonus-list>li {
box-sizing:border-box;
width:33.3333333333%
}
.page-register_bonus-item {
align-items:center;
display:flex;
flex-direction:column
}
.page-register_bonus-item .text-neon:first-child .text-neon_content {
letter-spacing:2px
}
.text-neon {
display:inline-block;
height:24px
}
.text-neon,
.text-neon>* {
position:relative
}
.text-neon .text-neon_stick {
position:absolute;
z-index:0
}
.text-neon .text-neon_stick:first-of-type {
top:8px
}
.text-neon .text-neon_stick:last-of-type {
bottom:8px
}
.text-neon_stick {
background-color:#433d55;
box-shadow:0 4px 8px 2px #0003;
height:1px;
width:100%
}
.text-neon_stick:after,
.text-neon_stick:before {
background-color:inherit;
border-radius:50%;
content:"";
height:3px;
position:absolute;
top:-1px;
width:3px
}
.text-neon_stick:before {
left:0
}
.text-neon_stick:after {
right:0
}
.text-neon_content {
color:#fe284a;
display:block;
font-size:18px;
font-weight:300;
height:inherit;
letter-spacing:1px;
line-height:24px;
padding:0 8px;
position:relative;
text-shadow:0 0 0 #fe284a,0 0 5px #fe284a,0 0 10px #fe284a,0 0 15px #fe284a,0 1px 1px #c20b12,0 2px 1px #c20b12,0 10px 12px #000;
text-transform:uppercase;
vertical-align:middle;
white-space:nowrap
}
.text-neon_content:before {
box-shadow:0 10px 30px 8px #fa13204d;
content:"";
left:0;
position:absolute;
top:50%;
width:100%;
z-index:0
}
.btn-register{
margin: 0 auto;
}
/* -------------- tournaments -------------- */
.main__bg{
padding: 40px 0 45px 0;
background: url("/img/games__bg.png") repeat,#101226;
position: relative;
}
.main__bg::after, .main__bg::before {
content: "";
position: absolute;
width: 100%;
z-index: 0;
}
.main__bg::after, .main__bg::before {
content: "";
position: absolute;
width: 100%;
z-index: 0;
}
.main__bg::after {
background: url('/img/back_games_wided.svg') repeat-y;
background-size: auto;
background-size: 100%;
height: 100%;
left: 0;
top: 0;
}
.tournaments{
position: relative;
z-index: 10;
}
.jackpot_panel{
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(180deg,#4d5a85,#46527900);
border-radius: 10px;
box-shadow: 0 2px 5px -2px #000;
padding: 10px 20px;
margin-bottom: 20px;
transition: 0.3s;
}
.jackpot_panel-left{
-webkit-text-fill-color: #0000;
background: no-repeat 50%/calc(100% - 1px) calc(100% - 1px) linear-gradient(180deg,#ffda7a 13%,#f4b200 44%,#ffc30c 46%,#ffea7a);
background-clip: border-box;
-webkit-background-clip: text;
font-size: 22px;
font-weight:900;
margin: 0;
text-transform: uppercase;
padding: 7px 0 0;
}
.jackpot_panel-row{
display: flex;
justify-content: center;
align-items: center;
}
.jackpot_panel-item{
display: flex;
justify-content: flex-start;
align-items: center;
}
.jackpot_panel-item:not(:last-child){
margin: 0 40px 0 0;
}
.jackpot_panel-img{
width: 40px;
flex-shrink: 0;
margin: 0 10px 0 0
}
.jackpot_panel-item img{
height: 40px;
}
.jackpot_panel-item p{
font-size: 18px;
color: #7883ab;
font-weight:700;
text-transform: uppercase;
padding: 5px 0 0;
}
.jackpot_panel-item p span{
color: #fff;
padding: 0 0 0 5px;
}
.jackpot_panel-btn{
height: 30px;
background: #4d5a85;
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000;
font-size: 14px;
color: #fff;
font-weight:800;
padding: 0 30px;
border-radius: 50px;
display: flex;
justify-content: center;
line-height: 35px;
text-transform: uppercase;
}
.jackpot_panel-btn:hover{
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000,inset 0 15px 15px -3px #fff6;
color: #fff;
}
.jackpot_panel:hover {
transform: scale(1.025);
}
.tournaments__item{
background: url('/img/noise.png') repeat,#1c2240;
border-radius: 8px;
box-shadow: 0 5px 10px 0 #000;
display: flex;
justify-content: flex-start;
align-content: flex-start;
height: 250px;
position: relative;
transition: 0.3s;
}
.tournaments__item:hover{
transform: scale(1.025);
}
.tournaments__item:not(:last-child){
margin: 0 0 20px 0;
}
.tournaments__item a {
display: block;
height: 100%;
}
.tournaments__container .tournaments__item-status img {
width: 35px;
height: 35px;
}
.tournaments__container .tournaments__item-left p {
font-size: 16px;
}
.tournaments__item-img{
border-radius: 5px 0 0 5px;
box-shadow: 0 -2px 20px 0 #0006;
background: linear-gradient(0deg,#fff0 0,#fff);
padding: 1px 1px 0;
flex-grow: 1;
position: relative;
height: 100%
}
.tournaments__item-img img{
border-radius: 5px 0 0 5px;
}
.tournaments__item-text{
position: absolute;
left: 40px;
top: 10px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.tournaments__item-text span{
display: inline-block;
background-color: #6b2112b3;
border-radius: 6px;
box-sizing: border-box;
font-size: 14px;
font-weight:900;
height: 22px;
line-height: 14px;
margin-bottom: 5px;
padding: 5px 10px;
text-transform: uppercase;
}
.tournaments__item-text b{
display: block;
font-weight:900;
font-size: 46px;
line-height: 46px;
text-shadow: 0 1px 0 #aaa,0 2px 0 #aaa,0 3px 0 #aaa,1px 0 0 #aaa,1px 1px 0 #aaa,1px 2px 0 #aaa,1px 3px 0 #aaa,0 6px 24px #0009;
}
.tournaments__item-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.tournaments__item-wrap{
width: 300px;
flex-shrink: 0;
}
.tournaments__item-top{
height: 125px;
padding: 15px 15px 15px 25px;
position: relative;
}
.tournaments__item-top:after{
background: url("/img/point.svg");
background-repeat: repeat-x;
background-size: contain;
box-sizing: border-box;
content: "";
height: 6px;
left: 0;
position: absolute;
bottom: 0;
width: 100%;
z-index: 5;
}
.tournaments__item-name{
font-size: 24px;
color: #fff;
font-weight:800;
letter-spacing: 1px;
line-height: 30px;
padding-top: 5px;
text-transform: uppercase;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.tournaments__item-item{
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px 7px 25px;
}
.tournaments__item-left span{
color: #646a87;
display: block;
font-size: 16px;
font-weight:500;
margin-bottom: 9px;
}
.timer-container{
color: #fff;
font-size: 18px;
font-weight:700;
display: flex;
justify-content: flex-start;
align-items: center;
}
.timer-block{
display: flex;
justify-content: flex-start;
align-items: center;
}
.timer-label{
margin: 0 5px 0 3px;
}
.tournaments__item .secondary__btn{
position: absolute;
bottom: 27px;
left: 40px;
line-height: 40px;
}
.progress__container{
display: none;
}
/* -------------- tournament -------------- */
.tournament{
position: relative;
z-index: 5;
}
.tournament__top{
display: flex;
justify-content: space-between;
align-items: center;
margin: -5px 0 30px;
}
.tournament__name{
font-size: 34px;
line-height: 40px;
font-weight:700;
color: #fff;
margin: 0;
}
.tournament__top-right{
display: flex;
justify-content: flex-start;
align-items: center;
background-color: #191929;
border: 1px solid #252536;
border-radius: 8px;
padding: 15px 0;
}
.tournament__top-item{
padding: 0 15px;
border-right: 1px solid #4d5a85;
display: flex;
justify-content: flex-start;
align-content: center;
}
.tournament__top-item.tm{
padding: 0 5px 0 15px;
}
.tournament__top-item.tm .tournament__top-wrap{
min-width: 140px;
}
.tournament__top-item:last-child{
border: none;
}
.tournament__top-head{
color: #646a87;
display: block;
font-size: 14px;
font-weight:500;
margin: 0 0 5px;
}
.tournament__top-status{
width: 35px;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.tournament__block{
border: 1px solid #0000;
border-radius: 8px;
box-shadow: 0 5px 10px 0 #000;
height: 250px;
padding: 10px 0 25px 35px;
position: relative;
width: 100%;
margin: 0 0 20px 0;
}
.tournament__block-left{
position: relative;
z-index: 10;
}
.tournament__item-text{
max-width: max-content;
text-align: center;
margin: 0 0 5px 0;
}
.tournament__item-text span{
display: inline-flex;
box-shadow: 0 6px 14px -2px #0006;
text-shadow: 1px 1px 1px #000;
border-radius: 6px;
box-sizing: border-box;
font-size: 14px;
font-weight:900;
text-transform: uppercase;
height: 22px;
line-height: 14px;
margin-bottom: 10px;
padding: 5px 10px;
}
.tournament__item-text b{
display: block;
font-weight:900;
font-size: 46px;
line-height: 46px;
text-shadow: 0 1px 0 #aaa,0 2px 0 #aaa,0 3px 0 #aaa,1px 0 0 #aaa,1px 1px 0 #aaa,1px 2px 0 #aaa,1px 3px 0 #aaa,0 6px 24px #0009;
}
.tournament__block-left p{
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
box-sizing: border-box;
display: -webkit-box;
max-height: 100%;
max-width: 655px;
overflow: hidden;
padding: 2px;
position: relative;
text-overflow: ellipsis;
text-shadow: 1px 1px 1px #000;
z-index: 15;
font-size: 18px;
font-weight:300;
line-height: 25px;
color: #fff;
}
.tournament__block-img{
position: absolute;
top: 0;
right: 70px;
width: 360px;
z-index: 5;
display: flex;
justify-content: flex-end;
}
.tournament__block-image{
display: none;
}
.tournament__block-decor{
border-radius: 8px;
height: inherit;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: inherit;
z-index: 0;
}
.tournament__block-decor .bl{
background: url("/img/confetti.png") repeat-y content-box;
box-sizing: border-box;
height: 250px;
padding: 2px;
position: absolute;
right: 0;
top: 0;
width: 1200px;
}
.tournament__block_freespin{
background: linear-gradient(90deg,#1d74d4,#6e30d3 25%,#6e30d3 75%,#c81a2c) padding-box,linear-gradient(0deg,#fff0 0,#fff) border-box;
}
.tournament__block_freespin .tournament__item-text span{
background-color: #6e30d3;
}
.tournament__games{
}
.tournament__games-title{
display: flex;
align-items: center;
justify-content: center;
color: #646a87;
font-size: 16px;
font-weight:500;
position: relative;
margin: 3px 0 23px;
}
.tournament__games-title span{
background: url("/img/noise.png")  repeat,#101226;
display: block;
padding: 0 6px;
position: relative;
z-index: 10;
}
.tournament__games-title:before{
background: url("/img/point.svg");
background-repeat: repeat-x;
background-size: contain;
box-sizing: border-box;
content: "";
filter: none;
height: 6px;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 10;
}
.tournament__games .game:hover{
transform: none;
}
.tournament__block_maxbet{
background: linear-gradient(90deg,#1abec7,#1d74d4 25%,#1d74d4 75%,#6e30d3) padding-box,linear-gradient(0deg,#fff0 0,#fff) border-box;
}
.tournament__block_maxbet .tournament__block-img{
width: 480px;
top: auto;
bottom: 0;
right: 10px;
}
.tournament__block_maxbet .tournament__item-text span{
background-color: #1d74d4;
}
.tournament__block_x-plus{
background: linear-gradient(90deg,#1d74d4,#6e30d3 25%,#6e30d3 75%,#c81a2c) padding-box,linear-gradient(0deg,#fff0 0,#fff) border-box;
}
.tournament__block_x-plus .tournament__item-text span{
background-color: #6e30d3;
}
.information{
display: flex;
justify-content: flex-start;
align-items: center;
margin: 30px 0;
}
.information__img{
width: 50px;
flex-shrink: 0;
margin-right: 30px;
}
.information__text{
max-width: 650px;
padding: 4px 0 0;
}
.information__text p{
font-size: 30px;
font-weight:700;
line-height: 34px;
color: #fff;
}
.information__text p .yellow{
color: #e8ce3a;
}
.tournament__table{
background-color: #191929;
border: 1px solid #252536;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
overflow-x: hidden;
width: 100%;
margin: 0px auto 20px;
}
.tournament__table-slider {
display: flex;
flex-wrap: wrap;
}
.tournament__table-slide{
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 50%;
}
.tournament__table-item{
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 16px 16px 14px;
position: relative;
width: 100%;
}
.tournament__table-item:after{
background: linear-gradient(90deg,#0000 0,#64646480 33%,#64646480 66%,#0000) content-box;
bottom: 0;
box-sizing: border-box;
content: "";
height: 1px;
left: 0;
padding: 0 25px;
position: absolute;
width: 100%;
z-index: 1;
}
.tournament__table-left{
display: flex;
justify-content: flex-start;
align-items: center;
width: 33.333333%;
}
.tournament__table-number{
color: #646a87;
padding-right: 5px;
width: 35px;
font-size: 16px;
font-weight:700;
flex-shrink: 0;
}
.tournament__table-name , .tournament__table-val{
color: #b9b9be;
font-weight:400;
font-size: 16px;
}
.tournament__table-val{
width: 33.333333%;
text-align: right;
}
.tournament__table-val.tourpoints {
text-align: center
}
.tournament__table-item:nth-child(5n):after{
display: none;
}
.tournament__table-nav{
display: flex;
justify-content: center;
align-items: center;
align-items: center;
box-shadow: 0 0 12px 0 #000;
padding: 20px 0 15px;
}
.slider-counter{
color: #b9b9be;
font-size: 16px;
min-width: 70px;
padding: 0 10px;
text-align: center;
}
.tournament__arrow{
display: flex;
justify-content: center;
align-items: center;
background-color: #4d5a85;
border-radius: 50px;
width: 60px;
height: 30px;
font-family: monospace;
font-size: 24px;
color: #fff;
text-align: center;
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000;
}
.tournament__arrow:hover{
box-shadow: 0 3px 0 0 #2c3552,0 4px 4px 0 #000,inset 0 15px 15px -3px #fff6;
}
.tournament__arrow:active{
box-shadow: inset 0 2px 0 0 #2c3552,inset 0 0 0 15px #0003;
transform: translateY(3px);
}
/* -------------- jackpots -------------- */
.jackpots{
}
.jackpots .tournament__block-img{
width: 480px;
top: auto;
bottom: 0;
right: 10px;
}
.jackpots .slider__item-row{
display: none;
}
.jackpots__items{
display: flex;
justify-content: flex-start;
align-content: flex-start;
margin: 35px 0 0;
}
.jackpots__item{
display: flex;
justify-content: flex-start;
align-content: center;
backdrop-filter: blur(75px);
background: #ffffff1a;
border: 1px solid #ffffff1a;
border-radius: 5px;
padding: 10px 15px;
}
.jackpots__item:not(:last-child) {
margin-right: 20px;
}
.jackpots__item-img{
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-content: center;
margin-right: 10px;
flex-shrink: 0;
}
.jackpots__item-text span{
display: block;
color: #fff;
font-size: 18px;
font-weight:500;
line-height: normal;
margin-bottom: 5px;
text-shadow: 1px 1px 0 #0003;
text-transform: uppercase;
}
.jackpots__item-text b{
display: block;
background: linear-gradient(180deg,#f1f1f1 23.69%,#c2c2c2 53.44%,#e7e7e7 81.58%,#f2f2f2 0);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: #0000;
filter: drop-shadow(1px 1px rgba(0,0,0,.2));
font-size: 22px;
font-variant-numeric: tabular-nums;
font-weight:700;
white-space: nowrap;
}
.jackpots__item.jp3 .jackpots__item-text b{
background: linear-gradient(180deg,#ffda7a 13%,#f4b200 44%,#ffc30c 46%,#ffea7a);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: #0000;
}
.jackpots .tournament__block{
padding-top: 25px;
}
.jackpots .tournament__block-left p{
-webkit-line-clamp: 4;
}
.tournament__table-img{
width: 35px;
height: 35px;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.tournament__table-img img{
height: 100%;
object-fit: cover;
}
.tournament__table-text b{
display: block;
color: #fff;
font-size: 16px;
font-weight:700;
text-transform: uppercase;
margin-bottom: 5px;
}
.tournament__table-text span{
display: block;
font-size: 14px;
color: #b9b9be;
}
.tournament__table-right{
text-align: right;
}
.tournament__table-right b{
display: block;
color: #fff;
font-size: 16px;
font-weight:700;
margin-bottom: 5px;
}
.tournament__table-right span{
display: block;
font-size: 14px;
color: #b9b9be;
}
.tab-item{
display: none;
}
.tab-item.active{
display: block;
}
.tournament__nav{
padding: 16px 16px 5px;
}
.tournament__nav ul{
display: flex;
justify-content: flex-start;
align-content: center;
}
.tournament__nav ul li{
align-items: center;
border: 1px solid #252536;
border-radius: 16px;
color: #646a87;
display: flex;
font-size: 12px;
font-weight:700;
justify-content: center;
padding: 11px 15px 9px;
position: relative;
text-transform: uppercase;
cursor: pointer;
}
.tournament__nav ul li:not(:last-child){
margin: 0 10px 0 0;
}
.tournament__nav ul li.active{
background: linear-gradient(#252536,#252536) padding-box,linear-gradient(180deg,#f1f1f1 23.69%,#c2c2c2 53.44%,#e7e7e7 81.58%,#f2f2f2 0) border-box;
border: 1px solid #0000;
color: #ffffff;
}
.tournament__nav ul li:hover{
background: linear-gradient(#252536,#252536) padding-box,linear-gradient(180deg,#f1f1f1 23.69%,#c2c2c2 53.44%,#e7e7e7 81.58%,#f2f2f2 0) border-box;
border: 1px solid #0000;
color: #ffffff;
}
.tournament__nav ul li.jp3:hover{
background: linear-gradient(#252536,#252536) padding-box,linear-gradient(180deg,#fff47a,#f4b200 37.5%,#ffc30c 45.31%,#fff47a 99.48%) border-box;
border: 1px solid #0000;
color: #fff47a;
}
.tournament__nav ul li.jp3.active{
background: linear-gradient(#252536,#252536) padding-box,linear-gradient(180deg,#fff47a,#f4b200 37.5%,#ffc30c 45.31%,#fff47a 99.48%) border-box;
border: 1px solid #0000;
color: #fff47a;
}
.tournament__name.md{
font-size: 28px;
}
.jackpot_card{
margin: 0 0 40px 0;
}
/* -------------- profile -------------- */
.profile{
padding: 96px 0 50px;
}
.profile__row{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.profile__row.aff {
display: flex;
}
.profile__block{
background: url("/img/noise.png") repeat,linear-gradient(#1c2240,#1c2240) padding-box,linear-gradient(180deg,#4d5a85,#46527900) border-box;
padding: 30px 30px 33px;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
max-width: 740px;
}
.aff .profile__block {
max-width: 100%;
margin: 16px 0 0;
width: 100%;
}
.profile__block:not(:last-child){
margin: 0 0 16px 0;
}
.profile__confirmation{
display: flex;
justify-content: flex-start;
align-items: center;
}
.profile__confirmation-img{
flex-shrink: 0;
width: 100px;
margin-right: 30px;
}
.profile__confirmation-img.err img {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.profile__confirmation-text{
}
.profile__confirmation-text p{
font-size: 16px;
line-height: 18px;
font-weight:300;
color: #fff;
margin: 0 0 15px;
}
.profile__confirmation-text.phhh p {
margin: 1px 0 4px;
}
.profile__block-title{
color: #ffffff;
font-size: 18px;
font-weight:800;
border-bottom: 1px solid #40445a;
margin: -1px 0 9px;
min-height: 25px;
text-transform: uppercase;
width: 100%;
}
.aff .profile__block-title{
margin: -1px 0 10px;
}
.profile__block-title.mt-1px {
margin-top: -1px;
}
.profile__block .input{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.profile__block .input:not(:last-child){
margin: 0 0 9px;
}
.profile__block .input__title{
max-width: 30%;
margin: 0;
padding: 10px 0 0 0;
}
.profile__block .input__wrap{
width: 70%;
}
.input__row{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 70%;
}
.input__row .input__wrap{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.input__row .input__wrap:not(:last-child){
margin: 0 10px 0 0;
}
.input__row .input__wrap.choose_day{
width: 25%;
}
.input__row .input__wrap.choose_month{
width: 45%;
}
.input__row .input__wrap.choose_year{
width: 30%;
}
.profile__block-wrap:not(:last-child){
margin-bottom: 30px;
}
.profile__block-wrap.aff {
margin-bottom: 10px;
}
#aff_button {
display: flex;
margin: 0px auto 4px;
}
.profile__block-sb{
font-size: 14px;
line-height: 23px;
font-weight:300;
color: #fff;
margin: -4px 0 21px;
}
.input__file{
margin: 0 15px 0 0;
flex-shrink: 0;
}
.input__wrap-file{
cursor: pointer;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 15px 0;
}
.input__file-text{
display: block;
color: #646a87;
font-size: 16px;
font-weight:400;
}
.input__code{
}
.input__code .input__wrap{
width: 100%;
}
.input__code .input__text{
padding-left: 10px;
padding-right: 38px;
overflow: hidden;
padding-left: 10px;
padding-right: 38px;
text-overflow: ellipsis;
}
.input__code-btn{
position: absolute;
width: 18px;
height: 21px;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.input__code-btn:hover svg path{
fill: #ffde26;
}
.quarcode{
margin: 0 30px 0 0;
width: 100%;
max-width: 170px;
}
.code2fablock {
display: flex;
width: 100%;
margin: 0px auto;
align-items: center;
}
.codes2fa {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.codes2fa .input.input__code,
.codes2fa .input.input_auth {
width: 100%;
margin: 0 0 10px;
}
.profile__block .input_auth{
justify-content: flex-start;
}
.input_auth .input__title{
width: 50%;
max-width: 100%;
margin: 0 20px 0 0;
}
.profile__block .codes2fa .input_auth .input__wrap {
width: 100%;
}
.codes2fa .btn-primary.md {
margin: 0px auto;
}
/* -------------- bonus -------------- */
.bonus{
margin-top: -30px;
}
.row.bonus__row {
padding-top: 30px;
}
.bonus .col {
width: 33.333333%;
max-width: 383px;
}
.bonus .col .timer-number {
min-width: 2ch;
}
.bonus__col{
perspective: 1000px;
}
.bonus__card{
height: 445px;
position: relative;
transform-style: preserve-3d;
transition: transform .5s ease-in-out;
}
.bonus__card.flip {
transform: rotateY(180deg);
}
.bonus__item{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: url("/img/noise.png")  repeat,linear-gradient(#1c2240,#1c2240) padding-box,linear-gradient(180deg,#4d5a85,#46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
box-sizing: border-box;
padding: 20px;
height: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 0;
transform: rotateY(0deg);
}
.bonus__label{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-color: #fe284a;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 10px;
font-weight:700;
line-height: 14px;
padding: 5px 10px 2px;
text-transform: uppercase;
}
.bonus__label.notactive{
background-color: #ffffff1a;
}
.bonus__img{
margin: 0 0 20px 0;
height: 160px;
display: flex;
justify-content: center;
align-items: center;
}
.bonus__desc{
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-weight:700;
color: #fff;
margin: 0 0 5px 0;
}
.bonus__subtitle{
font-size: 16px;
font-weight:400;
margin: 0 0 20px 0;
}
.bonus__conditions{
border-radius: 5px;
overflow: hidden;
margin: 0 0 20px 0;
}
.bonus__conditions-item{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff0d;
padding: 10px;
font-size: 14px;
line-height: 15px;
}
.bonus__conditions-item:not(:last-child){
margin: 0 0 1px 0;
}
.bonus__btns{
display: flex;
justify-content: space-between;
align-items: center;
}
.btn__info{
display: flex;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
background-color: #ffffff1a;
border-radius: 100%;
min-width: 26px;
}
.bonus__item .timer-container{
font-size: 14px;
font-weight:500;
}
.bonus__item-top p{
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight:400;
}
.bonus__item_side{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: rotateY(180deg);
}
.bonus__item_side .bonus__btns{
/*justify-content: flex-end;*/
}
.bonus__item_side .btn__info{
background: #fff;
}
.bonus__item_side .btn__info svg path{
fill: #4d5a85;
}
@keyframes scale{
0% {
transform:scale(1);
}
50% {
transform:scale(1.1);
}
to {
transform:scale(1);
}
}
.bonus__col.x_rotating_card{
animation:scale .5s ease-in-out;
z-index:1
}
.bonus .empty .bonus__item{
background: url("/img/strips.svg") padding-box,linear-gradient(#252536,#252536) padding-box,linear-gradient(180deg,#3e4564,#272b43) border-box;
}
.bonus__two{
align-items: inherit;
align-content: flex-start;
}
.bonus__two .col{
}
.bonus__block{
background: url(/img/noise.png) repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, #46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
padding: 20px;
height: 100%;
text-align: center;
}
.row.bonus__two {
display: flex;
padding-top: 30px;
}
.bonus__block-img{
height: 140px;
margin: 25px 0 35px 0;
display: flex;
justify-content: center;
align-items: center;
}
.bonus__block-head{
display: block;
font-size: 18px;
font-weight:700;
line-height: 20px;
color: #fff;
margin-bottom: 15px;
}
.bonus__block-text{
text-align: center;
margin: 0px auto 15px;
}
.bonus__block-text p{
text-align: center;
color: #fffc;
font-size: 16px;
line-height: 22px;
font-weight:400;
}
.bonus__block .input{
margin: 0 0 20px 0;
}
.bonus__block .input p{
display: block;
color: #fe284a;
font-size: 16px;
line-height: 22px;
font-weight:400;
margin: 15px 0 0 0;
text-align: center;
}
.bonus__block .input b{
font-weight:400;
color: #ffffff80;
}
.bonus__block .input span{
color: #3eb489;
font-weight:400;
}
/* -------------- status -------------- */
.status{
background: url("/img/noise.png") repeat,linear-gradient(#1c2240,#1c2240) padding-box,linear-gradient(180deg,#4d5a85,#46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
padding: 30px;
}
.status__top{
display: flex;
justify-content: flex-start;
align-items: center;
padding: 0 25px;
margin: 0 0 25px 0;
}
.status__top-img{
width: 100px;
flex-shrink: 0;
margin: 0 30px 0 0;
}
.status__top-img .svg_achievement .svg_color{
fill: none;
stroke: #646a87;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.5px;
}
.status__top-img .svg_achievement .svg_color{
stroke: #e8ce3a;
}
.status__top-text{
}
.status__top-text p{
font-size: 30px;
font-weight:700;
line-height: 34px;
color: #fff;
margin: 0;
}
.status__top-text p span{
color: #e8ce3a;
}
.status__container{
position: relative;
padding: 20px 10px 0 10px;
display: flex;
justify-content: flex-start;
align-content: flex-start;
}
.status__container:before{
background-image: url("/img/point.svg");
background-repeat: repeat-x;
background-size: contain;
box-sizing: border-box;
content: "";
filter: drop-shadow(0 -1.5px 0 #000);
height: 6px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 15;
}
.status__item{
width: 16.666666%;
height: 270px;
border-radius: 8px;
position: relative;
overflow: hidden;
}
.status__item-progress progress {
margin: 0 0 8px;
}
.input.cpex p {
font-size: 14px;
margin: 9px 0 0;
color: #fff;
}
.input.cpex p b {
color: #fff;
font-weight: 700;
}
.input.cpex p b span {
color: #fff;
font-weight: 700;
}
.input.cpex p:last-child {
margin: 0 0 -13px;
}
.status__item-current{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 5;
background-color: #62c23c;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 2px 8px 1px #00000080;
box-sizing: border-box;
color: #fff;
display: block;
font-size: 12px;
font-weight:800;
height: 20px;
letter-spacing: 1px;
line-height: 10px;
max-width: 100%;
overflow: hidden;
padding: 6px 5px 4px;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
display: none;
}
.status__item-img{
height: 150px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 5px 0;
position: relative;
z-index: 2;
}
.status__item-img img{
width: 120px;
height: 120px;
}
.status__item-name{
display: block;
text-align: center;
font-size: 16px;
color: #fff;
font-weight:800;
line-height: 25px;
margin-bottom: 10px;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.status__item-progress{
padding: 0 20px;
position: relative;
z-index: 2;
}
progress{
width: 100%;
height:  10px;
border: none;
border-radius: 10px;
appearance: none;
margin: 0 0 9px;
}
progress::-webkit-progress-value {
background-color: #ffdc26;
border-radius: 10px;
}
/* Цвет фона прогресса */
progress::-webkit-progress-bar {
background-color: #161626;
border-radius: 10px;
}
.status_noob progress::-webkit-progress-value{
background-color: #ffdc26;
background-image: none
}
.status_gambler progress::-webkit-progress-value{
background-color: #ffb02f;
background-image: none
}
.status_bronze progress::-webkit-progress-value{
background-color: #ff8637
}
.status_silver progress::-webkit-progress-value{
background-color: #fe5b40;
background-image: none
}
.status_gold progress::-webkit-progress-value{
background-color: #fe3847;
background-image: none
}
.status_platinum progress::-webkit-progress-value{
background-color: #fe2c49;
background-image: none
}
.status__item-number{
color: #646a87;
display: block;
font-size: 14px;
height: 20px;
font-weight:400;
text-align: center;
}
.status__item.current{
box-shadow: 0 0 0 2px #ffde26;
}
.status__item.current:after {
box-shadow: 0 -10px 150px 30px #ffde26;
content: "";
left: 0;
opacity: .8;
position: absolute;
top: 160px;
width: 100%;
z-index: 0;
}
.status__item.current .status__item-current{
display: block;
}
.messages{
max-width: 740px;
}
.messages__item {
background: url("/img/noise.png") repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, #46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
padding: 30px;
}
.messages__item:not(:last-child){
margin: 0 0 30px 0;
}
.messages__item-date{
color: #646a87;
font-size: 13px;
font-weight:400;
margin-bottom: 10px;
}
.messages__item-from{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
border: 2px solid #646a87;
border-radius: 25px;
max-width: 185px;
padding: 2px 2px 2px 15px;
color: #646a87;
}
.from__text{
margin: 0 7px 0 0;
}
.from__text-head{
margin: 0 0 5px 0;
}
.from__text-name{
color: #fe284a;
font-size: 20px;
font-weight:800;
text-transform: uppercase;
}
.from__img{
flex-shrink: 0;
width: 40px;
}
.message_body{
color: #fff;
font-size: 16px;
margin: 0 0 20px 0;
}
/* -------------- wallet -------------- */
.wallet{
}
.wallet__nav{
display: flex;
margin-bottom: 20px;
}
.wallet__nav ul{
background: linear-gradient(180deg, #4d5a85, #46527900);
border-radius: 10px;
box-shadow: 0 8px 10px #000;
padding: 5px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
width: 100%;
max-width: 960px;
}
.wallet__nav ul:before{
background: url("/img/noise.png") repeat, linear-gradient(#1c2240, #1c2240);
border-radius: 9px;
content: "";
display: block;
height: calc(100% - 2px);
left: 1px;
position: absolute;
top: 1px;
width: calc(100% - 2px);
z-index: 0;
}
.wallet__nav ul li{
position: relative;
z-index: 5;
}
.wallet__nav ul li a{
display: flex;
justify-content: flex-start;
align-items: center;
min-height: 40px;
padding: 0 15px;
color: #7883ab;
font-size: 14px;
font-weight:500;
border-radius: 7px;
}
.wallet__nav-icon{
width: 18px;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 10px;
}
.wallet__nav-icon svg{
fill: currentColor;
}
.wallet__nav ul li a.active{
background: #191929;
box-shadow: 0 0 0 1px #252536, 0 3px 5px #00000080;
color: #fff;
}
.wallet__nav ul li a:hover{
color: #fff;
}
.wallet__body{
background: url("/img/noise.png") repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, #46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
max-width: 960px;
padding: 12px 12px 15px;
}
.wallet__body-wrap{
background-color: #161626;
border: 2px solid #252536;
border-radius: 10px;
box-shadow: 0 5px 20px -5px #000;
}
.wallet__body-method{
padding: 25px;
}
.wallet__method .row{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: -16px;
margin-left: -8px;
margin-right: -8px;
gap: 0;
}
.wallet__method .col{
width: 20%;
padding-left: 8px;
padding-right: 8px;
margin-top: 16px;
cursor: pointer;
}
.wallet__method-item{
background-color: #161626;
border: 2px solid #252536;
border-radius: 10px;
box-shadow: 0 5px 10px -2px #000;
color: #646a87;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 135px;
position: relative;
overflow: hidden;
padding: 5px;
text-decoration: none;
}
.wallet__method-item_img{
height: 90px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
position: relative;
}
.wallet__method-item_img img{
position: relative;
z-index: 2;
height: 40px;
}
.wallet__method-item_img:after{
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
filter: blur(20px);
content: "";
height: inherit;
position: absolute;
top: -60px;
transform: scale(1.8);
z-index: 0;
}
.wallet__method-item p{
font-size: 16px;
font-weight:300;
margin: 0
}
.wallet .wallet__method-item_img.x_bank_card:after {
width:42px
}
.wallet .wallet__method-item_img.x_bank_card:after {
background: url("/img/logo_bank_card.svg");
left:calc(50% - 21px)
}
.wallet .wallet__method-item_img.x_neteller:after {
width:100px
}
.wallet .wallet__method-item_img.x_neteller:after {
background-image:url('/img/logo_neteller.svg');
left:calc(50% - 50px)
}
.wallet .wallet__method-item_img.x_bitcoin:after {
width:55px
}
.wallet .wallet__method-item_img.x_bitcoin:after {
background-image:url('/img/logo_bitcoin.svg');
left:calc(50% - 27.5px)
}
.wallet .wallet__method-item_img.x_piastrix:after {
width:55px
}
.wallet .wallet__method-item_img.x_piastrix:after {
background-image:url('/img/logo_piastrix.svg');
left:calc(50% - 27.5px)
}
.wallet .wallet__method-item_img.x_ethereum:after {
width:33px
}
.wallet .wallet__method-item_img.x_ethereum:after {
background-image:url('/img/logo_ethereum.svg');
left:calc(50% - 16.5px)
}
.wallet .wallet__method-item_img.x_tether:after {
width:77px
}
.wallet .wallet__method-item_img.x_tether:after {
background-image:url('/img/logo_binance_erc20.svg');
left:calc(50% - 38.5px)
}
.wallet .wallet__method-item_img.x_tether_trc20:after {
width:85px
}
.wallet .wallet__method-item_img.x_tether_trc20:after {
background-image:url('/img/logo_tether_trc20.svg');
left:calc(50% - 42.5px)
}
.wallet .wallet__method-item_img.x_jeton:after {
width:55px
}
.wallet .wallet__method-item_img.x_jeton:after {
background-image:url('/img/logo_jeton.svg');
left:calc(50% - 27.5px)
}
.wallet .wallet__method-item_img.x_much_better:after {
width:52px
}
.wallet .wallet__method-item_img.x_much_better:after {
background-image:url('/img/logo_much_better.svg');
left:calc(50% - 26px)
}
.wallet .wallet__method-item_img.x_rapid_transfer:after {
width:85px
}
.wallet .wallet__method-item_img.x_rapid_transfer:after {
background-image:url('/img/logo_rapid_transfer.svg');
left:calc(50% - 42.5px)
}
.wallet .wallet__method-item_img.x_litecoin:after {
width:55px
}
.wallet .wallet__method-item_img.x_litecoin:after {
background-image:url('/img/logo_litecoin.svg');
left:calc(50% - 27.5px)
}
.wallet .wallet__method-item_img.x_binance:after {
width:55px
}
.wallet .wallet__method-item_img.x_binance:after {
background-image:url('/img/logo_binance.svg');
left:calc(50% - 27.5px)
}
.wallet .wallet__method-item_img.x_tron:after {
width:55px
}
.wallet .wallet__method-item_img.x_tron:after {
background-image:url('/img/logo_tron.svg');
left:calc(50% - 27.5px)
}
.depway.active .wallet__method-item,
.wallet__method-item:hover{
box-shadow: 0 0 0 2px #ffde26;
}
.wallet__currency {
background: url("/img/noise.png") repeat, linear-gradient(#1c2240, #1c2240) padding-box, linear-gradient(180deg, #4d5a85, #46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
margin: 20px 0;
max-width: 962px;
padding: 20px;
}
.wallet__currency-title{
font-size: 16px;
font-weight:700;
text-transform: uppercase;
line-height: 22px;
margin-bottom: 30px;
}
.aff .wallet__currency-title {
margin: 26px auto -7px;
}
p.nohistoryaff {
margin: 12px 15px 8px;
}
#affstat p.historylimit {
margin: 12px 15px 8px;
}
.history .table .flexcenter {
width: 100% !important;
}
.wallet__currency .row{
margin-top: -30px;
}
.wallet__currency .col{
width: 25%;
margin-top: 30px;
}
.wallet__currency-show{
align-items: center;
background-color: #0000;
color: #fff;
cursor: pointer;
display: flex;
font-size: 16px;
font-weight:500;
line-height: 16px;
padding: 10px 10px 10px 0;
margin: 10px 0 20px 0;
}
.wallet__currency-show:after{
content: "";
background: url("/img/icon_dropdown.svg") center no-repeat;
width: 18px;
height: 8px;
margin: 0 0 0 8px;
}
.wallet__currency-show.active:after{
transform: rotate(180deg);
}
.wallet__body-payment{
display: flex;
justify-content: flex-start;
align-content: flex-start;
}
.wallet__body-section{
width: 50%;
border-right: 1px solid #313047;
padding: 30px 15px 20px;
}
.wallet__body-section:last-child{
border: none;
}
.wallet__body-top{
position: relative;
margin: 0px auto 20px;
}
.wallet__back{
position: absolute;
top: 50%;
left: 40px;
transform: translateY(-50%);
height: 40px;
width: 40px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.wallet__back:hover{
box-shadow: 0 0 0 1px #ffde26;
}
.wallet__body-payment .wallet__method-item{
max-width: 156px;
margin: 0 auto 0;
box-shadow: 0 5px 10px -2px #000;
}
.wallet__value{
max-width: 400px;
margin: 0 auto 0;
}
.wallet__value .input{
background-color: #2c3552;
border-radius: 5px;
padding: 5px;
box-shadow: 0 5px 20px -5px #000;
position: relative;
z-index: 2;
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
}
.wallet__value.withdraw .input {
margin: 0px auto 10px;
}
.wallet__value.withdraw .input__wrap {
width: 100%;
max-width: 100%;
margin: 0;
}
.wallet__value .input__wrap{
width: 100%;
max-width: 300px;
margin: 0 10px 0 0;
}
.wallet__value-text{
padding: 2px 8px 0px;
font-size: 16px;
line-height: 18px;
font-weight:400;
color: #fff;
text-align: center;
flex-grow: 1;
flex-shrink: 0;
}
.wallet__value-row{
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 0 10px;
}
.wallet__value-item{
display: flex;
justify-content: center;
align-items: center;
background-color: #2c3552;
width: 25%;
height: 45px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #646a87;
font-size: 17px;
line-height: 19px;
letter-spacing: .5px;
cursor: pointer;
}
.wallet__value-item:not(:last-child){
margin-right: 6px;
}
.wallet__value-item:hover{
background-color: #62c23c;
color: #fff;
font-weight:700;
}
.wallet__value-min{
max-width: 260px;
font-size: 16px;
line-height: 17px;
font-weight:400;
color: #fff;
text-align: center;
margin: 30px auto 0;
}
.wallet__value-min.wit{
margin: 15px auto -10px;
}
.wallet__value-min p{
margin: 0px auto;
text-align: center;
font-size: 14px;
line-height: 20px;
color: #fff
}
.card{
max-width: 390px;
margin: 0 auto 72px;
position: relative;
}
.card__front{
background-color: #2c3552;
border: 1px solid #4d5a85;
border-radius: 8px;
width: 100%;
height: 220px;
max-width: 360px;
padding: 26px 16px 20px;
position: relative;
z-index: 2;
}
.card .input__title{
font-size: 16px;
font-weight:500;
color: #646a87;
text-transform: uppercase;
}
.card__date .input__title{
text-align: right;
}
.card__date .input__wrap{
width: 80px;
}
.card__date .input__row{
width: 100%;
justify-content: flex-end;
}
.card__date .select2-container .select2-selection--single .select2-selection__rendered{
line-height: 30px;
}
.card__date .select2-container--default .select2-selection--single{
height: 30px;
}
.card__date .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 30px;
background-size: 13px;
}
.card__name{
margin: -35px 0 0 0;
}
.card__name .input__text{
height: 27px;
text-transform: uppercase;
}
.card__back{
background-color: #2c3552;
border: 1px solid #4d5a85;
border-radius: 8px;
box-sizing: border-box;
height: 220px;
width: 360px;
position: absolute;
right: 0;
top: 55px;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
padding: 0 16px 10px;
}
.card__back .input{
display: flex;
justify-content: flex-end;
align-items: center;
}
.card__back .input .input__title{
margin: 0 10px 0 0;
}
.card__back .input .input__wrap{
max-width: 100px;
}
.card__checkbox{
display: flex;
justify-content: flex-end;
align-items: center;
max-width: 320px;
margin: 0 auto 0;
flex-wrap: wrap;
}
.card__checkbox .checkbox{
margin: 0 10px 0 0;
}
.card__checkbox-list{
display: flex;
justify-content: flex-start;
align-items: center;
}
.card__checkbox-list li:not(:last-child){
margin-right: 10px;
}
.card__checkbox-list li.img__x-pci img{
height: 32px;
width: 37px;
}
.card__checkbox-list li.img__x-ssl img{
height: 27px;
width: 25px;
}
.btn__approve{
display: flex;
margin: 40px auto 0;
}
.online-wallet{
}
.online-wallet__ico{
width: 100px;
height: 115px;
margin: 0 auto 22px;
background: url("/img/green__phone.svg");
background-size: 120px 120px;
}
.online-wallet__text{
margin: 0 0 15px 0;
text-align: center;
}
.online-wallet__text p{
color: #ffffff;
text-align: center;
}
.content p{
color: #ffffff;
}
.content p a{
color: #46afff;
}
.content p a:hover{
color: #fe284a;
}
.online-wallet .input{
background-color: #2c3552;
border-radius: 5px;
box-shadow: 0 5px 20px -5px #000;
padding: 5px;
margin: 0 0 20px 0;
}
.online-wallet .card__checkbox{
justify-content: center;
margin: 0 auto 60px;
}
.payment-system{
}
.payment-system__ico{
background: url("/img/svg/cart.svg");
background-size: 120px 120px;
width: 120px;
height: 120px;
margin: 0 auto 50px;
}
.payment-system__text p{
font-size: 19px;
font-weight:400;
letter-spacing: 1px;
line-height: 27px;
color: #fff;
text-align: center;
max-width: 320px;
margin: 0px auto;
}
#dep_error {
margin: -20px auto 20px;
}
.payment-system .card__checkbox{
justify-content: center;
margin: 30px auto 0;
}
.payment-system .btn__approve{
margin: 0 auto;
}
.payment-system .btn__approve:disabled {
opacity: 0.7;
cursor: not-allowed;
}
.wallet__body-title{
font-size: 19px;
font-weight:400;
letter-spacing: 1px;
line-height: 27px;
margin: -5px auto 20px;
text-align: center;
color: #fff;
}
.wallet__method-qr{
width: 156px;
height: 156px;
margin: 0 auto 0;
background: #fff;
border-radius: 3px;
padding: 3px;
}
.wallet__method-qr canvas{
width: 150px;
height: 150px;
}
.wallet__crypto{
max-width: 400px;
margin: 0 auto;
}
.wallet__crypto .input{
background-color: #2c3552;
border: 5px solid #2c3552;
border-radius: 5px;
box-shadow: 0 8px 20px #000;
margin: 0 0 15px 0;
}
.cryptocurrency .wallet__body-top{
margin-bottom: 30px;
}
.cryptocurrency .payment-system__text.content {
margin-bottom: 30px;
}
.cryptocurrency .payment-system__text p {
max-width: 340px;
}
.cryptocurrency.p2p .payment-system__text p {
max-width: 376px;
}
.wallet__crypto-desc{
text-align: center;
color: #7883ab;
line-height: 24px;
margin-bottom: 15px;
font-weight:400;
}
.wallet__crypto-text{
}
.wallet__crypto-text p{
text-align: center;
font-weight:400;
color: #fff;
font-size: 14px;
line-height: 14px;
}
.cryptocurrency .payment-system__text p{
font-size: 16px;
text-transform: none;
}
.money-transfer .wallet__currency-title{
margin-bottom: 20px;
}
.money-transfer__desc{
color: #7883ab;
line-height: 22px;
}
.history .wallet__currency-title{
margin: 7px auto 0;
text-align: center;
}
.table{
border-radius: 10px;
border: 1px solid #646A87;
overflow: hidden;
}
.history .table{
margin: 3px;
}
.table table{
width: 100%;
background: rgb(0 0 0 / 23%);
border-collapse: collapse;
}
.table table thead th{
font-weight:700;
}
.table table th , .table table td{
font-size: 14px;
padding: 9px 10px 6px;
text-align: center;
border-right: 1px solid #646A87;
border-bottom: 1px solid #646A87;
height: 41px;
max-height: 41px !important;
white-space: nowrap;
}
.table table th:last-child , .table table td:last-child{
border-right: none;
}
.table table tbody tr:last-child td{
border-bottom: none;
}
/* -------------- game-page -------------- */
.game-page{
padding: 0;
display: block;
}
.game-page .header{
background: none;
position: absolute;
}
.game-page .header .logo{
margin: 0 auto 0;
}
.game-page .footer{
display: none;
}
.mainGame{
display: flex;
justify-content: center;
background: url("/img/games__bg.png") repeat,#101226;
position: relative;
height: calc(100vh);
overflow: hidden;
padding: 50px 0 0 0;
}
.flexcenter {
display: flex;
justify-content: center;
align-items: center;
}
.cancelbut{
display: block;
background: url(/img/svg/cancel.svg) center center no-repeat;
margin: -3px 0 0 10px;
width: 20px;
height: 20px;
cursor: pointer;
}
.cancelbut:hover{
filter: brightness(20);
}
.mainGame::after, .mainGame::before {
content: "";
position: absolute;
width: 100%;
z-index: 0;
}
.mainGame::after, .mainGame::before {
content: "";
position: absolute;
width: 100%;
z-index: 0;
}
.mainGame::after {
background: url('/img/back_games_wided.svg') repeat-y;
background-size: auto;
background-size: 100%;
height: 100%;
left: 0;
top: 0;
}
.mainGame__row{
display: flex;
justify-content: flex-start;
align-content: flex-start;
max-width: 95%;
margin: 0 auto 0;
height: 95%;
border: 1px solid #313047;
background: url("/img/noise.png") repeat,#1c2240;
box-shadow: 0 8px 10px #000;
position: relative;
}
.mainGame__close{
position: absolute;
top: -12px;
right: -12px;
width: 24px;
height: 24px;
background-color: #2c3552;
border-radius: 100%;
z-index: 999;
}
.mainGame__close svg{
width: 24px;
height: 24px;
fill: #646a87;
}
.mainGame__close:hover svg{
fill: #fff;
}
.mainGame__frame{
aspect-ratio: 16 / 9; /* современный способ */
flex-grow: 1; /* растягивается на всю доступную ширину */
max-width: calc(100% - 300px);
background: #323b58;
z-index:1;
}
.manygames {
margin: 27px auto 0px;
text-align: center;
}
.mainGame__right{
width: 300px;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 1;
}
.mainGame__bottom{
display: flex;
justify-content: center;
align-items: center;
height: 7%;
min-height: 60px;
}
.mainGame__bottom p{
color: #646a87;
margin: 0 15px 0 0;
}
.mainGame__nav{
border-bottom: 2px solid #000;
margin-right: -1px;
}
.mainGame__nav ul{
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 0 10px;
}
.mainGame__nav ul li{
display: flex;
flex-direction: column;
width: 50%;
height: 62px;
justify-content: flex-end;
align-items: center;
padding: 10px 0 7px;
font-size: 12px;
font-weight:800;
color: #646a87;
text-transform: uppercase;
position: relative;
}
.mainGame__nav ul li:after{
position: absolute;
bottom: -2px;
left: 0;
content: "";
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
visibility: hidden;
}
.mainGame__nav ul li svg{
height: 26px;
margin-bottom: 7px;
}
.mainGame__nav ul li:last-child svg{
height: 32px;
margin-bottom: 5px;
}
.mainGame__nav ul li.active .svg_profile .svg_color{
stroke: #fff;
stroke-width: 1px;
}
.mainGame__nav ul li.active{
color: #fff;
}
.mainGame__nav ul li.active:after{
opacity: 1;
visibility: visible;
}
.mainGame__content{
flex-grow: 1;
overflow: auto;
}
.mainGame__conten::-webkit-scrollbar{width:7px;height:7px;background:#434865}
.mainGame__conten::-webkit-scrollbar-thumb{background-color:#1F1F33;border-radius:0}
.mainGame__conten::-webkit-scrollbar-thumb:hover{background-color:#2E2E4C}
.mainGame__block{
text-align: center;
padding: 20px 10px 10px;
}
.red {
color: #fe284a;
}
.green {
color: #3eb489;
}
.mainGame__block-img{
margin-bottom: 15px;
}
.mainGame__block-img img{
margin: 0 auto 0;
}
.mainGame__block-text{
margin-bottom: 30px;
}
.mainGame__block-text b{
display: block;
font-size: 20px;
font-weight:800;
line-height: 24px;
margin-bottom: 10px;
}
.mainGame__block-text p{
font-size: 14px;
line-height: 18px;
font-weight:400;
color: #fff;
}
.mainGame__block-reg{
margin-bottom: 30px;
}
.mainGame__user{
padding: 10px 10px 10px 11px;
}
.mainGame__user-img{
width: 120px;
height: 120px;
margin: 20px auto 14px;
}
.mainGame__user-img img{
margin: 0 auto 0;
}
.mainGame__user-name{
text-align: center;
font-size: 18px;
font-weight:800;
margin-bottom: 9px;
text-transform: uppercase;
word-break: break-all;
}
.mainGame__bot .btn__dark {
height: 31px;
}
.mainGame__bot .secondary__btn {
padding-top: 4px;
}
.mainGame__user-status{
text-align: center;
color: #646a87;
font-size: 16px;
font-weight:500;
word-break: break-all;
margin-bottom: 26px;
}
.mainGame__user-block{
background: url("/img/noise.png") repeat,linear-gradient(#1d2a49,#1d2a49) padding-box,linear-gradient(180deg,#4d5a85 0,#46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
margin-bottom: 10px;
padding: 9px 10px 0;
}
.mainGame__user-row{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.mainGame__user-row span{
color: #646a87;
font-size: 14px;
font-weight:400;
}
.mainGame__user-block progress{
height: 10px;
border-radius: 10px;
}
.mainGame__user-block progress::-webkit-progress-bar {
background-color: #161626;
border-radius: 10px;
}
.mainGame__bot{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 15px 0;
}
.mainGame__bot .secondary__btn{
margin: 0 0 15px 0;
}
.mainGame__user-block progress[value]::-webkit-progress-value {
background-image: linear-gradient(90deg, #ffdc26 0, #fe2c49);
border-radius: 10px;
transition: width 1s ease
}
/* -------------- template -------------- */
.template{
padding: 40px 0;
}
.template__title{
font-size: 50px;
line-height: 55px;
color: #fff;
font-weight:700;
margin-bottom: 30px;
}
.template__block{
background: url("/img/noise.png")  repeat,linear-gradient(#1c2240,#1c2240) padding-box,linear-gradient(180deg,#4d5a85,#46527900) border-box;
border: 1px solid #0000;
border-radius: 10px;
box-shadow: 0 8px 10px #000;
padding: 28px 30px;
}
.contacts{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.contacts__col{
width: 50%;
margin-bottom: 20px;
}
.contacts__col:last-child{
width: 100%;
padding: 20px 0 0 0;
margin-bottom: 0px;
position: relative;
}
.contacts__col:last-child:after{
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 6px;
background: url("/img/point.svg");
background-repeat: repeat-x;
background-size: contain;
filter: drop-shadow(0 -1.5px 0 #000);
}
.contacts__title{
margin-bottom: 15px;
font-size: 16px;
line-height: 23px;
font-weight:700;
color: #fff;
}
.contacts p{
font-size: 16px;
font-weight:400;
}
.template__title.text {
margin: -3px auto 30px;
font-size: 40px;
line-height: 40px;
}
.content.block_security h2,
.content.contacts h2,
.content.about h2,
.content.faq h2 {
border-bottom: 1px solid #40445a;
font-size: 18px;
font-weight:800;
margin-bottom: 8px;
padding: 0 0 3px;
text-transform: uppercase;
width: 100%;
}
.content.block_security p,
.content.contacts p,
.content.about p,
.content.faq p{
font-size: 14px;
line-height: 18px;
font-weight:300;
margin-bottom: 11px;
}
.content.block_security p:last-child,
.content.contacts p:last-child,
.content.about p:last-child,
.content.faq p:last-child {
margin-bottom: -4px;
}
.content.block_security ul,
.content.contacts ul,
.content.about ul,
.content.faq ul{
margin: -3px auto 13px;
}
.content.block_security ul li,
.content.contacts ul li,
.content.about ul li,
.content.faq ul li{
margin-left: 24px;
list-style: circle
}
.content.block_security p a,
.content.contacts p a,
.content.about p a,
.content.faq p a{
font-weight:400;
}
.content table {
background-color:#161626;
border-radius:5px;
box-shadow:0 0 5px 0 #00000080;
color:#fff;
font-size:16px;
margin-bottom:20px;
border-collapse: collapse;
font-size: 16px;
}
.content table thead th {
font-weight:700;
text-transform:uppercase;
border-bottom: 1px solid #8b8b94;
}
.content table tbody td {
border-bottom:1px solid #252536;
font-weight:300;
}
.content table td,
.content table th {
overflow:hidden;
padding:10px 20px;
text-align:center;
text-overflow:ellipsis
}
.resetting{
}
.resetting .input{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 25px 0;
}
.resetting .input__title{
flex-shrink: 0;
font-size: 16px;
max-width: 30%;
margin: 0;
}
.resetting .input__wrap{
width: 100%;
max-width: 70%;
}
.account-conf .template__block{
max-width: 630px;
}
.account-conf .modal__reg{
margin: 0;
}
.account-conf .modal__reg-text p{
font-size: 18px;
line-height: 1.2;
}
/* ---------- 404 ---------- */
.page-error{
}
.page-error .header .container{
justify-content: center;
}
.page-error .footer , .page-error .header__right{
display: none;
}
.errorPage .container{
display: flex;
justify-content: center;
align-items: center;
gap: 30px 40px;
height: calc(100vh - 50px);
max-height: 440px;
}
.errorPage.restricted .container{
max-height: 240px;
}
.errorPage {
display: grid;
place-items: center;
min-height: calc(100vh - 302px);
}
.errorPage__img{
flex-shrink: 0;
max-width: 260px;
}
.errorPage__text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px 0;
color: #fff;
max-width: 330px;
line-height: 24px;
}
.errorPage__text-title{
font-size: 24px;
font-weight:500;
line-height: 28px;
margin: 0;
}
.errorPage__text-name{
font-size: 16px;
font-weight:300;
line-height: 20px;
}
.errorPage__text-number{
color: #7883ab;
font-size: 16px;
font-weight:500;
line-height: 20px;
}
.errorPage__text-btn{
margin-top: 10px;
}


#container{
    z-index: 5;
}