html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



body,html {
    width: 100%;
    height: 100%
}

body {
    font-family: 'Roboto', Roboto, Arial, Helvetica Neue, Helvetica, Verdana, sans-serif;
    font-weight: 400;
    background-color:#00142d;
    color: #fff;
    margin: 0;
    padding-bottom: 7.5rem;
    -webkit-text-size-adjust: 100%

}



A {
    color: #d0ddff; /* Цвет ссылок */
   }
A:visited {
    color: #cecece; /* Цвет посещенных ссылок */
	}
A:active {
    color: #f5f8ff; /* Цвет активных ссылок */
   }


#layer {
    position: absolute;
    display: none;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    filter: alpha(opacity=80);
    z-index: 15;
}


.site_loading
{
  position: absolute;
  top:19rem;
  width: 100%;
  height: 64px;
  display:flex;
  justify-content: center;
  align-items: center;  
  visibility: hidden;
  background-image:url("../../mobile_version/img/loading/loading.svg");
  background-position:center;  
  background-repeat: no-repeat;
  z-index: 9999;
}


H1{Font-Face:arial;FONT-SIZE:2.7em; color:#fbfbfb;}
H2{Font-Face:arial;FONT-SIZE:1.8em; font-weight:normal; color:#e3e3e3;}
H3{Font-Face:arial;FONT-SIZE:1.5em;}
H4{Font-Face:arial;FONT-SIZE:1.4em;}
H5{Font-Face:arial;FONT-SIZE:1.3em;}



a { text-decoration:none; outline:none;}
button,
input[type="submit"],
input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
}
input[type="tel"] {
    position:relative;top:0.22rem;padding:1.2em; padding-left: 7rem; margin:1.5rem; bottom: 0.22rem; width:40rem; height:4.5rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;      
}
textarea:-moz-placeholder {color:#99a2ad;}
textarea::-moz-placeholder {color:#99a2ad;opacity:0.9;}
textarea::-webkit-input-placeholder {color:#99a2ad;}
textarea:-ms-input-placeholder {color:#99a2ad;}
textarea::placeholder {color:#99a2ad;}
input:-moz-placeholder {color:#99a2ad; padding-left:5px;}
input::-moz-placeholder {color:#99a2ad; padding-left:5px; opacity:0.9;}
input::-webkit-input-placeholder {color:#99a2ad; padding-left:5px;}
input:-ms-input-placeholder {color:#99a2ad; padding-left:5px;}
input::placeholder {color:#99a2ad; padding-left:5px;}
input:focus::-webkit-input-placeholder {
    color:transparent;
}
input:focus:-moz-placeholder {
    color:transparent;
}
input:focus:-ms-input-placeholder {
    color:transparent;
}
input:focus::-moz-placeholder {
    color:transparent;
}


textarea, input {outline:none;}


input:focus, textarea:focus {
   	border:2px solid #3f7496; 
   	border-radius: 6px;   	
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	   	
}



table, ul {
    font-size: 100%;
}






@media only screen and (min-width:769px) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-width:711px) and (max-width:768px) {
    html {
        font-size: 9px
    }
}

@media only screen and (min-width:641px) and (max-width:710px) {
    html {
        font-size: 9.5px
    }
}

@media only screen and (min-width:586px) and (max-width:640px) {
    html {
        font-size: 9px
    }
}

@media only screen and (min-width:511px) and (max-width:585px) {
    html {
        font-size: 9px
    }
}

@media only screen and (min-width:461px) and (max-width:510px) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-width:426px) and (max-width:460px) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-width:396px) and (max-width:425px) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-width:376px) and (max-width:395px) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-width:361px) and (max-width:375px) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-width:341px) and (max-width:360px) {
    html {
        font-size: 7.66px
    }
}

@media only screen and (min-width:321px) and (max-width:340px) {
    html {
        font-size: 7.33px
    }
}

@media only screen and (max-width:320px) {
    html {
        font-size: 7px
    }
}

@media only screen and (max-device-height:250px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1.5) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:1.5) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:portrait) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:800px) and (max-device-width:1280px) and (-webkit-min-device-pixel-ratio:1.5) and (orientation:landscape) {
    html {
        font-size: 8px
    }
}

@media screen and (device-width:601px) and (device-height:906px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332) {
    html {
        font-size: 14px
    }
}

@media screen and (device-width:601px) and (device-height:906px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332) and (orientation:portrait) {
    html {
        font-size: 14px
    }
}

@media screen and (device-width:601px) and (device-height:906px) and (-webkit-min-device-pixel-ratio:1.331) and (-webkit-max-device-pixel-ratio:1.332) and (orientation:landscape) {
    html {
        font-size: 14px
    }
}

@media (min-device-width:800px) and (max-device-width:1280px) {
    html {
        font-size: 8px
    }
}

@media (min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
    html {
        font-size: 8px
    }
}

@media (min-device-width:800px) and (max-device-width:1280px) and (orientation:landscape) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    html {
        font-size: 8px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:portrait) {
    html {
        font-size: 10px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:landscape) {
    html {
        font-size: 10px
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    html {
        font-size: 8.33px
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait) {
    html {
        font-size: 8.33px
    }
}

@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    html {
        font-size: 8.33px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) {
    html {
        font-size: 7px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait) {
    html {
        font-size: 7px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    html {
        font-size: 7px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) {
    html {
        font-size: 7px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait) {
    html {
        font-size: 7px
    }
}

@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
    html {
        font-size: 9.5px
    }
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait) {
    html {
        font-size: 9.5px
    }	    
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    html {
        font-size: 9.5px
    }        
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 8.33px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    html {
        font-size: 8.33px
    }
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    html {
        font-size: 8.33px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    html {
        font-size: 7px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    html {
        font-size: 7px
    }
}



.menu_header_img{
    width: 100%;
    height: 41em;
    background-image:url(../mobile_version/img/menu/mob_menu.jpg);
    background-repeat:no-repeat; 
    background-size: contain;
    
}



.btn-header {
    min-width: 4.575rem;
    -webkit-box-shadow: 0 0 0 .2rem #000, 0 0 0 calc(.2rem + 1px) #0a0f78, 0 calc(.2rem + 2px) 0 #070954;
    box-shadow: 0 0 0 .2rem #000, 0 0 0 calc(.2rem + 1px) #070954, 0 calc(.2rem + 2px) 0 #04122b
}




.popup .btn-header>.btn-arrow:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: .325rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: .1rem;
    -ms-transform-origin: .1rem;
    transform-origin: .1rem;
    border-radius: .325rem;
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem 0 #030824;
    box-shadow: 0 .1rem 0 #030824
}



.popup-auth .btn-red,
.popup-reg--redesign .btn-red .btn-gold .btn-green{
    opacity: 1;
}

.btn-green,
.btn-gold,
.btn-red {
    text-align: center    
}

.btn-green span,
.btn-gold span,
.btn-red span {
    font-size: 0.8em;
    font-weight: 700;
    color: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



.btn-red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee2546), to(#c0162e));
    background-image: linear-gradient(to bottom, #ee2546 0, #c0162e 100%);
    background-repeat: repeat-x;
}

.btn-red:before {
    border-color: #e3e3e3
}

.btn-red span {
    text-shadow: 0 .035em 0 #bdbdbd
}


.questModal .btn-red span {
    font-weight: 600;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 1em;
}


.active-sales--blue .btn-red span {
    margin-top: .24rem
}



.btn-gold {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d42626), to(#7a0b0b));
    background-image: linear-gradient(to bottom, #d42626 0, #7a0b0b 100%);
    background-repeat: repeat-x

}

.btn-gold:before {
    border-color: #e3e3e3
}


.btn:active {
    opacity: .9;
    top: 1px
}

.form-block__buttons .btn:first-child {
    float: left;
    width: 54%
}

.form-block__buttons .btn:last-child {
    float: right;
    width: 40%
}


.popup .form-block__button--double .btn:first-child {
    margin-bottom: 1rem
}


.btn-green {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81b62a), to(#008423));
    background-image: linear-gradient(to bottom, #81b62a 0, #008423 100%);
    background-repeat: repeat-x
}

.btn-green span {
    text-shadow: 0 .075em 0 #007e00
}

.action-wrap__note_btn .btn-green {
    font-size: 2.2rem
}

.action-wrap__note_btn .btn-green span {
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .9)
}

.cashbox-deposit-3 .btn-green span {
    margin-bottom: .48rem
}


.btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    overflow: hidden;
    opacity: 1;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-box-shadow: 0 0 0 .3rem #000;
    box-shadow: 0 0 0 .3rem #000;
    height: 4.7rem;
    font-size: 2rem;
    line-height: 4.7rem;
    border-radius: .5rem;
    border: none
}

.btn:before {
    content: "";
    border-width: .1em 0 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

button.btn {
    width: 100%
}


.btn span {
    display: inline-block;
    position: relative;
    z-index: 3
}


.btn.btn-link-telegram {
    /* color: var(--dark, var(--theme-base-color)) var(--light, #517f02) !important; */
    /* border-color: var(--dark, var(--stroke_black)) var(--light, #517f02) !important; */
    border-color: #0088cc;
    color: var(--dark, var(--basic_text_black)) var(--light, #517f02) !important;
    font-size: 1.6rem;
    font-weight: 600;
}

.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



.header .btn,
.sidebar .btn,
.slider .btn {
    text-transform: uppercase
}


.banner-with-btn {
    position: relative
}


.content-banner .banner-with-btn .btn {
    position: absolute;
    top: auto;
    right: 4.7rem;
    bottom: 5.7rem;
    left: 4.7rem;
    z-index: 2
}

@media screen and (max-device-width:421px) {
    .content-banner .banner-with-btn .btn {
        bottom: 4.7rem
    }
}



.sidebar-banner .banner-with-btn .btn {
    position: absolute;
    top: auto;
    right: 2rem;
    bottom: 3rem;
    left: 2rem;
    z-index: 2
}



.sidebar-banner {
    border-bottom: .07rem solid #00142d;
    border-top: .07rem solid #00142d;
    border-right: .07rem solid #00142d
}


.sidebar-banner img {
    width: 100%;
    height: auto
}



.pay_attantion{
  margin-top:4rem; 
  color:#CC0000; 
  font-family:'Courier', sans-serif; 
  font-size: 1.8em;
}

.pay_attantion_inf{
  width: 90%;
  margin-top:2rem; 
  color:#ababab; 
  font-family:'Courier', sans-serif; 
  font-size: 1.3em;
}


.form-block__deposit .btn {
    font-size: 16px
}

.form-block__exchange .btn {
    font-size: 14px
}

.form-block__exchange .btn span {
    padding-top: 1px
}

.loyalty-confirm .btn {
    max-width: 340px;
    margin: 0 auto;
    display: block;
    font-size: 2.5rem;
    line-height: 5.7rem
}


.loyalty-confirm .btn span {
    font-weight: 400
}


.popup-auth .btn,
.popup-reg--redesign .btn {
    height: 5.715rem;
    padding-top: 0
}


.popup-auth .btn span,
.popup-reg--redesign .btn span {
    letter-spacing: .5px
}




.text-wrapper {
    padding: 0 1rem;
    font-size: 1em;
    line-height: 1rem;
    color:#969aa3
} 

.text-wrapper a {
    text-decoration: underline;
    color:#008aff
}

.text-wrapper a:focus, .text-wrapper a:hover {
    text-decoration: none;
    color:#fff
}


.list-num-title {
    margin: 0;
    padding: 1rem 0 0;
    font-size: 1.3em;
    line-height: 1.33;
    font-weight: 700;
    text-align: left;
    counter-reset: item;
    color:#fff
}

.list-num-title > li {
    display: block;
    position: relative;
    margin-left: 1rem;
    padding: 0 1rem 1rem 1rem;    
    font-weight: 400;
    text-transform:none
}


.list-num-title > li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    font-size: 1.5em;
    content: counters(item, '') '.';
    counter-increment:item
}

.list-num-title > li > h3:first-child {
    margin-top: 0 !important;
    padding-left:2rem
}

.list-num-title ~ .list-num-title {
    counter-reset:itemitem
}


.list-num {
    margin: 0;
    padding: 0 0 0 0.5rem;
    font-size: 1.4em;
    line-height: 1.42857;
    text-align: left;
    counter-reset: item;
    color:#adb2cc
}

.list-num > li {
    display: block;
    position: relative;    
    padding:0 0 0 4.5rem
}

.list-num > li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1em;
    content: counters(item, '.') '. ';    
    counter-increment:item    
}

.list-num > li > .list-num {
    font-size: 1em;    
    margin: 0 0 0 -4rem;
    padding:0 0 0 2rem;
}

.list-num > li > .list-num > li {
    padding:0 0 0 6rem;
}






cashback_page{
	position: relative;	
    display: flex;
	flex-direction: column;    
    justify-content: center;

}


.cashback_div_st{
	position: relative;	
    width:90%;    
    display: flex;      
    justify-content: center;   
	padding: 2.5rem 0 1rem 0;
	margin: 0 0 6rem 0;
    color: #fff;    
	border: 1px solid #369fcd;    
	border-radius: 1.5rem;
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	    
}

.cashback_inside{
	position: relative;
	margin: 1rem 0 0 0;
}


.cashback_title{
	position: absolute;
	padding: 0.1rem 3rem 0.1rem 3rem;
	top:-1.6rem;
	background: #080e2f;
	border: 1px solid #369fcd;    
	border-radius: 12px;
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	    
	font-size:2.2em;
	font-weight: 500;

}




.cashback_img0{    
	position: relative;
    width: 90%;
    height: 0;
    padding-top: 25.64%;
	background-image: url('../images/cashback/supervip_bonus.jpg');	
  	background-size: contain;
    background-repeat: no-repeat;	
	border-radius:1.5rem;
}


.cashback_img1{    
	position: relative;
    width: 90%;
    height: 0;
    padding-top: 25.64%;
	background-image: url('../images/cashback/vip_bonus.jpg');	
  	background-size: contain;
    background-repeat: no-repeat;	
	border-radius:1.5rem;
}

.cashback_img2{    
	position: relative;
    width: 90%;
    height: 0;
    padding-top: 25.64%;
	background-image: url('../images/cashback/every_day_bonus.jpg');	
  	background-size: contain;
    background-repeat: no-repeat;	
	border-radius:1.5rem;	
}

.cashback_img3{    
	position: relative;
    width: 90%;
    height: 0;
    padding-top: 25.64%;
	background-image: url('../images/cashback/additional_bonus.jpg');	
  	background-size: contain;
    background-repeat: no-repeat;	
	border-radius:1.5rem;	
}

.cashback_img4{    
	position: relative;
    width: 90%;
    height: 0;
    padding-top: 25.64%;
	background-image: url('../images/cashback/bonus_table.jpg');	
  	background-size: contain;
    background-repeat: no-repeat;	
	border-radius:1.5rem;		
} 


.cashback_text{
	position: relative;
	margin: 2rem 2.5rem 1rem 2.5rem;
	color: #c5d4ff;
	font-family: Arial;
	font-size: 1.7em;
}

.cashback_reg_btn{
	position: relative;
	margin: 0 0 2rem 0;
}



.cashback_tbl_st{
   position: absolute;
   display: flex;
   flex-direction: row; 
   background-color: #031730;   
   border-radius: 2rem;   
   width: 55%;   
   top:1%;
   left:40%;    
   padding: 1rem;  
   filter: alpha(opacity=90);   
   opacity: 0.9;      
}


.cashback_table{
   position: relative;   
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;   
   font-size: 1.5em;
   width: 100%;
}




.cashback_tbl_title{
    position: relative;
    padding: 0.8rem 2rem;    
    font-weight: 600;    
    font-size: 1.2em;
	color: #ffffff;
    width: 80%;
    border-bottom: 1px solid #123b61;            
}


.cashback_tbl_dep{
    position: relative;
    border-bottom: 1px solid #123b61;    
    padding: 0.8rem 0.5rem;    
    font-size:1em;
    font-weight: 500;
	color: #4df5ff;
    width: 80%;
}


.cashback_tbl_bon{
    position: relative;
    border-bottom: 1px solid #123b61;    
    padding: 0.85rem 0.5rem; 
    font-size:1em;
    font-weight: 500;    
    color: #f3f379;
    width: 80%;         
}


.news_images{      
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 25.64%;
  background-size: contain;
  background-repeat: no-repeat;	
  border-radius:1.5rem;	
}


.antiblock_img0{      
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 25.64%;
  background-image: url('/images/antiblock/vpn_services.jpg');	
  background-size: contain;
  background-repeat: no-repeat;	
  border-radius:1.5rem;	
}

.antiblock_img1{    
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 25.64%;
  background-image: url('/images/antiblock/tor_browser.jpg');	
  background-size: contain;
  background-repeat: no-repeat;	
  border-radius:1.5rem;	
}

.antiblock_img2{    
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 25.64%;
  background-image: url('/images/antiblock/browsers_vpn.jpg');	
  background-size: contain;
  background-repeat: no-repeat;	
  border-radius:1.5rem;	
}

.antiblock_img3{    
  position: relative;
  width: 90%;
  height: 0;
  padding-top: 25.64%;
  background-image: url('/images/antiblock/search_yandex.jpg');	
  background-size: contain;
  background-repeat: no-repeat;	
  border-radius:1.5rem;	
}

.payment-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 2rem 1rem;
}
.payment-list li{
    padding: 0 0.5rem;
}
.payment-list a{
    display: inline-block;
    vertical-align: top;
    webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -ms-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}



.help_title{
    font-family: arial; 
    font-size:2.1rem; 
    font-weight:600; 
    margin-bottom:1.5rem; 
    margin-left:1.3rem;
    padding-top: 1.5rem; 
    color:#bfbfbf;
}

.help_st{    
    margin-top:-1rem;
    margin-left:1rem;
    margin-right:1.25rem;
    width:95%; 
}

.help_div_bg{
   background-color:#162c4f; 
   border-radius:1rem;
   margin-bottom: 2.5rem;   
}

.help_div_txt{
   position:relative;    
   width:100%; 
   height:6rem; 
   left:1rem; 
   top:1rem;
}


.help_txt{
  font-family: "Arial", sans-serif;    
  color:#d2cbcb;
  font-size:1.8rem;    
}

.help_txt_info{
  display:none;
  font-family: "Courier", sans-serif;    
  line-height: 1.5;
  width:97%;
  color:#d2cbcb;
  font-size:1.8rem;
  font-weight: 500;
  padding:0.5rem; 
  padding-left:1rem;
  padding-bottom:2rem;
  text-align:left;
}


.help_arrow_div
{
  height:0px; 
  float: right; 
  padding-right:1rem; 
  padding-top:1rem;
}

.help_arrow_down{
   background:url('../img/arrows/arrow_down.png'); 
   background-size: contain;  
   background-repeat: no-repeat;
   width:1.1rem; 
   height:0.75rem;
   padding-left:1rem;
}

.help_arrow_up{
   background:url('../img/arrows/arrow_up.png'); 
   background-size: contain;
   background-repeat: no-repeat;
   width:1.1rem; 
   height:0.75rem;
   padding-left:1rem;
}




@media (min-width: 1281px) {
  
    .cashback_tbl_title{
	    padding: 0.8rem 0.2rem;    
	    font-size: 1.5em;       
	}


	.cashback_tbl_dep{
    	padding: 0.8rem 0.2rem;    
    	font-size:1.5em;
	}


	.cashback_tbl_bon{
	    padding: 0.8rem 0.2rem; 
   	 	font-size:1.5em;      
	}
  
}




@media (min-width: 1024px) and (max-width: 1280px) {
  
    .cashback_tbl_title{
	    padding: 0.7rem 0.2rem;    
	    font-size: 1em;       
	}

	.cashback_tbl_dep{
    	padding: 0.7rem 0.2rem;    
    	font-size:1em;
	}

	.cashback_tbl_bon{
	    padding: 0.7rem 0.2rem; 
   	 	font-size:1em;      
	}
  
}




@media (min-width: 768px) and (max-width: 1023px) {
  
    .cashback_tbl_title{
	    padding: 0.4rem 0.2rem;    
	    font-size: 1em;       
	}


	.cashback_tbl_dep{
    	padding: 0.4rem 0.2rem;    
    	font-size:1em;
	}


	.cashback_tbl_bon{
	    padding: 0.4rem 0.2rem; 
   	 	font-size:1em;      
	}
  
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
    .cashback_tbl_title{
	    padding: 0.7rem 0.2rem;    
	    font-size: 1em;       
	}

	.cashback_tbl_dep{
    	padding: 0.7rem 0.2rem;    
    	font-size:1em;
	}

	.cashback_tbl_bon{
	    padding: 0.7rem 0.2rem; 
   	 	font-size:1em;      
	}
  
}



@media (min-width: 481px) and (max-width: 767px) and (orientation: landscape){
  
    .cashback_tbl_title{
	    padding: 0.3rem 0.2rem;    
	    font-size: 1em;       
	}

	.cashback_tbl_dep{
    	padding: 0.3rem 0.2rem;    
    	font-size:1em;
	}

	.cashback_tbl_bon{
	    padding: 0.3rem 0.2rem; 
   	 	font-size:1em;      
	}
  
}


@media (min-width: 481px) and (max-width: 767px) and (orientation: portrait) {
  
    .cashback_tbl_title{
	    padding: 0.3rem 0.2rem;    
	    font-size: 0.8em;       
	}

	.cashback_tbl_dep{
    	padding: 0.3rem 0.2rem;    
    	font-size:0.8em;
	}

	.cashback_tbl_bon{
	    padding: 0.3rem 0.2rem; 
   	 	font-size:0.8em;      
	}
  
}



@media (min-width: 320px) and (max-width: 480px) {
  
    .cashback_tbl_title{
	    padding: 0.1rem 0.1rem;    
	    font-size: 0.65em;       
	}

	.cashback_tbl_dep{
    	padding: 0.1rem 0rem;    
    	font-size:0.6em;
	}

	.cashback_tbl_bon{
	    padding: 0.1rem 0rem; 
   	 	font-size:0.6em;      
	}
  
}






.btn-header,
.btn-sm {
    height: 4.575rem;
    font-size: 2rem;
    line-height: 4.7rem;
    border-radius: .25rem;
    padding: 0 1.25rem
}


.header .jackpot-wrapper {
    height: 60px;
    position: relative;
    z-index: 3
}

.header .jackpot-wrapper:before {
    content: '';
    width: 330px;
    height: 168px;
    position: absolute;
    top: -33px;
    right: auto;
    bottom: auto;
    left: -35px;
    z-index: 1
}

.header .jackpot-wrapper:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 12px;
    bottom: -40px;
    left: 2px;
    z-index: -1;
    border-radius: 50%;
    -webkit-box-shadow: 10px 20px 50px 10px rgba(0, 0, 0, .85), -10px 20px 50px 10px rgba(0, 0, 0, .85);
    box-shadow: 10px 20px 50px 10px rgba(0, 0, 0, .85), -10px 20px 50px 10px rgba(0, 0, 0, .85)
}

.header .jackpot-inner {
    position: relative;
    z-index: 2;
    width: 218px;
    padding: 35px 20px
}

.header .jackpot-title {
    font-size: 14px;
    line-height: 22px
}


.header {
    min-width: 232px;
    width: 100%;
    height: 6.875rem;
    position: relative;
    z-index: 10
}



.popup .header-affix.slide-down {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}


.header-affix {
    min-width: 300px;
    width: 100%
}




.header-affix.header--msg .wrapper {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial
}

.header-affix.header--msg .box-text {
    margin: 0
}

.header-affix.header--msg .hg-title {
    overflow: visible!important;
    max-width: 100%!important
}





.header-affix.header--msg .box-text {
    margin: 0
}

.header-affix.header--msg .hg-title {
    overflow: visible!important;
    max-width: 100%!important
}


.message-centre-header-affix {
    position: relative
}

.popup .header-affix {
    -webkit-transform: translateY(-9rem);
    -ms-transform: translateY(-9rem);
    transform: translateY(-9rem);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.popup .header-affix.slide-down {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}


.header .wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 6.875rem;
    padding: 0 .85rem;
    border-bottom: 1px solid #041833;
    -webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, .75);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, .75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2c65e4), to(#0b264b));
    background-image: linear-gradient(to bottom, #2c65e4 0, #0b264b 100%);
    background-repeat: repeat-x
}


.reg_tbl{
   position: relative;   
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 
}


.sign-up-form{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.sign-up-form .soc_text{
    display: block;
    padding-top:5px;
    margin: 0 0 13px;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
}


.regform_title{
    display: block;
    margin: 0 0 23px;
    color: #fff;
    padding: 2em;
}


.form_input_st{
    position: relative; 	
    padding-top: -1.3rem; 	
}

.reg_log_bg{
    width: 100%;
    height: 100%;
    background-image: url(../images/reg/log_bg_vk.png);
    background-repeat: no-repeat;    
    background-size: 600px 435px;
    background-position: center -30px;        
}

.status_em_cnt{
    position: relative;
    width: 90%;
    height:0rem;
 	float: left;
	text-align: left; 	 			 	
 	top: -1rem;
}


.status_phone_wrong{
   position: relative;
   height:0rem;
   width: 39rem;    
   float: center;
   text-align: left; 	 
   top: -3rem; 		
}


.status_email_ok{
   position: relative;            
   left: 15rem; 			
   top:-5rem;
   width: 2em;
   height:2em;
}


.status_phone_ok{
   position: relative;            
   left: 15rem; 			
   top:-5.5rem;
   width: 2em;
   height:2em;
}


.status_em_wrong{
    position: relative;
    height:0rem;
 	width: 39rem;    
 	float: center;
	text-align: left; 	 
 	top: -1rem; 		
}


.status_ps_wrong{
    position: relative;
    height:0rem;
 	width: 39rem;    
 	float: center;
	text-align: left; 	 
 	top: -1.2rem; 		
 	margin-bottom: 2rem;

}


.ili_span{
	position:relative; 
    margin: 1px 0 0 0;
	font-size: 1.3em;
}


.lostpass_success{
   position: relative;
   text-align: center;
   width: 350px;
   line-height: 30px;
   font-size: 14px;
   color:#909fc4; 
}



.social-list-form{
	 margin: 3rem 0 0 -4rem;
	
 
}	
	
.social-list {
    width: 40rem;
    position: relative;
}
.social-list li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem;
    line-height: 1;
}
.social-list a{
    display: block;
    width: 30px;
    height: 30px;  

}
.social-list a:hover{
    opacity: 0.8;
}

.social-list span{
  margin-right:15px;
}




.social-item {
    display: inline-block;
}

.social-item a {
    display: block;
    position: relative;
    opacity: 1;
    background-image: url(../images/soc_seti/sociale-icons.png);
    width: 30px;
    height: 30px
}

.social-item a.vk {
    background-position: -2px 2px
}

.social-item a.vk:hover {
    background-position: -2px -37px
}

.social-item a.vk:active {
    background-position: -2px -78px
}

.social-item a.ok {
    background-position: -81px 2px
}

.social-item a.ok:hover {
    background-position: -81px -37px
}

.social-item a.ok:active {
    background-position: -81px -78px
}

.social-item a.mru {
    background-position: -41px 2px
}

.social-item a.mru:hover {
    background-position: -41px -37px
}

.social-item a.mru:active {
    background-position: -41px -78px
}

.social-item a.fb {
    background-position: -161px 2px
}

.social-item a.fb:hover {
    background-position: -161px -37px
}

.social-item a.fb:active {
    background-position: -161px -78px
}

.social-item a.ya {
    background-position: -121px 2px
}

.social-item a.ya:hover {
    background-position: -121px -37px
}

.social-item a.ya:active {
    background-position: -121px -78px
}

.social-item a.gl {
    background-position: -201px 2px
}

.social-item a.gl:hover {
    background-position: -201px -37px
}

.social-item a.gl:active {
    background-position: -201px -78px
}




.lostpass_div
{        
	
	position:relative; 
	width: 22rem;
	padding-top:3rem;
    display: flex;
    direction: row;
    justify-content: space-between;
}

.lostpass_div_text
{    
    height:0px; 
    font-size: 1.4em;      
}


.lostpass_div_text a
{    
    color:#6893ea;        
}


.lostpass_div_text a:hover{
    color: #fff;
}





.box-bd {
    position: relative;
    padding: .3rem;
    z-index:9999;
}



.btn-close,
.btn-menu,
.btn-prev {
    display: block;
    text-decoration: none;
    position: relative
}



.btn-close>span,
.btn-menu>span,
.btn-prev>span {
    background-color: #fff;
    -webkit-box-shadow: 0 .1rem 0 #0b1329;
    box-shadow: 0 .1rem 0 #0b1329;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 0;
    height: .325rem;
    margin: -.185rem auto 0;
    border-radius: .125rem;
    pointer-events: none;
    -webkit-transition: all .15s;
    transition: all .15s
}

.btn-menu,
.btn-prev {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4e83cb), to(#185db6));
    background-image: linear-gradient(to bottom, #4e83cb 0, #185db6 100%);
    background-repeat: repeat-x
}

.menu-open .btn-menu:before,
.menu-open .btn-prev:before {
    border-color: transparent
}


.btn-menu:before,
.btn-prev:before {
    border-color: #152d6b
}


.menu-open .btn-menu>span {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu-open .btn-menu>span:nth-child(1) {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg)
}

.menu-open .btn-menu>span:nth-child(2) {
    display: none
}

.menu-open .btn-menu~.badge {
    display: none
}



.menu-open .game__container_toggle {
    left: 90%
}

.landscape .menu-open .game__container_toggle {
    left: 40rem
}



body.menu-open {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}


html:not(.old_chrome) body.menu-open {
    -webkit-transform: translate3d(0, 0, 0)
}


body.menu-open .sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-close {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e80238), to(#cb0707));
    background-image: linear-gradient(to bottom, #e80238 0, #cb0707 100%);
    background-repeat: repeat-x
}


.btn-close:before {
    border-color: #e3e3e3
}




.btn-close>span {
    width: 65%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-close>span:nth-child(1) {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg)
}

.btn-close>span:nth-child(2) {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg)
}




.btn-menu>span {
    width: 65%
}


.btn-menu>span:nth-child(1) {
    -webkit-transform: translate3d(0, -.525em, 0);
    -ms-transform: translate3d(0, -.525em, 0);
    transform: translate3d(0, -.525em, 0)
}

.btn-menu>span:nth-child(2) {
    -webkit-transform: translate3d(0, .525em, 0);
    -ms-transform: translate3d(0, .525em, 0);
    transform: translate3d(0, .525em, 0)
}



.popup .btn-menu>.btn-arrow {
    width: 30%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 40%
}



.status_pass_0, .status_pass_1, .status_pass_2{
 	position: relative;
 	display: flex; 		
 	text-align: left;
 	float: center;
 	width: 40rem;
 	height: 0rem;
 	margin-top: -1.5rem;
 	margin-bottom: 1rem;
}




.logo {
    position: absolute;              
    width: 100%;     
    left: 0;      
    top:0;    
}

.logo-link {
    position: absolute;    
    width: 100%;
    height: 6.7rem;        
    background:url('../mobile_version/img/style_header/logo_vulkan24.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;        
}


.logo-link-ny {
    position: absolute;    
    width: 100%;
    height: 6.7rem;        
    background:url('../mobile_version/img/style_header/logo_vulkan24_ny.png');
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain;        
}



@media (orientation:portrait) {
    .slider .slick-slide {
        width: 100vw
    }
}

@media (orientation:landscape) {
    .slider .slick-slide {
        margin: 1rem;
        opacity: .7;
        -webkit-transform: scaleY(.9);
        -ms-transform: scaleY(.9);
        transform: scaleY(.9);
        -webkit-transition: opacity .1s ease, -webkit-transform .1s ease;
        transition: opacity .1s ease, -webkit-transform .1s ease;
        transition: opacity .1s ease, transform .1s ease;
        transition: opacity .1s ease, transform .1s ease, -webkit-transform .1s ease;
        width: 50rem
    }
    .slider .slick-slide.slick-active {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

.slider .slide {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slider .slide a,
.slider .slide img {
    display: block;
    width: 100%;
    max-width: 100%
}

.slider .slide a {
    display: block;
    text-decoration: none
}

.slider .slide img {
    position: relative;
    z-index: 1
}

.slider .slide__caption {
    position: absolute;
    top: auto;
    bottom: 0.5rem;
    right: 5.7rem;    
    left: 5rem;
    z-index: 4;
    font-weight: 700;
}

.slider .slide__caption .slide-btn {
    margin-top: 5.5rem
}

@media screen and (max-width:320px) {
    .slider .slide__caption .slide-btn {
        margin-top: 7.4rem
    }
}

@media screen and (max-width:340px) {
    .slider .slide__caption {
        position: absolute;
        top: auto;
        right: 2.5rem;
        bottom: .6rem;
        left: 2.5rem;
        z-index: 3
    }
}

.slider .slick-dots {
    text-align: center
}

.slider .slick-dots li {
    display: inline-block;
    margin-right: 5px
}

.slider .slick-dots li button[aria-controls] {
    border: none;
    padding: 3px;
    background-color: #80652d;
    border-radius: 50%;
    font-size: 0;
    line-height: 1
}

.slider .slick-dots li:last-child {
    margin-right: 0
}

.slider .slick-dots li.slick-active button[aria-controls] {
    background-color: #fff
}

.slider:not(.slick-initialized) .slide:not(:first-child) {
    display: none
}

.slider-news {
    width: 100%
}

.slider-news-items {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: -4rem
}

.slider-news-items::-webkit-scrollbar {
    display: none
}

.slider-news-inner {
    padding-bottom: 4rem
}

.slider-news-item {
    display: inline-block;
    width: 80%;
    text-decoration: none
}

.slider-news-pagination {
    text-align: center
}

.slider-news-pagination-item {
    padding: 3px;
    background-color: #80652d;
    border-radius: 50%;
    margin-right: 5px;
    display: inline-block
}

.slider-news-pagination-item:last-child {
    margin-right: 0
}

.slider-news-pagination-item.active {
    background-color: #fff
}


@-webkit-keyframes slide {
    0% {
        bottom: -35rem
    }
    100% {
        bottom: 0
    }
}

@keyframes slide {
    0% {
        bottom: -35rem
    }
    100% {
        bottom: 0
    }
}


.user-bar__profile {
    position: relative
}

.content .user-bar__profile {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    width: 100%;
    height: 7.5rem;
    padding: 0 3rem 0 .85rem;
    background-color: #070d30;
    border-bottom: 1px solid #050a24
}

.content .user-bar__profile.user-bar__bonuses {
    border-top: 2px solid #070d30
}

.content .user-bar__bonuses {
    background-color: #07162b
}

.content .user-bar__name {
    margin-top: -.33rem
}

.content .user-bar__progress {
    position: relative;
    bottom: 0
}

.content .user-bar__progress,
.content .user-bar__progress-value {
    height: .33rem;
    border-radius: .15rem
}

.content .user-bar__progress-value {
    margin-top: 0
}



.swiper-container {
      width: 100vw;
    }
    
    

.popup .content-block {
    padding-top: 0!important
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2) {
    .popup .content-block {
        padding-bottom: 0
    }
}

.popup-xs .content-block {
    padding-left: 5.7rem;
    padding-right: 5.7rem
}


.popup-sm .content-block {
    padding-left: 4.6rem;
    padding-right: 4.6rem
}

.popup-md .content-block {
    padding-left: 3.4rem;
    padding-right: 3.4rem
}

.popup-lg .content-block {
    padding-left: 2.3rem;
    padding-right: 2.3rem
}

.popup-hg .content-block {
    padding-left: 1.7rem;
    padding-right: 1.7rem
}


.popup-auth .content .content-block,
.popup-reg--redesign .content .content-block {
    margin: auto;
    width: 100%;
    max-width: 500px;
    padding: 0 4.7rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


@media screen and (max-width:500px) {
    .popup-auth .content .content-block,
    .popup-reg--redesign .content .content-block {
        max-width: 360px
    }
}


.popup-auth .content .content-block--full,
.popup-reg--redesign .content .content-block--full {
    max-width: 100%
}

.popup-auth .content .content-block__body,
.popup-reg--redesign .content .content-block__body {
    margin-bottom: 3.1425rem
}


@media all and (orientation:landscape) and (min-width:1024px) {
    .popup-auth .content .content-block__body,
    .popup-reg--redesign .content .content-block__body {
        margin-bottom: 1.75rem
    }	    
}


.content-block--full .sticker-wrap__medal {
    right: 5px;
    top: 10px
}


.game__container .tab-content .content-block {
    background: 0 0;
    padding: 0
}


.game__container .tab-content .content-block h3.h3 {
    font-weight: 700;
    text-align: center;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.6rem;
    color: #fff
}


.game__container .content-block {
    overflow: visible
}


.content-block {
    padding: 2.1rem 1.1425rem;
    overflow: hidden
}

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

.content-block:after {
    clear: both
}

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

.content-block:after {
    clear: both
}


.action .content-block {
    padding: 2rem 2.3rem
}


@media all and (orientation:landscape) {
    .action .content-block {
        padding: 2rem 1.5rem
    }
}


.content.content--loyalty .content-block {
    padding-left: 2.3rem;
    padding-right: 2.3rem
}


.win-right-now .content-block {
    overflow: visible
}


.favorite .content-block {
    overflow: visible
}


.bet-history .content-block {
    padding-left: 2rem;
    padding-right: 2rem
}
    
    


.content-block--striped:nth-child(odd) {
    background: #07162b
}

.popup .content-block--striped:nth-child(odd) {
    background: #070d30
}

.content-block--striped:nth-child(even) {
    background: #07162b
}

.popup .content-block--striped:nth-child(even) {
    background: #070d30
}


.talismans-container .content-block--striped:nth-child(odd) {
    background: #07162b
}

.talismans-container .content-block--striped:nth-child(even) {
    background: #070d30
}


.talismans-container .content-block:not(.content-block--striped) {
    padding: 0;
    background-color: transparent;
    margin-top: -2rem;
    padding-bottom: 2rem
}


.content.content--loyalty .content-block--striped:nth-child(odd) {
    background: #070d30
}

.content.content--loyalty .content-block--striped:nth-child(even) {
    background: #070d30
}

.content-block--striped:nth-child(odd) {
    background: #07162b
}

.popup .content-block--striped:nth-child(odd) {
    background: #070d30
}







.content-block--striped:nth-child(even) {
    background: #07111f
}








.popup .content-block--striped:nth-child(even) {
    background: #070d30
}

.talismans-container {
    background-color: #070d30
}

.talismans-container .h1,
.talismans-container .h2,
.talismans-container .h3,
.talismans-container h1,
.talismans-container h2,
.talismans-container h3 {
    text-transform: uppercase
}

.talismans-container .content-block--striped:nth-child(odd) {
    background: #07162b
}

.talismans-container .content-block--striped:nth-child(even) {
    background: #070d30
}

.talismans-container .content-block:not(.content-block--striped) {
    padding: 0;
    background-color: transparent;
    margin-top: -2rem;
    padding-bottom: 2rem
}


.content.content--loyalty .content-block--striped:nth-child(odd) {
    background: #070d30
}

.content.content--loyalty .content-block--striped:nth-child(even) {
    background: #070d30
}





.content-block__head-title {
    margin-right: 1rem;
    font-size: 1.75rem;
    color: #e4e9f2!important;
    font-weight: 700
}


html.old_chrome .content-block__head-title {
    min-width: 50%
}


.content-block__head-more {
    font-size: 1.45rem;
    color: #8e9ec8!important;
    color: #ab9e84!important;
    text-decoration: none
}


.content-block__head-more span {
    font-weight: 700
}


.content-block__head-more i {
    font-size: 1.2em;
    font-style: normal
}


html.old_chrome .content-block__head-more {
    white-space: nowrap
}


.text-yellow {
    color: #2ca2fd!important
}

.rating-content .text-yellow {
    text-transform: uppercase
}

.promo-footer__title .text-yellow {
    line-height: 2.1
}

.content-block--full .promo-footer__title .text-yellow {
    line-height: 7.5rem
}



.game-widget .promo-footer__title .text-yellow {
    font-size: 2.5rem;
    display: block;
    line-height: 5.6rem!important;
    position: relative
}


.cashbox-deposit-2 .radio-pay-m .radio-label-pay--another .radio-label-bonus.text-yellow,
.game__container .radio-pay-m .radio-label-pay--another .radio-label-bonus.text-yellow {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2rem;
    line-height: 1
}


.content-block--full,
.content-block--full .content-block__body {
    padding: 0!important
}


.content-block__body {
    position: relative
}

.content-block__head+.content-block__body {
    padding-top: .57125rem
}


@media screen and (min-device-width:641px) and (max-device-width:890px) {
    .content-block__head+.content-block__body {
        padding-top: .4rem
    }
}


@media screen and (min-device-width:891px) {
    .content-block__head+.content-block__body {
        padding-top: .5rem
    }
}



.grid-list-games__centered .game {
    float: none;
    display: inline-block;
    margin: 1rem
}

.game {
    background-color: #0b274b;
    width: calc(50% - 2.285rem);
    margin: 1.1423rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: relative
}

html:not(.old_chrome) .game {
    border-radius: .75rem
}

.landscape .game {
    width: calc(33.33% - 1rem);
    margin: .5rem
}

@media screen and (min-width:768px) {
    .game {
        width: calc(33.33% - 2.58rem)
    }
}

@media screen and (min-width:768px) {
    .landscape .game {
        width: calc(25% - 1rem);
        margin: .5rem
    }
}

@media screen and (min-width:1024px) and (orientation:landscape) {
    .game {
        width: calc(25% - 1rem);
        margin: .5rem
    }
	    
}

.game-inner {
    display: block;
    text-decoration: none
}

.game-img {
    position: relative;
    width: 100%;
    padding-bottom: 57.9%;
    overflow: hidden;
    z-index: 1;
}

html:not(.old_chrome) .game-img {
    border-radius: .75rem .75rem 0 0
}


.game-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}


html:not(.old_chrome) .game-img img {
    border-radius: .75rem .75rem 0 0
}

.game-title {
    height: 3rem;
    font-size: 1.7em;
    color: #fff;
    font-weight: 500;
    line-height: 3rem;
    z-index: 3;
    text-align: center;
    vertical-align: middle;
    background-color: #0b274b;
    padding: 0;
    margin: 0;
    border: none;
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html:not(.old_chrome) .game-title {
    border-radius: 0 0 .75rem .75rem
}

@media screen and (min-device-width:641px) {
    .game-title {
        height: 40px;
        font-size: 1.5em;
        line-height: 40px;
        font-weight:500;
    }
}

.game-iframe {
    width: 100vw;
    height: 100%;
    position: fixed;
    overflow: hidden
}

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


.portrait .with-keyboard.game-sidebar-open .game__container .tab-content .game {
    width: calc(50% - 2.3rem)
}


.portrait .with-keyboard.game-sidebar-open .game__container .tab-content .game {
    width: calc(50% - 2.3rem)
}



.game__container .tab-content .game {
    width: calc(50% - 2.3rem)
}


@media (orientation:landscape) {
    .game__container .tab-content .game {
        width: calc(50% - 1.6rem)
    }
}

@media (orientation:landscape) and (min-width:768px) {
    .game__container .tab-content .game {
        width: calc(50% - 2.3rem)
    }
}

@media (min-width:641px) {
    .game__container .tab-content .game-title {
        font-size: 1.4rem;
        line-height: 3rem;
        height: 3rem
    }
}




.sticker-wrap {
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -5px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    text-align: right
}


.sticker {
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;
    color: #faebd0;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 80px;
    display: block;
    background: -webkit-gradient(linear, left top, left bottom, from(#345ad4), to(#051878));
    background: linear-gradient(180deg, #345ad4 0, #051878 100%);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    position: absolute;
    top: 12px;
    right: -18px
}



.content-block--full-width .content-block__head {
    padding: .8rem 1.9425rem 0
}


.content-block__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.1425rem 0.1425rem 0
}



.footer-logo {
    padding: 1.6rem;
    background-color: #07111f;
    text-align: center
}

.footer-logo>.logo {
    display: inline-block
}


.footer-text {
    padding: 0 2.5rem
}


.footer-text__container {
    line-height: 1.35;
    font-size: 1.25rem;
    color: #ab9e84;
    text-align: center;
    margin-top: .25rem
}

.footer-text__container [data-footer-text-toggle] {
    margin: .35rem 0 1rem;
    position: relative;
    overflow: hidden;
    height: 0
}

.promo-info .footer-text__container [data-footer-text-toggle] {
    margin-bottom: 2rem
}

.footer-text__container [data-footer-text-toggle]>:first-child {
    margin-top: 0
}

.footer-text__container [data-footer-text-toggle].is-long span[data-footer-text=open] i {
    opacity: 0;
    font-size: 0
}

.footer-text__container [data-footer-text-toggle].is-long a[data-footer-text=open] {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.promo-info .footer-text__container [data-footer-text-toggle].is-long a[data-footer-text=open]+br {
    display: none
}

.footer-text__container [data-footer-text-toggle] span[data-footer-text=open] {
    opacity: 1
}

.footer-text__container [data-footer-text-toggle] span[data-footer-text=open].is-expand {
    opacity: 0
}

.promo-info .footer-text__container {
    font-size: 1.45rem;
    line-height: 1.3;
    padding-top: 3.8rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 2rem
}

.footer-text__container p {
    margin: 0 0 1rem;
    line-height: 1.35;
    font-size: 1.25rem;
    color: #ab9e84
}

.promo-info .footer-text__container p {
    font-size: 1.45rem;
    line-height: 1.3
}

.footer-text__container ol,
.footer-text__container ul {
    margin: 0 0 1rem;
    padding: 0 1rem;
    line-height: 1.35;
    font-size: 1.25rem;
    color: #ab9e84
}

.footer-text__container ol li,
.footer-text__container ul li {
    line-height: 1.35;
    font-size: 1.25rem;
    color: #ab9e84
}

.footer-text__container a {
    color: #e0d879;
    text-decoration: underline
}

.footer-text__container a[data-footer-text],
.footer-text__container span[data-footer-text] {
    font-weight: 600
}

.promo-info .footer-text__container a[data-footer-text] {
    font-size: 1.5rem;
    line-height: 2
}

.footer-text__container .h1,
.footer-text__container .h2,
.footer-text__container .h3,
.footer-text__container .h4,
.footer-text__container .h5,
.footer-text__container .h6,
.footer-text__container h1,
.footer-text__container h2,
.footer-text__container h3,
.footer-text__container h4,
.footer-text__container h5,
.footer-text__container h6 {
    margin: 0 0 1rem;
    padding: 0;
    color: rgba(255, 255, 255, .87);
    border: none;
    line-height: 1.3;
    text-align: center
}

.promo-info .footer-text__container .h1,
.promo-info .footer-text__container .h2,
.promo-info .footer-text__container .h3,
.promo-info .footer-text__container .h4,
.promo-info .footer-text__container .h5,
.promo-info .footer-text__container .h6,
.promo-info .footer-text__container h1,
.promo-info .footer-text__container h2,
.promo-info .footer-text__container h3,
.promo-info .footer-text__container h4,
.promo-info .footer-text__container h5,
.promo-info .footer-text__container h6 {
    margin: 0 0 1.3rem;
    color: rgba(255, 255, 255, .7)
}

.footer-text__container .h1,
.footer-text__container h1 {
    font-size: 1.35rem;
    font-weight: 500
}

.promo-info .footer-text__container .h1,
.promo-info .footer-text__container h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25
}

.footer-text__container .h2,
.footer-text__container h2 {
    font-size: 1.35rem
}

.promo-info .footer-text__container .h2,
.promo-info .footer-text__container h2 {
    font-size: 1.5rem
}

.footer-text__container .h3,
.footer-text__container .h4,
.footer-text__container .h5,
.footer-text__container .h6,
.footer-text__container h3,
.footer-text__container h4,
.footer-text__container h5,
.footer-text__container h6 {
    font-size: 1.25rem
}

.promo-info .footer-text__container .h3,
.promo-info .footer-text__container .h4,
.promo-info .footer-text__container .h5,
.promo-info .footer-text__container .h6,
.promo-info .footer-text__container h3,
.promo-info .footer-text__container h4,
.promo-info .footer-text__container h5,
.promo-info .footer-text__container h6 {
    font-size: 1.35rem
}


.about_us_text{
 position: relative;
 display: block;
 right: 2rem;
}

.about_us_text ul{
	list-style-type: none;
}

.about_us_text ul h3{
    font-size: 1.9em;
    font-weight: 500;
	margin: -2rem 0;
    padding: 0 2rem;	
}


.about_us_text li h6{
    font-size: 1.6em;
    font-weight: 300;
    padding: 0 2rem;
    color:#828fb4; 
}


.footer-copyright {
    padding: 1rem;
    background-color: #00142d;
    text-align: center;
    line-height: 1;
    font-size: 1.25rem;
    color: #ab9e84
}

.footer-copyright a {
    color: #8e9ec8!important
}





body.menu-open .nav-bar-wr>.nav-bar {
    position: relative; 
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    height: 6.875rem
    -webkit-transform: translate3d(0, 0, 0);
    overflow: hidden;
}

.nav-bar {
    height: 7rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .5);
    box-shadow:0 -4px 4px rgba(0, 0, 0, .5)
}

.nav-bar-wr {
    width: 100%;
    height: 7rem;
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, .5);
    box-shadow:0 -4px 4px rgba(0, 0, 0, .5)
}

.nav-bar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7rem;
    padding-right:1rem;    
    background-color:#0b264b
}

.nav-bar__item {
    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;
    height: 100%;
    width: 100%;
    text-align: center;
    text-decoration:none
}

.nav-bar__icon-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.nav-bar__icon-wrap .badge {
    position: absolute;
    right: -.4rem;
    top: -.2rem;
    padding: 0 .28571rem;
    min-width: .5714rem;
    max-height: 1.1429rem;
    line-height: 1.1429rem;
    font-size: .8571rem;
    font-weight: 400;
    border-radius:.8571rem
}

@media only screen and (max-device-height: 250px) and(-webkit-min-device-pixel-ratio: 1.5) and(orientation: landscape) {
    .nav-bar__icon-wrap .badge {
        top:2rem
    }
}

@media (min-width: 414px) {
    .nav-bar__icon-wrap .badge {
        right: -1.4rem;
        top: -1.2rem;
        padding: 0 .5714rem;
        min-width: 1.1428rem;
        max-height: 2.2857rem;
        line-height: 2.2857rem;
        font-size: 1.4285rem;
        letter-spacing: -.1rem;
        text-indent: -.2rem;
        border-radius:1.2857rem
    }        
    
}

@media (min-width: 768px) {
    .nav-bar__icon-wrap .badge {
        border-radius:1.7142rem
    }	

}

.nav-bar__icon {
    display: block;
    height: 3.428rem;
    width: 3.428rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center
}

.nav-bar__list--lobby .nav-bar__icon {
    right:0
}



.nav-bar__icon--sale {
    background-image:url(../mobile_version/img/footer/bonus.png)
}


.nav-bar__icon--contact {
    background-image:url(../mobile_version/img/footer/message.png)
}


.nav-bar__icon--support {
    background-image:url(../mobile_version/img/footer/support.png)
}


.nav-bar__icon--help {
    background-image:url(../mobile_version/img/footer/live_chat.png)
}


.nav-bar__icon--telegram {
    background-image:url(../mobile_version/img/footer/telegram.png)
}

.nav-bar__icon-svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.428rem;
    height: 3.428rem;
}
.nav-bar__icon-svg svg {
    display: block;
}

.nav-bar__icon--deposit {
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%2322cc22' stroke-width='2'/%3E%3Cline x1='12' y1='7' x2='12' y2='17' stroke='%2322cc22' stroke-width='2'/%3E%3Cline x1='7' y1='12' x2='17' y2='12' stroke='%2322cc22' stroke-width='2'/%3E%3C/svg%3E")
}

.nav-bar__icon--favorites {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD700'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E")
}

.nav-bar__icon--search {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")
}

/* Mobile toolbar - search & favorites buttons */
.mob-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    gap: 8px;
}
.mob-toolbar-left { flex: 1; }
.mob-toolbar-right { display: flex; gap: 6px; flex-shrink: 0; }
.mob-provider-dropdown {
    width: 100%;
    height: 34px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 13px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
}
.mob-provider-dropdown option { background: #1a1a1a; color: #fff; }
.mob-toolbar-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    text-decoration: none;
}
.mob-toolbar-btn:active { background: rgba(255,255,255,0.2); }
.mob-toolbar-fav svg path { fill: #FFD700; }
.mob-toolbar-search svg { stroke: #fff; }

/* Mobile search panel */
.mob-search-input {
    width: 100%;
    height: 34px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 8px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
}
.mob-search-input::placeholder { color: rgba(255,255,255,0.4); }
.mob-search-results {
    display: none;
    background: #111;
    border: 1px solid #333;
    border-radius: 10px;
    max-height: 60vh;
    overflow-y: auto;
    margin-top: 5px;
}
.mob-search-item {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #222;
}
.mob-search-item img {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    object-fit: cover;
    margin-right: 10px;
    flex-shrink: 0;
}
.mob-search-info { flex: 1; }
.mob-search-name { color: #fff; font-size: 13px; font-weight: 600; }
.mob-search-provider { color: #888; font-size: 11px; margin-top: 1px; }
.mob-search-btns { display: flex; gap: 6px; margin-top: 5px; }
.mob-btn-play {
    display: inline-block; padding: 4px 12px; font-size: 12px; font-weight: 600;
    border-radius: 10px; background: #1a6b1a; color: #fff; text-decoration: none; border: 1px solid #2a8a2a;
}
.mob-btn-demo {
    display: inline-block; padding: 4px 12px; font-size: 12px; font-weight: 600;
    border-radius: 10px; background: #333; color: #ccc; text-decoration: none; border: 1px solid #555;
}
.mob-search-noresult { padding: 15px; color: #888; text-align: center; font-size: 14px; }
.mob-fav-star {
    display: inline-block; cursor: pointer; opacity: 0.6; width: 14px; height: 14px; vertical-align: middle; margin-left: 4px;
    transition: opacity 0.2s;
}
.mob-fav-star svg path { fill: #888; }
.mob-fav-star:hover, .mob-fav-star.active { opacity: 1; }
.mob-fav-star:hover svg path, .mob-fav-star.active svg path { fill: #FFD700; }

/* Mobile favorites page */
.mob-fav-grid {
    display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; justify-content: center;
}
.mob-fav-item {
    width: 45%; max-width: 180px; text-align: center;
}
.mob-fav-img-wrap {
    position: relative; border-radius: 8px; overflow: hidden;
}
.mob-fav-img-wrap img {
    width: 100%; display: block; border-radius: 8px;
}
.mob-fav-remove {
    position: absolute; top: 5px; right: 5px; cursor: pointer;
    background: rgba(0,0,0,0.5); border-radius: 50%; width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
}
.mob-fav-remove-star {
    position: absolute; top: 5px; right: 5px; cursor: pointer;
    background: rgba(0,0,0,0.6); border-radius: 50%; width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    z-index: 10;
}
.game-img { position: relative; }
.mob-fav-star-game {
    position: absolute; top: 2px; right: 2px; cursor: pointer;
    background: rgba(0,0,0,0.6); border-radius: 50%; width: 34px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    z-index: 10; opacity: 1; transition: opacity 0.2s;
}
.mob-fav-star-game svg path { fill: #aaa; transition: fill 0.2s; }
.mob-fav-star-game:hover { opacity: 1; }
.mob-fav-star-game:hover svg path { fill: #FFD700; }
.mob-fav-star-game.active { opacity: 1; }
.mob-fav-star-game.active svg path { fill: #FFD700; }
.mob-fav-btns {
    display: flex; gap: 4px; justify-content: center; margin-top: 5px;
}
.mob-fav-name {
    color: #fff; font-size: 12px; margin-top: 3px; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;
}
.mob-fav-pagination {
    display: flex; justify-content: center; gap: 6px; padding: 15px 0;
}
.mob-pag-btn {
    display: inline-block; padding: 6px 12px; background: #222; color: #fff;
    border-radius: 6px; text-decoration: none; font-size: 13px;
}
.mob-pag-btn.active { background: #8B0000; }

.nav-bar__title {
    font-size: 1.8rem;
    margin-left: 0.5rem;
    color:#fff
}

.nav-bar__list--lobby .nav-bar__title {
    display:none
}



.box-outline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    background-color: #030e36;
    -webkit-box-shadow: 0 0 0 .3rem #000, 0 0 0 calc(.3rem + 1px) #02122e, 0 calc(.3rem + 2px) 0 #02081f;
    box-shadow: 0 0 0 .3rem #000, 0 0 0 calc(.3rem + 1px) #02122e, 0 calc(.3rem + 2px) 0 #02081f;
    height: 4.575rem;
    border-radius: .15rem;
    font-size: 0;
    line-height: 0
}


.box-outline__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: inherit;
    display: inline-block;
    vertical-align: top;
    padding: .85rem .75rem .5rem;
    line-height: 1;
    text-transform: uppercase
}

.header .wrapper .box-outline__text {
    min-width: 15.4rem
}

.box-outline__text-title {
    font-size: 1.1rem;
    color: #dae4fe!important;
    padding-top: 0rem;
    margin-bottom: .7rem;
}


.box-outline__text-value {   
	position: relative;
	text-transform: none;
    margin-top: -0.7rem;
    font-size: 1.3rem;
    color: #fff!important;
    font-weight: 500
}

.box-outline__text-title,
.box-outline__text-value {
    display: block
}


.user_balance_amount{
    position: relative;
    padding-top: 0.7rem;
    font-size: 1.7rem;
    color: #ffcb5c!important;
    font-weight: 700
}

.user_balance_usdt{
    position: relative;
    padding-top: 0.7rem;
    font-size: 1.7rem;
    color: #2ECC70!important;
    font-weight: 700
}


.game-widget .promo-footer__title .rubl {
    display: inline
}

.box-outline__btn {
    display: inline-block
}

.box-outline__btn .btn {
    -webkit-box-shadow: 0 0 0 .3rem #000;
    box-shadow: 0 0 0 .3rem #000
}


body.menu-open .sidebar-overlay {
    visibility: visible;
    opacity: 1
}



.socials-wrapper .box-bd {
    display: inline-block    
}


body.menu-open .sidebar-overlay .box-bd {
    -webkit-transform: translate3d(33.2em, 0, 0);
    -ms-transform: translate3d(33.2em, 0, 0);
    transform: translate3d(33.2em, 0, 0)
}


.bonus_stock .box-bd {
    width: 90%;
    margin-bottom: 2.5em
}


.bonus_stock .box-bd span {
    font-weight: 700;
    text-shadow: 0 0 2px rgba(0, 0, 0, .4)
}







.sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: visibility 0s, opacity .1s linear;
    transition: visibility 0s, opacity .1s linear
}

.sidebar-overlay .wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 7rem;
    padding: 0 .85rem
}

.sidebar-overlay .wrapper .btn-menu {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none
}


html.old_chrome .sidebar .btn span,
html.old_chrome .sidebar-nav__item span,
html.old_chrome label {
    width: 100%
}


html.old_chrome .sidebar .btn span {
    white-space: nowrap
}

body.menu-open .sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body.menu-open .sidebar .sidebar-scroll-block {
    -webkit-overflow-scrolling: touch
}




body.menu-open .layout>.wrap {
    position: relative; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    width: 100%;
    height: 100vh;
    overflow: hidden;
}





.popup-open .layout>.wrap {
    width: 100%;
    height: 100vh;
    -webkit-animation: p-hidden-1 .2s;
    animation: p-hidden-1 .2s;
    overflow: hidden;
    position: fixed;
    opacity: 0;
    display: none
}


.wrap {
    width: 100%;
    position: relative;
    height: inherit;
    min-height: 100%;
    background: #00142d;
    z-index: 2
}



.sidebar .header {
    padding-bottom: 7px
}


.sidebar .header .wrapper {
    background-image: -webkit-gradient(linear, left top, right top, from(#050a24), to(#0f1f63));
    background-image: linear-gradient(to right, #050a24 0, #0f1f63 100%);
    background-repeat: repeat-x
}


.header .wrapper .hg-text {
    text-align: center;
    color: #eee;
    font-weight: 700;
    font-size: 1rem;
    line-height: 2.92rem;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


.header .box-text {
    font-size: 2.1rem;
    line-height: 2.7rem;
    white-space: nowrap;
    width: calc(100% - 5rem - 4px);
    text-indent: 1rem;
    text-align: left
}


@media screen and (orientation:landscape) {
    .header .box-text {
        font-size: 2.8rem;
        text-shadow: 0 3px 3px #0b1741
    }
}



.win-right-now .header .wrapper {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}


.favorite .header .wrapper {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}


.popup.search .header,
.popup.search-fail .header,
.popup.search-success .header {
    height: 8.875rem
}


.popup.search .header .wrapper,
.popup.search-fail .header .wrapper,
.popup.search-success .header .wrapper {
    height: 8.875rem;
    padding: 0 1.85rem
}



.sidebar {
    background: #050a24;
    width: 33.2em;
    overflow: hidden;
    border-right: 2px solid #000;
    -webkit-box-shadow: 2px 0 15px 2px #000;
    box-shadow: 2px 0 15px 2px #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    -webkit-transform: translate3d(-105%, 0, 0);
    -ms-transform: translate3d(-105%, 0, 0);
    transform: translate3d(-105%, 0, 0);
    -webkit-transition: transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out, transform .2s ease-out
}

.sidebar .wrapper {
    min-width: auto
}

.content-section .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}



.sidebar-scroll-block {
    height: 100%;
    overflow: scroll
}


.game__container .sidebar-scroll-block {
    overflow: hidden
}



.sidebar-scroll {
    width: 100%
}

.game__container .sidebar-scroll {
    height: 100%
}



.user-bar__icon .level {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto

    
}

.user-bar__icon {
    position: relative;
    text-decoration: none;
    width: 7.4rem;
    height: 7.4rem;
    font-size: 5.5rem
}

.lottery-lvl .user-bar__icon {
    display: block;
    float: left;
    margin-right: .8rem
}


.popup .status-block--loyalty .status-block__icon .level {
    font-size: 9rem
}

.icon-circle .level {
    font-size: 14.3rem
}



.level {
    display: inline-block;
    width: 1em;
    height:1em;
    background-size: 7em 1em;
	border-radius:7px;   

}


.level__1 {
    background-image: url('../mobile_version/img/menu/user_v.png');
    background-repeat: no-repeat;
	background-size: contain;    
}

.level__2 {
    background-position: -1em 0
}

.level__3 {
    background-position: -2em 0
}

.level__4 {
    background-position: -3em 0
}

.level__5 {
    background-position: -4em 0
}

.level__6 {
    background-position: -5em 0
}

.level__7 {
    background-position: -6em 0
}


.user-bar__text {
	margin-top: 2.3rem;
    height: 4.715em;
    width: calc(100% - 5.715em)
}



.user-bar__name {
    font-size: 2rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff!important
}



.content .user-bar__progress {
    position: relative;
    bottom: 0
}

.user-bar__progress {
    height: .5rem;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -.5rem;
    left: 0;
    z-index: 2;
    background-color: #000
}

.user-bar__bonuses .user-bar__progress-value {
    background-color: #456fed
}

.user-bar__progress-value {
    margin-top: .05rem;
    height: .45rem;
    background-color: #efbf2d
}

.content .user-bar__progress,
.content .user-bar__progress-value {
    height: .33rem;
    border-radius: .15rem
}

.content .user-bar__progress-value {
    margin-top: 0
}



.menu {
    position: relative;
    background: #1d2d61;
    text-align: center;
    border-top: 2px solid #143d7a;
    -webkit-box-shadow: inset 0 -.5em .7em rgba(28, 43, 152, .9);
    box-shadow: inset 0 -.5em .7em rgba(28, 43, 152, .9)
}


.menu svg {
    margin: .25em auto;
    width: 2.8em;
    height: 2.8em;
    fill: currentColor;
    display: none
}



.layout {
    background: #00142d;
    position: relative;
    min-width: 320px;
    margin: 0 auto
}


.layout--ny-mob .logo-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 7;    

}

.layout--ny-mob .header-affix {
    background: -webkit-gradient(linear, left top, left bottom, from(#2d4386), to(#3f7ab5));
    background: linear-gradient(to bottom, #2d4386 0, #3f7ab5 100%)
}

.layout--ny-mob .header .wrapper {
    position: relative;
    z-index: 0
}

.layout--ny-mob .header .wrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -6px;
    left: 0;
    z-index: 0;
    background: url('../mobile_version/img/new_year/snow.png') repeat 0 0;
    width: 100%;
    overflow: hidden;
    -webkit-animation: snow1 120s linear infinite;
    animation: snow1 120s linear infinite;
    background-size: 40%;
    -webkit-mask-image: url('../mobile_version/img/new_year/long_mask.png');
    -webkit-mask-size: 100% 105%;
    mask-image: url('../mobile_version/img/new_year/long_mask.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 105%
}

.layout--ny-mob .header .wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -6px;
    left: 0;
    z-index: 0;
    background: url('../mobile_version/img/new_year/snow.png') repeat 0 0;
    width: 100%;
    overflow: hidden;
    -webkit-animation: snow2 60s linear infinite;
    animation: snow2 60s linear infinite;
    background-size: 60%;
    -webkit-mask-image: url('../mobile_version/img/new_year/long_mask.png');
    -webkit-mask-size: 100% 105%;
    mask-image: url('../mobile_version/img/new_year/long_mask.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: 100% 105%
}





@-webkit-keyframes snow1 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 850px 1468px
    }
}

@keyframes snow1 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 850px 1468px
    }
}

@-webkit-keyframes snow2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 850px 1468px
    }
}

@keyframes snow2 {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 850px 1468px
    }
}



/*-------------------- Authorization pans --------------------- */
#pans{  
  display: flex;
  justify-content: center;  
  overflow: hidden;
  width: 100%;
  margin-bottom:1em;
  padding: 0;
  list-style: none;
}

#pans li{
  float: left;  
}

#pans a{
  position: relative;
    padding: 0.6em 2.9em;
    float:right;
    text-decoration: none;
    color: #838eaa;	  
    font-size: 14px;
    font-weight: 600;      
    text-transform: uppercase;	  
}

#pans a:hover,
#pans a:hover::after,
#pans a:focus,
#pans a:focus::after{  
  border-bottom-style: solid;
  border-bottom-color: #d7e1ff;    
}

#pans a:focus{
  outline: 0;
}

#pans a::after{
  position:relative;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
}

#pans #current a,
#pans #current a::after{  
    color: #ffffff;	    
    border-bottom-style: solid;
    border-bottom-color:#0c00f8;
    z-index: 1;
}

/* -----------------End Authorization pans-------------------------------- */


body.game-sidebar-open .layout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden
}

body.game-sidebar-open .layout .as-slide-inner {
    width: 100%!important
}

body.hiden-anim .layout {
    -webkit-animation: p-show-1 .2s;
    animation: p-show-1 .2s
}

body.open-anim .layout {
    -webkit-animation: p-hidden-1;
    animation: p-hidden-1
}

.hidden-anim .layout {
    -webkit-animation: p-show-1 .2s;
    animation: p-show-1 .2s
}

.popup-content {
    -webkit-animation: p-show-1 .2s;
    animation: p-show-1 .2s;
    opacity: 1;
    background: #00142d;
    min-height: 100%
}

.layout .popup-content {
    -webkit-animation: none;
    animation: none
}


.user-bar__accumulation {
    padding: 2rem 1.8rem
}

@media screen and (max-device-width:667px) and (orientation:landscape) {
    .user-bar__accumulation {
        margin-top: 3rem
    }
}

@media screen and (max-device-width:568px) and (orientation:landscape) {
    .user-bar__accumulation {
        margin-top: 2.7rem
    }
}

.user-bar__accumulation .btn {
    margin-top: 2rem;
    font-size: 2.4rem
}


.user-bar__data {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    overflow: hidden;
    text-decoration: none;
    outline: 0;
    font-size: 1.8rem;
    text-align: left;
    text-transform: none;
    padding: .35rem 1rem .35rem 3.15em;
    margin-bottom: 0.1rem;
    height:5rem;
}


.user-bar__data-icon {
    width: 5rem;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.user-bar__data-icon svg {

    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto;
    fill: #e4e9f2
}

.user-bar__data-icon .i-svg-bonuses {
    bottom: auto
}

.btn.btn--square .i-svg {
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    fill: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pay-now-widget__card_icon .i-svg {
    width: 100%;
    height: 100%
}

.tournament-widget__primary_info .i-svg {
    width: 100%;
    height: 100%
}

.history-progress.progress .i-svg {
    fill: #050a24
}


.history-progress.success .i-svg {
    fill: #2dd15f;
    width: 1em;
    height: 1em;
    top: 0
}

.history-progress.error .i-svg {
    fill: #2dd15f;
    width: 1em;
    height: .9em;
    top: -.09em
}


@media screen and (max-width:600px) {
    .history-progress.error .i-svg {
        top: -.04em
    }
}

.push-notifications__close .i-svg {
    height: 12px;
    width: 12px;
    margin-left: 18px;
    margin-top: 16px
}


.profile .phone-confirm--success .i-svg {
    width: 12px;
    height: 11px
}

.profile .phone-confirm__steps .form-block__phone-wrap_sbmt .i-svg {
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto
}

.in-game-menu__nav_icon .i-svg {
    width: 100%;
    height: 100%
}

.cash-history__title .icon .i-svg {
    width: 100%;
    height: 100%
}


.cash-history__title .icon.arrow-up .i-svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    fill: green
}


.cash-history__title .icon.arrow-down .i-svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: red
}

.user-bar__data-text {
    white-space: nowrap
}

.user-bar__data-title {
    width: 40%;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #e4e9f2!important;
    text-align: left!important;
    margin-top:1.3rem;
    margin-left:0.1em;    
}


.user-bar__data-title,
.user-bar__data-value {
    display: inline-block
}

.user-bar__data-value {
    width: 60%;
    font-size: 1.7rem;
    line-height: 1.6rem;
    text-align: right!important;
    font-weight: 600;
    color: #ffcb5c!important
}



.user-bar__data-state {
    width: 100%;
    margin-top: .5rem
}


.user-bar__data-descrip {
    color: #5768a2;
    font-size: 1.3rem;
    margin-bottom: .5rem
}

.user-bar__summ-value {
    float: right;
    color: #9e7700;
    font-size: 1.4rem
}


.sidebar-nav {
    border-bottom: .07rem solid #050a24;
    border-top: .07rem solid #050a24;
    overflow: hidden
}

.sidebar-banner+.sidebar-nav {
    border-top: 0
}


.sidebar-nav__item .badge--square {
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}



.sidebar-nav__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    position: relative;
    z-index: 0;
    text-decoration: none;
    outline: 0;
    height: 5.2rem;
    font-size: 2rem;
    line-height: 5.2rem;
    text-align: left;
    text-transform: none;
    padding-left: 6rem;
    border-top: 1px solid #173154;
    border-bottom: 1px solid #091e3c;
    background-color: #0b264b;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #0f1f63, inset 0 -.007rem 0 #050a24;
    box-shadow: inset 0 1px 0 #0f1f63, inset 0 -.007rem 0 #050a24;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sidebar-nav__item:before {
    content: '';
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: .1rem;
    background-color: rgba(49, 89, 165, .8);
    -webkit-box-shadow: .07rem 0 0 rgba(49, 89, 165, .8);
    box-shadow: .07rem 0 0 rgba(49, 89, 165, .8)
}

.sidebar-nav__item span {
    display: inline-block;
    position: relative;
    color: #f7f5f5!important;
    text-shadow: .075rem 0 0 #000
}

.sidebar-nav__item.active {
    background-color: #0f3e78;
    -webkit-box-shadow: inset 0 .07rem 0 #1f3773, inset 0 -.07rem 0 #19397b;
    box-shadow: inset 0 .07rem 0 #1f3773, inset 0 -.07rem 0 #19397b
}

.sidebar-nav__item.active:before {
    top: -.07rem;
    background-color: #2ca2fd;
    -webkit-box-shadow: .07rem 0 0 #2ca2fd;
    box-shadow: .07rem 0 0 #2ca2fd
}

.sidebar-nav__item.active span {
    display: inline-block;
    position: relative;
    color: #fff!important;
    text-shadow: none
}

.sidebar-nav__item.active svg {
    opacity: 1
}

.sidebar-nav__icon {
    width: 6.4rem;
    position: absolute;
    top: .15rem;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 2
}

.sidebar-nav__icon svg {
    opacity: .8;
    width: 2.85rem;
    height: 2.85rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto;
    fill: #fff
}

.cash-history .sidebar-nav__icon {
    width: 7.3rem;
    opacity: 1
}

.sidebar-nav__icon.opacity-full svg {
    opacity: 1
}

.sidebar-nav__icon--large:before {
    content: '';
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: .35rem;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, .35);
    border-radius: 50%;
    border: .1rem solid rgba(0, 0, 0, .5)
}

.sidebar-nav__icon--large svg {
    width: 3rem;
    height: 3.5rem;
    top: -.15rem
}


.sidebar-nav__item {
    padding-left: 7rem
}




.banner img,
.banner>a,
a.banner {
    font-size: 0;
    line-height: 0;
    display: block;
    overflow: hidden
}

.banner img {
    width: 100%
}



.about {
    padding: 2rem;
    margin-bottom: 6rem;
}

.about-section+.about-section {
    padding-top: 2rem
}

.about-section__data {
    padding-left: 4rem
}

.about-section__data-title {
    font-size: 1.4rem;
    color: #8e9ec8!important
}

.about-section__data-value {
    font-size: 2rem;
    color: #dae4fe!important;
    text-decoration: none
}

.about-section__btn {
    text-transform: uppercase
}

html.old_chrome .about-section__btn .btn span {
    width: 100%
}



.sidebar-nav__separate {
    background: #00142d;
    color: #99a1ab;
    text-transform: uppercase;
    font-size: 1.3rem;
    padding: .5rem 1.8rem;
    border-bottom: .07rem solid #081630;
    -webkit-box-shadow: inset 0 2rem 2rem #081630;
    box-shadow: inset 0 2rem 2rem #081630;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.sidebar-nav__separate--bets {
    padding: .5rem 1.8rem 1.45rem
}









#jivo_custom_widget {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1;
    cursor: pointer;
    padding: 0 15px 15px 0;
    display: table;
    font-size: 14px
}

#jivo_custom_widget-text {
    border-radius: 8px;
    color: #fff;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .25);
    background: #002570;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    max-width: 200px;
    padding: 16px 14px
}

@media (max-width:47.9em) {
    #jivo_custom_widget-text {
        display: none
    }
}

#jivo_custom_widget-text:after, #jivo_custom_widget-text:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#jivo_custom_widget-text:before {
    border-color: hsla(0, 0%, 80%, 0);
    border-width: 7px;
    margin-top: -7px
}

#jivo_custom_widget-text:after {
    border-color: hsla(0, 0%, 100%, 0);
    border-width: 6px;
    margin-top: -6px
}

#jivo_custom_widget-text:after, #jivo_custom_widget-text:before {
    border-left-color: #700000;
    bottom: 17px
}

#jivo_custom_widget-logo-wrapper {
    display: table-cell;
    padding-left: 10px
}

#jivo_custom_widget-logo {
    background-image: url('/../mobile_version/img/menu/operator.jpg');    
    background-position: 50%;
    width: 75px;
    height: 92px;
    cursor: pointer;
    border-radius: 50px
}




.hisrory_tbl3{padding:7px; border:1px solid #23283d; background-color:#0f143a; text-align: center;}
.hisrory_tbl2{padding:7px; border:1px solid #23283d; background-color:#0f143a; text-align: center;}
.history_tbl{padding:7px; border:1px solid #23283d; background-color:#0f143a; text-align: center;}


.div_center_st {vertical-align:top; display:inline-block; width:98%;  height:auto; overflow:auto; text-align:center;margin: 0 auto;}
.white_regular_txt{color:#f7f7f7; font-size:200%; }


.green_regular_txt{color:#53e0e5; font-size:200%; font-weight: 600; }
.red_regular_txt{color:#d40d0d; font-size:200%; font-weight: 600; }
.red_regular_txt2{color:#d40d0d; font-size:220%; font-weight: 600; }
.grey_regular_txt{color:#bababa; font-size:180%; font-weight: 500;}
.grey_regular_txt0{color:#bababa; font-size:220%; font-weight: 500;}
.grey_regular_txt1{color:#bababa; font-size:200%; font-weight: 500;}
.grey_regular_txt2{color:#bababa; font-size:150%; font-weight: 500;}
.grey_regular_txt3{color:#bababa; font-size:1.6em; font-weight: 500;}
.yellow_regular_txt0{color:#f9f08b; font-size:230%; }
.yellow_regular_txt{color:#f9f08b; font-size:220%; }
.yellow_regular_txt1{color:#f9f08b; font-size:190%; }
.yellow_regular_txt2{color:#f9f08b; font-size:150%; font-weight: 600; }
.yellow_regular_txt3{color:#f9f08b; font-size:180%; font-weight: 550; }

.white_regular_txt{color:#f7f7f7; font-size:200%; }
.white_regular_txt1{color:#f7f7f7; font-size:180%; font-weight: 500; }
.white_regular_txt2{color:#ffffff; font-size:150%; font-weight: 600; }
.white_regular_txt3{color:#ffffff; font-size:150%; font-weight: 500; }
.white_regular_txt4{color:#c2c2c2; font-size:130%; font-weight: 500; }
.act_payout_st1{background-color:#2b2b2b;}
.act_payout_st2{background-color:#000e52;}





game_menu {
  position: relative;

}

.game_buttons {

  display: block;
  opacity: 0;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;  
}

game_menu:hover .game_buttons {
  opacity: 1;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -ms-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;  
}

game_menu.immediate .game_buttons {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -ms-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
}

game_menu.out .game_buttons {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -ms-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
}



.game_st{
    position: relative;
 	z-index:7;
 	cursor:pointer;
 	height:0px;
    width: 98%;
	margin: 0 auto;
	text-align: center;		
	vertical-align: middle;
   
}



.real_game{
	display:inline-block;
	overflow:hidden;
	width:70%;
	height:2.3rem;
    background-image: -webkit-gradient(linear, left top, right top, from(#32669c), to(#4690dc));
    background-image: linear-gradient(to right, #32669c 0, #4690dc 100%);
    background-repeat: repeat-x;
	border-radius:1rem;
	border-style: ridge;
	border-color: #000000;
    color:white;
	font-size:1.7em;
	font-weight:600;
	padding: 0.5rem 0.3rem;
	margin-top: 5.5rem;
	margin-bottom: 0.5rem;
	text-align: center;
	cursor: pointer;
}


.demo_game{
	display:inline-block;
	overflow:hidden;
	width:70%; 
	height:2.3rem; 
    background-image: -webkit-gradient(linear, left top, right top, from(#242424), to(#46484c));
    background-image: linear-gradient(to right, #242424 0, #46484c 100%);
    background-repeat: repeat-x;
	border-radius:1rem; 
	border-style: ridge;
	border-color: #000000;	
    color:white;
	font-size:1.7em; 
	font-weight:600; 
	padding: 0.5rem 0.3rem;	
	text-align: center;
	cursor: pointer;
}	





.deps_st {
    width: 98%;
    overflow: auto;
	margin: 0 auto;
	text-align: center;	

}



.all_deps {	
    vertical-align: top;
	display: inline-block;
    overflow: auto;
	text-align: center;		
	margin: 0 auto;
	margin-top: -1em;	
  	
}

.dep_btns_box{
	display:inline-block;
    overflow: auto; 	
	width:3.8em; 
	height:1.8em; 
    background-image: -webkit-gradient(linear, left top, right top, from(#144980), to(#113b67));
    background-image: linear-gradient(to right, #144980 0, #113b67 100%);
    background-repeat: repeat-x;
	border-radius:4px; 
	font-size:2.0em; 
	font-weight:700; 
	padding-top:1em; 
    margin-right: 0.1rem; 
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
}


/* Fenito payment option toggle */
.fenito-pay-options {
	display: flex;
	gap: 1.2rem;
	justify-content: center;
	padding: 1.5rem 0;
}
.fenito-pay-options input[type="radio"] {
	display: none;
}
.fenito-pay-option {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	padding: 1.4rem 1rem;
	border: 2px solid #1b2b5d;
	border-radius: 10px;
	background: linear-gradient(to bottom, rgba(10,15,40,0.9), rgba(5,10,30,0.95));
	color: #ccc;
	font-size: 1.8rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.25s ease;
	text-align: center;
}
.fenito-pay-option .fenito-opt-icon {
	height: 2rem;
	width: auto;
	margin-right: 0.8rem;
	vertical-align: middle;
	position: relative;
	top: -0.5rem;
}
.fenito-pay-option .fenito-opt-img {
	top: 0;
}
.fenito-pay-options input[type="radio"]:checked + .fenito-pay-option {
	border-color: #3959b8;
	background: linear-gradient(to bottom, rgba(20,30,80,0.95), rgba(10,20,50,0.95));
	color: #fff;
	box-shadow: 0 0 12px rgba(57,89,184,0.4);
}




.summ_st {
    width: 100%;
    height: 6.3em;
    overflow: auto;

}


.dep_valyuta{
   	position: relative;
	margin-top: -2.8em;
	margin-right:0.1em;
	width:4.5em; 
	height:2.0em; 
	font-size:2.0em; 
	font-weight:500;  
	border-left: 3px;
    border-left-style: solid;
	border-left-color: #144980; 
	text-align: center;
    padding-top: 0.9em;
	float: right;
}





.btn_scroll_right {
  position: relative;
  top:0.4em;
  float: right;
  width: max-content;
  color: #f9f9f9;  
  background-color: #000b2e;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  font-size: 2rem;
  padding: 1.9em 0.4em 1.9em 0.4em;
  text-decoration: none;
  cursor: pointer;
}

.btn_scroll_right:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;  
}


.btn_scroll_left {
  position: relative;
  top:0.4em;
  float: left;	
  width: max-content;  
  color: #f9f9f9;
  background-color: #000b2e;  
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  font-size: 2rem;
  padding: 1.9em 0.4em 1.9em 0.4em;
  text-decoration: none;
  cursor: pointer;  
}

.btn_scroll_left:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;  
}


.container {
    margin: 0 auto;
	width: 98vw;
	height: auto;
}


.nav {
	width: 98vw;
    margin-top: 0.3em;
    padding: 0em;
    list-style: none;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */          
}



.nav::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */    
}


.block_menu {
  position:relative;
  width: 100%;
  text-align:center;
  margin: 0 auto;
}

.wrap_menu {
  display:inline-block;
 }

.miniblock_menu {
  float: left;
  width: 15em;
  padding: 0.3em 1.3em 0.3em 1.3em;
  border-right: 0.1em solid white;
  border-top-right-radius: 2em;
  opacity: 50%;   
  cursor: pointer;
  
}

.miniblock_menu a, .miniblock_menu_active a {
  color: white;
}


.miniblock_menu_active {
  float: left;
  width:15em;  
  padding: 0.3em 1.3em 0.3em 1.3em;
  border-right: 0.1em solid white;
  border-top-right-radius: 2em;
  opacity: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#022d81), to(#04194d));
  background-image: linear-gradient(to right, #(#06327e) 0, #04224d 100%);
  background-repeat: repeat-x;   
  cursor: pointer;
  
}







.footer-pay, .footer-secure {
    font-size: 0;
    text-align:center
}

.footer-pay img, .footer-secure img {
    width: 100%;
    max-width: 100%;
    display:block
}

@media screen and (min-width: 768px) {
    .footer-pay img, .footer-secure img {
        width: 60%;
        margin: auto;
        background-color:#00142d
    }
}

.footer-pay {
    background-color:#00142d
}



.footer-payments {
    text-align: center;
    height:100%
}

.footer-payments ul {
    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;
    height: 100%;
    padding:0 40px
}

.footer-payments__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 42px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat
}

.footer-payments__item:last-child {
    padding-left:0
}



.footer-payments__item--visa {
    width: 56px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/visa.png)
}

.footer-payments__item--mastercard {
    width: 56px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/mastercard.png)
}

.footer-payments__item--mir {
    width: 56px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/mir.png)
}

.footer-payments__item--sbp {
    width: 67px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/sbp.png)
}

.footer-payments__item--sberpay {
    width: 71px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/sberpay.png)
}

.footer-payments__item--bybit {
    width: 93px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/bybit.png)
}

.footer-payments__item--yoomoney {
    width: 150px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/yoomoney.png)
}


.footer-payments__item--btc {
    width: 36px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/btc.png)
}

.footer-payments__item--eth {
    width: 36px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/eth.png)
}

.footer-payments__item--usdt {
    width: 36px;
    height: 35px;
    background-image:url(../mobile_version/img/footer/new_systems/usdt.png)
}


.footer-payments ul {
    display: block;
    text-align: center;
    padding:8px
}

.footer-payments ul:after {
    content: "";
    display: table;
    clear:both
}

.footer-payments ul .footer-payments__item {
    width: 20%;
    display: inline-block;
    line-height: 65px;
    height: 4.5714rem;
    background-size: contain;
    margin:1.5rem 0rem
}

@media (orientation: landscape) {
    .footer-payments ul .footer-payments__item {
        width:12%
    }
}

@media (min-width: 768px) {
    .footer-payments ul .footer-payments__item {
        width:12%
    }
}

.footer-payments ul .footer-payments__item svg {
    width: 100%;
    height:100%
}

.footer-payments ul .footer-payments__item:after {
    background-size: 100% 100%
}




.conf_eml_st{
 	position: relative; 	
 	width: 100%;
}


.conf_all_mobile{
    position: relative;
    display: flex;
	flex-direction: row;    
    justify-content: center;
	align-content: center;
	align-items: center;     
    float: center;    
    width: 100%;
    
}


.conf_mob_prfx_main{
  	position: relative;
  	height: 0;
 	width: 10rem; 
 	top:-3.1rem; 	   
}


.conf_number_st{
   position: relative; 	
   width: 40rem;
   left: -1.7rem;
   top:-1.1rem;
}


.conf_mobile_prfx{
	position:relative; 
	width: 0;
	top:-1.7rem; 
	left:3rem; 
	font-size:1.7em;
}


.flag{
  	position: relative;
	margin-left:0.6rem;
}




.pagination{
    text-align: center;
    font-size: 0;
    line-height: 0;
    padding: 0 0 3rem;
}
.pagination li{
    display: inline-block;
    vertical-align: top;
    margin: 0.2rem;
}
.pagination a{
    display: inline-block;
    vertical-align: top;
    padding: 0.8rem 1.35rem;
    margin: 1rem;
    font-weight: 500;
    color: #838caa;
    font-size: 2rem;
    line-height: 1;
    text-decoration: none;
    border-radius: 4rem;
}
.pagination a:hover
{
    background: #162032;
    color: #fff;
}

.pagination li.active a{
    background: #0d1c3a;
    color: #fff;    
	border: 1px solid #369fcd;    
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	    
}



.block{position:relative;}
.hidden
{display: none;
position: absolute;
bottom: 130%;
left: 0px;
background-color: #8295c2;
color: #fff;
padding: 5px;
text-align: center;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
box-shadow: 0 1px 1px rgba(0,0,0,.16);
font-size: 12px;
border-radius: 4px;
}
/* Дополнительное оформление скрытого элемента(необязательно) */
.hover + .hidden:before
{content: " ";
position: absolute;
top: 98%;
left: 10%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid #8295c2;
border-color: #8295c2 transparent transparent transparent;
z-index: 2;}
/* Дополнительное оформление скрытого элемента(необязательно) */
.hover + .hidden:after
{content: " ";
position: absolute;
top: 100%;
left: 10%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid #8295c2;
border-color: rgba(0,0,0,.16) transparent transparent transparent;
z-index: 1;}
/* Появление скрытого элемента при наведении */
.hover:hover + .hidden{
display: block;
}






.cashout_res_div
{
	position:absolute; 
    top:30%;
    left:45%;
    margin-left:-21rem;    
    display: none;
	height: 0px;
	z-index: 199;
}


.cashout_res_st
{
	position:relative; 
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 40rem;
	height: 20rem;
	margin: 2rem;
	padding: 2rem;
    position: relative;        
    border-radius: 2rem;
	background: #142748;
	border: 1px solid #369fcd;    
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	    

}


.cashout_res_msg
{
	position:relative; 
	margin: -0.5rem 2rem 1rem 2rem;
	padding: 1rem;
	font-size: 1.7em;
    display: block;
    line-height: 1.5;
    text-align: center;
}


.bonus_sum
{
	 position: relative;
	 font-size:24px;	 
	 color:#FCFC45;	 
}



.modal_div
{ 		    	
	position:absolute; 
    top:30%;
    left:45%;
    margin-left:-21rem;
    display: none;
	height: 0px;
	z-index: 20;
}



.modal_div_st
{
	position:relative; 
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 40rem;
	height: 20rem;
	margin: 2rem;
	padding: 2rem;
    position: relative;        
    border-radius: 2rem;
	background: #142748;
	border: 1px solid #369fcd;    
    box-shadow: 0 0 0 transparent, 0 0 1px #66cbfc, 0 0 1px rgba(0, 171, 255, 0.5), 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 1px #66cbfc, 0 0 2px #66cbfc, 0 0 1px #66cbfc, 0 0 7px #66cbfc;	    

}


.modal_msg_title
{
  position: relative;
  margin: 0.4rem 0 0.4rem 0;
  padding: 1rem;
  font-size: 2.2em;
  font-weight: 500;
  color:#9df2f5;
}


.modal_msg
{
  position: relative;
  margin: 0 1rem 2rem 1rem;
  padding: 0.1rem;
  font-size: 1.7em;
  line-height: 1.3;  
  color: #f4f4f4;
}

.ok_btn{
  width: 10rem;  
  font-size: 2em;
  font-weight: 500;
  vertical-align:middle;
  text-align: center; 
  cursor: pointer;   
}


.tomain_btn{
  width:20rem;  
  font-size: 2em;
  font-weight: 500;
  vertical-align:middle;
  text-align: center;  
  cursor: pointer;  
  
}



.close_cashout_msg {
	position:absolute; 
	height:0px; 
	width:0px; 
	left:41rem; 
	top:2rem;
}	


.cl-btn-7 {
    height:30px;
    width: 30px;
    border-radius: 40px;    
    position: relative;     
    z-index: 21;
    cursor: pointer;
}
.cl-btn-7:before {
    content: '+';
    color: #fff;
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    font-size: 45px;
    line-height: 1;
    top: -5px;
    left: 6px;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85); 
}


.cl-btn-7:hover:before {
	transform: scale(0.9) rotate(225deg);
    color: #577ab5;
}



.cncl_btn{
    position: relative;
    display: table-cell;
    width: 8rem;
    height: 3rem;
    font-size: 1.4em;
  	vertical-align:middle;
  	text-align: center;  
  	border-radius: 4px;
    margin: 0 auto;
    cursor: pointer;
  	
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81b62a), to(#008423));
    background-image: linear-gradient(to bottom, #81b62a 0, #008423 100%);
    background-repeat: repeat-x  	
}



.back_btn{
    display: block;
	width:16rem; 
	height:3.2rem; 
	text-align: center;
	vertical-align: middle;
	padding-top: 1rem;
	font-size: 2em;
	font-weight: 500;
	cursor: pointer;
	border-radius: 0.5rem;	
	background-color: #0a3e73;   	
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0a3e73), to(#09244a));
    background-image: linear-gradient(to bottom, #0a3e73 0, #09244a 100%);
    background-repeat: repeat-x;

}


.btn_reg{
    display: block;
    opacity: 0.95;
    filter: alpha(opacity=95);    
	height:3.2rem; 
	text-align: center;
	vertical-align: middle;
	padding-top: 1rem;
	font-size: 2em;
	font-weight: 500;
	cursor: pointer;
	border-radius: 0.5rem;	
	font-weight: 600;
	border: 1px ridge #35060f;
	background-color: #0a3e73;   	
    background-image: -webkit-gradient(linear, left top, left bottom, from(#af0021), to(#8a1e32));
    background-image: linear-gradient(to bottom, #af0021 0, #8a1e32 100%);
    background-repeat: repeat-x;

}




.menu_slider_1 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/betsoft/mobile/april_fury.jpg) no-repeat; background-size:contain; }
.menu_slider_2 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/betsoft/mobile/charms_and_treasures.jpg) no-repeat; background-size:contain; }
.menu_slider_3 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/betsoft/mobile/rise_of_triton.jpg) no-repeat; background-size:contain; }
.menu_slider_4 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/endorphina/mobile/amazons_rich.jpg) no-repeat; background-size:contain; }
.menu_slider_5 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/endorphina/mobile/burning_coins20.jpg) no-repeat; background-size:contain; }
.menu_slider_6 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/endorphina/mobile/sticky_lips.jpg) no-repeat; background-size:contain; }
.menu_slider_7 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/evoplay/mobile/temple_of_dead.jpg) no-repeat; background-size:contain; }
.menu_slider_8 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/evoplay/mobile/wild_bullets.jpg) no-repeat; background-size:contain; }
.menu_slider_9 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/evoplay/mobile/young_buffalo_song.jpg) no-repeat; background-size:contain; }
.menu_slider_10 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/playson/mobile/3_pirate_barrels.jpg) no-repeat; background-size:contain; }
.menu_slider_11 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/playson/mobile/3xcatch.jpg) no-repeat; background-size:contain; }
.menu_slider_12 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/playson/mobile/royal_express.jpg) no-repeat; background-size:contain; }
.menu_slider_13 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/pragmatic_new/mobile/bandit_megaways.jpg) no-repeat; background-size:contain; }
.menu_slider_14 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/pragmatic_new/mobile/lamp_of_infinity.jpg) no-repeat; background-size:contain; }
.menu_slider_15 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/3tuza_2025/pragmatic_new/mobile/towering_fortunes.jpg) no-repeat; background-size:contain; }


.slider_9may_1 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/9_may/mobile/9_may_1.jpg) no-repeat; background-size:contain; }
.slider_9may_2 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/9_may/mobile/9_may_2.jpg) no-repeat; background-size:contain; }
.slider_9may_3 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/9_may/mobile/9_may_3.jpg) no-repeat; background-size:contain; }
.slider_8march_1 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/8_march/mobile/8_march_1.jpg) no-repeat; background-size:contain; }
.slider_8march_2 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/8_march/mobile/8_march_2.jpg) no-repeat; background-size:contain; }
.slider_8march_3 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/8_march/mobile/8_march_3.jpg) no-repeat; background-size:contain; }
.slider_newyear_1 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/new_year/mobile/new_year_1.jpg) no-repeat; background-size:contain; }
.slider_newyear_2 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/new_year/mobile/new_year_2.jpg) no-repeat; background-size:contain; }
.slider_newyear_3 { width: 100%; padding-top:37.355%;  background:url(../images/main_banner/new_year/mobile/new_year_3.jpg) no-repeat; background-size:contain; }



.out_visa_valid{position:relative;top:0.22rem; margin-right:0.5em; bottom: 0.22rem; width:4.3em; height:6rem; background-color:#030a30; border-radius:5px; border:3px solid; border-color: #144980; color:#fff; font-size:2.5em; padding-right:0.7rem;}
.summa_dep{ position:relative;top:0.22rem;right:0;bottom: 0.22rem; width:100%; height:6rem; background-color:#030a30; border-radius:5px; border:3px solid; border-color: #144980; color:#53e0e5; font-size:2.5em; padding:0.7rem;}
.summa_email{ position:relative;top:0.22rem;right:0;bottom: 0.22rem; width:100%; height:6rem; background-color:#030a30; border-radius:5px; border:3px solid; border-color: #144980; color:#53e0e5; font-size:2.5em; padding:0.7rem;}

.select_intr{ position:relative;top:0.22rem;right:0;bottom: 0.22rem; width:100%; height:5rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; border-style: solid; color:#fff; font-size:2em; font-weight:500; padding:0.7rem; }

.r_config_st{ position:relative;top:0.22rem;right:0; bottom: 0.22rem; width:40rem; height:4.5rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}
.r_config_phone_st{position:relative;top:0.22rem;right:0;bottom: 0.22rem; width:40rem; height:4.5rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em; padding: 0 3.6em;}

.save_btn_st{position:relative; width:80%; height:3.0rem; margin-top:1.0rem; margin-bottom:2.5rem; }
.r_config_status2{ position:relative; height:0; width:100%; margin-top:0.3rem;  text-align:left; }
.r_config_status{ position:relative; height:0; width:100%; top:-2.2rem;  text-align:left; }
.r_config_status_ok{ position:relative; height:0; width:100%; top:-2.8rem;  text-align:left; }
.r_config_status_bad{ position:relative; height:0 ; width:100%; top:0.2rem; }


.phone_eml_st{position:absolute; width:3rem;  right:6%; margin-top:-3.0rem; background-size:contain;}

.phone_ok_st{position:absolute; width:3rem; height: 3rem;  right:1rem; margin-top:-3.5rem; background-size:contain;}

.sbp_out_status{ position:relative; height:0; width:100%; margin-top:6rem;  text-align:left; } 
.sbp_out_status_ok{ position:relative; height:0; width:100%; margin-top:5rem;  text-align:left; } 

.r_email_st{ position:relative;font-weight:500; font-size:2.0em; top:0.22rem;right:0;bottom: 0.22rem; width:100%; height:4.5rem; margin-bottom:1.5rem; border:1px solid #010d1b; border-radius: 6px; background-color: #072343; color:#fff;padding-left:5px; }
.r_textarea_st{ position:relative;font-weight:500; font-size:2.0em; resize:none; top:0.22rem;right:0;bottom: 0.22rem; margin-top:1rem; width:100%; height:13em; resize: none; border:1px solid #010d1b; border-radius:6px; background-color: #072343; color: #fff; padding-left:5px;}

.reg_txts_st{color:#f9f08b; font-size:200%; }
.cnt_main_txt3{color:#c5d4ff; font-size:1.7em;}
.cnt_main_txt2{color:#c5d4ff; font-size:1.7em; height:3rem; font-weight:400}
.cnt_main_txt{height:3.9rem; margin-top:-1.0rem; margin-bottom:0.5rem;}
.lostpass_txt{position:relative; margin-top:1rem; margin-bottom:1rem; font-size:200%;}
.send_mail_btn_st{position:relative; width:80%; height:0.1rem; margin-bottom:4.5rem; margin-top:1.5rem;  }
.lostpass_h1_txt{position:relative; margin-top:1.5rem; }
.reg_btn_st{position:relative; width:80%; height:0rem; margin-top:5.3rem; margin-bottom:5.5rem;}
.signin_reg_btn_st{position:relative; width:80%; height:0rem; margin-top:3.3rem; margin-bottom:1rem; }
.login_btn_st{position:relative; width:50%; height:0rem; margin-top:0.3rem; margin-bottom:2.5rem;}
.r_login_status{ position:relative; height:0; width:90%; margin-top:0.2rem;}
.r_login_status_bad{ position:absolute; height:0 ; width:100%; top:0.2rem;}
.r_iagree_status{ position:absolute; height:0; width:95%; margin-top:0.2rem; margin-left:0.7rem;}
.r_iagree_status_bad{ position:relative; height:0 ; width:100%; top:0.2rem; margin-left:0.1rem;}

.r_mobile_st{position:relative; height:0px; width:100%; top:0px; left:0px; visibility: hidden;}
.r_phone_st{position:absolute; left:9rem; height:4.5rem; top:0.1rem; right:0; width:23rem;}
.r_phone_input{position:relative; width:82%; height:4.5rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb;  visibility: hidden; font-size:2.0em;}
.r_secnumber{width:70%; height:4.5rem; border-radius:4px; margin-bottom:-0.4rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}



.out_mobile_st{position:relative; height:0px; width:100%; left:0px; margin-top:0.5rem;} 

.qiwi_out_bad_st{position:relative; height:0px; width:100%; left:0px; margin-top: 6.5rem;}

.qiwi_out_mobile_st{position:relative; height:0px; width:100%; left:0px; margin-top: -6.5rem;}
.qiwi_out_mobile_st_2{position:relative; height:0px; width:100%; left:0px; margin-top: 0rem;}
.qiwi_out_phone_st{position:absolute; left:9rem; height:5.7rem; top:0.1rem; right:0; width:100%;}
.qiwi_out_phone_input{position:relative; width:100%; left:-1.5rem; top:-1rem; margin-bottom:-8rem;}


.lostpass_mobile_st{position:relative; height:0px; width:100%; left:0px; visibility: hidden;}
.lostpass_phone_st{position:absolute; left:9rem; height:5.7rem; top:0.1rem; right:0; width:78%;}
.lostpass_phone_input{position:relative; width:77%; height:5.7rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; visibility: hidden; font-size:2.0em;}
.lostpass_email_st{ position:relative; top:0.1rem; width:84%; height:5.7rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}
.lostpass_secnumber{width:15rem; height:5.7rem; border-radius:4px; margin-bottom:-0.4rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}

.out_summ_st{ position:relative;top:0.22rem;padding-left:0.2em;bottom: 0.22rem; width:100%; height:5.5rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}

.r_login_st{ position:relative;top:0.22rem;padding:1.2em; margin:1.5rem; bottom: 0.22rem; width:40rem; height:4.5rem;  background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; text-transform: lowercase; font-size:2.0em;}
.r_pwd_st{ position:relative;top:0.22rem;padding:1.2em; margin:1.5rem; bottom: 0.22rem; width:40rem; height:4.5rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.0em;}

.signin_login_st{ position:relative;top:0.22rem;padding-left:0.4em; bottom: 0.22rem; width:80%; height:6.0rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b; color:#fbfbfb; font-size:2.3em;}
.signin_pwd_st{ position:relative;top:0.22rem; padding-left:0.4em; bottom: 0.22rem; width:80%; height:6.0rem; background-color:#072343; border-radius:4px; border: 1px solid #010d1b;  color:#fbfbfb; font-size:2.3em;}

.reg_txts{color:#f9f08b; font-size:230%; }
.reg_btn_txt{color:#f5f5f5; font-size:1em; line-height: 2rem; font-weight:600; cursor:pointer;}
.forgot_btn_txt{color:#f5f5f5; font-size:200%; font-weight:300; cursor:pointer; }
.forgot_txt_st{position:relative; height:0px; width:100%; top:0.5rem; left:0px;}
.reg_main_div{margin-top:0.9rem; margin-bottom:0.7rem;}
.r_msgbox_status_badtxt{font-size:16px; background-color:#812121; border-radius:4px;}
.reg_with_txt{height:3.9rem; margin-top:-0.5rem; margin-bottom:0.5rem;}
.reg_or_div{height:2.5rem; margin-top:0.7rem; margin-bottom:0.1rem; font-size:200%;}
.reg_user_fnt{font-weight:700; font-size:200%; font-family: Arial;text-transform:uppercase;}
.reg_user_fnt_star{font-weight:700; font-size:2em; font-family: Arial; color:#c5faff; }
.logo_socseti_box {position:relative; height:5.3rem; width:40rem; margin-right:5%; margin-left:5%;  margin-top:2px;   }
.logo_socseti_div {height:0px;}
.logo_socseti {top:14px;font-size: 0;line-height:0;width:100%;height:100%;position:relative;}
.logo_socseti_link_vk {position: absolute;top: -2.98rem; bottom: -2.98rem;left:0; z-index: 2;background:url('../img/soc_seti/vk.png') no-repeat; width:6rem;background-size: contain;}
.logo_socseti_link_mail {position: absolute;top: -2.98rem; bottom: -2.98rem;left:17%; z-index: 2;background:url('../img/soc_seti/mail.png') no-repeat; width:6rem;background-size: contain;}
.logo_socseti_link_ya {position: absolute;top: -2.98rem; bottom: -2.98rem;left:34%; z-index: 2;background:url('../img/soc_seti/ya.png') no-repeat; width:6rem;background-size: contain;}
.logo_socseti_link_ok {position: absolute;top: -2.98rem; bottom: -2.98rem;left:51%; z-index: 2;background:url('../img/soc_seti/ok.png') no-repeat; width:6rem;background-size: contain;}
.logo_socseti_link_facebook {position: absolute;top: -2.98rem; bottom: -2.98rem;left:68%; z-index: 2;background:url('../img/soc_seti/facebook.png') no-repeat; width:6rem;background-size: contain;}
.logo_socseti_link_google {position: absolute;top: -2.98rem; bottom: -2.98rem;left:85%; z-index: 2;background:url('../img/soc_seti/google.png') no-repeat; width:6rem;background-size: contain;}
.iagree_st{position:relative; width:100%; margin-left:0rem; }
.iagree_chkbox{position:relative; margin-top:-1.0rem; margin-left:-2rem; }
.iagree_txt{position:relative; margin-left:0rem; margin-top:-1.0rem; }
.r_pol_st{position:relative; height:0px; width:0px; visibility: hidden; }
.email_chkbox{position:relative; height:0px; width:0px; visibility: hidden; }
.ok_bad_txt {color:#ffffff; font-size:16px; background-color:#01299b;}
.ok_bad_div {position:relative; top:-14px; left:-15px; height:0px; width:320px;}
.menu_img_home{position:relative; background:url(../mobile_version/img/menu_icons/home.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_games{position:relative; background:url(../mobile_version/img/menu_icons/games.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_signin{position:relative; background:url(../mobile_version/img/menu_icons/sign_in.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_signout{position:relative; background:url(../mobile_version/img/menu_icons/exit.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_full{position:relative; background:url(../mobile_version/img/menu_icons/full_version.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_mobile{position:relative; background:url(../mobile_version/img/menu_icons/../mobile_version.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_bonus{position:relative; background:url(../mobile_version/img/menu_icons/bonus.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_money_back{position:relative; background:url(../mobile_version/img/menu_icons/cashback.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_tour{position:relative; background:url(../mobile_version/img/menu_icons/tour.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_news{position:relative; background:url(../mobile_version/img/menu_icons/news.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_rules{position:relative; background:url(../mobile_version/img/menu_icons/rules.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_partner{position:relative; background:url(../mobile_version/img/menu_icons/partner.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_faq{position:relative; background:url(../mobile_version/img/menu_icons/help.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_about{position:relative; background:url(../mobile_version/img/menu_icons/about_us.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_moneyin{position:relative; background:url(../mobile_version/img/menu_icons/deposit.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_moneyout{position:relative; background:url(../mobile_version/img/menu_icons/withdraw.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_2{position:relative; background:url(../mobile_version/img/menu_icons/real.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_payments{position:relative; background:url(../mobile_version/img/menu_icons/payouts.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_cancel{position:relative; background:url(../mobile_version/img/menu_icons/cancel.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_history{position:relative; background:url(../mobile_version/img/menu_icons/history.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_profile{position:relative; background:url(../mobile_version/img/menu_icons/user.png) top center no-repeat; height:20px; background-size: contain;  margin-top:1.1rem;}
.menu_img_real{position:relative; background:url(../mobile_version/img/menu_icons/wallet.png) top center no-repeat; height:24px; background-size: contain; margin-top:1rem;}
.menu_img_cashback{position:relative; background:url(../mobile_version/img/menu_icons/cashback.png) top center no-repeat; height:24px; background-size: contain;  margin-top:1rem;}
.menu_img_unblock{position:relative; background:url(../mobile_version/img/menu_icons/unblock.png) top center no-repeat; height:24px; background-size: contain;  margin-top:1rem;}
.menu_img_policy{position:relative; background:url(../mobile_version/img/menu_icons/policy.png) top center no-repeat; height:24px; background-size: contain;  margin-top:1rem;}
.menu_img_channel{position:relative; background:url(../mobile_version/img/menu_icons/telegram_channel.png) top center no-repeat; height:24px; background-size: contain;  margin-top:1rem;}


.stat_tbl_1{padding:2px; border-bottom:1px solid #549ad5; background-color:#05163b; }
.stat_tbl_2{padding:2px; background-color:#09235d; }
.stat_tbl_3{padding:2px; background-color:#05163b; }
.stat_fnt{font-size:1.6em; color:#93bde6 }

.cl_payment_tbl_1{padding:0.2rem; border-bottom:1px solid #549ad5; background-color:#05163b; }
.cl_payment_tbl_2{padding:0.2rem; background-color:#09235d; }
.cl_payment_tbl_2{padding:0.2rem; background-color:#05163b; }
.cl_payment_fnt{font-size:1.4em; color:#93bde6 }

.stat_tbl_1{padding:0.2rem; border-bottom:1px solid #549ad5; background-color:#05163b; }
.stat_tbl_2{padding:0.2rem; background-color:#09235d; }
.stat_tbl_3{padding:0.2rem; background-color:#05163b; }
.stat_fnt{font-size:1.6em; color:#93bde6 }

.cl_payment_tbl_1{padding:0.2rem; border-bottom:1px solid #549ad5; background-color:#05163b; }
.cl_payment_tbl_2{padding:0.2rem; background-color:#09235d; }
.cl_payment_tbl_3{padding:0.2rem; background-color:#05163b; }
.cl_payment_tbl_4{padding:0.2rem; background-color:#09235d; }
.cl_payment_tbl_5{padding:0.2rem; background-color:#05163b; }

.cl_payment_fnt{font-size:1.4em; color:#93bde6 }
.cl_payment_fnt_1{font-face:arial; font-size:1.5em; color:#cbd3e5; }
.cl_payment_fnt_2{font-face:arial; font-size:1.4em; color:#2fc744; }
.cl_payment_fnt_3{font-face:arial; font-size:1.4em; color:#6c717c; }
.cl_payment_fnt_4{font-face:arial; font-size:1.4em; color:#d8e233; }
.cl_payment_fnt_5{font-face:arial; font-size:1.4em; color:#b54343; }

.help_fnt_1{font-face:arial; font-size:2em; }
.help_fnt_2{font-size:1.5em; color:#828fb4; }

.grecaptcha-badge{display: none;}


/* Live Games submenu */
.live-nav {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 10px 4px 5px;
    margin: 0;
    list-style: none;
}
.live-nav li {
    display: inline-block;
}
.live-nav a {
    display: inline-block;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ddb3b3;
    background: linear-gradient(180deg, rgba(10,15,40,1) 17%, rgba(20,30,70,1) 46%, rgba(20,30,70,1) 53%, rgba(10,15,40,1) 95%);
    border: 1px solid #1b2b5d;
    border-radius: 8px;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
    text-decoration: none;
}
.live-nav a:hover {
    color: #ffffff;
    border-color: #3959b8;
    box-shadow: 0 0 12px rgba(57,89,184,0.3);
}
.live-nav a.live-nav-active {
    color: #ffffff;
    border-color: #3959b8;
    background: linear-gradient(180deg, rgba(20,30,80,1) 0%, rgba(40,55,120,1) 50%, rgba(20,30,80,1) 100%);
    box-shadow: 0 0 15px rgba(57,89,184,0.4);
}

.sitmap_st {
    width: 95%;
    overflow: auto;
    font-size: 14px;
    font-family: century gothic;
    color: #FFFFFF;
    padding: 0 10px 20px;
    margin: 0 auto;
}



/* ===== Bybit P2P page styles (mobile) ===== */
.bybit-info-block {
    background: rgba(68,153,255,0.08);
    border: 1px solid rgba(68,153,255,0.2);
    border-radius: 8px;
    padding: 15px 18px;
    margin: 10px auto;
    text-align: left;
}
.bybit-info-block h3 {
    color: #4499ff;
    font-family: "Arial", sans-serif;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(68,153,255,0.3);
}
.bybit-info-block ul {
    margin: 0;
    padding-left: 5px;
    list-style-type: none;
}
.bybit-info-block li {
    color: #e8e8e8;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 4px;
    padding-left: 16px;
    position: relative;
}
.bybit-info-block li::before {
    content: "\25B8";
    color: #4499ff;
    position: absolute;
    left: 0;
}
.bybit-info-block .bybit-telegram {
    color: #66aaff;
    font-weight: bold;
    text-decoration: none;
}
.bybit-warning-block {
    background: rgba(68,153,255,0.08);
    border: 1px solid rgba(68,153,255,0.3);
    border-radius: 8px;
    padding: 15px 18px;
    margin: 10px auto;
    text-align: left;
}
.bybit-warning-block h3 {
    color: #ff6644;
    font-family: "Arial", sans-serif;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(68,153,255,0.3);
}
.bybit-warning-block ul {
    margin: 0;
    padding-left: 5px;
    list-style-type: none;
}
.bybit-warning-block li {
    color: #e8e8e8;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 5px;
    padding-left: 16px;
    position: relative;
}
.bybit-warning-block li::before {
    content: "\25B8";
    color: #ff6644;
    position: absolute;
    left: 0;
}
.bybit-receipt-block {
    background: rgba(255,255,255,0.05);
    border-radius: 8px;
    padding: 15px 18px;
    margin: 10px auto;
    text-align: left;
}
.bybit-receipt-block h3 {
    color: #4499ff;
    font-family: "Arial", sans-serif;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(68,153,255,0.3);
}
.bybit-receipt-block p {
    color: #e8e8e8;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    line-height: 1.5;
    margin: 6px 0;
}
.bybit-receipt-block .receipt-highlight {
    color: #ffd700;
    font-weight: bold;
}
.bybit-tbank-block {
    background: rgba(68,153,255,0.1);
    border: 2px solid rgba(68,153,255,0.4);
    border-radius: 8px;
    padding: 15px 18px;
    margin: 15px auto;
    text-align: left;
}
.bybit-tbank-block h3 {
    color: #66aaff;
    font-family: "Arial", sans-serif;
    font-size: 15px;
    margin: 0 0 10px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(68,153,255,0.3);
}
.bybit-tbank-block ol {
    margin: 0;
    padding-left: 18px;
}
.bybit-tbank-block li {
    color: #e8e8e8;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 4px;
}
.bybit-os-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 12px 0;
}
.bybit-os-tab {
    padding: 8px 22px;
    border-radius: 18px;
    background: rgba(68,153,255,0.15);
    color: #88aacc;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid rgba(68,153,255,0.3);
}
.bybit-os-tab.active {
    background: rgba(68,153,255,0.3);
    color: #4499ff;
    border-color: rgba(68,153,255,0.6);
}
.bybit-os-content {
    display: none;
}
.bybit-os-content.active {
    display: block;
}
.bybit-image-container {
    text-align: center;
    margin: 12px 0;
}
.bybit-image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
}

.bybit-logo-border {
    stroke: #4499ff;
}
.bybit-logo-p2p {
    fill: #4499ff;
}

/* ===== BestChange page styles (mobile - blue) ===== */
.bc-steps      { max-width:100%; padding:0 20px; box-sizing:border-box; }
.bc-step       { display:flex; align-items:flex-start; background:#0a1a3a; border:1px solid #1a4a8a; border-radius:10px; padding:10px 12px; margin-bottom:8px; }
.bc-num        { min-width:28px; height:28px; border-radius:50%; background:#27ae60; color:#fff; font-size:14px; font-weight:bold; display:flex; align-items:center; justify-content:center; margin-right:10px; flex-shrink:0; }
.bc-text       { color:#d0d8f0; font-size:13px; line-height:1.6; }
.bc-text b     { color:#fff; }
.bc-banks      { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.bc-bank       { background:#0d2550; border:1px solid #2a6abf; border-radius:6px; padding:3px 8px; color:#fff; font-size:12px; font-weight:bold; }
.bc-wallet-box { background:#0a1a3a; border:1px solid #1a4a8a; border-radius:10px; padding:12px 14px; margin:8px 20px; text-align:center; box-sizing:border-box; width:calc(100% - 40px); }
.bc-wallet-addr { font-family:monospace; font-size:12px; color:#7ded6e; word-break:break-all; background:#111; border-radius:6px; padding:7px 10px; margin:10px 0; display:inline-block; }
.bc-qr         { margin:12px auto; }
.bc-qr img     { border:6px solid #fff; border-radius:8px; width:130px; height:130px; }
.bc-notice     { background:#0a1a3a; border:1px solid #1a4a8a; border-radius:10px; padding:10px 12px; color:#d0d8f0; font-size:13px; box-sizing:border-box; width:calc(100% - 40px); margin:8px 20px 0; }