@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-SemiboldIt.eot');
    src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'),
        url('../fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-SemiboldIt.woff') format('woff'),
        url('../fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Light.eot');
    src: local('Proxima Nova Light'), local('ProximaNova-Light'),
        url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-LightIt.eot');
    src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'),
        url('../fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-LightIt.woff2') format('woff2'),
        url('../fonts/ProximaNova-LightIt.woff') format('woff'),
        url('../fonts/ProximaNova-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

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

*{
    outline:none;
}

HTML{
    min-width: 300px;
    height: 100%;
}

BODY{
    height: 100%;
    margin: 0;
    padding: 0;
    background: var(--body_bg);
    background-attachment: fixed;
    color: var(--text_color);
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    overflow-x: hidden;
    min-width: 300px;
}

BODY::-webkit-scrollbar {
    width: 4px;
}
BODY::-webkit-scrollbar-track {
    background: var(--body_bg);
    border-radius: 0;
}
BODY::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: var(--scrollbar_thumb_color);
}

#snow{
    position: fixed;
    width: 100%;
    height: 100%;
}

.LiveChat{
    display: none;
}

H1{
    font-size: 21px;
    font-weight: 500;
    color: var(--h1_color);
}
H2{
    font-size: 17px;
    font-weight: 500;
    color: var(--h2_color);
}
H3{
    font-size: 17px;
    font-weight: 400;
    color: var(--h3_color);
}

a{
    color: var(--link_color);
}

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

.pageloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--preloader_bg);
    backdrop-filter: blur(7px) brightness(115%);
    z-index: 99999;
}
.pageloader img {
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}



.page{
    min-height: calc(100% - 80px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.header{
    width: var(--main_width);
    margin: 0 auto;
    transition: 0.3s;
}

.wrap_content{
    width: var(--main_width);
    margin: 0 auto;
}

.main_width{
    width: var(--main_width);
    margin: 0 auto;
}

.menu{
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--menu_color);
    border-radius: var(--main_radius);
    margin-bottom: 15px;
    transition: 0.3s;
    width: var(--main_width);
    margin: 0 auto;
}

.sticky_menu {
    position: fixed;
    top: 0;
    transition: 0.3s;
    width: calc(var(--main_width) - 14px);
    z-index: 999;
}

.content_article img{
    max-width: 100%!important;
}

.menu .space{
    flex: 1;
}

.menu_add{
    display: flex;
    gap: 10px;
    height: 49px;
    align-items: center;
}

.menu_add .space{
    flex: 1;
}

.menu > .custom_jet{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}
.menu > .custom_jet svg{
    display: flex;
    padding: 0;
    margin: 0 5px 0 0;
    width: 25px;
    fill: #ffdd14;
}
.menu > .custom_jet span{
    color: #ffdd14;
}

.menu > .custom_poker{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
}
.menu > .custom_poker svg{
    display: flex;
    padding: 0;
    margin: 0 5px 0 0;
    width: 25px;
    fill: #9f1010;
}

.content{
    flex: 1;
    width: var(--main_width);
    margin: 0 auto;
}

.footer{
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
    background: var(--footer_bg);
}
.middle_seporator{
    width: 100%;
    height: 1px;
    margin: 0;
    background: var(--middle_seporator_bg);
}
.footer .middle_seporator{
    background: var(--footer_seporator_bg);
}
side .middle_seporator{
    background: var(--side_seporator_bg);
}
.footer_content{
    display: grid;
    justify-content: space-between;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr) 0.5fr;
    margin: 15px 0;
}
.footer_content a{
    color: var(--footer_link_color);
    text-decoration: none;
    line-height: 23px;
}
.footer_content a:hover{
    text-decoration: underline;
}
.footer_content > div{
    display: flex;
    flex-direction: column;
    align-items: start;
}
.footer_head{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 9px;
}
.footer_content .drop_lang_btn{
    text-transform: uppercase;
}
.footer_content .drop_lang_btn span{
    font-size: 11px;
}
.footer_content .dropdown-content{
    float: left;
    left: 0;
}

.regRules input{width: 25px!important;}



.article_button{
    display: block;
    position: relative;
    margin-top: 25px;
    padding: 15px 15px;
    background: var(--main_gradient);
    box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
    text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    border: 0;
    border-radius: var(--radius_input);
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}



/* Drop Down */
.dropdown{
    position: relative;
}
.dropbtn{cursor: pointer; opacity: 1;}
.dropdown-content{
    display: none;
    position: absolute;
    float: right;
    right: 0px;
    min-width: 70px;
    z-index: 99999;
    padding-top: 7px;
}
.dropdown:hover .dropdown-content{display: block;}
.dropdown:hover .dropbtn{opacity: 0.7;}

.dropdown-content-foot{
    display: none;
    position: absolute;
    left: 50%; transform: translateX(-50%);
    top: -81px;
    min-width: auto;
    z-index: 99999;
    background: var(--block_bg);
    padding: 7px;
    border-radius: var(--main_radius);
}
.dropdown:hover .dropdown-content-foot{display: block;}
.dropdown-content-foot .head_custom_link{
    background: none;
    justify-content: start;
}


.drop_lang{
    width: 197px;
    display: flex;
    flex-wrap: wrap;
    background: var(--drop_bg);
    border-radius: var(--main_radius);
    padding: 5px 0;
}
.drop_lang a{
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--drop_color);
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--main_radius);
}
.drop_lang a:hover{
    background: var(--drop_hover);
}
.drop_lang a > div{
    margin: 0px 3.5px;
}
.drop_lang img{
    display: block;
    margin: 0;
    padding: 0;
    width: 21px;
    border-radius: 3.7px;
}

.drop_lang_btn{
    border-radius: var(--main_radius);
}
.drop_lang_btn img{
    display: block;
    margin: 0;
    padding: 0;
    width: 19px;
    border-radius: 3.7px;
}
.drop_lang_btn > div{
    margin: 0px 3.5px;
}



.free_money{
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 28px 6px 50px;
    border-radius: 50px;
    background-image: var(--head_plugin_bg);
    text-decoration: none;
    color: var(--head_plugin_color);
    font-size: 13px;
    font-weight: 500;
}
.free_money::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 40px;
    top: -7px;
    left: 0;
    background-image: url(../img/free-money.png);
    background-size: contain;
}
.free_money svg{
    display: block;
    width: 9px;
}
.free_money > div{
    margin: 0px 3.5px;
}

.free_money_mobile{
    position: fixed;
    z-index: 999;
    width: 110px;
    bottom: 85px;
    left: calc(50% - 87.5px);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 15px 6px 50px;
    border-radius: 50px;
    background-image: var(--head_plugin_bg);
    text-decoration: none;
    color: var(--head_plugin_color);
    font-size: 13px;
    font-weight: 500;
}
.free_money_mobile::before{
    position: absolute;
    content: '';
    width: 50px;
    height: 40px;
    top: -7px;
    left: 0;
    background-image: url(../img/free-money.png);
    background-size: contain;
}
.free_money_mobile svg{
    display: block;
    width: 9px;
}
.free_money_mobile > div{
    margin: 0px 3.5px;
}


.menu a{
    text-decoration: none;
    color: var(--menu_color);
    font-size: 15px;
    margin-left: 21px;
}

.menu_btn_auth{
    height: 33px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
    /*background: var(--block_bg);*/
    font-weight: 700;
    padding: 4px 15px;
    border-radius: var(--main_radius);
    white-space: nowrap;
}

.menu_btn_reg{
    height: 33px;
    display: flex;
    align-items: center;
    margin-left: 10px!important;
    background: var(--btn_reg_bg);
    text-decoration: none;
    color: var(--btn_reg_color);
    font-weight: 700;
    padding: 4px 15px;
    border-radius: var(--main_radius);
    white-space: nowrap;
    transition: 0.3s;
}
.menu_btn_reg:hover{background: var(--btn_reg_bg_hover);}
.menu_btn_reg span{
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(240deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
    background-image: linear-gradient(210deg,hsla(0,0%,100%,0) 25%,hsla(0,0%,100%,.06) 48%,#fff 133%);
    margin-right: 5px;
    margin-left: -5px;
}

.menu_btn_reg span svg{
    display: block;
    width: 9px;
    fill: #fff;
}

.menu_add .menu_btn_reg{
    padding: 0 10px;
}
.menu_add .menu_btn_auth{
    padding: 0 10px;
}

.menu .logo{
    margin-left: -7px!important;
    /*margin-right: 35px;*/
    /*padding-left: 11px;*/
    padding-right: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 7px 0 0 7px;
    /*background-color: var(--main_color);*/
}
.menu .logo img{
    width: var(--logo_width);
    height: var(--logo_height);
}
.menu_add .logo img{
    width: var(--logo_mobile_width);
    height: var(--logo_mobile_height);
}
.logo img{
    display: block;
    margin: 0;
    padding: 0;
}

.menu_add .logo{
    /*margin-right: 21px;*/
    padding: 0px;
    height: 100%;
    align-items: center;
    /*background-color: var(--main_color);*/
}


.mobile_menu{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #141d32;
    border-bottom: 1px solid #141d32;
    padding: 10px 0;
}
.mobile_menu_btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.mobile_menu_btns .menu_btn_auth{
    flex: 1;
    background-image: var(--main_gradient);
    box-shadow: 0 6px 22px 0 rgb(5 109 218 / 30%);
    justify-content: center;
}
.mobile_menu_btns .menu_btn_reg{
    flex: 1;
    background-image: var(--btn_reg_bg);
    box-shadow: 0 6px 18px 0 rgb(14 161 81 / 30%);
    justify-content: center;
}
.mobile_menu_items_wrap{
    overflow-x: auto;
}
.mobile_menu_items{
    display: flex;
    padding: 10px 0;
}
.mobile_menu_items a{
    padding: 5px 15px;
    border-radius: 100px;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
}
.mobile_menu_items .active{
    background-image: var(--main_gradient);
}

.burger{
    margin-left: 11px;
}
.burger svg{
    display: block;
    width: 21px;
    margin: 0;
    padding: 0;
    fill: #fff;
}



.modal{
    width: 389px;
    padding: 20px;
    border-radius: var(--radius_modal);
    box-shadow: 0px 0px 0px;
    color: #000;
}
.modal_deposit{width: 501px;}
.blocker{
    z-index: 99999;
    -webkit-backdrop-filter: blur(7px) brightness(115%);
    backdrop-filter: blur(7px) brightness(115%);
    background-color: rgba(10, 16, 31, 0.7);
}
.modal_head{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.modal_head > div{
    flex: 1;
    font-size: 20px;
    font-weight: 700;
}
.modal_head a{
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(../img/modal_close.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #edf0f7;
    border-radius: var(--main_radius);
}
.modal_double_head{
    margin-top: 15px;
    font-size: 15px;
    font-weight: 700;
}
.modal input{
    width: calc(100% - 30px);
    margin-top: 10px;
    padding: 15px 15px;
    background-color: #edf0f7;
    color: rgba(7, 12, 25, .8);
    border: 0;
    border-radius: var(--radius_input);
}
.modal select{
    width: 100%;
    margin-top: 10px;
    padding: 15px 15px;
    background-color: #edf0f7;
    color: rgba(7, 12, 25, .8);
    border: 0;
    border-radius: var(--radius_input);
}
.modal button{
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 15px 15px;
    background: var(--main_gradient);
    box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
    text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    border: 0;
    border-radius: var(--radius_input);
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
}
.modal .abutton{
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding: 15px 15px;
    background: var(--main_gradient);
    box-shadow: 0 6px 18px rgb(17 120 223 / 30%);
    text-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    border: 0;
    border-radius: var(--radius_input);
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.modal_img{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    text-decoration: none;
}
.modal_img img{
    display: block;
    margin: 0;
    padding: 0;
    border-radius: var(--main_radius);
    max-width: 100%;
}


.iti{margin-top: 10px; color: #000;}
.iti__flag{
    background-image: url("/img/flags.png");
    border-radius: 250px;
    width: 17px!important;
    height: 17px!important;

}
.iti--container {z-index: 99999;}
.phonePluginReg .iti--allow-dropdown{width:100%;}
.phonePluginAcc .iti--allow-dropdown{width:100%; margin-bottom:10px; margin-right:10px;}
.phonePluginAcc input{margin:0px!important; padding:12px 0px;}
.phonePluginAcc input{width:100%!important;}
.iti__country-list{
    top: -11px;
    max-width: 349px;
    overflow-x: hidden;
    border: 0px;
    border-radius: var(--radius_input);
}
.iti__country-list::-webkit-scrollbar {
    width: 4px;
}
.iti__country-list::-webkit-scrollbar-track {
    background: none;
    border-radius: 0;
}
.iti__country-list::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: #edf0f7;
}
.iti__country-name{
    font-size: 11px;
    color: #575a64;
}
.iti__dial-code{
    font-weight: 700;
}




.checkbox {
    vertical-align: top;
    margin: 0px;
    width: 15px;
    height: 15px;
}
.checkbox + label {
    cursor: pointer;
}
.checkbox:not(checked) {
    position: absolute;
    width: 100%;
    height: 1px;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 40px;
}
.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 35px;
    height: 17px;
    border-radius: 13px;
    background: var(--checkbox_of_bg);
}
.checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    background: #FFF;
    transition: all .2s;
}
.checkbox:checked + label:before {
    background: var(--checkbox_on_bg);
}
.checkbox:checked + label:after {
    left: 20px;
}
.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0px;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 30px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #c2ddf3;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
}

.regRules{
    margin-top: 5px;
    text-align: left;
    display: flex;
    align-items: center;
 }
.regRules a{
    padding: 0;
    text-decoration: underline;
    font-weight: normal;
    display: inline;
}
.regRules div:nth-child(1){
    padding-top:7px;
}
.regRules div:nth-child(2){
    padding-left:7px;
}

.reg_telegram{
    padding: 15px 0;
}
.tg_auth_flex{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.auth_offer{
    margin-top: 15px;
    text-align: center;
    color: #9ea6b7;
    font-size: 12px;
}
.auth_offer a{
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}
.auth_forgot{
    margin: 7px 0;
    text-align: right;
}
.auth_forgot a{
    color: #9ea6b7;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}



.e404{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.e404 > div:nth-child(1){
    font-size: 79px;
    font-weight: 700;
}
.e404 > div:nth-child(2){
    margin-top: 15px;
    font-size: 15px;
    font-weight: 300;
}



.footer_banners{
    width: 100%;
    padding: 21px 0;
    overflow-x: auto;
}
.footer_banners > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer_banners > div > div{margin-right: 25px;}
.footer_banners > div > div:last-child{margin-right: 0;}
.footer_banners > div > div svg, .footer_banners > div > div img{
    height: 25px;
}

.color_focus > div > div img{
    height: 21px;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: 0.3s;
    cursor: pointer;
}
.color_focus > div > div img:hover{
    filter: grayscale(0%);
    opacity: 1;
}

.footer_banners::-webkit-scrollbar {
    height: 2px;
}
.footer_banners::-webkit-scrollbar-track {
    background: var(--body_bg);
    border-radius: 0;
}
.footer_banners::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: var(--scrollbar_thumb_color);
}

.footer_company{
    padding: 15px 0;
    text-align: center;
    color: var(--company_color);
}
.footer_copy{
    padding: 15px 0;
    text-align: center;
    font-size: 11px;
    color: var(--copyright_color);
}



.pay_com{
    background: #FFf;
    color: #000;
    padding: 7px 10px;
    display: block;
    text-decoration: none;
    border-radius: 7px;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.history_tr .pay_com{
    background: var(--btn_reg_bg);
    color: #000;
}

#buyvip .pay_com{
    background: var(--btn_reg_bg);
    color: #000;
}



.foot_menu{
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #151d2e;
    border-top: 1px solid #151d2e;
    z-index: 99991;
    padding-bottom: 11px;
}
/*
.foot_menu > div:nth-child(3){
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
*/
.foot_menu > div{
    flex: 1;
    width: 18%;
}
.foot_menu > div > a, .foot_menu .dropbtn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 12.5px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
}
.foot_menu > div > a > div:last-child, .foot_menu .dropbtn > div:last-child{
    margin-top: 7px;
}
.foot_menu > div > a > div > img, .foot_menu .dropbtn img{
    display: block;
    margin: 0;
    padding: 0;
    height: 23px;
}
.foot_menu_cupon{
    display: none;
    position: fixed;
    right: 10px;
    bottom: 80px;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    z-index: 15;
    border-radius: 500px;
    background: var(--dash_coupon);
    box-shadow: 0 1px 10px 0 var(--dash_coupon_shadow);
}
.foot_menu_cupon svg{
    display: block;
    width: 20px;
    fill: #fff;
}
.foot_menu_cupon div{
    display: none;
    position: absolute;
    top: 0px;
    right: -5px;
    background: var(--dash_coupon_count);
    color: var(--dash_coupon_count_color);
    border-radius: 100px;
    padding: 2px 5.5px;
}


.iframe_result{
    width: 100%;
    min-height: 1000px;
    margin: 0;
    padding: 0;
    bottom: 0;
}
.iframe_result::-webkit-scrollbar {
    width: 4px;
}
.iframe_result::-webkit-scrollbar-track {
    background: var(--body_bg);
    border-radius: 0;
}
.iframe_result::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: var(--scrollbar_thumb_color);
}



.user{
    display: flex;
    align-items: center;
}

.drop_user{
    display: flex;
    align-items: center;
    background: var(--block_bg);
    border-radius: 20px 8px 8px 20px;
    padding: 3px 8px 3px 3px;
}
.drop_user > div:first-child{
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 500px;
    background-color: #2c3756;
}
.drop_user > div:first-child svg{
    display: block;
    width: 12.5px;
    margin: 0;
    padding: 0;
    fill: #fff;
}
.drop_user > div:last-child{
    display: flex;
    align-items: center;
    padding-left: 11px;
}
.drop_user > div:last-child svg{
    display: block;
    width: 3.5px;
    margin: 0;
    padding: 0;
    fill: #fff;
}
.drop_user_vip{
    border: 1px solid yellow;
}
.vip_labet{
    background: yellow;
    color: #232323;
    padding: 2px 3px;
    font-weight: bold;
    border-radius: 5px;
    font-size: 11px;
    margin-left: 5px;
}


.droped_user{
    width: auto;
    background: #fff;
    border-radius: var(--main_radius);
    padding: 5px 0;
}
.droped_user a{
    display: block;
    margin: 0;
    padding: 5px 10px;
    font-size: 13px;
    white-space: nowrap;
    color: #444752;
    font-weight: 600;
}
.droped_user a:hover{
    background: #e3e3e3;
}

.menu_balance{
    display: none;
    text-align: right;
    margin-right: 15px;
}
.menu_balance > div:first-child{
    font-size: 11px;
    font-weight: 600;
    opacity: 0.7;
}
.menu_balance > div:last-child{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.menu_balance > div:last-child > div:last-child{
    margin-left: 3.5px;
}



.friends_stats{
    display: flex;
    gap: 10px;
    margin-top: 25px;
}
.friends_stats > div{
    flex: 1;
    background-color: #edf0f7;
    border-radius: var(--radius_input);
    padding: 15px;
}
.friends_stats > div > div:first-child{
    font-weight: bold;
    margin-bottom: 7px;
}



.menu_bonus{
    display: none;
    text-align: right;
    margin-right: 15px;
}
.menu_bonus > div:first-child{
    font-size: 11px;
    font-weight: 600;
    opacity: 0.7;
}
.menu_bonus > div:last-child{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.menu_bonus > div:last-child > div:last-child{
    margin-left: 3.5px;
}

.menu_wager{
    display: none;
    text-align: right;
    margin-right: 15px;
}
.menu_wager > div:first-child{
    font-size: 11px;
    font-weight: 600;
    opacity: 0.7;
}
.menu_wager > div:last-child{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
}
.menu_wager > div:last-child > div:last-child{
    margin-left: 3.5px;
}


side{
    background: var(--sidebar_bg);
}

side[data-side=right] > div{
    margin: 0;
    width: 100%;
}



side .menu_balance{
    margin: 0;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: var(--main_radius);
    color: #fff;
    background: var(--mobile_balance_bg);
    text-align: left;
}
side .menu_balance > div:last-child{
    align-items: center;
    justify-content: center;
}
side .menu_bonus{
    margin: 0;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: var(--main_radius);
    color: #fff;
    background: var(--mobile_bonus_bg);
    text-align: left;
}
side .menu_bonus > div:last-child{
    align-items: center;
    justify-content: center;
}
side .menu_wager{
    margin: 0;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: var(--main_radius);
    color: #fff;
    background: var(--mobile_bonus_bg);
    text-align: left;
}
side .menu_wager > div:last-child{
    align-items: center;
    justify-content: center;
}

.error_data{
    background: var(--error_data_bg);
    color: var(--error_data_color);
    padding: 15px 10px;
    border-radius: var(--main_radius);
    text-align: center;
}


.account_id{
    margin-top: 10px;
    padding: 10px;
    border-radius: var(--radius_input);
    background: #cddeea;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    text-align: center;
}




.notificationsMessage{
	display:none;
	cursor:pointer;
	padding:0;
	margin: 10px 0 0 0;
    text-align: center;
    border-radius: 11px;
}
.notificationsText{
	padding:10px;
}
.notificationsIndicator{
	height:5px;
}
.notificationsIndicator div{
    margin: 0 auto;
	width:90%;
	height:100%;
    background: rgba(255, 255, 255, 0.45);
}
.notifications_success{
    background: #068d2c;
	color:#fff;
}
.notifications_error{
    background: #f82516;
	color:#fff;
}



.file_area{
    height: 70px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #edf0f7;
    color: rgba(7, 12, 25, .8);
    border: 1px dashed #cbd1e0;
    border-radius: var(--radius_input);
    cursor: pointer;
}
.file_load{
    overflow: hidden;
    display: none;
}

#verification .files{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#verification .files div{
    width: 75px;
    height: 75px;
    margin: 5px;
    border-radius: var(--radius_input);
    background-position: center center;
    background-size: cover;
    border: 1px solid #cbd1e0;
    cursor: pointer;
}



.loader{
    display: none;
    background-image: url('../img/loader.svg');
    background-position: center center;
    background-size: 50px;
    background-repeat: no-repeat;
    min-height: 60px;
}
.loader_white{
    background-image: url('../img/loader_white.svg');
}




.verification_info{
    margin-top: 15px;
}
.verification_info > div:first-child{
    font-weight: 700;
}
.verification_info > div{
    margin-top: 7px;
}
#verification .loader{
    height: 70px;
    margin-top: 10px;
}






.avatar{
    position: relative;
    width: 115px;
    height: 115px;
    background: -webkit-linear-gradient(359.23deg, #04b4fe .96%, #04b4fe 99.87%);
    border-radius: 500px;
    margin: 0px auto 15px;
    cursor: pointer;
    transition: 0.3s;
    overflow: hidden;
}
.avatar:hover > .avatar_upload{
    bottom: 0px;
}
.avatar_upload{
    position: absolute;
    bottom: -150px;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../img/photo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 45px;
    z-index: 10;
    transition: 0.3s;
}
.avatar_default{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    font-size: 51px;
    transition: 0.3s;
    z-index: 1;
}
.avatar_default:hover{
    color: rgba(255, 255, 255, 1);
}
.avatar .loader{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #141b2e;
    z-index: 11;
}
.avatar_photo{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    border: 1px solid #cbd1e0;
    cursor: pointer;
    z-index: 3;
}

.side_menu_user .avatar{
    width: 99px;
    height: 99px;
    margin-top: 10px;
}


.amount_transfer{
    margin-top: 10px;
    padding: 10px;
    border-radius: var(--main_radius);
    background-color: #edf0f7;
    text-align: center;
}
.amount_transfer > div:nth-child(2){
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 19px;
}
.amount_transfer > div:nth-child(2) > div:last-child{
    margin-left: 5px;
}



.side_menu_links{
    margin-bottom: 25px;
    padding: 5px 15px 5px 23px;
}
.side_menu_links a{
    display: block;
    padding: 7px 0;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}



.side_menu_user{
    margin-bottom: 25px;
    padding: 5px 15px 5px 23px;
    background: #141b2e;
}
.side_menu_user a{
    display: block;
    padding: 7px 0;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}


.side_menu_btns{
    margin: 25px 0;
    padding: 5px 15px 5px 23px;
}
.side_menu_btns .menu_btn_auth {
    flex: 1;
    background-image: var(--main_gradient);
    box-shadow: 0 6px 22px 0 rgb(5 109 218 / 30%);
    justify-content: center;
}
.side_menu_btns .menu_btn_reg{
    margin-left: 0!important;
    margin-top: 10px;
    justify-content: center;
}



.deposit_methods{
    margin-top: 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: center;

}
.deposit_methods > div{
    position: relative;
    width: 130px;
    height: 75px;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    cursor: pointer;
    transition: 0.3s;
}
.deposit_methods > div:hover{
    border: 1.5px solid var(--main_color);
}
.deposit_methods > div > div{
    position: absolute;
    top: -5px;
    right: -5px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 4px;
}




.side_menu_user .menu_btn_reg{
    display: flex!important;
    margin-left: 0px!important;
    margin-bottom: 15px;
    padding: 0 15px!important;
}



.history_tr{
    color: var(--history_tr_color);
}
.history_tr > div{
    margin-bottom: 5px;
    padding: 7px 10px;
    background: var(--history_tr_bg);
    border-radius: var(--main_radius);
}
.history_tr > div:nth-child(2n){
    background: var(--history_tr_bg_2);
}

.history_tr_flex{
    display: flex;
}
.history_tr_flex > div:first-child{
    flex: 1;
}
.history_tr_amount{
    display: flex;
    align-items: center;
}
.history_tr_amount svg{
    fill: var(--history_tr_fill);
}
.history_tr_amount > div:nth-child(2){
    margin-left: 7px;
    margin-right: 5px;
    font-weight: 700;
}
.history_tr_time{
    font-size: 11px;
    font-weight: 400;
}
.history_tr_cause{
    margin-top: 5px;
    padding: 5px;
    border-radius: var(--main_radius);
    background-color: var(--history_tr_cause_bg);
    font-size: 10px;
}



.status{
    width: 111px;
    padding: 7px 10px;
    border-radius: var(--main_radius);
    text-align: center;
}
.status_0{background: var(--status_0_bg); color: var(--status_0_color);}
.status_1{background: var(--status_1_bg); color: var(--status_1_color);}
.status_2{background: var(--status_2_bg); color: var(--status_2_color);}



.__jivoMobileButton{
    bottom: 60px!important;
}



.casino{
    display: flex;
}
.casino_menu_wrap{
    width: 235px;
}
.casino_content{
    flex: 1;
    min-width: 0
}
.casino_menu{
    position: sticky;
    top: 10px;
    background-color: var(--casino_menu_bg);
    padding: 10px 0;
    border-radius: var(--main_radius);
    height: calc(100vh - 20px);
    overflow: hidden;
    transition: 0.3s;
}
.casino_menu_shadow{
    position: relative;
    height: calc(100% - 30px);
}
.casino_menu_shadow::before {
    content: '';
    position: absolute;
    height: 15px;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(to bottom, var(--casino_menu_bg) 50%, rgba(0,0,0,0));
}
.casino_menu_shadow::after {
    content: '';
    position: absolute;
    height: 15px;
    width: 100%;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(to top, var(--casino_menu_bg) 50%, rgba(0,0,0,0));
}

.casino_menu_scroll{
    margin-top: 5px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.casino_menu_scroll::-webkit-scrollbar {
    width: 4px;
}
.casino_menu_scroll::-webkit-scrollbar-track {
    background: var(--casino_menu_bg);
    border-radius: 0;
}
.casino_menu_scroll::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: var(--scrollbar_block_color);
}



#casino_mobile_side{
    background: var(--block_bg);
}
#casino_mobile_side .casino_menu_providers{
    padding: 0!important;
}



.casino_menu_search{
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.casino_menu_search input{
    flex: 1;
    width: calc(100% - 42px);
    margin-right: 7px;
    background: #1a2338;
    color: #fff;
    border: 0;
    border-radius: var(--main_radius);
    padding: 0px 7px 0px 35px;
    height: 30px;
}
.casino_menu_search::after{
    position: absolute;
    top: 6.5px;
    left: 17px;
    content: '';
    width: 17px;
    height: 17px;
    z-index: 1;
    background-image: url(../img/search.svg?3);
    background-size: 17px;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.casino_menu_search a{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    background: #1a2338;
    border-radius: var(--main_radius);
}
.casino_menu_search a img{
    display: block;
    width: 65%;
    margin: 0 auto;
    padding: 0;
}




.casino_menu_categoryes_head{
    color: #fff;
    border-bottom: 2px solid #093754;
    padding: 10px;
    font-weight: 600;
    font-size: 15px;
}
.casino_menu_providers{
    background: #1a2338;
    margin: 10px;
    border-radius: var(--main_radius);
}
.casino_menu_providers a{
    display: block;
    text-decoration: none;
    color: var(--casino_menu_color);
    padding: 0 10px;
    font-weight: 700;
    transition: 0.3s;
    border-radius: var(--main_radius);
}
.casino_menu_providers a:hover{
    background: #093754;
}
.casino_menu_providers a > div{
    display: flex;
    align-items: center;
    padding: 7.9px 0;
}
.casino_menu_providers a > div > div:nth-child(1){
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.casino_menu_providers a > div > div:nth-child(2){
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.casino_menu_providers a > div > div:nth-child(3){
    margin-left: 7px;
    font-weight: 700;
    color: var(--hide_color);
}
.casino_menu_providers .router-link-active{
    background: #093754!important;
}

.casino_menu_categoryes_flex{
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.casino_menu_categoryes_flex a > div{
    border-bottom: 1px solid rgba(38, 46, 72, 0);
}
.casino_menu_categoryes_flex > div:nth-child(1), .casino_menu_categoryes_flex > div:nth-child(2){
    flex: 1;
    border-radius: var(--main_radius);
}
.casino_menu_categoryes_flex > div:nth-child(1) a, .casino_menu_categoryes_flex > div:nth-child(2) a{
    border-radius: var(--main_radius);
}
.casino_menu_categoryes_flex > div:nth-child(1){
    background: var(--casino_menu_first);
    margin: 0 5px 0 7px;
}
.casino_menu_categoryes_flex > div:nth-child(2){
    background: var(--casino_menu_second);
    margin: 0 7px 0 5px;
}
.casino_menu_categoryes_flex a{
    font-size: 11px;
}
.casino_menu_categoryes_flex a > div > div:nth-child(1){
    width: 20px;
    height: 20px;
}
.casino_menu_categoryes_flex a > div > div:nth-child(2) > div{
    font-weight: 700;
    font-size: 9px;
}
.casino_menu_categoryes_flex .router-link-active{
    background: none;
}

.casino_head{
    font-size: 19px;
    font-weight: 700;
    color: var(--casino_head_color);
}



.casino_play_list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px 15px;
    margin-top: 20px;
}
.casino_play {
    position: relative;
    padding-bottom: 59%;
    background-size: cover;
    background-position: center center;
    background-color: var(--casino_game_bg);
    transition: 0.3s;
    border-radius: var(--casino_game_radius);
}
.casino_play:hover {
    transform:scale(1.03);
}
.gamesLoad {
    width: 50px;
    margin: 50px auto 0;
}
.gamesLoad img {
    width: 100%;
}
.errorGames {
    background: var(--casino_error_bg);
    text-align: center;
    color: var(--casino_error_color);
    padding: 15px 10px;
    margin: 20px auto 0;
    max-width: 300px;
    border-radius: 8px;
}
@media (max-width: 900px) {
    .casino_play_list{grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 600px) {
    .casino_play_list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 500px) {
    .casino_play_list{grid-template-columns: repeat(2, 1fr);}
}



.game_Desktop{
    display: block;
}
.game_Mobile{
    display: none;
}
@media screen and (max-width: 1000px) {
    .game_Desktop{
        display: none;
    }
    .game_Mobile{
        display: block;
    }
}


.casino_favorite_play {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 51;
    cursor: pointer;
}

.casino_favorite_play svg {
    width: 16px;
    height: 16px;
    transition: .3s;
}

.casino_game_name{
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 10px);
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default!important;
}

.casino_play_btn{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 49;
    opacity: 0;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: var(--casino_game_radius);
}

.casino_play_btn > div{
    display: none;
}

.casino_play:hover > .casino_play_btn{
    opacity: 1;
    backdrop-filter: blur(2.5px) brightness(115%);
    background-color: var(--casino_play_hover);
}

.casino_play:hover > .casino_play_btn div{
    display: block;
    cursor: pointer;
}

.casino_play_btn > .play_demo{
    margin-bottom: 10px;
    text-decoration: underline;
    font-size: 15px;
    color: var(--casino_play_color);
}
.casino_play_btn > .play_money{
    background: var(--casino_play_bg);
    color: var(--casino_play_color);
    border-radius: 500px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 15px;
    min-width: 80%;
    text-align: center;
    text-decoration: none;
}





.swiper {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    border-radius: var(--main_radius);
    z-index: 9;
}
.swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: var(--slider_bg);
    border-radius: var(--main_radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.mySwiper a{
    display: block;
    width: 100%;
    height: 100%;
}
.mySwiper img{
    display: block;
    margin: 0;
    padding: 0;
    border-radius: var(--main_radius);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-next, .swiper-button-prev{
    color: var(--slider_nav_color)!important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 31px!important;
}
.swiper-pagination-bullet-active{
    background-color: var(--slider_nav_color)!important;
}


.casino_game{
    height: 100%;
}
.game_interface{
    display: flex;
    gap: 5px;
    height: 30px;
    align-items: center;
    margin-bottom: 15px;
}
.game_interface > div:nth-child(2){
    flex: 1;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game_interface > div{
    height: 100%;
    background: var(--block_bg);
    color: var(--block_color);
    border-radius: var(--main_radius);
    padding: 5px 10px;
    display: flex;
    align-items: center;
}
.game_interface svg{
    display: block;
    margin: 0;
    padding: 0;
}
.game_interface > div:nth-child(1) svg, .game_interface > div:nth-child(3) svg{
    fill: var(--casino_interface_color);
}
.game_interface > div:nth-child(1) svg, .game_interface > div:nth-child(4) svg{
    fill: var(--casino_interface_color);
}
.game_fullscreen{
    cursor: pointer;
}
.game_favorite {
    cursor: pointer;
}
.game_favorite svg {
    width: 19px;
    height: 19px;
    transition: .3s;
}
.casino_iframe_wrap{
    position: relative;
    padding-top: 56.25%;
}
.casino_iframe_wrap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--main_radius);
    width: webkit-fill-available;
    height: webkit-fill-available;
}
@media (max-width: 1000px) {
    .casino_game{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
        z-index: 99999;
        background: var(--body_bg);
    }
    .casino_iframe_wrap{
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .casino_iframe_wrap iframe{
        border-radius: 0;
    }
    .game_interface{
        margin: 0;
        padding: 7px 0;
    }
}







.jackpot{
    position: absolute;
    top: calc(50% - 75px);
    left: 100px;
    width: 250px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: var(--jackpot_border);
    border-radius: var(--jackpot_radius);
    background: var(--jackpot_bg);
    box-shadow: var(--jackpot_shadow);
}
.jackpot > div:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jackpot_color);
    font-weight: 900;
    font-size: 29px;
}
.jackpot > div:first-child svg{
    display: block;
    margin: 0 10px;
    padding: 0;
    fill: var(--jackpot_color_2);
}
.jackpot > div:last-child{
    color: var(--jackpot_color_2);
    font-weight: 900;
    font-size: 29px;
}
@media (max-width: 800px) {
    .jackpot{
        width: 150px;
        height: 65px;
        top: calc(50% - 32.5px);
        left: 50px;
    }
    .jackpot > div:first-child{
        font-size: 17px;
    }
    .jackpot > div:last-child{
        font-size: 17px;
    }
    .jackpot > div:first-child svg{
        width: 15px;
    }
}



.casino_mobile_nav{
    margin-bottom: 15px;
    display: none;
}
.casino_mobile_nav_btns{
    display: flex;
    align-items: center;
    background: var(--block_bg);
    padding: 7px;
    border-radius: var(--main_radius);
}
.casino_mobile_nav_btns > div:first-child{
    flex: 1;
}
.casino_mobile_nav_btns a{
    display: flex;
    color: var(--block_color);
    text-decoration: none;
    font-weight: 700;
}
.casino_mobile_nav_btns a svg{
    display: block;
    width: 19px;
    margin: 0;
    padding: 0;
    fill: var(--block_color);
    margin-right: 10px;
}
.casino_mobile_nav_btns .favorites{
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin: 0 0 0 20px;
    padding: 0;
}
.casino_mobile_nav_btns .favorites img {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.casino_mobile_nav .casino_menu_search{
    padding: 0;
    margin: 10px 0 0 0;
}
.casino_mobile_nav .casino_menu_search input{
    margin: 0;
    padding: 3px 7px 3px 35px;
    background: var(--block_bg);
    color: #fff;
}
.casino_mobile_nav .casino_menu_search::after{
    left: 9px;
}



.home_slider{
    display: flex;
    align-items: stretch;
    min-width: 0;
}
.home_slider > div:first-child{
    flex: 1;
    min-width: 0;
}
.home_slider .swiper{
    margin-bottom: 0;
}
.home_slider .home_bonus{
    width: calc(var(--home_bonus_width) - var(--home_bonus_padding) * 2);
    height: calc(100% - var(--home_bonus_padding) * 2);
    margin-left: 15px;
    padding: var(--home_bonus_padding);
    background-color: var(--home_bonus_bg);
    background-image: url(../img/bonus-banner-deposit.png?1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--main_radius);
    display: flex;
    flex-direction: column;
}
.home_slider .home_bonus > div:nth-child(1){
    font-weight: 700;
    font-size: 30px;
}
.home_slider .home_bonus > div:nth-child(2){
    flex: 1;
    font-size: 19px;
}
.home_slider .home_bonus > a{
    display: block;
    margin-top: 10px;
    padding: 10px;
    background: #6e25dc;
    color: #fff;
    border-radius: var(--main_radius);
    text-align: center;
    font-weight: 700;
    font-size: 19px;
    text-decoration: none;
    transition: 0.3s;
}
.home_slider .home_bonus > a:hover{
    opacity: 0.85;
}



.home_line{
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 7.5px));
    grid-gap: 0 15px;
}
.home_line > div{
    margin-top: 15px;
    padding: 5px 15px;
    background: var(--home_line_bg);
    color: var(--home_line_color);
    border-radius: var(--main_radius);
    text-decoration: none;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
/*
.home_line > div:nth-child(1){
    background-image: url('../img/blue-gradient.svg');
}
.home_line > div:last-child{
    background-image: url('../img/green-gradient.svg');
}
*/
.home_line_content{
    display: flex;
    align-items: center;
    height: 65px;
}
.home_line_content a{
    color: #fff;
    text-decoration: none;
}
.home_line_content > div:first-child{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 19px;
    font-weight: 600;
}
.home_line_content > div:first-child a{
    font-size: 19px;
    font-weight: 600;
}
.home_line > div:hover{
    opacity: 0.9;
}
.home_line > div:hover img{
    opacity: 1;
}

.home_line_slider{
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 7px 7px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: var(--main_radius);
    min-width: 0;
}
.home_line_slider .swiper{
    margin-bottom: 0;
}
.home_line_slider .swiper-slide{
    width: auto;
    height: 33px;
    background: rgba(0, 0, 0, 0.2);
}
.home_line_slider .swiper-slide a{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 4px 9px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.home_line_slider .swiper-slide a > div:last-child{
    flex: 1;
}
.home_line_slider .swiper-slide img{
    display: block;
    width: 18.5px;
    max-height: 25px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}









.block_line{
    height: 5px;
    background: var(--block_line_bg);
    border-radius: 0 0 var(--block_line_radius) var(--block_line_radius);
    margin-bottom: 15px;
}



.home_casino{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px 15px;
}
.home_casino > div{
    margin-top: 15px;
    padding: 15px;
    background: var(--home_casino_bg);
    color: var(--home_casino_color);
    border-radius: var(--main_radius);
    /*
    background-image: url(../img/grr-gradient.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    */
}
.home_casino_head{
    display: flex;
    align-items: center;
}
.home_casino_head > div:first-child{
    flex: 1;
    font-weight: 700;
    font-size: 19px;
}
.home_casino_head a{
    text-decoration: none;
    color: #fff;
}
.home_casino_list{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 15px 15px;
    margin-top: 20px;
}



.home_events{
    margin-top: 15px;
    padding: 0 15px 15px 15px;
    background: var(--home_casino_bg);
    color: var(--home_casino_color);
    border-radius: var(--main_radius);
}
.home_events .swiper-slide{
    width: 225px;
    height: 235px;
    background: #151515;
}
.eventsSwiper{
    margin-top: 15px;
}
.temp_events{
    display: flex;
    flex-direction: column;
    padding: 15px 15px 0 15px;
    text-align: left;
}
.temp_events_head{
    width: 100%;
    display: flex;
    align-items: center;
}
.temp_events_head > div:nth-child(2){
    flex: 1;
}
.temp_events_favorite{
    display: block;
    width: 17px;
    fill: #141b2e;
}

.temp_events_type{
    position: relative;
    width: 15px;
    height: 15px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #151d2e;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    margin: 0 5px;
}
.temp_events_type::after{
    position: absolute;
    width: 45%;
    height: 45%;
    left: calc(50% - 22.5%);
    top: calc(50% - 22.5%);
    content: '';
    border-radius: 100px;
}
.temp_events_live .temp_events_type::after{
    background: #E92541;
    box-shadow: 0px 0px 8px #E92541;
}
.temp_events_line .temp_events_type::after{
    background: #0484F0;
    box-shadow: 0px 0px 8px #0484F0;
}

.temp_events_date{
    display: flex;
    align-items: center;
    border-radius: 500px;
    font-size: 15px;
}
.temp_events_date > div:first-child{
    border-radius: 500px;
    padding: 3px 10px;
}
.temp_events_date > div:last-child svg{
    display: block;
    margin: 0 7px;
    padding: 0;
    height: 17px;
}
.temp_events_live .temp_events_date{
    background: #ae2843;
}
.temp_events_live .temp_events_date > div:first-child{
    background: #E92541;
}
.temp_events_line .temp_events_date{
    background: #151d2e;
    flex-direction: row-reverse;
}
.temp_events_line .temp_events_date > div:first-child{
    background: linear-gradient(to right, #04b4fe, #151d2e);
}

.temp_events_more{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 7px 10px;
    background: linear-gradient(to right, #04b4fe, #151d2e);
    color: #fff;
    text-decoration: none;
    border-radius: var(--main_radius) var(--main_radius) 0 0;
    font-size: 14px;
}
.temp_events_more span{
    font-weight: 700;
    font-size: 16px;
}

.temp_events_logos{
    width: 99%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.temp_events_logos > div:nth-child(2){
    flex: 1;
    text-align: center;
}
.temp_events_logos > div:first-child, .temp_events_logos > div:last-child{
    position: relative;
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 500px;
    background: linear-gradient(#151d2e 0 0) padding-box, linear-gradient(to right bottom, #fff, #152f50) border-box;
    border: 2px solid transparent;
}
.temp_events_logos > div:first-child img, .temp_events_logos > div:last-child img{
    display: block;
    margin: 0;
    padding: 0;
    max-width: 70%;
    max-height: 70%;
}

.temp_events_sport{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    opacity: 0.71;
    margin: 5px 0;
}
.temp_events_sport > div:last-child{
    flex: 1;
}
.temp_events_sport img{
    display: block;
    margin: 0;
    width: 17px;
    max-width: 17px;
    max-height: 17px;
    margin-right: 7px;
}

.temp_events_team{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    margin-top: 5px;
}
.temp_events_team > div:first-child{
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.temp_events_team > div:last-child{
    color: #fff;
    font-weight: 700;
}

.temp_events_status{
    display: flex;
    align-items: center;
    margin: 5px;
    height: 30px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.temp_events_markets{
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}
.temp_events_markets > a{
    position: relative;
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    text-decoration: none;
    font-size: 13.5px;
    background: linear-gradient(#151d2e 0 0) padding-box, linear-gradient(to right bottom, #fff, #152f50) border-box;
    border: 2px solid transparent;
    border-radius: 5px;
    padding: 5px;
    transition: 0.3s;
}

.temp_events_markets > a > div:first-child{
    color: rgba(255, 255, 255, 0.7);
}
.temp_events_markets > a:hover{
    background: #31bc69;
}
.temp_events_markets > a:hover:after{
    background: #31bc69;
}

.temp_events_error{
    margin-top: 15px;
    background: #151515;
    text-align: center;
    border-radius: var(--main_radius);
    padding: 10px;
}
.temp_events_load{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.temp_events_load img{
    display: block;
    margin: 0;
    padding: 0;
    width: 50px;
}



.home_leagues{
    margin-top: 15px;
    padding: 15px;
    background: var(--home_casino_bg);
    color: var(--home_casino_color);
    border-radius: var(--main_radius);

    /*
    background-image: url('../img/purple-gradient.svg?3');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    */
}
.home_leagues .swiper-slide{
    width: 120px;
    height: 119px;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
    overflow-x: hidden;
    padding: 15px;
}
.temp_leagues{
    display: flex;
    flex-direction: column;
    justify-content: start;
}
.temp_leagues a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}
.temp_leagues_logo{
    width: 75px;
    height: 60px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--main_radius);
}
.temp_leagues_logo img{
    display: block;
    max-width: 80%;
    max-height: 80%;
    margin: 0;
    padding: 0;
}
.temp_leagues_sport{
    width: 100%;
    margin-top: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    color: #fff;
}
.temp_leagues_name{
    width: 100%;
    margin-top: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
}



.chaport-container .chaport-launcher .chaport-launcher-button{
    bottom: 80px!important;
}



.frame_game{
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100vh;
}



.head_custom_link{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    background: var(--home_line_bg);
    color: var(--home_line_color);
    border-radius: 100px;
    text-decoration: none;
    padding: 5px 10px;
}
.head_custom_link img{
    display: block;
    width: 19px;
}



.swiper_content{
    display: flex;
    gap: 19px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    color: #fff;
    padding: 20px 75px;
    z-index: 7;
}
.swiper_content_head{
    font-weight: bold;
    font-size: 27px;
}
.swiper_content_ankor{
    display: inline-flex!important;
    width: auto!important;
    height: auto!important;
    background: var(--home_line_bg);
    color: var(--home_line_color);
    padding: 10px 20px;
    border-radius: var(--main_radius);
    text-decoration: none;
    font-weight: bold;
    font-size: 19px;
}
.swiper_link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}



.dep_selector{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.dep_selector a{
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    padding: 7px 15px;
    color: #000;
    text-decoration: none;
}
.dep_selector .act{
    background: var(--home_line_bg);
    color: var(--home_line_color);
}
.crypto_methods{display: none;}
.cards_methods{display: block;}



.with_selector{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.with_selector a{
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    padding: 7px 15px;
    color: #000;
    text-decoration: none;
}
.with_selector .act{
    background: var(--home_line_bg);
    color: var(--home_line_color);
}



.banks{
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
.banks > div:last-child{
    flex: 1;
}
.banks_menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}
.banks_menu > div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 141px;
    height: 61px;
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    cursor: pointer;
    transition: 0.3s;
}
.banks_menu > div img{
    display: flex;
    max-width: 90%;
    max-height: 90%;
}
.act_b{
    border: 1.5px solid var(--main_color)!important;
    background: #fff!important;
}
.banks_body > div{display: none;}

.promotions{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.promotions > a{
    display: flex;
    flex-direction: column;
    padding: 5px;
    text-decoration: none;
    color: var(--menu_color);
    background: var(--menu_bg);
    border-radius: var(--main_radius);
}
.promotions > a img{
    display: block;
    margin: 0;
    padding: 0;
    border-radius: var(--main_radius);
    width: 100%;
}
.promotions > a > div:nth-child(2){
    margin-top: 3px;
    padding: 5px;
    font-weight: bold;
    font-size: 17px;
}
.promotions > a > div:nth-child(3){
    flex: 1;
    padding: 5px;
}
.promotions > a > div:nth-child(4){
    background: var(--button-background);
    border-radius: var(--main_radius);
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
    padding: 9px 5px;
}

.temp_events_logos{
    display: none;
}



.payment_page_block{
    display: flex;
    align-items: stretch;
    margin-bottom: 25px;
}
.payment_page_block > div{
    padding: 21px 35px;
    border: 4px solid rgba(255, 255, 255, 0.15);
}
.payment_page_block > div:nth-child(1){
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid rgba(255, 255, 255, 0.15);
    width: 150px;
}
.payment_page_block > div:nth-child(2){
    flex: 1;
    border-left: 2px solid rgba(255, 255, 255, 0.15);
}
.payment_page_methods{
    display: grid;
    grid-template-columns: repeat(3, 150px);
    gap: 25px;
}
.payment_page_methods a{
    height: 95px;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    cursor: pointer;
    transition: 0.3s;
}
.payment_page_methods a:hover{
    border: 1.5px solid var(--main_color);
}

.payment_page_btn{
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 21px;
}
.payment_page_btn > div:nth-child(2){flex: 1;}
.payment_page_btn a{
    margin: 0!important;
}
.payment_page_btn > div:nth-child(2){
    display: flex;
}
.crypto_flex_new{
    display: flex;
    gap: 25px;
    align-items: center;
}


.snow{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.min_crypto{
    margin-top: 21px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
}
.min_crypto > div:nth-child(2){
    font-weight: bold;
    margin-top: 5px;
}
.min_crypto > div:nth-child(3){
    border-radius: 7px;
    margin-top: 5px;
    padding: 7px;
    background: #fff3ea;
    color: #cd9872;
}
.rate_crypto{
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.5);
}

.withdraw_disable > div{
    margin-top: 15px;
    padding: 10px;
    border-radius: var(--main_radius);
    background: #eeeff4;
    color: #6a7283;
}



.developer{
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
    border-radius: 11px;
    text-transform: uppercase;
    text-decoration: none!important;
    font-weight: 500;
    transition: 0.3s;
}
.developer:hover{
    background: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}
.developer img{
    display: block;
    margin: 0;
    padding: 0;
    width: 75px;
}



.under{
    display: flex;
    align-self: baseline;
    min-height: 100%;
}
.under_menu{
    width: 230px;
    background: #151d2e;
    position: relative;
    transition: 0.3s;
}
.under_space{
    display: none;
    width: 60px;
}
.under_closed{
    width: 60px;
    transition: 0.3s;
}
.under_body{
    flex: 1;
    position: relative;
    min-height: 100%;
    min-width: 0;
}

.head_line{
    top: 0px;
    position: sticky;
    width: 100%;
    height: 60px;
    background: #1a2338;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
    z-index: 999;
}
.head_line_space{
    height: 50px;
}



.under_menu_head{
    display: flex;
    gap: 10px;
    height: 60px;
    align-items: center;
    padding: 0 10px;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
    background: #151d2e;
}
.under_buter{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.under_buter svg{
    display: block;
    margin: 0;
    padding: 0;
    width: 17px;
    fill: var(--icons_color);
}
.under_buter:hover svg{
    fill: var(--icons_color_hover);
}

.under_casino{
    padding: 8px 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--main_radius);
    background-image: url('../img/casino-poker-cards-en.avif');
}
.under_casino:hover{
    background-image: url('../img/casino-poker-cards-green-en.avif');
}
.active_under_casino{
    background-image: url('../img/casino-poker-cards-green-en.avif')!important;
}

.under_sport{
    padding: 8px 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-radius: var(--main_radius);
    background-image: url('../img/sports-balls-en.avif');
}
.under_sport:hover{
    background-image: url('../img/sports-balls-orange-en.avif');
}
.active_under_sport{
    background-image: url('../img/sports-balls-orange-en.avif')!important;
}



.under_casino_sc{
    display: none;
    width: 44px;
    height: 44px;
    margin: 10px auto 0;
    border-radius: var(--main_radius);
    background-image: url('../img/casino-poker-cards-en.avif');
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
}

.under_sport_sc{
    display: none;
    width: 44px;
    height: 44px;
    margin: 10px auto 0;
    border-radius: var(--main_radius);
    background-image: url('../img/sports-balls-en.avif');
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
}



.under_menu_flex{
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.under_menu_scroll{
    flex: 1;
    overflow-y: scroll;
}

.under_menu_scroll::-webkit-scrollbar {
    width: 5px;
}
.under_menu_scroll::-webkit-scrollbar-track {
    background: #151d2e;
    border-radius: 0;
}
.under_menu_scroll::-webkit-scrollbar-thumb {
    border-radius: 50px;
    border: 0 solid rgba(0, 0, 0, 0);
    background-color: #093754;
}

.under_menu_block{
    background: #1a2338;
    margin: 10px;
    border-radius: var(--main_radius);
}
.under_menu_block div{
    color: #fff;
    border-bottom: 2px solid #093754;
    padding: 10px;
    font-weight: 600;
    font-size: 15px;
}
.under_menu_block a{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    padding: 10px;
    transition: 0.3s;
    border-radius: var(--main_radius);
}
.under_menu_block a span{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.under_menu_block a:hover{
    background: #093754;
}
.under_menu_block a svg{
    display: block;
    width: 16px;
    margin: 0;
    padding: 0;
    fill: var(--icons_color);
}
.under_menu_block a:hover svg{
    fill: var(--icons_color_hover);
}

.under_jetx{
    display: block;
    height: 100px;
    margin: 10px;
    border-radius: var(--main_radius);
    background-image: url('../img/jetx.gif');
    background-position: center center;
}



.under_closed .under_sport{display: none;}
.under_closed .under_casino{display: none;}
.under_closed .under_menu_block a span{display: none;}
.under_closed .under_menu_block div{display: none;}
.under_closed .casino_menu_search{display: none;}
.under_closed .casino_menu_categoryes_head{display: none;}
.under_closed .casino_menu_providers a > div > div:nth-child(1){margin-right: 0;}
.under_closed .casino_menu_providers a > div > div:nth-child(2){display: none;}
.under_closed .casino_menu_providers a > div > div:nth-child(3){display: none;}
.under_closed .casino_menu_providers a{padding: 0 8px;}
.under_closed .under_sport_sc{display: block;}
.under_closed .under_casino_sc{display: block;}























@media (max-width: 1880px) {
    .under_space{display: block;}
    .under_menu{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1099;
    }

}

@media (max-width: 1000px) {
    .under_menu{
        display: none;
    }
    .under_space{display: none;}
    .payment_page_block{
        flex-direction: column;
    }
    .payment_page_block > div:nth-child(1){
        border-right: 4px solid rgba(255, 255, 255, 0.15);
        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
        width: auto;
    }
    .payment_page_block > div:nth-child(2){
        flex: 1;
        border-left: 4px solid rgba(255, 255, 255, 0.15);
        border-top: 2px solid rgba(255, 255, 255, 0.15);
    }
    .crypto_flex_new .payment_page_btn > div:nth-child(2){
        justify-content: center;
    }
    .crypto_flex_new .payment_page_btn{
        text-align: center;
    }
    .crypto_flex_new{
        flex-direction: column;
    }
    .logo img{
        width: var(--logo_mobile_width)!important;
        height: var(--logo_mobile_height)!important;
    }
}
@media (max-width: 630px) {
    .payment_page_methods{
        grid-template-columns: repeat(2, 150px);
    }
    .crypto_flex_new .payment_page_btn{
        flex-direction: column;
    }
}
@media (max-width: 450px) {
    .payment_page_methods{
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
    }
}

.payment_page_banks > div{
    border-bottom: 4px solid rgba(255, 255, 255, 0.15);
    padding: 19px 0;
}
.payment_page_banks > div:last-child{
    border-bottom: 0px;
}
.payment_page_banks iframe{
    width: 560px;
    height: 315px;
    margin: 25px 0 0 0;
    padding: 0;
}
@media (max-width: 690px) {
    .payment_page_banks iframe{
        width: 100%;
        height: 190px;
    }
}
.payment_page_bank{
    display: flex;
    align-items: center;
    gap: 25px;
}
.payment_page_bank > div{
    flex: 1;
}
.payment_page_bank .payment_page_btn{
    margin: 0;
}
.bank_pay{
    display: block;
    width: 150px;
    height: 95px;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #edf0f7;
    border: 1.5px solid #dfe2e9;
    border-radius: var(--main_radius);
    cursor: pointer;
    transition: 0.3s;
}
.bank_pay:hover{
    border: 1.5px solid var(--main_color);
}

.content_scroll div{
    padding: 10px;
    margin: 15px 0;
    background: var(--menu_bg);
    color: var(--menu_color);
    border-radius: var(--main_radius);
}
.content_scroll a{
    display: block;
    margin: 5px 0;
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    text-transform: lowercase;
}
.content_scroll a:first-letter {
    text-transform: uppercase;
}
.content_scroll a:hover{
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
}
.premium_product a{
    display: block;
    margin: 15px 0 0 0;
}
.premium_product img{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: var(--main_radius);
}

.tab_selector .tab_selector_menu{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_selector .tab_selector_menu a:first-child {
    border-radius: var(--main_radius) 0 0 var(--main_radius);
}
.tab_selector .tab_selector_menu a:last-child {
    border-radius: 0 var(--main_radius) var(--main_radius) 0;
}
.tab_selector .tab_selector_menu a {
    border: 1px solid #dfe2e9;
    background-color: #edf0f7;
    padding: 7px 15px;
    color: #000;
    text-decoration: none;
    margin-right: -1px;
}
.tab_selector .tab_selector_menu .act {
    background: var(--main_gradient);
    color: var(--text_color);
}






.platform_1{display: block;}
.platform_2{display: none;}

.desktop{display: flex;}
.mobile{display: none;}

@media (max-width: 1650px) {
    .page{width: 100%;}
    .menu{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .header{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .wrap_content{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .content{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .menu_add{
        height: 55px;
    }
    .sticky_menu {
        width: calc(100% - 44px);
    }
}

@media (max-width: 1100px) {
    .casino_menu_wrap{display: none;}
    .casino_mobile_nav{display: block;}
    .casino_play_btn > .play_money{padding: 5px 10px; font-size: 15px;}
    .casino_play_btn > .play_demo{margin-bottom: 5px; font-size: 12.5px;}
    .promotions{grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 2000px) {
    .casino_iframe_wrap{
        width: 70%;
        margin: 0 auto;
    }
}


@media (max-width: 1000px) {
    .platform_1{display: none;}
    .platform_2{display: block;}
    .foot_menu_cupon{display: flex;}
    .free_money_mobile{display: flex;}
    
    .casino_iframe_wrap{
        width: 100%;
    }

    .menu_add{gap: 5px;}

    .home_leagues{display: none;}
    .promotions{grid-template-columns: repeat(2, 1fr);}
    .desktop{display: none;}
    .mobile{display: flex;}
    .header{
        background-color: var(--menu_mobile_bg);
        position: fixed;
        top: 0;
        transition: 0.3s;
        z-index: 15;
    }
    .iti__country-list{max-width: 100%;}
    .footer{padding-bottom: 65px;}
    .casino_content .swiper{margin-top: 5px;}
    .home_slider{margin-top: 5px;}
    .home_bonus{display: none!important;}
    
    .swiper_content{
        gap: 10px;
        padding: 10px 55px;
    }
    .swiper_content_ankor{
        padding: 5px 10px;
        font-size: 16px;
    }
    .swiper_content_head{font-size: 19px;}
    .swiper_content_text{font-size: 14px;}

    .home_line {
        grid-template-columns: 100%;
        grid-gap: 0 15px;
    }
    .home_line_content{height: 45px;}
    .home_line_content img{height: 45px;}
    .home_casino{
        grid-template-columns: 100%;
        grid-gap: 0 15px;
    }
    .home_casino_list{
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_content{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 601px) {
    .footer_content{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 550px) {
    .modal_deposit{width: auto;}
    .modal_deposit .deposit_methods{gap: 5px;}
    .modal_deposit .deposit_methods > div {width: 45%;}
}

@media (max-width: 500px) {
    .modal{width: auto;}
    .footer_content a{width: calc(100% - 20px);}
    .banks{flex-direction: column;}
    .banks_menu{flex-direction: row;}
    .banks_menu > div{width: calc(33% - 15px);}
}

@media (max-width: 340px) {
    .menu_add .dropdown{
        display: none;
    }
}