*
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

img
{
    border: none;
    background: transparent;
}

textarea
{
    overflow: auto;
}

input,
textarea,
input:active,
textarea:active
{
    -webkit-border-radius: 0;
            border-radius: 0;
         outline: none transparent !important;
    box-shadow: none;

    -webkit-appearance: none;
            appearance: none;
    -moz-outline: none !important;
}

input[type=submit],
button[type=submit],
input[type=reset],
button[type=reset]
{
    -webkit-border-radius: 0;
            border-radius: 0;

    -webkit-appearance: none;
            appearance: none;
}

:focus
{
    outline: none;
}

:hover,
:active
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}


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


/*---------------
    Main styles
---------------*/
:root
{
    --color: #FFF;

    --bg: #0E1012;
    --bg2: #2C2D3A;
    --bg3: #2C2E3B;
    --bg4: #3C3F4C;
    --bg_active: rgba(228,238,242,.09);
    --bg_arrow: #2D2F3B;
    --bg_defoult: #2D2F3B;
    --bg_event: #02C4E1;
    --bg_mob: #02020C;
    --bg_scroll: rgba(209,225,232,.2);
    --bg_search: #0D0D12;
    --bg_search_btn: #262630;
    --bord_color: #C8C8CE;
    --bord_color2: #262733;
    --bord_color3: #222330;
    --bord_search: #222330;
    --color2: #E8E8E8;
    --color3: #636878;
    --color4: #717687;
    --color5: #E4E4E5;
    --color_el: #484B59;
    --font_family: "Manrope", "Arial";
    --font_family2: "StratosLCWeb", "Arial";
    --font_family3: "ProductSans", "Arial";
    --font_family_mob: "GraphikLCG", "Arial";
    --header_bg: #0E1012;
    --header_bg_mob: #02020C;
    --header_bord: #23232F;
    --scroll_width: 11px;
    --width_aside_r: 235px;
    --width_sidebar: 214px;
    --width_sidebar_small: 76px;
}

html
{
    height: 100%;

    background: var(--bg);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}

@media (min-width: 1025px)
{
    /* html
    {
        scrollbar-color: var(--bg_scroll) var(--bg);
        scrollbar-width: thin;
    } */

    html ::-webkit-scrollbar
    {
        width: 12px;
        height: 12px;

        background-color: var(--bg);
    }

    html ::-webkit-scrollbar-track
    {
        background-color: var(--bg);
    }

    html ::-webkit-scrollbar-thumb
    {
        border: 2px solid var(--bg);
        border-radius: 16px;
        background-color: var(--bg_scroll);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

/* .html_white
{
    background: #FFF;
} */


body
{
    color: var(--color);
    font: 16px var(--font_family);

    height: 100%;

    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    text-decoration-skip: objects;
    text-rendering: optimizeLegibility;
    -webkit-touch-callout: none;
}


.wrap
{
    display: flex;
    overflow: hidden;
    flex-direction: column;

    min-height: 100%;
}

.wrap_bg
{
    display: none;
}

.wrap_bg._game
{
    display: none;
}

.main
{
    flex: 1 0 auto;
}


.cont
{
    position: relative;

    width: 100%;
    margin: 0 auto;
    padding: 0 32px;
}


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


.content_all
{
    padding: 66px var(--width_aside_r) 30px var(--width_sidebar);
}

.content_all.no_login
{
    padding-right: 0;
}

.content_all.big
{
    padding-left: var(--width_sidebar_small);
}

.content_all.content_main
{
    padding-top: 66px;
}

.content_all.page_game
{
    position: relative;

    padding-top: 0;
    padding-right: var(--width_aside_r);
    padding-bottom: 0;
    padding-left: var(--width_sidebar_small);

    transition: width .35s cubic-bezier(.175,.885,.32,1.275), height .35s cubic-bezier(.175,.885,.32,1.275);
}

.content_all.no_login.page_game
{
    padding-right: 0;
}

.content_all.page_game .cont
{
    z-index: 2;

    max-width: none;
    height: 100%;
    padding: 0;
}



.page_content
{
    padding-top: 52px;
}

.page_content > :first-child,
.page_content .cont > :first-child
{
    margin-top: 0 !important;
}


.page_game .bg
{
    height: 100vh;
}

.page_game .bg.no_login
{
    padding-top: 62px;
}

.page_game .bg .img_bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto;

    filter: blur(60px);
}

.page_game .bg .img_bg.hide
{
    display: none;
}


.supports_error
{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;

    font-family: var(--font_family), sans-serif;
    font-size: 20px;
    line-height: 30px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding: 20px;

    text-align: center;

    background: #FFF;
}

.supports_error.show
{
    display: flex;
}


.lozad
{
    opacity: 0;

    transition: .1s linear;
}

.lozad.loaded
{
    opacity: 1;
}


.js-link
{
    cursor: pointer;
}


.tooltip
{
    position: relative;

    display: inline-block;

    margin-left: 8px;

    vertical-align: middle;
}

.tooltip .icon svg
{
    display: block;
}



.tooltip:hover .icon svg path
{
    fill: #00AEFD;
}

.tooltip .block_abs
{
    position: absolute;
    z-index: 99;
    top: 100%;
    left: -10px;

    visibility: hidden;

    width: 170px;
    margin-top: 10px;
    padding: 10px;

    pointer-events: none;

    opacity: 0;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .473694);
}

.tooltip .block_abs.in_right
{
    right: -10px;
    left: auto;
}

.tooltip .block_abs:before
{
    content: "";

    position: absolute;
    z-index: 1;
    top: -7px;
    left: 10px;

    display: block;

    width: 15px;
    height: 15px;

    background: #FFF;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .473694);

    transform: rotate(45deg);
}

.tooltip .block_abs.in_right:before
{
    right: 10px;
    left: auto;
}

.tooltip .block_abs:after
{
    content: "";

    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 20px;

    border-radius: 4px 4px 0 0;
    background: #FFF;
}

.tooltip .block_abs.in_right:after
{
    right: 0;
    left: auto;
}

.tooltip:hover .block_abs
{
    visibility: visible;

    opacity: 1;
}

.tooltip .block_abs > *
{
    position: relative;
    z-index: 3;
}

.tooltip .block_abs .name
{
    color: #007CFF;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;

    margin-bottom: 10px;
}

.tooltip .block_abs .desc
{
    color: #202D3D;
    font-size: 10px;
    line-height: 16px;

    margin-bottom: 10px;
}

.tooltip .block_abs > :last-child
{
    margin-bottom: 0!important;
}

.modal_cont
{
    position: relative;
}

.mini_modal
{
    position: absolute;
    z-index: 99;

    visibility: hidden;

    pointer-events: none;

    opacity: 0;
}

.mini_modal.active
{
    visibility: visible;

    pointer-events: all;

    opacity: 1;
}




/*---------------
	Header
---------------*/
header
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;

    width: 100%;
    padding-left: var(--width_sidebar);

    background: var(--header_bg);
}

@media (min-width: 1025px)
{
    header
    {
        margin-top: 0 !important;

        transform: none !important;
    }
}

.header_game
{
    display: none;

    background: var(--header_bg);
}
.header_game_nolog
{
    background: var(--header_bg);
}

.header_game .verification_payment
{
    display: none !important;
}

.header_game._fullscreen .cont
{
    position: relative;
}

header .cont
{
    position: static;

    align-content: center;
    align-items: center;

    min-height: 62px;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 10px;
}

header .logo
{
    position: relative;

    display: none;

    margin-right: auto;
}

header .logo a,
header .logo img
{
    display: block;
}

header .header_sep
{
    width: 1px;
    height: 19px;

    background: var(--bord_color2);
}

header .modal_lang
{
    margin-right: 10px;
}

header .modal_lang.marg
{
    margin-right: 0;
    margin-left: auto;
}

.header__lang
{
    display: none;
}

.header__search-search
{
    display: none;
}

header .open_lang
{
    position: relative;

    color: var(--color4);
    font: 13px var(--font_family);
    font-weight: 500;

    display: block;

    min-width: 65px;
    height: 35px;
    padding: 0 10px 0 38px;

    cursor: pointer;
    text-align: left;
    text-transform: uppercase;

    border: none;
    background: transparent;
}

header .open_lang:hover,
header .open_lang.active
{
    background: var(--bg3);
}

header .open_lang .text
{
    opacity: .85;
}

header .open_lang.dark
{
    position: relative;

    color: #FFF;
    font-size: 0;
    font-weight: 400;
    line-height: 27px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 40px;
    min-width: 1px;
    height: 40px;
    padding: 0;

    text-transform: uppercase;

    border: 1px solid transparent;
    border-radius: 0;
    border-radius: 50%;
    background: transparent;
}

header .open_lang.dark:hover
{
    background: rgba(228,238,242,.06);
}

header .open_lang.dark:active
{
    background: rgba(228,238,242,.40);
}

header .open_lang.dark.active
{
    border-color: rgba(228,238,242,.14);
    background: transparent;
}

header .open_lang.dark::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_lang2.svg) 50% no-repeat;
}

header .open_lang.dark.active::before
{
    opacity: 0;
}

header .open_lang.dark::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(../images/ic_langA2.svg) 50% no-repeat;
}

header .open_lang.dark.active::after
{
    opacity: 1;
}


header .open_lang.dark img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

header .open_lang .icon
{
    position: absolute;
    top: 6px;
    left: 7px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 23px;
    height: 23px;
}

header .open_lang .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

header .modal_lang .mini_modal
{
    top: calc(100% + 3px);
    right: 0;

    overflow: hidden;

    width: auto;
    min-width: 100%;
    padding: 7px 0;

    border-radius: 6px;
    background: #1D2022;
}

header .lang a
{
    position: relative;
    z-index: 2;

    color: rgba(228, 238, 242, .95);
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;

    display: block;

    padding: 0 14px;

    text-decoration: none;
}

header .lang a:hover
{
    background: rgba(204,224,232,.09);
}

.header_search
{
    position: absolute;
    top: 50%;
    left: 50%;

    flex-wrap: nowrap;

    width: 33.333%;
    max-width: 480px;
    margin-top: -24px;

    transform: translateX(-50%);
}

.header_search .input
{
    color: rgba(228,238,242,.99);
    font: 400 14.4px var(--font_family);

    display: block;

    width: 100%;
    height: 44px;
    padding: 0 70px 2px 18px;

    border: 1px solid transparent;
    border-radius: 50px;
    background: rgba(228,238,242,.09);
}

.header_search .input:hover,
.header_search .input:focus
{
    border-color: rgba(228,238,242,.14);
}

.header_search .input::-webkit-input-placeholder
{
    color: #E4EEF2;

    opacity: .55;
}

.header_search .input::-moz-placeholder
{
    color: #E4EEF2;

    opacity: .55;
}

.header_search .input:-moz-placeholder
{
    color: #E4EEF2;

    opacity: .55;
}

.header_search .input:-ms-input-placeholder
{
    color: #E4EEF2;

    opacity: .55;
}

.header_search .input:focus::-webkit-input-placeholder
{
    opacity: 0;
}

.header_search .input:focus::-moz-placeholder
{
    opacity: 0;
}

.header_search .input:focus:-moz-placeholder
{
    opacity: 0;
}

.header_search .input:focus:-ms-input-placeholder
{
    opacity: 0;
}


.header_search .submit_btn
{
    position: relative;

    color: rgba(228,238,242,.99);
    font: 155px var(--font_family);

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 61px;
    height: 44px;
    margin-left: -61px;
    padding: 0 4px 0 0;

    cursor: pointer;

    border: none;
    border-radius: 0 50px 50px 0;
    background: none;
}

.header_search .submit_btn::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 24px;
    margin-top: -12px;

    background: rgba(228,238,242,.14);
}

.header_search .icon
{
    display: block;

    width: 19px;
    height: 20px;

    opacity: .45;

    fill: #E4EEF2;
}

header .sound
{
    margin-left: 12px;
}

header .sound_btn
{
    display: block;

    width: 23px;
    height: 23px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: var(--color4);
}

header .sound .hide
{
    display: none;
}

.tooltipInfo
{
    position: relative;
}

.tooltipInfo_text
{
    position: absolute;
    top: calc(100% + 15px);
    left: 0;

    color: var(--color2);
    font-size: 12px;
    font-weight: 500;

    visibility: hidden;

    min-width: 100%;
    padding: 8px 10px;

    white-space: nowrap;
    pointer-events: none;

    opacity: 0;
    border-radius: 2px;
    background: var(--bg4);
}

.tooltipInfo:hover .tooltipInfo_text
{
    visibility: visible;

    opacity: 1;
}

header .nightMode
{
    margin-left: 16px;
}

header .nightMode_btn
{
    display: block;

    width: 23px;
    height: 23px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: var(--color4);
}

header .nightMode .hide
{
    display: none;
}


header .box_btn
{
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    padding: 0 0 0 9px;
}

header .login_btn
{
    position: relative;

    color: #E4EEF2;
    font-size: 15.2px;
    font-weight: 600;
    line-height: 39px;

    display: block;

    padding: 0 17px;

    text-align: center;
    text-decoration: none;

    border-radius: 8px;
    background: #F81226;

    transition: .1s linear;
}

header .login_btn span
{
    position: relative;

    opacity: .99;
}

header .reg_btn
{
    position: relative;

    color: #96969D;
    font-size: 12px;
    font-weight: 600;
    line-height: 62px;

    display: block;

    padding: 0 30px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    transition: .1s linear;
}

header .reg_btn:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: var(--color);

    transform: skew(-10deg, 0);
}

header .reg_btn span
{
    position: relative;
}


header .modal_list
{
    flex-shrink: 0;

    margin-left: 9px;
}

header .modal_list.noLog_list
{
    order: 3;

    margin-left: 9px;
}

.modal_list .open_info
{
    color: var(--color2);
    font: 25px/30px var(--font_family);

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 37px;
    height: 37px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 50%;
    background: rgba(204,224,232,.1);
}

.modal_list .open_info:hover
{
    background: rgba(204,224,232,.2);
}

.modal_list .open_info.active
{
    background: rgba(204,224,232,.2);
}

.modal_list .open_info img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.modal_list .open_info.dark
{
    position: relative;

    width: 40px;
    height: 40px;

    border: 1px solid transparent;
    border-radius: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
}

.modal_list .open_info.dark:hover
{
    background: rgba(228,238,242,.06);
}

.modal_list .open_info.dark:active
{
    background: rgba(228,238,242,.40);
}

.modal_list .open_info.dark.active
{
    border-color: rgba(228,238,242,.14);
    background: transparent;
}

.modal_list .open_info svg
{
    position: relative;
    z-index: 1;

    display: block;

    width: 4.5px;
    height: 16.5px;

    fill: #E4EEF2;
}

.modal_list .mini_modal
{
    top: calc(100% + 4px);
    right: 0;

    overflow: hidden;

    width: auto;
    min-width: 325px;
    padding: 8px 0;

    border-radius: 8px;
    background: #1D2022;
}

.modal_list.noLog_list .mini_modal
{
    min-width: 1px;
}

.modal_list.noLog_list .mini_modal .close
{
    display: none;
}

.mini_modal__title
{
    display: none;
}

.mini_modal__links-icon
{
    display: none;
}

.modal_list .mini_modal .close
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 15px;

    display: none;

    width: 40px;
    height: 40px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: rgba(228,238,242,.09) url(../images/ic_close3.svg) 50% no-repeat;
}

.modal_list .item.hide
{
    display: none;
}

.modal_list .item.inGame
{
    display: none;
}

.in-game .modal_list .item.inGame
{
    display: block;
}

.in-game .modal_list .item.inGame.hide
{
    display: none;
}

.modal_list .item.bord
{
    margin-top: 9px;
    padding-top: 8px;

    border-top: 1px solid rgba(209,225,232,.14);
}

.modal_list .item.active,
.modal_list .itemSub.active
{
    display: block !important;
}

.modal_list .item.bord.active
{
    margin-top: 0;
    padding-top: 0;

    border-top: none;
}

.modal_list .item a
{
    position: relative;
    z-index: 2;

    color: #E4EEF2;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;

    display: block;

    height: 40px;
    padding: 0 15px 0 55px;

    text-decoration: none;
}

.modal_list .item .itemSub a
{
    padding-left: 15px;
}

.modal_list .item .itemSub a .icon,
.modal_list .item .itemSub .btn .icon
{
    display: none;
}

.modal_list .item a .name
{
    opacity: .95;
}

.modal_list.noLog_list .item a
{
    padding-left: 15px;

    white-space: nowrap;
}

.modal_list .item a.logout_link
{
    color: #F72537;
}

.modal_list .item a:hover
{
    background: rgba(204,224,232,.09);
}

.modal_list .item a .icon
{
    position: absolute;
    top: 50%;
    left: 12px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 25px;
    height: 25px;
    margin-top: -12.5px;
}

.modal_list .item a .icon img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.modal_list .item .btn
{
    position: relative;
    z-index: 2;

    color: #E4EEF2;
    font: 600 15px/40px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 15px 0 55px;

    cursor: pointer;
    text-align: left;

    border: none;
    background: transparent;
}

.modal_list .item .itemSub .btn
{
    padding-left: 15px;
}

.modal_list .item .btn .name
{
    opacity: .95;
}

.modal_list .item .openSub
{
    padding-right: 42px;
}

.modal_list .item .btn:hover
{
    background: rgba(204,224,232,.09);
}

.modal_list .item .openSub:after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 20px;

    width: 11px;
    height: 18px;
    margin-top: -9px;

    background: url(../images/arrow_info.svg) 50% no-repeat;
}

.modal_list .item.active > .btn
{
    display: none;
}

.modal_list .itemSub.active > .btn
{
    display: none;
}

.modal_list .item .btn .icon
{
    position: absolute;
    top: 50%;
    left: 12px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 25px;
    height: 25px;
    margin-top: -12.5px;
}

.modal_list .item .btn .icon img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.modal_list .item .firstSub,
.modal_list .item .secondSub
{
    display: none;
}

.modal_list .item .linkBack
{
    position: relative;

    color: #E4EEF2;
    font: 700 18px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    margin-bottom: 12px;
    padding-left: 55px;

    cursor: pointer;
    text-align: left;

    border: none;
    background: none;
}

.modal_list .item .linkBack span
{
    opacity: .99;
}

.modal_list .item .linkBack:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 15px;

    width: 25px;
    height: 25px;
    margin-top: -12.5px;

    background: url(../images/arow_info_back.svg) 50% no-repeat;
}

.mob_header
{
    position: fixed;
    z-index: 300;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;

    background: transparent;
}

.mob_header::before
{
    content: "";

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 94px;

    pointer-events: none;

    background: linear-gradient(to bottom, rgba(2,2,12,0) 0%,rgba(2,2,12,.35) 13%,rgba(2,2,12,.89) 55%,rgba(2,2,12,1) 100%);
}

.mob_header.darck .btn-play
{
    display: none;
}

/* .html_white .mob_header
{
    background: #FFF;
}

.html_white .mob_header.darck
{
    background: none;
}

.html_white .mob_header::before
{
    display: none;
}

.html_white .mob_header.darck::before
{
    display: block;
} */

.mob_header .flex
{
    position: relative;

    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
}

.mob_header .item
{
    position: relative;

    color: #D9D9DE;
    font: 500 13px/1 var(--font_family);

    display: block;
    overflow: hidden;

    width: 100%;
    max-width: 82px;
    padding: 4px 5px 8px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;

    border: none;
    background: none;
}

.mob_header .item.active,
.mob_header .view
{
    color: #FF234D;
}

/* .html_white .mob_header .item
{
    color: #323239;
}

.html_white .mob_header.darck .item
{
    color: #D9D9DE;
} */

.mob_header .item.not_active
{
    color: #D9D9DE;
}

/* .html_white .mob_header .item.not_active
{
    color: #323239;
}

.html_white .mob_header.darck .item.not_active
{
    color: #D9D9DE;
} */

.mob_header .item .icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 36px;
    margin: 0 auto 11px;
    padding-top: 0;

    transition: opacity .2s linear;
}

.mob_header .item.load-chat .icon
{
    opacity: 0;
}

.mob_header .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mob_header .item .icon .imgH
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
}

.mob_header .item .icon .imgW
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    opacity: 0;
}

.mob_header .item .icon .imgH img
{
    opacity: 0;
}

.mob_header .item.view .icon img,
.mob_header .item.active .icon img
{
    opacity: 0;
}

.mob_header .item.not_active .icon img
{
    opacity: 1;
}

.mob_header .item.view .icon .imgH img,
.mob_header .item.active .icon .imgH img
{
    opacity: 1;
}

.mob_header .item.not_active .icon .imgH img
{
    opacity: 0;
}

/* .html_white .mob_header.darck .item .icon .imgW
{
    opacity: 1;
}

.html_white .mob_header.darck .item.view .icon .imgW,
.html_white .mob_header.darck .item.active .icon .imgW
{
    opacity: 0;
} */

.mob_header .item .name
{
    opacity: .98;
}

.mob_header .item .name.chat
{
    color: #68BFD4;
}

.mob_header .item .name.color
{
    color: #F50057;
    font-weight: 600;
}

.btn-chat-mob .item__loader
{
    position: absolute;
    top: 4px;
    left: 50%;

    display: block;

    width: 36px;
    height: 36px;
    margin-left: -18px;

    opacity: 0;

    transition: opacity .2s linear;
}

.btn-chat-mob.load-chat .item__loader
{
    opacity: 1;
}

/* .btn-play
{
    position: absolute;
    bottom: 70px;
    left: 0;

    width: 100%;

    text-align: center;
    pointer-events: none;

    transition: visibility .2s linear, opacity .2s linear;
} */

.btn-chat-mob.load-chat .item__loader
{
    opacity: 1;
}


/* .btn-play
{
    position: absolute;
    bottom: 70px;
    left: 0;

    width: 100%;

    text-align: center;
    pointer-events: none;

    transition: visibility .2s linear, opacity .2s linear;
} */

.btn-play
{
    display: none;

    margin-top: 44px;

    text-align: center;
}

.btn-play__btn
{
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 57px;

    display: inline-block;

    padding: 0 24px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 50px;
    background: #FC2543;
}

/* .btn-play__btn_main .btn-play__btn
{
    pointer-events: none;
}

.btn-play__btn_main.show .btn-play__btn
{
    pointer-events: auto;
} */

.btn-play__btn span
{
    opacity: .99;
}


header .openSettings
{
    display: none;

    width: 18px;
    height: 18px;
    margin-left: 16px;

    background: url(../images/ic_settings.svg) 50% no-repeat;
}

header .close_game
{
    position: relative;

    display: none;

    width: 40px;
    height: 40px;
    margin-left: 9px;

    border-radius: 50%;
    background: transparent;
}

header .close_game::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: url(../images/ic_close3.svg) 50% no-repeat;
}

header .close_game:hover
{
    background-color: rgba(228,238,242,.06);
}

header .close_game:active
{
    background-color: rgba(228,238,242,.40);
}

.clode-aside-right
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;
    margin-left: 9px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: transparent;
}

.clode-aside-right::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/clode_aside_right.svg) 50% no-repeat;
}

.clode-aside-right:hover
{
    background-color: rgba(228,238,242,.06);
}

.clode-aside-right:active
{
    background-color: rgba(228,238,242,.40);
}

.clode-aside-right._active
{
    transform: rotate(180deg);
}


.header__balance
{
    color: #FFF;
    font: 700 15px var(--font_family);

    display: none;

    margin-right: 18px;

    cursor: pointer;

    opacity: .75;
    border: none;
    background: none;
}

.header__balance._show
{
    display: block;
}


header .rules_game
{
    display: none;

    width: 40px;
    height: 40px;
    margin-left: 9px;

    border-radius: 50%;
    background: #34333D;
}

header .abs_r
{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    margin-right: -16px;
    margin-left: auto;
    padding: 0 10px 0 9px;
}

header .abs_r .box
{
    display: none;

    width: calc(100% - 84px);
}

header .mob_balance
{
    color: #B2B2B8;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;

    display: none;

    margin: 0 auto 0 20px;

    text-decoration: none;
}

header .mob_balance .number
{
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;

    display: block;

    margin-bottom: 6px;

    opacity: .9;
}

.mob_balance_dots
{
    position: relative;

    display: inline-block;

    width: 38px;
    height: 21px;

    vertical-align: top;

    border-radius: 50px;
    background: rgba(255,255,255,.04) url(../images/ic_dot2.svg) 50% no-repeat;
}

.mob_balance_dots::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50px;
}

header .profile
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 40px;
    padding-right: 10px;
}

header .profile a
{
    position: relative;

    color: #8B8991;

    display: block;

    max-width: 100%;
    padding: 5px 0;

    text-decoration: none;
}

header .profile a span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

header .profile a span.name
{
    color: #CCE0E8;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;

    opacity: .9;
}

header .profile a span.desc
{
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;

    margin-top: 6px;
}

.el_loyalty
{
    position: relative;

    flex-shrink: 0;

    margin-right: 4px;
}

.info__game .el_loyalty
{
    margin-right: 0;
    margin-left: 15px;
}

.el_loyalty .box_abs
{
    position: absolute;
    z-index: 99;
    top: calc(100% + 10px);
    right: 0;

    display: block;
    visibility: hidden;

    width: 418px;

    pointer-events: none;

    opacity: 0;
    background: #1C1C24;
    box-shadow: 0 10px 18px rgb(23 22 32 / 20%);

    transition: .1s linear;
}

.el_loyalty:hover .box_abs
{
    visibility: visible;

    opacity: 1;
}

.el_loyalty table
{
    width: 100%;

    border-collapse: collapse;

    background: #1C1C24;
}

.el_loyalty table thead th
{
    color: #FFF;
    font-size: 12px;
    font-weight: 500;

    padding: 8px;

    text-align: left;

    border-bottom: 1px solid #2B2C33;
}

.el_loyalty table tbody td
{
    color: #D9D9DE;
    font-size: 12px;

    padding: 8px;

    white-space: nowrap;
}

.el_loyalty table tbody td.first
{
    white-space: normal;
}

.el_loyalty table tbody td .flex
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.el_loyalty table tbody td .icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 16px;
    height: 16px;
}

.el_loyalty table tbody td .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.el_loyalty table tbody td .name
{
    color: #FFF;

    margin-left: 10px;
}

.link_loyalty
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    border: 3px solid rgba(62,69,94,.6);
    border-radius: 50%;
    background: url(../images/ic_loyalty.png) 50% no-repeat;
}

.link_loyalty.full
{
    border-width: 4px;
}

.link_loyalty .circle
{
    position: absolute;
    z-index: 1;
    top: -4.5px;
    left: -3.5px;

    width: 41px;
    height: 41px;

    transform: rotate(-90deg);
}

.link_loyalty.full .circle
{
    top: -5px;
    left: -4px;
}

.link_loyalty .circle circle
{
    display: block;

    fill-opacity: 0;
    stroke-dasharray: 116;
    stroke-dashoffset: calc(116 - var(--radian) * 1.16);
    stroke-linejoin: round;
    stroke-width: 4;
}

.link_loyalty .count
{
    position: absolute;
    top: -6px;
    right: -12px;

    color: #7E7E83;
    font-size: 8px;
    font-weight: 500;
    line-height: normal;

    pointer-events: none;
}

.link_loyalty.full .count
{
    top: -7px;
    right: -13px;
}



.head-notice
{
    position: relative;

    flex-shrink: 0;
}

.head-notice .mini_modal
{
    top: calc(100% + 3px);
    right: 0;

    overflow: hidden;
    overflow-y: auto;

    width: 376px;
    max-height: 86vh;
    padding: 20px 15px 15px;

    border-radius: 8px;
    background: #1D2022;
}

/* .head-notice .mini_modal .close
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 15px;

    display: none;

    width: 40px;
    height: 40px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: rgba(228,238,242,.09) url(../images/ic_close3.svg) 50% no-repeat;
} */

.head-notice .mini_modal .close
{
    position: absolute;
    z-index: 10;
    top: 12px;
    right: 23px;

    display: none;

    width: 54px;
    height: 54px;

    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.12) url(../images/ic_close4.svg) 50% no-repeat;
}

.link-notice
{
    position: relative;

    display: block;

    width: 40px;
    height: 40px;

    cursor: pointer;

/* border: 1px solid transparent; */

    border: none;
    border-radius: 50%;
    background: transparent;
}

.link-notice::before
{
    content: "";

    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: url(../images/ic_notice_2.svg) 50% no-repeat;
}


.link-notice:hover::before
{
    /* background-color: rgba(228, 238, 242, .06); */
    background-color: #222426;
}

/* .link-notice:active::before
{
    background-color: rgba(228, 238, 242, .40);
} */

/* .link-notice.active
{
    border-color: rgba(209,225,232,.14);
} */

.link-notice.active::before
{
    background-color: transparent;
    background-image: url(../images/ic_noticeA_2.svg);
}


.link-notice .circle
{
    position: absolute;
    z-index: 1;
    top: 1.2px;
    left: 1.2px;

    display: none;

    width: calc(100% - 2.4px);
    height: calc(100% - 2.4px);
}

.link-notice.active .circle
{
    opacity: 0;
}

.link-notice .circle path
{
    fill: rgba(228,238,242,.2);
}

.link-notice .circle path:first-child
{
    fill: #9105AF;
}

.link-notice .circle.level1 path:nth-child(2),
.link-notice .circle.level2 path:nth-child(2),
.link-notice .circle.level3 path:nth-child(2),
.link-notice .circle.level4 path:nth-child(2),
.link-notice .circle.level5 path:nth-child(2)
{
    fill: #8A0CBD;
}

.link-notice .circle.level2 path:nth-child(3),
.link-notice .circle.level3 path:nth-child(3),
.link-notice .circle.level4 path:nth-child(3),
.link-notice .circle.level5 path:nth-child(3)
{
    fill: #8014CF;
}

.link-notice .circle.level3 path:nth-child(4),
.link-notice .circle.level4 path:nth-child(4),
.link-notice .circle.level5 path:nth-child(4)
{
    fill: #771CE0;
}

.link-notice .circle.level4 path:nth-child(5),
.link-notice .circle.level5 path:nth-child(5)
{
    fill: #7121ED;
}

.link-notice .circle.level5 path:nth-child(6)
{
    fill: #7321F8;
}

.link-notice:after
{
    content: "";

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    display: none;

    width: 11px;
    height: 11px;

    border: 2px solid #0E1012;
    border-radius: 50%;
    background: linear-gradient(45deg, rgba(148,3,170,1) 0%,rgba(113,33,236,1) 75%,rgba(118,32,250,1) 100%);
}

.there-notice:after
{
    display: block;
}

.link-notice__new
{
    position: absolute;
    z-index: 3;
    top: 0;
    right: -14px;

    color: rgba(232,234,237,.6);
    font-size: 9px;
    font-weight: 600;
    line-height: 16px;

    padding: 0 6px;

    border-radius: 50px;
    background: rgb(209,12,187);
    background: linear-gradient(to right,  rgba(209,12,187,1) 0%,rgba(248,102,14,1) 100%);
}

.link-notice__number
{
    position: absolute;
    z-index: 5;
    top: -3px;
    right: -3px;

    color: #D1E1E8;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;

    width: 23px;
    padding: 0;

    text-align: center;

    border-radius: 50px;
    background: #FC4049;
}

.link-notice__number span
{
    opacity: .99;
}

.aside_right .head-notice:not(.modal_cont)
{
    display: none;
}

.aside_game .head-notice:not(.modal_cont)
{
    display: block;

    margin-top: 20px;
}

.aside_game .head-notice:not(.modal_cont) .head-notice__info + .head-notice__info
{
    margin-top: 8px;
}


.head-notice__info
{
    position: relative;

    display: block;
    overflow: hidden;

    padding: 9px;

    text-decoration: none;

    border-radius: 8px;
}

.head-notice__info:hover
{
    background: #1A1C1E;
}

.head-notice__info::before
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 70%;
    height: 100%;

    opacity: .75;
    background: linear-gradient(to bottom, rgba(14,16,18,1) 0%,rgba(20,23,25,1) 100%);

    -webkit-clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(70% 0, 100% 0%, 100% 100%, 0% 100%);
}

.head-notice__info::after
{
    content: "";

    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;

    opacity: .03;
    background: #E4EEF2;
}

.head-notice__info-head
{
    position: relative;
    z-index: 1;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.head-notice__info-icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 25px;
    height: 25px;
    margin-right: 13px;
}

.head-notice__info-icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.head-notice__info-name
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 600;

    opacity: .74;
}

.loyalty-info__progress
{
    position: relative;
    z-index: 1;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    margin-top: 9px;

    border: 1px solid rgba(27,30,32,.5);
}

.loyalty-info__progress-line
{
    position: relative;

    display: block;

    width: 100%;
    height: 5px;

    border-radius: 50px;
    background: rgba(228, 238, 242, .11);
}

.loyalty-info__progress-line::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(228, 238, 242, .02);
    border-radius: 50px;
}

.loyalty-info__progress-line::after
{
    content: "";

    position: absolute;
    top: -1px;
    left: 0;

    width: 100%;
    height: calc(100% + 1px);

    opacity: 0;
    border-radius: 50px;
    background: rgba(228, 238, 242, .11);
}

.loyalty-info__progress-line._active::after,
.loyalty-info__progress-line._progress::after
{
    opacity: 1;
}

.loyalty-info__progress-line._active + .loyalty-info__progress-line::after
{
    opacity: 1;
}

.loyalty-info__progress-line span
{
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0;

    display: block;

    width: 0;
    height: calc(100% + 1px);

    border-radius: 50px;
    background: linear-gradient(to right, rgba(112,31,242,1) 0%,rgba(118,32,250,1) 25%,rgba(24,109,175,1) 100%);
}

.loyalty-info__progress-line._active span
{
    width: 100%;

    background: #701FF2;
}

.loyalty-info__progress-line + .loyalty-info__progress-line
{
    margin-left: 2px;
}

.loyalty-info__number
{
    position: relative;
    position: relative;
    z-index: 1;

    color: #B1B9BD;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;
    overflow: hidden;

    margin-top: 12px;
    padding: 1px;

    text-align: center;
    vertical-align: top;

    border-radius: 8px;
}

.loyalty-info__number::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .5;
    border: 1px solid #141719;
    border-radius: 8px;
    background: #1B1E20;
}

.loyalty-info__number-box
{
    position: relative;

    display: block;

    padding: 1px 11px;

    border-radius: 8px;
}

.loyalty-info__number-box::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(255, 255, 255, .03);
    border-radius: 8px;
    background: rgba(228, 238, 242, .08);
}

.loyalty-info__number-progress
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    height: 100%;

    opacity: .04;
    background: #E4EEF2;
}

.loyalty-info__number-name
{
    position: relative;
    z-index: 1;

    display: block;

    opacity: .99;
}

.loyalty-info__number._active
{
    color: #E4EEF2;
    font-weight: 600;

    background: linear-gradient(to right, rgba(112,31,242,1) 0%,rgba(118,32,250,1) 25%,rgba(24,109,175,1) 100%);
}

.loyalty-info__number._active::before
{
    display: none;
}

.loyalty-info__number._active .loyalty-info__number-box::before
{
    display: none;
}

.loyalty-info__number._active .loyalty-info__number-progress
{
    display: none;
}


.cashback-info__progress
{
    position: relative;
    z-index: 1;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    margin-top: 9px;

    border: 1px solid rgba(27,30,32,.5);
}

.cashback-info__progress-line
{
    position: relative;

    display: block;

    width: calc(20% - 2px);
    height: 5px;

    border-radius: 50px;
    background: rgba(228, 238, 242, .11);
}

.cashback-info__progress-line:first-child
{
    flex-grow: 1;
}

.cashback-info__progress-line::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(228, 238, 242, .02);
    border-radius: 50px;
}

.cashback-info__progress-line::after
{
    content: "";

    position: absolute;
    top: -1px;
    left: 0;

    width: 100%;
    height: calc(100% + 1px);

    opacity: 0;
    border-radius: 50px;
    background: rgba(228, 238, 242, .11);
}

.cashback-info__progress-line._active::after,
.cashback-info__progress-line._progress::after
{
    opacity: 1;
}

.cashback-info__progress-line._active + .cashback-info__progress-line::after
{
    opacity: 1;
}

.cashback-info__progress-line span
{
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0;

    display: block;

    width: 0;
    height: 100%;
    height: calc(100% + 1px);

    border-radius: 50px;
    background: linear-gradient(to right, rgba(112,31,242,1) 0%,rgba(118,32,250,1) 25%,rgba(170,27,118,1) 100%);
}

.cashback-info__progress-line._active span
{
    width: 100%;

    background: #701FF2;
}

.cashback-info__progress-line + .cashback-info__progress-line
{
    margin-left: 2px;
}

.cashback-info__number
{
    position: relative;
    position: relative;
    z-index: 1;

    color: #B1B9BD;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;

    display: inline-block;
    overflow: hidden;

    margin-top: 12px;
    padding: 1px;

    text-align: center;
    vertical-align: top;

    border-radius: 8px;
}

.cashback-info__number::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    opacity: .5;
    border: 1px solid #141719;
    border-radius: 8px;
    background: #1B1E20;
}

.cashback-info__number-box
{
    position: relative;

    display: block;

    padding: 1px 11px;

    border-radius: 8px;
}

.cashback-info__number-box::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(255, 255, 255, .03);
    border-radius: 8px;
    background: rgba(228, 238, 242, .08);
}

.cashback-info__number-progress
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    height: 100%;

    opacity: .04;
    background: #E4EEF2;
}

.cashback-info__number-name
{
    position: relative;
    z-index: 1;

    display: block;

    opacity: .99;
}

.cashback-info__number._all  .cashback-info__number-progress
{
    display: none;
}

.cashback-info__number._active
{
    color: rgba(228, 238, 242, .99);
    font-weight: 600;

    background: linear-gradient(to right, rgba(113,31,242,1) 0%,rgba(122,32,233,1) 25%,rgba(162,27,133,1) 100%);
}

.cashback-info__number._active::before
{
    display: none;
}

.cashback-info__number._active .cashback-info__number-box::before
{
    display: none;
}

.cashback-info__number._active .cashback-info__number-progress
{
    display: none;
}

.head-notice__time
{
    position: relative;
    z-index: 1;

    color: #E4EEF2;
    font-size: 12px;
    font-weight: 600;

    display: block;

    margin-top: 10px;

    opacity: .34;
}



.main_title,
.main__title
{
    color: var(--color);
    font-size: 20px;
    font-weight: 600;

    opacity: .99;
}


.index-title
{
    color: #FFF;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.34;

    display: none;

    padding: 27px 0 38px;

    text-align: center;

    opacity: .99;
}


.block_head
{
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.block_head .main_title
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.block_head .more
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding: 0 0 0 16px;
}

.block_head .more a
{
    position: relative;

    color: #FFF;
    font-size: 15px;
    font-weight: 400;

    display: block;

    padding-right: 22px;

    white-space: nowrap;
    text-decoration: none;
}

.block_head .more a::after
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 8px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/arrow4.svg) 50%/contain no-repeat;
}

.block_head .more a span
{
    opacity: .99;
}

.block_head .more a .textMob
{
    display: none;
}

.block_head .box.flex
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.block_head .icon
{
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    border-radius: 50%;
    background: #000;
}

.block_head .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}


.page-head
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.back_page
{
    display: block;
    flex-shrink: 0;

    width: 18px;
    height: 26px;
    margin-right: 10px;

    background: url(../images/arow_back.svg) 50%/contain no-repeat;
}

.page-head .page_title
{
    overflow: visible;

    white-space: normal;
}

.page_title
{
    color: #EBEBF0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.page_title_dark
{
    color: #46464F;
}


.page_subTitle
{
    color: #AAAAAF;
    font-size: 12px;

    overflow: hidden;

    width: 100%;
    margin-top: 8px;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.more_link
{
    margin-top: 32px;

    text-align: center;
}

.more_link button
{
    color: var(--color4);
    font: 500 13px var(--font_family);

    display: inline-block;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    border: none;
    background: none;
}



.title-big
{
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
    line-height: normal;

    margin-top: 12px;

    text-transform: uppercase;
}



/* ---------------------
	main_info
--------------------- */
.main_info
{
    --marg_game: 10px;
    --numbers_game: 7;
}


.main_info .slider
{
    overflow: hidden;

    padding-bottom: 5px;
}

.main_info .swiper-container
{
    overflow: visible;
}

.main_info .slider:before
{
    content: "";

    position: absolute;
    z-index: 10;
    top: 0;
    left: -62px;

    width: 62px;
    height: 100%;

    background: var(--bg);
}

.main_info .slider:after
{
    content: "";

    position: absolute;
    z-index: 10;
    top: 0;
    right: -62px;

    width: 62px;
    height: 100%;

    background: var(--bg);
}

.main_info .slider .item_wrap
{
    flex-shrink: 0;

/* width: calc(100%/var(--numbers_game) - var(--marg_game)); */

    width: 152px;
    margin-right: 10px;
}

.main_info .grig_wrap
{
    display: flex;

    height: auto;
}

.bonus-item
{
    position: relative;

    min-height: 202px;
    padding: 12px;

    text-decoration: none;

    border-radius: 8px;
    background: #191B1C;
}

.click-activate,
.click-claim,
.click-calendar
{
    cursor: pointer;
}

@media (any-hover: hover)
{
    .bonus-item.click-activate:hover,
    .bonus-item.click-claim:hover,
    .bonus-item.click-calendar:hover
    {
        background: #222426;
    }
}

.bonus-item.click-activate:active,
.bonus-item.click-claim:active,
.bonus-item.click-calendar:active
{
    top: 5px;
}

.bonus-item._got
{
    display: flex;
    flex-direction: column;

    height: 202px;

    background: #222426;
}

.bonus-item._got .bonus-item__time,
.bonus-item._got .bonus-item__info,
.bonus-item._got .bonus-item__name,
.bonus-item._got .bonus-item__bot
{
    display: none;
}


.bonus-item__time,
.notice-game__time
{
    position: relative;

    color: #E4EEF2;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;

    height: 16px;
    padding-left: 24px;
}

.notice-game__time
{
    margin-top: 6px;
}

.freespins-slider .bonus-item__time,
.modal-calendar .bonus-item__time
{
    position: absolute;
    z-index: 3;
    top: 12px;
    left: 12px;
}

.bonus-item__time::before,
.notice-game__time::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_bonus/ic_time.svg) 50%/contain no-repeat;
}

.bonus-item__time:empty::before,
.notice-game__time:empty::before
{
    display: none;
}

.bonus-item__time._active::before,
.notice-game__time._active::before
{
    width: 17px;
    height: 16px;
    margin-top: -8px;

    background-image: url(../images/ic_bonus/ic_check.svg);
}

.bonus-item__time._look::before,
.notice-game__time._look::before
{
    background-image: url(../images/ic_bonus/ic_look.svg);
}

.bonus-item__time span,
.notice-game__time span
{
    opacity: .5;
}

.bonus-item__img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 54px;
    margin-top: 16px;
}

.freespins-slider .bonus-item__img,
.modal-calendar .bonus-item__img
{
    position: relative;

    width: calc(100% + 24px);
    height: auto;

/* padding-bottom: 77%; */
    height: 104px;
    margin: -12px -12px 0;
}

.freespins-slider .bonus-item__img::before
{
    content: "";

    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 30%;

    background: linear-gradient(to bottom, rgba(25,27,28,0) 0%,rgba(25,27,28,1) 100%);
}

.modal-calendar .bonus-item__img::before
{
    content: "";

    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 30%;

    background: linear-gradient(to bottom, rgba(25,27,28,0) 0%,rgba(25,27,28,1) 100%);
}

@media (any-hover: hover)
{
    .freespins-slider .bonus-item:hover
    {
        background: #222426;
    }

    .freespins-slider .bonus-item:hover .bonus-item__img::before,
    .modal-calendar .bonus-item:hover .bonus-item__img::before
    {
        background: linear-gradient(to bottom, rgba(34,36,38,0) 0%,rgba(34,36,38,1) 100%);
    }
}

.freespins-slider .bonus-item__img img,
.modal-calendar .bonus-item__img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;

    border-radius: 8px 8px 0 0;

    object-fit: cover;
}

.bonus-item._got .bonus-item__img
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    margin-top: -27px;
}

.bonus-item__img._got,
.bonus-item__img._missed
{
    display: none;
}
.bonus-item._got .bonus-item__img._got,
.bonus-item._miss .bonus-item__img._missed
{
    display: flex;
}
.bonus-item._got .bonus-item__img._available,
.bonus-item._miss .bonus-item__img._available
{
    display: none;
}

.bonus-item__img img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.bonus-item__info
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;

    overflow: hidden;

    margin-top: 14px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .5;
}

.bonus-item__info._missed
{
    display: none;
}
.bonus-item._miss .bonus-item__info._available
{
    display: none;
}
.bonus-item._miss .bonus-item__info._missed
{
    display: block;
}

.bonus-item._missed .bonus-item__info
{
    opacity: .25;
}

.bonus-item__name
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;

    overflow: hidden;

    margin-top: 6px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .95;
}

.bonus-item__name-gold
{
    color: #EB8530;
}

.bonus-item._missed .bonus-item__name
{
    opacity: .5;
}

.bonus-item__bot
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 32px;
    margin-top: 6px;
}

.bonus-item__bot._missed
{
    display: none;
}
.bonus-item._miss .bonus-item__bot._available
{
    display: none;
}
.bonus-item._miss .bonus-item__bot._missed
{
    display: flex;
}

.bonus-activate
{
    color: #222426;
    font: 700 14px/30px var(--font_family);

    display: block;

    width: 100%;
    padding-bottom: 2px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,143,51,1) 5%,rgba(255,107,0,1) 100%);
    box-shadow: inset 0 -2px 1px #FD4818, 0 0 5px rgba(255,122,21,.35);
}

@media (any-hover: hover)
{
    .click-activate:hover .bonus-activate,
    .bonus-activate:hover
    {
        background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,107,0,1) 100%);
    }
}

.click-activate:active .bonus-activate,
.bonus-activate:active
{
    background: linear-gradient(to bottom,  rgba(253,94,24,1) 0%,rgba(255,122,21,1) 5%,rgba(255,107,0,1) 100%);
}

.bonus-activate b
{
    opacity: .95;
}

.bonus-claim
{
    color: #222426;
    font: 700 14px/30px var(--font_family);

    display: block;

    width: 100%;
    padding-bottom: 2px;

    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: linear-gradient(to bottom,  rgba(255,216,81,1) 0%,rgba(255,202,26,1) 5%,rgba(255,166,7,1) 55%,rgba(255,115,4,1) 100%);
    box-shadow: inset 0 -2px 1px #FD5E18, 0 0 5px rgba(255,198,23,.35);
}

.bonus-claim:not(._missed)
{
    cursor: pointer;
}

.bonus-claim b
{
    opacity: .95;
}

.bonus-claim span
{
    position: relative;

    display: inline-block;

    padding-left: 19px;
}

.bonus-claim span::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 14px;
    height: 18px;
    margin-top: -9px;

    background: url(../images/ic_bonus/ic_lightning.svg) 50% no-repeat;
}

@media (any-hover: hover)
{
    .click-claim:hover .bonus-claim,
    .bonus-claim:hover
    {
        background: linear-gradient(to bottom,  rgba(255,216,81,1) 0%,rgba(255,166,7,1) 55%,rgba(255,115,4,1) 100%);
    }
}

.click-claim:active .bonus-claim,
.bonus-claim:active
{
    background: linear-gradient(to bottom,  rgba(255,141,4,1) 0%,rgba(255,166,7,1) 10%,rgba(255,115,4,1) 100%);
}

.bonus-claim._missed
{
    background: #3D4143;
    box-shadow: none;
}

.bonus-progress
{
    color: #D1E1E8;
    font: 700 14px/30px var(--font_family);

    display: block;

    width: 100%;
    padding-bottom: 2px;

    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #3D4143;
}

.bonus-progress b
{
    opacity: .95;
}

.bonus-item._missed .bonus-progress b
{
    opacity: .5;
}

.bonus-watch
{
    color: #D1E1E8;
    font: 700 14px/30px var(--font_family);

    display: block;

    width: 100%;
    padding-bottom: 2px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #3D4143;
}

.bonus-watch b
{
    font-weight: 600;

    opacity: .95;
}

.bonus-watch span
{
    position: relative;

    display: inline-block;

    padding-left: 24px;
}

.bonus-watch span::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_bonus/ic_calendar.svg) 50% no-repeat;
}

.bonus-item__look
{
    position: relative;

    width: 100%;
    height: 32px;

    background: url(../images/ic_bonus/ic_look.svg) 50% no-repeat;
}

.head-notice__sector + .head-notice__sector
{
    margin-top: 16px;
    padding-top: 16px;

    border-top: 1px solid #222426;
}

.head-notice__title
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    margin-bottom: 20px;

    opacity: .99;
}

.bonuses-line
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.bonuses-line + .bonuses-line
{
    margin-top: 30px;
}

.bonuses-line__img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 42px;
    height: 42px;
    margin-right: 15px;
}

.bonuses-line__img img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.bonuses-line__img._got,
.bonuses-line__img._missed
{
    display: none;
}
.bonuses-line._got .bonuses-line__img._got,
.bonuses-line._miss .bonuses-line__img._missed
{
    display: flex;
}
.bonuses-line._got .bonuses-line__img._available,
.bonuses-line._miss .bonuses-line__img._available
{
    display: none;
}

.bonuses-line__box
{
    flex-grow: 1;

    margin-right: auto;
}

.bonuses-line__name
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    opacity: .95;
}

.bonuses-line__name._missed
{
    opacity: .5;
}

.bonuses-line__time
{
    position: relative;

    color: #E4EEF2;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;

    margin-top: 4px;
    padding-left: 24px;
}

.bonuses-line._got .bonuses-line__time._available,
.bonuses-line._miss .bonuses-line__time._available
{
    display: none;
}


.bonuses-line__time::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 16px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_bonus/ic_time.svg) 50%/contain no-repeat;
}

.bonuses-line__time._active::before
{
    width: 17px;
    height: 16px;
    margin-top: -8px;

    background-image: url(../images/ic_bonus/ic_check.svg);
}

.bonuses-line__time._look::before
{
    background-image: url(../images/ic_bonus/ic_look.svg);
}

.bonuses-line__time span
{
    opacity: .5;
}

.bonuses-line__info
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;

    overflow: hidden;

    margin-top: 4px;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .45;
}

.bonuses-line__info._missed
{
    display: none;

    opacity: .25;
}
.bonuses-line._miss .bonuses-line__info._missed
{
    display: flex;
}
.bonuses-line._miss .bonuses-line__info._available
{
    display: none;
}

.bonus-progressbar
{
    position: relative;

    width: 100%;
    max-width: 92px;
    height: 7px;
    margin-top: 8px;

    border-radius: 10px;
    background: #6B7073;
}

.bonus-item .bonus-progressbar
{
    margin-top: 0;
}

.bonus-progressbar span
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    height: 100%;

    border-radius: 10px;
    background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,107,0,1) 100%);
}

.bonuses-line__last
{
    flex-shrink: 0;

    width: 120px;
    margin-left: 15px;
}

.bonuses-line__last._missed
{
    display: none;
}
.bonuses-line._miss .bonuses-line__last._missed
{
    display: flex;
}
.bonuses-line._got .bonuses-line__last._available,
.bonuses-line._miss .bonuses-line__last._available
{
    display: none;
}

.head-notice__more-btn
{
    color: #D1E1E8;
    font: 700 16px/35px var(--font_family);

    display: block;

    margin-top: 30px;
    padding-bottom: 2px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #3D4143;
}

.head-notice__more-btn span
{
    opacity: .95;
}


.notice-game__item + .notice-game__item
{
    margin-top: 24px;
}

.notice-game__title
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    opacity: .95;
}

.notice-game__info
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;

    margin-top: 6px;

    opacity: .4;
}

.bonuses-line__bot
{
    width: 120px;
    margin-top: 8px;
}

.notice-game__waiting
{
    color: #E4EEF2;
    font: 500 13px/32px var(--font_family);

    display: block;

    width: 100%;

    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #3D4143;
}

.notice-game__waiting.modal_link
{
    cursor: pointer;
}

.notice-game__waiting
{
    opacity: .5;
}


.page-head._hide-pc
{
    display: none;
}

.bonus-page
{
    max-width: 832px;
    margin: 0 auto 0;
}

.about-bonus
{
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    margin: -16px 0 0 -16px;
}

.about-bonus__item
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: calc(100%/3 - 16px);
    margin: 16px 0 0 16px;
    padding: 16px;

    border-radius: 10px;
    background: #191B1C;
}

.about-bonus__name
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;

    opacity: .4;
}

.about-bonus__price
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    margin-top: 6px;

    opacity: .95;
}


.bonus-page__grid
{
    margin: -6px 0 0 -16px;
}

.bonus-page__item
{
    /* width: 196px; */
    width: calc(50% - 16px);
    margin: 16px 0 0 16px;
    padding: 14px;

    border-radius: 8px;
    background: #191B1C;
}

@media (any-hover: hover)
{
    .bonus-page__item:hover
    {
        background: #222426;
    }
}

.bonus-page__item:active
{
    top: 5px;
}

.bonus-page__item._click
{
    cursor: pointer;
}

.bonus-page__name
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .95;
}

.bonus-page__icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 69px;
    margin-top: 42px;
}

.bonus-page__icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.bonus-page__bot
{
    margin-top: 46px;
}

.bonus-page__btn
{
    color: #222426;
    font: 700 14px/33px var(--font_family);

    display: block;

    width: 100%;
    padding-bottom: 2px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,143,51,1) 5%,rgba(255,107,0,1) 100%);
    box-shadow: inset 0 -2px 1px #FD4818, 0 0 5px rgba(255,122,21,.35);
}

@media (any-hover: hover)
{
    .bonus-page__item._click:hover .bonus-page__btn
    {
        background: linear-gradient(to bottom,  rgba(255,163,79,1) 0%,rgba(255,107,0,1) 100%);
    }
}

.bonus-page__item._click:active .bonus-page__btn
{
    background: linear-gradient(to bottom,  rgba(253,94,24,1) 0%,rgba(255,122,21,1) 5%,rgba(255,107,0,1) 100%);
}

.bonus-page__btn span
{
    position: relative;

    display: inline-block;

    padding-left: 24px;
}

.bonus-page__btn span::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 17px;
    height: 16px;
    margin-top: -8px;

    background: url(../images/ic_bonus/ic_calendar2.svg) 50% no-repeat;
}

.bonus-page__btn b
{
    opacity: .99;
}

.bonus-page__watch
{
    color: #D1E1E8;
    font: 700 14px/33px var(--font_family);

    display: block;

    padding-bottom: 2px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #3D4143;
}

.bonus-page__watch span
{
    opacity: .95;
}


.calendar-bonuses_box
{
    margin-top: 16px;
    padding: 10px 0 14px;

    /* border-radius: 8px;
    background: #191B1C; */
}

.calendar-bonuses_spins
{
    display: none;
}

.calendar-bonuses__top
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.calendar-bonuses__title
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    overflow: hidden;

    margin-right: auto;
    padding-right: 15px;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}

.bonus-page__title
{
    color: #D1E1E8;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 32px;
    margin-top: 16px;

    opacity: .99;
}

.calendar-bonuses__top-watch
{
    color: #FF981B;
    font: 700 14px/30px var(--font_family);

    display: block;
    flex-shrink: 0;

    padding: 0 16px 2px 16px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: rgba(255,152,27,.2);
}

.calendar-bonuses__top-watch_dark
{
    color: #FF6E05;
}

.calendar-bonuses__top-watch span
{
    opacity: .99;
}

.calendar-bonuses__arows
{
    flex-wrap: nowrap;
}

.calendar-bonuses__arrov
{
    color: #8C979C;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 44px;
    height: 32px;
    margin-left: 8px;

    cursor: pointer;

    border: 1px solid #3D4143;
    border-radius: 10px;
    background: transparent;
}

@media (any-hover: hover)
{
    .modal-calendar .calendar-bonuses__arrov:not(.disabled):hover
    {
        border-color: transparent;
        background: #222426;
    }

    .calendar-bonuses__prev_slider:not(.swiper-button-disabled):hover,
    .calendar-bonuses__next_slider:not(.swiper-button-disabled):hover,
    .calendar-bonuses__prev_slider2:not(.swiper-button-disabled):hover,
    .calendar-bonuses__next_slider2:not(.swiper-button-disabled):hover
    {
        border-color: transparent;
        background: #222426;
    }
}

.calendar-bonuses__arrov.disabled,
.calendar-bonuses__arrov.swiper-button-disabled
{
    color: #3D4143;

    cursor: default;

    border-color: transparent;
}

.calendar-bonuses__arrov svg
{
    width: 8px;
    height: 14px;

    fill: currentColor;
}

.calendar-bonuses__prev svg
{
    transform: rotate(180deg);
}

.calendar-bonuses__grid
{
    margin-left: -10px;
}

#modal-spins .calendar-bonuses__grid
{
    min-height: 654px;
}

#modal-calendar .calendar-bonuses__grid
{
    min-height: 654px;
}

.calendar-bonuses__grid .bonus-item
{
    width: calc(100%/3 - 10px);
    margin: 10px 0 0 10px;

    background: #191B1C;
}

@media (any-hover: hover)
{
    .calendar-bonuses__grid .bonus-item:hover
    {
        background: #222426;
    }
}

.calendar-bonuses__item
{
    position: relative;

    width: calc(100%/5 - 10px);
    min-height: 208px;
    margin: 10px 0 0 10px;
    padding: 12px;

    border-radius: 8px;
    background: #191B1C;
}

.calendar-bonuses__slider,
.freespins-slider
{
    margin-top: 10px;
}

.calendar-bonuses__slider.swiper-container,
.freespins-slider.swiper-container
{
    overflow: hidden;

    margin-right: 0;
    margin-left: 0;
}

.calendar-bonuses__slider .swiper-wrapper,
.freespins-slider .swiper-wrapper
{
    margin-left: 0;
}

.freespins-slider__grid .bonus-item
{
    border-radius: 8px;
    background: #191B1C;
}

.calendar-bonuses__slider .calendar-bonuses__item
{
    width: 100%;
    margin: 0;
}

.calendar-bonuses__item._skip
{
    height: 208px;
}

.calendar-bonuses__item._today::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;

    border: 1px solid #FF981B;
    border-radius: 8px;
    box-shadow: 0 0 6px rgba(250, 112, 20, .35);
}

.calendar-bonuses__date
{
    color: #E4EEF2;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;

    text-align: center;
    text-transform: uppercase;

    opacity: .5;
}

.calendar-bonuses__item._today .calendar-bonuses__date
{
    color: #E4EEF2;

    opacity: .95;
}

.calendar-bonuses__box
{
    justify-content: center;
    align-content: center;
    align-items: center;

    max-width: 121px;
    height: 60px;
    margin: 16px auto 0;
}

.calendar-bonuses__box._active
{
    padding: 0 10px;
}

.calendar-bonuses__box-items
{
    justify-content: center;
    align-content: center;
    align-items: center;

    width: calc(100% + 3px);
    margin: -6px 0 0 -3px;
}

.calendar-bonuses__box-item
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 28px;
    height: 28px;
    margin: 6px 0 0 3px;
}

.calendar-bonuses__box-item._big
{
    width: 54px;
    height: 60px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.calendar-bonuses__box-item._shadow img
{
    filter: drop-shadow(0 0 3px rgba(255, 198, 23, .35));
}

.calendar-bonuses__box-item img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.calendar-bonuses__info
{
    position: relative;

    color: #E4EEF2;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;

    margin-top: 14px;

    text-align: center;

    opacity: .4;
}

.calendar-bonuses__item._skip .calendar-bonuses__info
{
    position: absolute;
    top: 50%;
    left: 0;

    line-height: 21px;

    width: 100%;
    margin: 0;
    padding: 0 11px;

    transform: translateY(-50%);
}

.calendar-bonuses__sum
{
    color: #D1E1E8;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;

    margin-top: 6px;

    text-align: center;

    opacity: .95;
}

.calendar-bonuses__sum-current
{
    color: #FF8F33;
}

.calendar-bonuses__bot
{
    margin-top: 6px;
}

.calendar-bonuses__look
{
    position: relative;

    display: block;

    width: 100%;
    height: 32px;

    background: url(../images/ic_bonus/ic_look.svg) 50% no-repeat;
}

.calendar-bonuses__grey
{
    color: #E4EEF2;
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;

    padding-bottom: 2px;

    text-align: center;

    border-radius: 10px;
    background: #3D4143;
}

.calendar-bonuses__grey span
{
    opacity: .5;
}

.freespins-slider .bonus-item,
.calendar-bonuses__grid .bonus-item
{
    min-height: 208px;
}



/* ---------------------
	main-banner
--------------------- */
.main-banner
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;

    min-height: 404px;
    margin-bottom: 30px;
    padding: 50px 20px;

    background: #131418;
}

.main-banner__img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}

.main-banner__bg
{
    position: relative;

    display: block;

    width: 100%;
    height: 100%;
}


.main-banner__bg img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 75% 50%;
}

.main-banner__box
{
    max-width: 60%;
}

.main-banner__name
{
    position: relative;
    z-index: 1;

    color: #E4EEF2;
    font-size: 42px;
    font-weight: 700;
    line-height: normal;

    opacity: .99;
}

.main-banner__name_mob
{
    display: none;
}

.main-banner__desc
{
    position: relative;
    position: relative;
    z-index: 1;

    color: #FF3030;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.4;

    margin-top: 18px;

    opacity: .99;
}
.main-banner__bot
{
    position: relative;
    z-index: 1;

    margin: 15px 0 0 -45px;
}

.main-banner__btn
{
    color: rgba(226, 236, 240, .95);
    font-size: 18px;
    font-weight: 600;
    line-height: 46px;

    display: inline-block;

    margin: 15px 0 0 45px;
    padding: 0 15px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 8px;
    background: #FF322F;
}

.main-banner__more
{
    color: #E2ECF0;
    font-size: 18px;
    font-weight: 600;
    line-height: 46px;

    display: inline-block;

    margin: 15px 0 0 45px;
    padding: 0 15px;

    vertical-align: top;
    text-decoration: none;

    border-radius: 8px;
}

.main-banner__more span
{
    opacity: .95;
}

.main-banner__img-link
{
    display: none;
}


/* ---------------------
	payments_white
--------------------- */
.payments-white
{
    display: none;
}

.payments-white__flex
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin: -22px 0 0 -16px;
}

.payments-white__payment
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    margin: 22px 0 0 16px;

    opacity: .6;
}

.payments-white__payment.show
{
    display: block;
}

.payments-white__payment img
{
    display: block;

    height: 25px;

    object-fit: contain;
}

.more-pay
{
    display: none;

    margin-top: 48px;

    text-align: center;
}

.more-pay.active
{
    display: none;
}

.more-pay__btn
{
    color: #FFF;
    font: 700 18px/57px var(--font_family);

    display: inline-block;

    padding: 0 24px;

    vertical-align: top;
    text-decoration: none;

    border: none;
    border-radius: 50px;
    background: rgba(255,255,255,.12);
}

.more-pay__btn span
{
    opacity: .99;
}



/* ---------------------
	Sorting games
--------------------- */
.subhead
{
    margin-bottom: 27px;
    padding-top: 62px;

    background: var(--header_bg);
}

.subhead.subhead_game
{
    display: none;
}

.subhead .content_all
{
    padding-top: 0;
    padding-bottom: 0;
}

.subhead + .content_all:not(.page_game)
{
    padding-top: 0 !important;
}

.verification_infoMob.verification_payment
{
    display: none !important;

    margin: 0;
}

.sorting-games-wrap + .verification_infoMob.verification_payment
{
    margin-top: 16px;
}

.sorting-games-wrap
{
    display: none;

    height: 54px;
}

.sorting-games.fixedTop
{
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;

    width: 100%;

    pointer-events: none;

    transition: transform .4s ease;
}

.sorting-games__bg
{
    position: relative;

    padding-top: 8px;
    padding-bottom: 8px;

    background: var(--header_bg);
}

.sorting-games.fixedTop .sorting-games__bg
{
    pointer-events: auto;
}

.sorting-games.fixedTop .sorting-games__bg::before,
.sorting-games.fixedTop .sorting-games__bg::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 1px;

    background: rgba(167,167,173,.12);
}

.sorting-games.fixedTop .sorting-games__bg::after
{
    top: auto;
    bottom: 0;
}

.sorting-games__scroll
{
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    scrollbar-color: transparent transparent;
    scrollbar-width: thin;
}

.sorting-games__scroll:not(.swiper-container) .slider-but-prev,
.sorting-games__scroll:not(.swiper-container) .slider-but-next
{
    display: none;
}

.sorting-games__scroll.swiper-container
{
    overflow: hidden;
}

.sorting-games__scroll::-webkit-scrollbar
{
    display: none;

    width: 10px;
    height: 10px;

    border-radius: 0;
    background-color: transparent;

    -webkit-appearance: none;
}

.sorting-games__scroll::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: transparent;
}

@media (min-width: 1025px)
{
    .sorting-games
    {
        top: 0 !important;
    }
}

.sorting-games__openSearch
{
    display: none;
}

.sorting-games__line
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    height: auto;
}

.sorting-games__providers
{
    display: none;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    margin-left: 10px;
}

.sorting-games__item
{
    position: relative;

    color: #D1E1E8;
    font: 500 13.6px var(--font_family);
    line-height: 38px;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    padding: 0 11.5px;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;

    border: none;
    border-radius: 8px;
    background: rgba(228,238,242,.09);

    transition: background .09s linear;
}

.sorting-games__item.swiper-slide
{
    width: auto;
    height: auto;

    transition: background .09s linear;
}

.sorting-games__item + .sorting-games__item
{
    margin-left: 10px;
}

.sorting-games__item.swiper-slide + .sorting-games__item.swiper-slide
{
    margin-left: 0;
}

.sorting-games__item:not(.sorting-games__item_today):hover
{
    background: rgba(228,238,242,.06);

    transition-duration: 0s;
}

.sorting-games .sorting-games__item.active
{
    color: #E4EEF2;
    font-weight: 600;

    background: rgba(228,238,242,.4);
}

.sorting-games__item::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    border: 1px solid rgba(209,225,232,.20);
    border-radius: 8px;
}

.sorting-games__item-icon
{
    position: relative;

    display: flex;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
    margin-right: 8px;

    border-radius: 50%;
}

.sorting-games__item-icon.aviator
{
    width: 38px;
}

.sorting-games__item_today
{
    font-weight: 600;

    background: linear-gradient(to right, rgba(238,0,114,.5) 0%,rgba(255,31,61,.5) 35%,rgba(255,48,48,.5) 65%,rgba(248,68,43,.5) 100%);
}

.sorting-games__item_today::after
{
    content: "";

    position: absolute;
    top: 1px;
    left: 1px;

    width: calc(100% - 2px);
    height: calc(100% - 2px);

    border-radius: 8px;
    background: #0E1012;
}

.sorting-games__item_today span
{
    position: relative;
    z-index: 1;

    opacity: 1;
    background: linear-gradient(to right, rgba(238,0,114,1) 0%,rgba(255,31,61,1) 35%,rgba(255,48,48,1) 65%,rgba(248,68,43,1) 100%);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.sorting-games__item-icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.sorting-games__item-icon._circle img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;

    object-fit: cover;
}

.sorting-games__item-name
{
    display: block;

    opacity: .95;
}

.sorting-games__item.active .sorting-games__item-name
{
    opacity: .99;
}

.sorting-games__providers
{
    display: none;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    margin-left: 10px;
}

.sorting-games__item .sorting-games__item-icon
{
    display: none;
}



/* ---------------------
	games
--------------------- */
.games .block_head,
.games .main_title
{
    display: none;
}

.games .grid
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin: 0 0 0 calc(var(--marg_game)*-1);

    --marg_game: 16px;
    --marg_game2: 35px;
    --numbers_game: 5;
}

.msg_no_games
{
    margin: var(--marg_game2) 0 0 var(--marg_game);
}

.games .grid br
{
    display: none;
}

.games .grid .game
{
    width: calc(100%/var(--numbers_game) - var(--marg_game));
    margin: var(--marg_game2) 0 0 var(--marg_game);
}

.main_games .grid .game:nth-child(n + 11)
{
    display: none;
}

.content_all.no_login .games .grid
{
    --numbers_game: 6;
}

.content_all.no_login .main_games .grid .game:nth-child(n + 11)
{
    display: block;
}

.content_all.no_login .main_games .grid .game:nth-child(n + 13)
{
    display: none;
}

.main_games .grid .game.game-sport:nth-child(n + 6),
.main_games .grid .game.sport-events__item:nth-child(n + 6)
{
    display: none;
}

.content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 6),
.content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 6)
{
    display: block;
}

.content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 7),
.content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 7)
{
    display: none;
}

.main_games.games .grid .game.sport-events__item
{
    height: 207px;
}

.games .game
{
    position: relative;

    display: block;

    text-decoration: none;
}

.games .game .box_img
{
    position: relative;
    z-index: 1;

    display: block;
    overflow: hidden;

    padding-bottom: 61.38%;

    border-radius: 10px;
    background: rgba(167,167,173,.12);
}

.games .game .bord
{
    content: "";

    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .4;
}

.games .game.big .bord
{
    display: none;
}

.games .game .bg
{
    content: "";

    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.games .game .img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.games .game .img img
{
    position: absolute;
    z-index: 2;
    top: 0%;
    left: 0%;

    display: block;

    width: 100%;
    height: 100%;

    transition: all 100ms linear;

    object-fit: cover;
}

.games .game .img img.img_small
{
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.games .game .gameGif
{
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: 0;

    transition: opacity .09s linear;
}

.games .game .gameGif.loaded
{
    display: block;
}

.games .game:hover .gameGif
{
    display: block;

    opacity: 1;

    transition-duration: 0s;
}

.games .game .gameGif img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.game__info
{
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;

    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    opacity: 0;

    transition: opacity .09s linear;
}

.game__bet
{
    color: #FDFDFD;
    font-size: 11px;
    font-weight: 500;
    line-height: 24px;

    display: block;

    margin: 0 6px 6px 0;
    padding: 0 8px;

    border-radius: 6px;
    background: rgba(18,18,22.9);
}

.games .game:hover .game__info
{
    opacity: 1;

    transition-duration: 0s;
}

.game__bet span
{
    opacity: .75;
}

.game__livebet
{
    color: #9E9EA3;
    font-size: 12.5px;
    font-weight: 600;
    line-height: normal;

    display: none;

    margin-top: 6px;
}

.game__livebet_big
{
    color: #F72537;

    opacity: .9;
}

.games .game .box .name
{
    margin-top: 13px;

    text-align: left;
}

.games .game .name
{
    color: #FFF;
    font-size: 15.2px;
    font-weight: 500;

    display: block;
    overflow: hidden;

    margin-top: 13px;

    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}

.games .game .provider
{
    display: block;

    text-decoration: none;
}

.games .game .provider_name
{
    color: #D9D9DE;
    font-size: 12.8px;
    font-weight: 400;
    line-height: 17px;

    display: block;

    width: 100%;
    margin-top: 9px;

    opacity: .75;
}


/* ---------------------
	mainCategories
--------------------- */
.mainCategories
{
    position: relative;

    display: none;
}

.mainCategories + .section__bord
{
    margin-top: -35px;
}

.mainCategories .grig_wrap
{
    font-size: 0;

    display: flex;
    overflow: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: calc(100% + 40px);
    max-height: none !important;
    margin: 0 -20px 0 -20px;
    padding-top: 4px;
    padding-right: 20px;
    padding-left: 10px;

    /* scrollbar-color: transparent transparent;
    scrollbar-width: thin; */
}

.mainCategories .grig_wrap::-webkit-scrollbar
{
    display: none;

    width: 10px;
    height: 10px;

    border-radius: 0;
    background-color: transparent;

    -webkit-appearance: none;
}

.mainCategories .grig_wrap::-webkit-scrollbar-thumb
{
    border-radius: 0;
    background-color: transparent;
}

.mainCategories .item
{
    position: relative;

    color: #D9D9DE;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;

    display: block;
    flex-shrink: 0;

    width: 132px;
    margin-left: 12px;
    padding: 31px 8px 24px;

    text-align: center;
    text-decoration: none;

    border: none;
    border-radius: 16px;
    background: rgba(255,255,255,.06);

    transition: .1s linear;
}

.mainCategories .item:nth-child(2),
.mainCategories .item:nth-child(3)
{
    order: -1;
}

.mainCategories .item.race .number
{
    position: absolute;
    z-index: 5;
    top: 16px;
    right: 16px;

    color: #D1E1E8;
    font-size: 15px;
    font-weight: 600;
    line-height: 23px;

    min-width: 23px;
    padding: 0 5px;

    text-align: center;

    border-radius: 50px;
    background: #FC4049;
}

.mainCategories .item.race .number span
{
    opacity: .99;
}

/* .mainCategories .item:first-child,
.mainCategories .item:nth-child(2)
{
    display: none;
}

.no_login .mainCategories .item:first-child,
.no_login .mainCategories .item:nth-child(2)
{
    display: block;
} */

/* .mainCategories .item:nth-child(6),
.mainCategories .item:nth-child(7),
.mainCategories .item:nth-child(8),
.mainCategories .item:nth-child(9),
.mainCategories .item:nth-child(10),
.mainCategories .item:nth-child(11),
.mainCategories .item:nth-child(12)
{
    order: 10;
}

.no_login .mainCategories .item:nth-child(6)
{
    order: 0;
}

.no_login .mainCategories .item:nth-child(13)
{
    order: 10;
} */

.mainCategories .item .info
{
    position: absolute;
    top: -4px;
    right: -8px;

    font-size: 10px;
    font-weight: 700;
    line-height: 38px;

    display: none;

    width: 64px;
    padding: 3px 6px;

    text-transform: uppercase;

    border-radius: 10px;
    background: #4A08E0;
}

.mainCategories .item .info.big
{
    line-height: normal;

    width: auto;
    padding: 6px 16px;
}

.mainCategories .item .info span
{
    line-height: 1.4;

    display: inline-block;

    width: 100%;

    vertical-align: middle;
    word-wrap: break-word;
}

.mainCategories .item .icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 92px;
    height: 92px;
    margin: 0 auto;
}

.mainCategories .item .icon:not(.circle)
{
    mix-blend-mode: lighten;
}

.mainCategories .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mainCategories .item .icon video
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.mainCategories .item .icon.circle
{
    overflow: hidden;

    padding: 0;

    border-radius: 50%;
    background: rgba(167,167,173,.12);
}

.mainCategories .item .icon.circle::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.mainCategories .item .icon.circle img
{
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;

    object-fit: cover;
}

.mainCategories .item .name
{
    display: block;

    min-height: 52px;
    margin-top: 26px;

    word-wrap: break-word;

    opacity: .99;
}

.mainCategories .item:before
{
    content: "";

    position: absolute;
    top: 19px;
    right: 19px;

    width: 10px;
    height: 10px;

    opacity: 0;
    border-radius: 50%;
    background: var(--bg_event);
}

.mainCategories .item.in_event:before
{
    opacity: 1;
}



/*---------------
	Sidebar
---------------*/
.sidebar
{
    position: fixed;
    z-index: 201;
    bottom: 0;
    left: 0;

    width: var(--width_sidebar);
    height: 100%;
    height: calc(100% - 69px);

    background: var(--bg);
}

.sidebar.hide
{
    display: none;
}

.sidebar .custom_scroll
{
    overflow-y: scroll;

    height: 100%;
    padding: 0 0 0 9px;
}

@media (min-width: 1025px)
{
    /* .sidebar .custom_scroll
    {
        scrollbar-color: var(--bg_scroll) var(--bg);
        scrollbar-width: thin;
    } */

    .custom_scroll::-webkit-scrollbar-track
    {
        background-color: var(--bg);
    }

    .custom_scroll::-webkit-scrollbar
    {
        width: 8px;
        height: 8px;

        background-color: var(--bg);
    }

    .custom_scroll::-webkit-scrollbar-thumb
    {
        border: none;
        border-radius: 16px;
        background-color: var(--bg);
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .custom_scroll:hover::-webkit-scrollbar-thumb
    {
        background-color: var(--bg_scroll);
    }
}

.sidebar .box_menu
{
    position: relative;

    margin-top: 9px;
    padding-top: 9px;
}

.sidebar .box_menu::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 9px;

    width: calc(100% - 18px);
    height: 1px;

    background: rgba(209,255,232,.14);
}

.sidebar .login_btn + .box_menu
{
    margin-top: 18px;
    padding-top: 0;
}

.sidebar .login_btn + .box_menu::before
{
    display: none;
}

.sidebar .box_menu.no_bord
{
    margin-top: 0;
    padding-top: 0;
}

.sidebar .box_menu.no_bord::before
{
    display: none;
}

.sidebar_title
{
    color: #D1E1E8;
    font-size: 13.5px;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 9px;
    padding-top: 7px;
    padding-right: 9px;
    padding-left: 8px;

    opacity: .85;
}

.sidebar .menu .item
{
    position: relative;

    color: #D1E1E8;
    font-size: 13.5px;
    font-weight: 600;

    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 40px;
    padding: 5px 8px 5px 8px;

    text-decoration: none;

    border-radius: 8px;

    transition: background .09s linear;
}

/* .sidebar .box_menu_cats .menu .item:nth-child(n + 5)
{
    display: none;
}

.sidebar .box_menu_cats .menu .item.show
{
    display: flex;
} */

/* .sidebar .box_menu_prov .menu .item:nth-child(n + 9)
{
    display: none;
} */

.sidebar .box_menu_prov .menu .item.show
{
    display: flex;
}

.sidebar .menu .open_more
{
    font-family: var(--font_family);

    width: 100%;

    cursor: pointer;
    text-align: left;

    border: none;
    background: transparent;
}

.sidebar .box_menu_cats .menu .item.open_more,
.sidebar .box_menu_prov .menu .item.open_more
{
    display: flex;
}

.sidebar .menu .open_more .icon
{
    border-radius: 50%;
    background: rgba(209,225,232,.06);
}

.sidebar .menu .item.item_home
{
    font-weight: 700;
}

.sidebar .menu .item:hover
{
    background: rgba(204,224,232,.06);

    transition-duration: 0s;
}

.sidebar .menu .item:active
{
    background: rgba(204,224,232,.4);

    transition-duration: 0s;
}

.sidebar .menu .item.active
{
    color: #E4EEF2;

    background: var(--bg_active);

    transition-duration: 0s;
}

.sidebar .menu .item:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 14px;

    display: none;

    width: 6px;
    height: 6px;
    margin-top: -3px;

    opacity: 0;
    border-radius: 50%;
    background: var(--bg_event);
}

.sidebar .menu .item.in_event:before
{
    opacity: 1;
}

.sidebar .menu .item .name
{
    display: block;

    width: calc(100% - 40px);

    opacity: .95;
}

.sidebar .menu .item .name._bonus
{
    opacity: 1;
}

.sidebar .menu .item.active .name
{
    opacity: .99;
}

.sidebar .menu .item.active .name._bonus
{
    opacity: 1;
}

.sidebar .menu .item .name__bonus
{
    line-height: 16px;

    display: block;

    opacity: .95;
}

.sidebar .menu .item.active .name__bonus
{
    opacity: .99;
}

.sidebar .menu .item .bonus-progressbar
{
    display: block;

    margin-top: 6px;
}



.sidebar .menu .item .icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
}

.sidebar .menu .item .icon__img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    transition: opacity .2s linear;

    mix-blend-mode: lighten;
}

/* .sidebar .menu .item:hover .icon__img
{
    opacity: 0;
} */

.sidebar .menu .item .icon img,
.sidebar .menu .item .icon video
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.sidebar .menu .item_home .icon img + img
{
    display: none;
}

.sidebar .menu .item .video
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    mix-blend-mode: lighten;
}

.sidebar .menu .item:hover .video
{
    display: flex;
}

.sidebar .menu .item .icon.circle
{
    overflow: hidden;

    width: 26px;
    height: 26px;

    border-radius: 50%;
    background: rgba(228, 238, 242, .2);
}

.sidebar .menu .item .icon.circle img
{
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;

    object-fit: cover;
}

.sidebar .menu .open_more .plus
{
    position: relative;

    display: block;

    width: 24px;
    height: 24px;

    border-radius: 50%;
    background: var(--color4);
}

.sidebar .menu .open_more .plus:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;

    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;

    background: url(../images/ic_plus.svg) 50% no-repeat;
}

.sidebar .menu .open_more.view .plus:before
{
    height: 2px;
    margin-top: -1px;
}

.sidebar .menu .open_more .more_off
{
    display: none;
}

.sidebar .menu .open_more.view .more
{
    display: none;
}

.sidebar .menu .open_more.view .icon
{
    transform: rotate(180deg);
}

.sidebar .menu .open_more.view .more_off
{
    display: block;
}

.sidebar .hideMob
{
    display: none;
}


.sidebar .list
{
    position: relative;

    color: #E4EEF2;
    font-size: 12.2px;
    font-weight: 600;
    line-height: 22px;

    margin-top: 22px;
    padding: 0 6px;

    opacity: .45;
}

.sidebar.small .list
{
    display: none;
}

.sidebar .list > div
{
    display: inline-block;
}

.sidebar .list a
{
    color: #E4EEF2;

    text-decoration: none;

    border-bottom: 1px solid transparent;
}

.sidebar .list a:hover
{
    border-bottom-color: currentColor;
}

.sidebar .login_btn
{
    position: relative;

    color: #F72537;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 35px;

    display: inline-block;

    margin: 17px 0 0 8px;
    padding: 0 14px 0 37px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;

    border: 1px solid rgba(245,37,55,.3);
    border-radius: 8px;
    background: rgba(209,255,232,.02);
}

.sidebar .login_btn:hover
{
    background: rgba(209,255,232,.06);
}

.sidebar .login_btn:active
{
    border-color: transparent;
    background: rgba(245,37,55,.3);
}

.sidebar .login_btn::before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 10px;

    width: 19px;
    height: 20px;
    margin-top: -10px;

    background: url(../images/ic_user2.svg) 50% no-repeat;
}

.sidebar .reg_btn span
{
    opacity: .99;
}

.sidebar__copyright
{
    color: #E4EEF2;
    font-size: 11.5px;

    margin-top: 20px;
    padding: 0 6px 30px;

    opacity: .29;
}


.aside_head
{
    position: fixed;
    z-index: 202;
    top: 0;
    left: 0;

    width: var(--width_sidebar);
    height: 62px;

    background: var(--bg);
}

.aside_head.game
{
    height: 69px;
}

.sidebar_burger
{
    position: absolute;
    z-index: 11;
    top: 7px;
    left: 10px;

    display: block;

    width: 40px;
    height: 40px;
    padding: 10px 6px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
    background: transparent;
}

.sidebar_burger:hover
{
    background-color: rgba(228, 238, 242, .06);
}

.sidebar_burger:active
{
    background-color: rgba(228, 238, 242, .40);
}

.sidebar_burger::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 50%;
    background: url(../images/burger.svg) 50% no-repeat;
}

.sidebar_burger span
{
    display: none;

    height: 2px;

    background: var(--color2);
}

.sidebar_burger span + span
{
    margin-top: 3px;
}

.aside_head .logo
{
    position: absolute;
    z-index: 11;
    top: 7px;
    left: 0;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: calc(100% - var(--scroll_width));
    height: 42px;
    padding: 0 0 0 70px;
}

.aside_head .logo a
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 100%;
}

.aside_head .logo img
{
    display: block;

    max-width: 100%;
    height: 100%;

    object-fit: contain;
}


.sidebar_small
{
    position: fixed;
    z-index: 201;
    bottom: 0;
    left: 0;

    display: none;

    width: var(--width_sidebar_small);
    height: calc(100% - 69px);
    padding: 0 12px;

    background: var(--bg);
}

@media (min-width: 1025px)
{
    /* .sidebar_small
    {
        scrollbar-color: var(--bg_scroll) var(--bg);
        scrollbar-width: thin;
    } */

    .sidebar_small::-webkit-scrollbar-track
    {
        background-color: var(--bg);
    }

    .sidebar_small::-webkit-scrollbar
    {
        width: 10px;
        height: 10px;

        background-color: var(--bg);
    }

    .sidebar_small::-webkit-scrollbar-thumb
    {
        border: 2px solid var(--bg);
        border-radius: 16px;
        background-color: var(--bg);
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .sidebar_small:hover::-webkit-scrollbar-thumb
    {
        background-color: var(--bg_scroll);
    }
}

.sidebar_small.show
{
    display: block;
}

.sidebar_small .menu .item
{
    position: relative;

    color: #E4EEF2;
    font-size: 9px;
    font-weight: 400;
    line-height: 1.2;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding: 8px 2px;

    text-align: center;
    text-decoration: none;

    border-radius: 8px;
}

.sidebar_small .menu .item:hover
{
    background: rgba(204,224,232,.06);
}

.sidebar_small .menu .item:active
{
    background: rgba(204,224,232,.4);
}

.sidebar_small .menu .item.active
{
    background: var(--bg_active);
}

.sidebar_small .menu .item:nth-child(n + 7)
{
    display: none;
}

.sidebar_small.game .menu .item:nth-child(n + 6)
{
    display: none;
}

.sidebar_small .menu .item .name
{
    display: block;

    width: 100%;
    margin-top: 6px;

    word-wrap: break-word;

    opacity: .99;
}

.sidebar_small .menu .item .icon
{
    position: relative;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 24px;
    height: 24px;
}

.sidebar_small .menu .item .icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.sidebar_small .menu .item .icon__img
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    transition: opacity .2s linear;

    mix-blend-mode: lighten;
}

/* .sidebar_small .menu .item:hover .icon__img
{
    opacity: 0;
} */

.sidebar_small .menu .item .icon img,
.sidebar_small .menu .item .icon video
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.sidebar_small .menu .item .video
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;

    mix-blend-mode: lighten;
}

.sidebar_small .menu .item:hover .video
{
    display: flex;
}

.sidebar_small .menu .item .icon.circle
{
    overflow: hidden;

    padding: 0;

    border-radius: 50%;
    background: var(--bg_defoult);
}

.sidebar_small .menu .item .icon.circle img
{
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;

    object-fit: cover;
}

.sidebar_small .sidebar_burger
{
    display: none;
}

.overlay
{
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.3);
}

.overlay2
{
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: rgba(0,0,0,.3);
}


.aside_right
{
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 0;

    width: var(--width_aside_r);
    height: calc(100% - 62px);

    background: var(--bg_aside_right);

    --bg_aside_right: #0E1012;
}

.aside_right._hide
{
    display: none;
}

.aside_right .custom_scroll
{
    display: flex;
    overflow-y: scroll;
    flex-direction: column;

    height: 100%;
    padding: 0 0 20px 9px;
}

.aside_right.aside_game .custom_scroll
{
    height: calc(100% - 60px);
}

@media (min-width: 1025px)
{
    /* .aside_right .custom_scroll
    {
        scrollbar-color: var(--bg_scroll) var(--bg_aside_right);
        scrollbar-width: thin;
    } */

    .aside_right .custom_scroll::-webkit-scrollbar-track
    {
        background-color: var(--bg_aside_right);
    }

    .aside_right .custom_scroll::-webkit-scrollbar
    {
        width: 8px;
        height: 8px;

        background-color: var(--bg_aside_right);
    }

    .aside_right .custom_scroll::-webkit-scrollbar-thumb
    {
        border: none;
        border-radius: 16px;
        background-color: var(--bg_aside_right);
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    .aside_right .custom_scroll:hover::-webkit-scrollbar-thumb
    {
        background-color: var(--bg_scroll);
    }
}

.aside_game
{
    height: 100%;

    --bg_aside_right: #16161A;
}

.aside_right .bg
{
    padding: 10px 0;
}

.aside_right .bg._no-pad
{
    padding-top: 0;
    padding-bottom: 0;
}

.aside_right .bg + .bg
{
    margin-top: 16px;
}

.aside_right .bg._no-pad + .bg
{
    margin-top: 0;
}

.aside_right .bg._no-pad + .bg._no-pad
{
    margin-top: 2px;
}


/* .my-payouts
{
    margin-top: 30px;
}

.my_payoutsMob
{
    display: none;
}

.my_payoutsTitle
{
    color: #FFF;
    font-size: 13px;
    font-weight: 700;

    opacity: .9;
}

.my_payouts
{
    margin-top: 18px;
}

.my_payouts_scroll
{
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: calc(100% + 32px);
    margin-right: -16px;
    margin-left: -16px;
    padding-right: 16px;
}

.my_payouts .item
{
    padding: 18px 20px;

    border-radius: 8px;
    background: rgba(204,224,232,.15);
}

.my_payouts .sum_pay
{
    color: #FFF;
    font-size: 13px;
    font-weight: 700;

    opacity: .9;
}

.my_payouts .info_pay
{
    color: #CCE0E8;
    font-size: 11px;
    font-weight: 500;

    display: block;

    width: 100%;
    margin-top: 8px;

    opacity: .9;
}

.my_payouts .cancel_pay
{
    margin-top: 20px;
}

.my_payouts .cancel_payBtn
{
    position: relative;

    color: rgba(204,224,232,.75);
    font: 700 12px var(--font_family);

    display: inline-block;

    height: 36px;
    padding: 0 18px;

    cursor: pointer;
    vertical-align: top;

    border: none;
    border-radius: 50px;
    background: linear-gradient(to right, #4E5FB1 0%,#3AA8D6 3%,#3A2791 100%);
}

.my_payouts.swiper-container-initialized
{
    overflow: visible;
}

.my_payouts .swiper-wrapper
{
    height: auto;
}

.my_payouts .swiper-slide
{
    height: auto;
}

.swiper-overflow
{
    overflow: hidden;

    border-radius: 8px;
}

.slider-button-prev-small,
.slider-button-next-small
{
    position: absolute;
    z-index: 12;
    top: -39px;

    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 32px;
    height: 32px;

    cursor: pointer;

    border: none;
    border-radius: 50%;
}

.slider-button-prev-small:hover,
.slider-button-next-small:hover
{
    background: rgba(204,224,232,.1);
}

.swiper-container-initialized .slider-button-prev-small,
.swiper-container-initialized .slider-button-next-small
{
    display: flex;
}

.slider-button-prev-small.swiper-button-disabled,
.slider-button-next-small.swiper-button-disabled
{
    pointer-events: none;

    opacity: .3;
}

.slider-button-prev-small
{
    right: 41px;

    transform: rotate(180deg);
}

.slider-button-next-small
{
    right: 0;
}

.slider-button-prev-small svg,
.slider-button-next-small svg
{
    position: relative;
    z-index: 1;

    display: block;

    width: 14px;
    height: 12px;

    fill: #CCE0E8;
}

.swiper-container-initialized .slider-button-prev-small.swiper-button-lock,
.swiper-container-initialized .slider-button-next-small.swiper-button-lock
{
    display: none;
} */


.my-payouts
{
    margin-top: 14px;
    padding: 14px;

    border-radius: 8px;
    background: rgba(167,167,173,.12);
}

.my_payoutsMob
{
    display: none;
}

.my_payoutsTitle
{
    color: #D9D9DE;
    font-size: 13px;
    font-weight: 500;

    opacity: .98;
}

.my_payoutsMob .my_payoutsTitle
{
    margin-top: 24px;
}

.my_payouts
{
    margin-top: 14px;
}

.my_payouts .item
{
    padding-top: 14px;

    border-top: 1px solid rgba(167,167,173,.09);
}

.my_payouts .item + .item
{
    margin-top: 14px;
}

.my_payouts .sum_pay
{
    color: #E8EAED;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;

    letter-spacing: -.015em;

    opacity: .75;
}

.my_payouts .info_pay
{
    color: #D9D9DE;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;

    display: block;

    width: 100%;
    margin-top: 8px;

    opacity: .6;
}

.my_payouts .cancel_pay
{
    margin-top: 14px;
}

.my_payouts .cancel_payBtn,
.my_payouts .questionnaire_btn
{
    position: relative;

    color: #6969FF;
    font: 500 13px var(--font_family);

    display: inline-block;

    height: auto;
    padding: 0;

    cursor: pointer;
    vertical-align: top;
    text-transform: uppercase;

    opacity: .99;
    border: none;
    background: none;
}


.heig
{
    display: block;

    width: 100%;
    height: 9px;

    background: #15151C;
}

.aside_game .heig
{
    display: none;
}

.aside_right .slimScrollBar,
.aside_right .slimScrollRail
{
    right: 6px !important;
}

.aside_right .sector
{
    flex: 1 0 auto;

    padding-right: 3px;
}

.aside_right .aside_right_close
{
    position: absolute;
    top: 12px;
    right: 23px;

    display: none;
    flex-shrink: 0;

    width: 54px;
    height: 54px;
    margin-left: 12px;

    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.12) url(../images/ic_close4.svg) 50% no-repeat;
}

.aside_right_title
{
    color: #FFF;
    font-size: 27px;
    font-weight: 700;

    display: none;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 54px;
    margin-bottom: 22px;
    padding-right: 65px;
}

.aside_right .top_info
{
    color: #B2B2B8;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;

    display: none;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    min-height: 58px;
    padding-right: 60px;
}

.aside_right .top_info .number
{
    color: #EBEBF0;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;

    width: 100%;
    margin-bottom: 2px;
}

.aside_right .top_info .desc
{
    width: 100%;
}

.aside_right .title
{
    color: #D1E1E8;
    font-size: 13px;
    font-weight: 600;

    opacity: .85;
}

.aside_right .reg
{
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;

    display: block;

    margin-top: 14px;

    text-align: center;
    text-decoration: none;

    border-radius: 50px;
    background: #4584FF;
}

.success_info,
.success_infoMob
{
    color: #464F4E;
    font-size: 12px;
    line-height: 18px;

    display: none;

    padding: 16px;

    background: #2FD99C;
}

.success_info
{
    padding: 8px;

    border-radius: 8px;
}

.verification_info,
.verification_infoMob
{
    color: #4F4D46;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    display: none;

    padding: 16px;

    letter-spacing: -.025em;

    background: #FAD959;
}

.verification_info .desc,
.verification_infoMob .desc
{
    opacity: .99;
}

.verification_info
{
    padding: 8px;

    border-radius: 8px;
}

.verification_payment
{
    padding: 0;

    border-radius: 0;
    background: none;
}

.iban-add.hide
{
    display: none;
}

.iban-add .line-payment-method__card
{
    margin-bottom: 16px;
}

.iban-add .iban-add__input::-webkit-input-placeholder
{
    color: rgba(151,153,159,.99);
}

.iban-add .iban-add__input::-moz-placeholder
{
    color: rgba(151,153,159,.99);

    opacity: 1;
}

.iban-add .iban-add__input:-moz-placeholder
{
    color: rgba(151,153,159,.99);
}

.iban-add .iban-add__input:-ms-input-placeholder
{
    color: rgba(151,153,159,.99);
}

.iban-add .iban-add__input
{
    color: rgba(255,255,255,.90);
    font: 400 14px var(--font_family);

    display: block;

    width: 100%;
    height: 40px;
    padding: 0 15px;

    border: 1px solid transparent;
    border-radius: 5px;
    background: #383A45;
}

.iban-add .iban-add__input.error
{
    border-color: #FF0054;
}

.error-text
{
    color: #FF0054;
    font-size: 12px;
    line-height: 1;

    display: none;

    margin-top: 4px;
}

.iban-add__input.error + .error-text
{
    display: block;
}

.iban-add .iban-add__save
{
    color: rgba(232,234,237,.75);
    font: 500 14px var(--font_family);

    display: block;

    height: 40px;
    margin-top: 16px;
    padding: 0 16px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.015em;

    border: none;
    border-radius: 5px;
    background: #323440;
}

.iban-add .iban-add__save:hover
{
    background: var(--bg3);
}

.iban-verification
{
    display: none;
}

.iban-verification.show
{
    display: block;
}

.iban-verification .line-payment-method__card
{
    color: rgba(150, 152, 158, .75);

    margin-bottom: 0;
}

.iban-verification .iban-add__change
{
    color: rgba(232,234,237,.75);
    font: 500 14px var(--font_family);

    display: block;

    height: 40px;
    margin-top: 16px;
    padding: 0 16px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.015em;

    border: none;
    border-radius: 5px;
    background: #323440;
}

.iban-verification .iban-add__change:hover
{
    background: var(--bg3);
}

.iban-add__flex
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.iban-add__flex .iban-add__field
{
    width: 220px;
}

.iban-add__flex .iban-add__save
{
    flex-shrink: 0;

    margin: 0 0 0 16px;
}

.submit-file
{
    margin-top: 16px;
}

.submit-file .submit-file__submit
{
    color: rgba(232,234,237,.75);
    font: 500 13px var(--font_family);

    display: block;

    height: 40px;
    padding: 0 16px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.015em;

    border: none;
    border-radius: 3.5px;
    background: #323440;
}

.verification-bot.flex
{
    flex-wrap: nowrap;
}

.verification-bot .submit-file
{
    flex-shrink: 0;

    margin-left: 16px;
}

.verification_payment_mob
{
    width: 0;
    height: 0;
}

.verification_payment__froms
{
    position: relative;

    display: none;
}

.verification_payment__from
{
    padding: 8px;

    border-radius: 8px;
    background: #272833;
}

.verification-close + .verification_payment__from
{
    padding-top: 32px;
}

.verification_payment__from + .verification_payment__from
{
    margin-top: 2px;
}

.verification_payment__text
{
    color: #E8EAED;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: -.025em;

    opacity: .75;
}

.verification_payment__text_top
{
    margin-bottom: 16px;
}

.form-send .verification_payment__text
{
    display: none;
}

.verification_payment__text_marg
{
    margin-top: 16px;
    margin-bottom: 0;
}

.verification_payment__box:empty
{
    display: none;
}

.line-payment-method__card
{
    color: #E8EAED;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;

    letter-spacing: -.015em;

    opacity: .75;
}

.verification-close
{
    position: absolute;
    z-index: 10;
    top: 8px;
    right: 8px;

    color: #EBEBF0;

    width: 14px;
    height: 14px;

    cursor: pointer;

    border: 0;
    border-radius: 0;
    background: none;

    transition: .2s linear;
}

.verification-close:before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url(../images/ic_close.svg) 50% no-repeat;
}

.verification-close:hover:before
{
    opacity: 0;
}

.verification-close:after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(../images/ic_closeH.svg) 50% no-repeat;
}

.verification-close:hover:after
{
    opacity: 1;
}

.verification_payment__head
{
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;

    padding: 8px;

    cursor: pointer;

    border-radius: 10px;
    background: #272833;
}

.verification_payment__head:hover
{
    background: #2F3038;
}

.verification_payment__top
{
    position: relative;

    color: rgba(232, 234, 237, .75);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;

    width: 100%;
    min-height: 28px;
    padding-left: 50px;

    letter-spacing: -.025em;
}

.verification_payment__top::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 40px;
    height: 28px;

    border-radius: 3px;
    background: url(../images/ic_card.jpg) 50%/contain no-repeat;
}

.verification_payment__number
{
    color: rgba(150, 152, 158, .75);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;

    flex-shrink: 0;

    min-width: 18px;
    margin-left: 8px;
    padding: 2px 4px 0;

    text-align: center;

    border-radius: 50px;
    background: #323440;
}

.verification_payment__number:empty
{
    display: none;
}

.verification_payment__open
{
    line-height: 1;

    margin-top: 8px;
}

.verification_payment__open-btn
{
    color: #6969FF;
    font: 500 13px var(--font_family);

    display: inline-block;

    cursor: pointer;
    vertical-align: top;
    text-decoration: none;
    letter-spacing: -.025em;

    border: none;
    border-radius: 0;
    background: none;
}

.verification_payment__add-title
{
    color: #E8EAED;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: -.025em;

    opacity: .75;
}

.verification_payment__add-text
{
    position: relative;

    color: rgba(150, 152, 158, .75);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;

    margin-top: 10px;
    padding-left: 26px;

    letter-spacing: -.025em;
}

.verification_payment__add-text::before
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 16px;
    height: 16px;

    background: url(../images/ic_time2.png) 50%/contain no-repeat;
}

.verification_payment__add
{
    display: none;

    margin-top: 16px;
}

.form-send .verification_payment__add
{
    display: block;
}

.verification_payment__support
{
    color: rgba(232, 234, 237, .75);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: -.025em;
}

.verification_payment__support a
{
    color: rgba(47, 216, 155, .75);

    text-decoration: none;
}

header .box_infoAbs
{
    display: none;
}

.header_game._fullscreen .box_infoAbs
{
    position: absolute;
    top: 100%;
    right: 0;

    display: block;

    width: var(--width_aside_r);
    padding: 0 9px 0 9px;
}

.header_game._fullscreen .temp_infoMob
{
    border-radius: 10px;
}

.verification_infoMob,
.success_infoMob
{
    margin-bottom: 9px;
}

.box_infoAbs > * + *
{
    margin-top: -9px;
}


.error_info,
.error_infoMob
{
    color: #4F4646;
    font-size: 12px;
    line-height: 18px;

    display: none;

    padding: 16px;

    background: #E64A60;
}

.error_info
{
    padding: 8px;

    border-radius: 8px;
}

@media (min-width: 1025px)
{
    .error_infoMob
    {
        display: none !important;
    }
}

@media (max-width: 1024px)
{
    .error_info
    {
        display: none !important;
    }
}


.error_info .close,
.error_infoMob .close
{
    color: #4F4646;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;

    display: inline-block;

    margin-top: 8px;

    vertical-align: top;
    text-decoration: none;
}

.temp_info,
.temp_infoMob
{
    color: #4F4D46;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    display: none;

    padding: 16px;

    letter-spacing: -.025em;

    background: #FFF;
}

.temp_info
{
    padding: 8px;

    border-radius: 8px;
}

.aside_game__top:empty
{
    display: none;
}

.aside_game__top .temp_info.hide
{
    margin-bottom: -2px;
}

.aside_game__top:empty + .bg._no-pad
{
    margin-top: 0;
}

.temp_info .desc,
.temp_infoMob .desc
{
    opacity: .99;
}

.temp_info .desc a,
.temp_infoMob .desc a
{
    color: #6969FF;

    text-decoration: none;

    border-bottom: 1px solid;

    transition: border .1s linear;
}

.temp_info .desc a:hover
{
    border-color: transparent;
}

.temp_info .closeb,
.temp_infoMob .closeb
{
    color: #4F4D46;
    font-family: var(--font_family);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    display: inline-block;

    margin-top: 8px;

    cursor: pointer;
    vertical-align: top;
    text-decoration: none;

    border: none;
    background: none;
}


.aside_game .copyright
{
    display: none;
}

.my__balance
{
    position: relative;

    margin-bottom: 14px;
}

.my__balance .number
{
    color: #E4EEF2;
    font-size: 14px;
    font-weight: 700;

    opacity: .95;
}

.aside_right .subTitle
{
    position: relative;

    color: #E8EAED;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;

    margin-top: 8px;

    letter-spacing: -.015em;

    opacity: .25;
}


.box_number
{
    margin: 15px 0 0 -1px;
}

.box_number .number
{
    color: #222426;
    font: 700 14px var(--font_family);

    display: block;

    width: calc(100%/3 - 1px);
    height: 26px;
    margin: 1px 0 0 1px;

    cursor: pointer;

    border: none;
    border-radius: 6px;
    background: #FFBB10;

    transition: .1s linear;
}

.box_number .number span
{
    opacity: .95;
}

.box_number.anim .number
{
    animation: anNumber .3s linear;
}

.box_number .number.color2
{
    /* border-radius: 0; */
    background: #FF7F04;

    animation-delay: .1s;
}

.box_number .number.color3
{
    /* border-radius: 0 8px 0 0; */
    background: #FD5E18;

    animation-delay: .20s;
}

.box_number .number.color4
{
    /* border-radius: 0 0 0 8px; */
    background: #18A1D4;

    animation-delay: .30s;
}

.box_number .number.color5
{
    /* border-radius: 0; */
    background: #7B42F7;

    animation-delay: .40s;
}

.box_number .number.color6
{
    /* border-radius: 0 0 8px 0; */
    background: #5C33F4;

    animation-delay: .50s;
}

.box_number .number:hover
{
    transform: scale(1.05);
}

@keyframes anNumber
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.05);
    }
    100%
    {
        transform: scale(1);
    }
}

.link_funds
{
    position: relative;

    color: #D1E1E8;
    font: 600 13px var(--font_family);

    display: block;

    width: 100%;
    min-height: 36px;
    padding: 8px 8px 8px 45px;

    cursor: pointer;
    text-align: left;

    border: none;
    border-radius: 8px;
    background: transparent;
}

.link_funds .icon
{
    position: absolute;
    top: 50%;
    left: 8px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 22px;
    height: 22px;
    margin-top: -11px;
}

.link_funds .icon img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.link_funds .name
{
    opacity: .85;
}

.link_funds:hover
{
    background: rgba(204,224,232,.09);
}

.link_funds:active
{
    background: rgba(204,224,232,.4);
}

.other_amount
{
    position: relative;

    color: #D1E1E8;
    font: 600 13px var(--font_family);

    display: block;

    width: 100%;
    min-height: 36px;
    margin-top: 8px;
    padding: 8px 8px 8px 45px;

    cursor: pointer;
    text-align: left;

    border: none;
    border-radius: 8px;
    background: transparent;
}

.other_amount:hover
{
    background: rgba(204,224,232,.09);
}

.other_amount:active
{
    background: rgba(204,224,232,.4);
}

.other_amount .icon
{
    position: absolute;
    top: 50%;
    left: 8px;

    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 22px;
    height: 22px;
    margin-top: -11px;
}

.other_amount .icon img
{
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

.other_amount .name
{
    opacity: .85;
}

.min_sum
{
    color: #CCE0E8;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;

    display: block;

    width: 100%;
    margin-top: 8px;

    opacity: .9;
}


.info__game
{
    position: relative;

    display: none;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 100%;
    min-height: 40px;
    padding: 10px 12px 10px 9px;
}

.aside_game .info__game
{
    display: flex;
}

.aside_game .box
{
    display: none;

    width: calc(100% - 131px);
}

.info__game .profile .name
{
    color: #D9D9DE;
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}


.info__game .head-notice
{
    position: static;
}

.info__game .head-notice .mini_modal
{
    top: 100%;
    right: 9px;
}


.info__game .provider_name
{
    color: #8B8991;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;

    margin-top: 6px;
}

.info__game .provider_name a
{
    color: #8B8991;

    text-decoration: none;
}


.info__game .modal_list
{
    position: static;

    flex-shrink: 0;

    margin-left: 10px;
}

.info__game .modal_list .mini_modal
{
    top: 100%;
    right: 9px;
}

.info__game .close_game
{
    display: block;
    flex-shrink: 0;

    width: 40px;
    height: 40px;
    margin-left: 9px;

    border-radius: 50%;
    background: url(../images/ic_close3.svg) 50% no-repeat;
}

.info__game .close_game:hover
{
    background-color: rgba(228,238,242,.06);
}

.info__game .close_game:active
{
    background-color: rgba(228,238,242,.40);
}

.info__game .profile
{
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 40px;
    padding-right: 9px;
}

.info__game .profile a
{
    position: relative;

    color: #8B8991;

    display: block;

    max-width: 100%;
    padding: 5px 0 3px 0;

    text-decoration: none;
}

.info__game .profile a span
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* ---------------------
	mob_settings
--------------------- */
.mob_settings
{
    position: fixed;
    z-index: 201;
    top: 0;
    left: 0;

    display: none;
    overflow-y: auto;

    width: 100%;
    height: 100%;
    padding: 14px 0 100px;

    background: #02020C;
}


/* ---------------------
	categoriesMob
--------------------- */
.categoriesMob
{
    position: fixed;
    z-index: 201;
    top: 0;
    left: 0;

    display: none;
    overflow: hidden;
    overflow-y: auto;

    width: 100%;
    height: 100%;
    padding: 12px 0 100px;

    background: #02020C;
}



/* ---------------------
	main-bonusBig
--------------------- */
.main-bonusBig
{
    position: relative;

    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    padding-bottom: 28%;
}

.main-bonusBig .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.main-bonusBig .moreMob
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;
}

.main-bonusBig__info
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;
    height: 100%;
    padding-left: 38px;
}

.main-bonusBig__box
{
    max-width: 406px;
}

.main-bonusBig__box.noMax
{
    max-width: none;
}

.main-bonusBig__title
{
    color: #EBEBF0;
    font-size: 36px;
    font-weight: 500;
    line-height: 46px;
}

.main-bonusBig__desc
{
    color: #EBEBF0;
    font-size: 16px;
    line-height: 20px;

    margin-top: 20px;
}

.main-bonusBig .bot
{
    margin-top: 40px;
}

.main-bonusBig .reg
{
    position: relative;

    color: #EBEBF0;
    font-size: 14px;
    line-height: 42px;
    line-height: 42px;

    display: block;

    padding: 0 24px 0 43px;

    text-decoration: none;
    text-transform: uppercase;

    border-radius: 50px;
    background: #2CBF8B;
}

.main-bonusBig .reg:before
{
    content: "";

    position: absolute;
    top: 12px;
    left: 18px;

    width: 14px;
    height: 17px;

    background: url(../images/ic_user3.svg) 50% no-repeat;
}

.main-bonusBig .more
{
    color: #EBEBF0;
    font-size: 14px;
    line-height: 38px;

    min-width: 70px;
    margin-left: 10px;
    padding: 0 20px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #EBEBF0;
    border-radius: 50px;
}

.info-fonus__desc
{
    padding: 62px 38px 50px;

    background: #1C1C24;
}

.info-fonus__reg,
.desc-bonus__reg
{
    position: relative;

    color: #2CBF8B;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;

    display: inline-block;

    margin-top: 76px;
    padding: 0 21px 0 45px;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border: 2px solid #2CBF8B;
    border-radius: 50px;
}

.desc-bonus__reg_wrap
{
    margin-top: 76px;
}

.desc-bonus__reg_wrap .desc-bonus__reg
{
    margin-top: 0;
}

.info-fonus__reg:before,
.desc-bonus__reg:before
{
    content: "";

    position: absolute;
    top: 10px;
    left: 18px;

    width: 14px;
    height: 17px;

    background: url(../images/ic_user4.svg) 50% no-repeat;
}

.info-fonus__stop
{
    color: rgba(255,255,255,.8);
    color: #DCDCDD;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;

    display: inline-block;

    margin-bottom: 24px;
    padding: 16px;

    vertical-align: top;
    text-transform: uppercase;

    border-radius: 2px;
    background: #FF0054;
}

.info-fonus__text_marg,
.desc-bonus__text_bock-marg
{
    padding-top: 62px;
}

.desc-bonus__text_bock
{
    font-weight: 500;
}


.desc-bonus
{
    overflow: hidden;

    max-width: 834px;
    margin: 0 auto;
    padding: 19px 15px;

    border: 1px solid #3D4143;
    border-radius: 10px;
}

.desc-bonus__page-head
{
    margin-bottom: 36px;
}

.desc-bonus__more
{
    margin-top: 36px;
}

.desc-bonus__more._hide
{
    display: none;
}

.desc-bonus__more-btn
{
    color: #DCDCDD;
    font: 700 14px/28px var(--font_family);

    display: block;

    padding: 0 16px 2px 16px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    border: 1px solid #3D4143;
    border-radius: 10px;
    background: none;
}

.desc-bonus__more-btn span
{
    opacity: .99;
}

.desc-bonus__hide
{
    display: none;

    margin-top: 36px;
}

.desc-bonus__hide._show
{
    display: block;
}


.desc-bonus__items
{
    max-width: 600px;
    margin: 36px auto 36px;
}

.desc-bonus__items-flex
{
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.desc-bonus__items-col
{
    width: calc(50% - 16px);
}

.desc-bonus__item
{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.desc-bonus__item + .desc-bonus__item
{
    margin-top: 20px;
}

.desc-bonus__item-icon
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 70px;
    height: 70px;
    margin-right: 20px;
}

.desc-bonus__item-icon img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.desc-bonus__item-name
{
    color: #DCDCDD;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.desc-bonus__item-name span
{
    font-size: 14px;
    font-weight: 500;

    margin-top: 10px;
}

.desc-bonus .calendar-bonuses_box
{
    margin-top: 36px;
    margin-bottom: 36px;
}



/* ---------------------
	main_bonus
--------------------- */
.main_bonus .grid
{
    align-content: stretch;
    align-items: stretch;

    margin-left: -16px;
}

.main_bonus .grid .bonus
{
    width: calc(100%/3 - 16px);
    margin: 16px 0 0 16px;

    border-radius: 3.5px;
    background: #26262E;
}

.main_bonus .grid .bonus.mob
{
    display: none;
}

.main_bonus .bonus
{
    position: relative;
}

.main_bonus .bonus .img
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
    padding-bottom: 60%;

    cursor: pointer;
    text-decoration: none;

    border: none;
    border-radius: 10px;
    background: #27262E;
}

.main_bonus .bonus .img img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    border-radius: 10px;

    object-fit: cover;
    object-position: 64% 50%;
}

.main_bonus .bonus:hover .img img
{
    animation: anBonus .3s linear;
}

@keyframes anBonus
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.02);
    }
    100%
    {
        transform: scale(1);
    }
}


.main_bonus .bonus .info
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    padding: 16px;
}

.main_bonus .bonus .name
{
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
}

.main_bonus .bonus .desc
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    color: #D9D9DE;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;

    padding: 16px;
}


/* ---------------------
	egt__jackpotBanner
--------------------- */
.egt__jackpotBanner
{
    position: relative;
    z-index: 10;

    margin: 100px 0 0;
}

@media (max-width: 1185px)
{
    .egt__jackpotBanner{
        margin-top: 40px;
    }
}



/* ---------------------
	game_info
--------------------- */
.game_info
{
    overflow: hidden;

    padding: 50px 38px;

    border-radius: 16px;
    background: rgba(167,167,173,.6);
    background: #1C1C24;
}

.game_info .info
{
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
}

.game_info .info .box_img
{
    flex-shrink: 0;

    width: 40%;
    max-width: 350px;
    margin-right: 30px;
}

.game_info .info .img
{
    position: relative;

    display: block;

    padding-bottom: 56.38%;
}

.game_info .info .img img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.game_info .box
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;

    width: 100%;
    padding-top: 30px;
}

.game_info .block
{
    width: 100%;
}

.game_info .provider
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.game_info .provider .icon
{
    position: relative;

    display: block;
    overflow: hidden;

    width: 40px;
    height: 40px;
    margin-right: 20px;

    border-radius: 50%;
}

.game_info .provider .icon img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.game_info .provider .provider_name
{
    color: #FFF;
    font-size: 22px;

    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    max-width: calc(100% - 60px);
    min-height: 40px;
}

.game_info .provider .provider_name a
{
    color: #EBEBF0;

    text-decoration: none;
}

.game_info .game_name
{
    color: #EBEBF0;
    font-size: 16px;
    font-weight: 500;

    margin-top: 24px;
}

.game_info .game_link
{
    margin-top: 30px;
}

.game_info .game_link a,
.game_info .game_link > div
{
    position: relative;

    color: #303348;
    font-size: 13px;
    font-weight: 600;
    line-height: 36px;

    display: inline-block;

    height: 34px;
    padding: 0 16px;

    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 50px;
    background: #E8E8E8;

    transition: .1s linear;
}

.game_info .text_block
{
    margin-top: 50px;
}

.game_info .text_block img,
.game_info .text_block .clear
{
    display: none;
}

.rating_game
{
    margin-top: 30px;
}

.rating_game .line
{
    color: #EBEBF0;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;

    flex-wrap: nowrap;
}

.rating_game .line + .line
{
    margin-top: 16px;
}

.rating_game .line .name
{
    color: #8B8991;

    flex-shrink: 0;

    width: 180px;
    margin-right: 20px;

    white-space: nowrap;
}

.rating_game .line .info
{
    font-weight: 600;
}

.rating_game .stars
{
    flex-wrap: nowrap;
}

.rating_game .stars .star
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 30px;
    height: 30px;
}

.rating_game .stars .star img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}



/* ---------------------
	info_cookies
--------------------- */
.info_cookies
{
    position: fixed;
    z-index: 320;
    bottom: 0;
    left: 0;

    display: none;

    width: 100%;
}

.info_cookies.show
{
    display: block;
}

.info_cookies .content_all
{
    padding-top: 0;
    padding-bottom: 0;
}

.info_cookies-bg{
    padding: 15px 0;

    border: 1px solid #27262E;
    background: #1C1C24;
    box-shadow: 0 1px 14px rgb(0, 0, 0,.6);
    overflow: hidden;
    overflow-y: auto;
    max-height: 80vh;
    position: relative;
    z-index: 321;
}

.info_cookies-box{
    max-width: 600px;
    margin: 0 auto;
}

.info_cookies .info
{
    line-height: 22px;
    /* padding-right: 60px; */
}

.info_cookies .info a
{
    color: #FFF;

    text-decoration: none;

    border-bottom: 1px solid;
}

.info_cookies-btns{
    margin-left: -30px;
}

.info_cookies .info_cookies-btn2
{
    position: relative;

    color: #303348;
    font: 600 13px/36px var(--font_family);

    display: block;
    flex-shrink: 0;

    height: 34px;
    padding: 0;

    cursor: pointer;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: #E8E8E8;

    transition: .1s linear;
    margin: 16px 0 0 30px;
    width: calc(100%/3 - 30px);
}

.info_cookies .info_cookies-btn
{
    position: relative;

    color: #E2ECF0;
    font: 600 13px/36px var(--font_family);

    display: block;
    flex-shrink: 0;

    height: 34px;
    padding: 0;

    cursor: pointer;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: rgba(228, 238, 242, .12);

    transition: .1s linear;
    margin: 16px 0 0 30px;
    width: calc(100%/3 - 30px);
}


.text_block .cookie-change{
    position: relative;

    color: #E2ECF0;
    font: 600 13px/36px var(--font_family);

    display: inline-block;
    vertical-align: top;

    height: 34px;
    padding: 0 30px;

    cursor: pointer;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: rgba(228, 238, 242, .12);

    transition: .1s linear;
}



/* ---------------------
	info-add-link
--------------------- */
.info-add-link
{
    position: fixed;
    z-index: 800;
    right: calc(1em + 80px);
    bottom: 30px;

    visibility: hidden;
    overflow: hidden;

    width: 390px;
    padding: 35px 25px 35px 15px;

    pointer-events: none;

    opacity: 0;
    border-radius: 15px;
    background: #FFF;

    transition: opacity .2s linear, visibility .2s linear;
}

.info-add-link.show
{
    visibility: visible;

    pointer-events: auto;

    opacity: 1;
}

.info-add-link .close
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;

    display: block;

    width: 35px;
    height: 35px;

    cursor: pointer;

    border: none;
    background: url(../images/ic_close2.svg) 50%/15px auto no-repeat;
}

.info-add-link__box
{
    max-width: 350px;
    margin: 0 auto;
    padding: 0 20px;
}

.info-add-link__top
{
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.info-add-link__logo
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;

    width: 75px;
    height: 75px;
    padding: 3px;

    border-radius: 18px;
    background: #2C2D35;
}

.info-add-link__logo img
{
    display: block;

    max-width: 100%;
    max-height: 100%;
}

.info-add-link__info
{
    color: #2F3038;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

    width: 100%;
    margin-left: 25px;
}

.info-add-link__bot
{
    justify-content: space-between;

    margin-top: 32px;
}

.info-add-link__cancel
{
    position: relative;

    color: #96969D;
    font: 600 14px var(--font_family);

    display: block;

    height: 44px;
    padding: 0 20px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;

    border: none;
    background: none;

    transition: .1s linear;
}

.info-add-link__add
{
    color: #FFF;
    font: 600 14px var(--font_family);

    display: block;

    width: 160px;
    height: 44px;

    cursor: pointer;
    letter-spacing: -.025em;
    text-transform: uppercase;

    border: none;
    border-radius: 50px;
    background: #2F3038;
}



/* ---------------------
	Christmass
--------------------- */
/* .main_games_christmas
{
    position: relative;

    margin: 0 -16px;
    margin-top: 26px;
    padding: 16px;

    border-radius: 8px;

border-radius: 8px;
    background: linear-gradient(to right, #1E5799 0%,#010919 0%,#020F2A 100%);
    background: linear-gradient(135deg, rgba(0,1,37,.7) 0%,rgba(2,29,160,.7) 100%);
}

.main_games_christmas + .section__bord
{
    padding-top: 0;

    border-top: none;
}

.main_games_bg
{
    position: absolute;
    top: 0;
    left: 0;

display: block;

    display: none;

    width: 100%;
    height: 100%;

    border-radius: 8px;

border-radius: 8px;

    object-fit: cover;
    object-position: 50% 0;
}

.main_games_christmas .block_head
{
    position: relative;
}

.main_games_bg.loaded
{
    opacity: .6;
} */



/* ---------------------
	Sport
--------------------- */
.main-sports
{
    margin: 0 -16px;
    margin-top: 26px;
    padding: 16px;

    border-radius: 8px;
    background: linear-gradient(to right, #1E5799 0%,#010919 0%,#020F2A 100%);
}

.game-sport
{
    color: #EBEBF0;
    font-family: var(--font_family2);
    font-size: 14px;
    line-height: 1.2;

    text-decoration: none;
}

.game-sport__block
{
    display: block;

    min-height: 160px;
    padding-bottom: 56.38%;
}

.game-sport__box
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 15px;

    border: 1px solid #41414F;
    border-radius: 5px;
    background: #1E1E29;
}

.game-sport__top
{
    display: flex;
    overflow: hidden;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-sport__icon
{
    flex-shrink: 0;

    width: 16px;
    height: 16px;
}

.game-sport__time
{
    flex-shrink: 0;
}

.game-sport__sep
{
    flex-shrink: 0;
}

.game-sport__icon img
{
    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

.game-sport__name
{
    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-sport__info
{
    display: block;

    width: 100%;
    margin: 16px 0 auto;
}

.game-sport__team
{
    display: block;
    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.game-sport__team + .game-sport__team
{
    margin-top: 4px;
}

.game-sport__bet
{
    color: rgba(255, 255, 255, .9);
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;

    display: block;

    width: 100%;
    margin-top: 16px;

    text-align: center;
    text-transform: uppercase;

    border: 1px solid #1E1E29;
    border-radius: 5px;
    background: #41414F;
}

.game-sport:hover .game-sport__bet
{
    color: #96969D;

    border-color: var(--color);
    background: var(--color);
}



/* ---------------------
	Smart-id
--------------------- */
.link-smart-id
{
    color: #68BFD4;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;

    display: block;

    margin: 50px 0 16px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 3px solid #68BFD4;
    border-radius: 44px;
    background: transparent;

    transition: transform .1s linear;
}

.link-smart-id:hover
{
    transform: scale(1.04);
}

.link-smart-id span
{
    position: relative;

    display: inline-block;

    padding-right: 36px;

    vertical-align: top;
}

.link-smart-id span:before
{
    content: "";

    position: absolute;
    top: 50%;
    right: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/smart_id2.svg) 50% no-repeat;
}


.link-epa{
    color: #DB5824;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;

    border: 3px solid #DB5824;

    display: block;

    margin: 16px 0 16px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 50px;
    background: #0D0F11;

    transition: transform .1s linear;
}

.link-epa:hover
{
    transform: scale(1.04);
}

.link-epa span
{
    position: relative;

    display: inline-block;

    padding-left: 36px;

    vertical-align: top;
}

.link-epa span:before
{
    content: "";

    position: absolute;
    top: 50%;
    left: 0;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    background: url(../images/logo_epa.svg) 50%/contain no-repeat;
}


.code-info
{
    display: none;

    max-width: 416px;
    margin: 30px auto 0;

    text-align: center;
}

.code-info__name
{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    letter-spacing: -.025em;

    opacity: .9;
}

.code-info__desc
{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 14px;

    letter-spacing: -.025em;

    opacity: .9;
}

.code-info__title
{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;

    margin-top: 28px;

    letter-spacing: -.025em;

    opacity: .9;
}

.code-info__code
{
    color: #FFF;
    font-size: 20px;
    font-weight: 600;

    margin-top: 16px;

    letter-spacing: -.025em;

    opacity: .9;
}

.code-info__loader
{
    color: #FFF;

    display: none;

    margin-top: 50px;
}

.code-info__loader.active
{
    display: block;
}

.code-info__loader span
{
    position: relative;

    display: block;

    width: 4em;
    height: 4em;
    margin: 0 auto;

    border: .5em solid transparent;
    border-top-color: currentcolor;
    border-radius: 50%;

    animation: 1s code_loader linear infinite;
}

.code-info__loader span:before
{
    content: "";

    position: absolute;
    top: -.5em;
    left: -.5em;

    display: block;

    width: inherit;
    height: inherit;

    opacity: .5;
    border: .5em solid currentcolor;
    border-radius: 50%;
}

@keyframes code_loader
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}


/* ---------------------
	error-page
--------------------- */
.error-page
{
    padding: 50px 0;

    text-align: center;
}

.error-page__text
{
    font-size: 300px;
    line-height: .7;

    margin-bottom: 50px;

    text-align: center;
}

.title_error
{
    color: #EBEBF0;
    font-size: 40px;
    font-weight: 500;
    line-height: 110%;
}

.error-page__desc
{
    margin-top: 30px;
}

.error-page__link
{
    margin-top: 50px;

    text-align: center;
}

.error-page__link a
{
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;

    display: inline-block;

    min-width: 154px;
    padding: 0 20px;

    text-align: center;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;

    border-radius: 5px;
    background: linear-gradient(to right, rgba(227,15,101,1) 16%,rgba(248,33,55,1) 88%,rgba(254,133,6,1) 110%);
}


/* ---------------------
	news sport
--------------------- */
.news-sport__grid
{
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;

    margin: 4px 0 0 calc(var(--marg_news_sport)*-1);

    --marg_news_sport: 20px;
    --numbers_news_sport: 4;
}

.news-sport__item
{
    display: block;
    overflow: hidden;

    width: calc(100%/var(--numbers_news_sport) - var(--marg_news_sport));
    margin: var(--marg_news_sport) 0 0 var(--marg_news_sport);
}

.news-sport__grid_main .news-sport__item:nth-child(n + 5)
{
    display: none;
}

.news-sport__block
{
    position: relative;

    display: block;

    min-height: 184px;
    padding-bottom: 56.38%;
}

.news-sport__box
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding: 15px;

    border: 1px solid #41414F;
    border-radius: 5px;
    background: #1E1E29;
}

.news-sport__date
{
    color: #EBEBF0;
    font-size: 12px;
    font-weight: 500;
}

.news-sport__name
{
    color: #EBEBF0;
    font-size: 14px;
    font-weight: 500;

    overflow: hidden;

    margin-top: 16px;
    padding-bottom: 3px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-sport__name a
{
    color: #D9D9DE;

    padding-bottom: 2px;

    text-decoration: none;

    border-bottom: 1px solid transparent;
}

.news-sport__name a:hover
{
    color: #EBEBF0;

    border-bottom-color: #AAAAAF;
}

.news-sport__desc
{
    color: #EBEBF0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;

    display: -webkit-box;
    overflow: hidden;

    margin-top: 8px;
    margin-bottom: auto;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-sport__more
{
    color: #FFF;
    color: rgba(255, 255, 255, .9);
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 600;
    line-height: 36px;

    display: block;

    margin-top: 12px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid #1E1E29;
    border-radius: 5px;
    background: #41414F;
}

.news-sport__more:hover
{
    color: #96969D;

    border-color: var(--color);
    background: var(--color);
}



/* ---------------------
	Providers
--------------------- */
.providers.section__bord
{
    margin-top: 35px;
}

.providers__grid
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    margin-left: calc(var(--marg_providers)*-1);

    --marg_providers: 16px;
    --marg_providers2: 30px;
    --numbers_providers: 9;
}

.no_login .providers__grid
{
    --numbers_providers: 10;
}

.providers__provider
{
    display: block;

    width: calc(100%/var(--numbers_providers) - var(--marg_providers));
    margin: var(--marg_providers2) 0 0 var(--marg_providers);

    text-decoration: none;
}

.providers_mix .providers__provider:nth-child(n + 19)
{
    display: none;
}

.no_login .providers_mix .providers__provider:nth-child(n + 19)
{
    display: block;
}

.no_login .providers_mix .providers__provider:nth-child(n + 21)
{
    display: none;
}

.providers__provider-box
{
    display: block;
}

.providers__provider-img
{
    position: relative;

    display: block;
    overflow: hidden;

    height: auto;
    padding-bottom: 100%;

    border-radius: 50%;
    box-shadow: 0 1px 18px rgba(23,22,32,.2);
}

.providers__provider-img::after
{
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.providers__provider-img img
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    object-fit: cover;
}

.providers__provider-img:hover img
{
    animation: anProvider .3s linear;
}

@keyframes anProvider
{
    0%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.04);
    }
    100%
    {
        transform: scale(1);
    }
}

.providers__provider-name
{
    color: #FFF;
    font-size: 15px;
    font-weight: 400;

    display: block;
    overflow: hidden;

    margin-top: 14px;

    text-align: center;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    opacity: .99;
}



/* ---------------------
	mainGame
--------------------- */
.mainGame
{
    position: relative;

    overflow: hidden;

    height: 100%;
    margin-right: auto;
    margin-left: auto;
}

.page_game .page-head
{
    display: none;

    padding: 32px 62px;

    background: var(--bg);
}

.no_login.page_game .page-head
{
    display: flex;
}

#mainGame
{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    height: 80vh;

    transition: width .35s cubic-bezier(.175,.885,.32,1.275), height .35s cubic-bezier(.175,.885,.32,1.275);
}

#mainGame > div
{
    width: 100%;
    max-width: 1466px;
    height: 100%;
    max-height: 824px;
}

#mainGame iframe
{
    display: block;

    max-width: 1466px;
    max-height: 824px;
}

#mainGameAuto
{
    overflow-y: auto;

    width: 100%;
    height: auto;
    max-height: 100%;
}

#mainGameAuto iframe
{
    display: block;

    width: 100% !important;

    border: none !important;
}



.cats-bonus__grid
{
    display: flex;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    margin: -16px 0 0 -16px;
}

.cats-bonus_inner .cats-bonus__grid
{
    justify-content: flex-start;

    margin: 16px 0 0 -16px;
}

.bonus-page .cats-bonus_inner .cats-bonus__grid
{
    margin-top: -6px;
}

.cats-bonus__item
{
    width: calc(50% - 16px);

/* width: calc(100%/3 - 16px); */
    margin-top: 16px;
    margin-left: 16px;
}

.cats-bonus_inner .cats-bonus__item
{
    width: calc(100%/3 - 16px);
    margin-left: 16px;
}

.bonus-page .cats-bonus_inner .cats-bonus__item
{
    width: calc(100%/2 - 16px);
}

.cats-bonus__item-wrap
{
    position: relative;

    padding-bottom: calc(25% - 8px);

    /* padding-bottom: 52.04%; */
}

.cats-bonus_inner .cats-bonus__item-wrap
{
    padding-bottom: 52.04%;
}

.cats-bonus__box
{
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;

    width: 100%;
    height: 100%;
    padding: 16px;

    cursor: pointer;
    text-align: left;
    text-decoration: none;

    border: 1px solid #3D4143;
    border-radius: 10px;
    background: transparent;
}

@media (any-hover: hover)
{
    .cats-bonus__box:hover
    {
        border-color: transparent;
        background: #222426;
    }
}

.cats-bonus__info
{
    display: flex;
    flex-direction: column;
}

.cats-bonus__name
{
    color: #D1E1E8;
    font-size: 17px;
    font-weight: 600;
    line-height: normal;

    margin-bottom: auto;

    opacity: .99;
}

.cats-bonus__btn
{
    padding-top: 30px;
}

.cats-bonus__btn span
{
    color: #FF981B;
    font: 600 14px/30px var(--font_family);

    display: inline-block;

    padding: 0 16px 2px;

    vertical-align: top;
    white-space: nowrap;

    border: none;
    border-radius: 10px;
    background: rgba(255,152,27,.2);
}

.cats-bonus__btn_dark span
{
    color: #FF6E05;
}

.cats-bonus__btn b
{
    font-weight: 600;

    opacity: .99;
}

.cats-bonus__img
{
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;

    width: 50%;
}

.cats-bonus__img img
{
    display: block;

    max-width: 100%;
    height: 100%;
    max-height: 100%;

    object-fit: contain;
}


@media (min-width: 1320px)
{
    .in-game
    {
        --width_aside_r: 296px;
    }

    .in-game .aside_right .custom_scroll
    {
        padding-left: 16px;
    }

    .in-game .aside_right .sector
    {
        padding-right: 12px;
    }

    .header_game._fullscreen .box_infoAbs
    {
        padding-right: 20px;
        padding-left: 16px;
    }
}

@media (min-width: 1025px)
{
    .content_all._fullscreen
    {
        padding-right: 0;
    }

    .content_all.page_game._fullscreen
    {
        padding-top: 62px;
        padding-right: var(--width_sidebar_small);
    }

    .header_game._fullscreen
    {
        display: block;
    }

    ._fullscreen .modal_list .open_info.dark
    {
        background: rgba(14, 16, 18, .14);
    }

    ._fullscreen .modal_list .open_info.dark::before
    {
        content: "";

        position: absolute;
        top: -1px;
        left: -1px;

        width: calc(100% + 2px);
        height: calc(100% + 2px);

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    ._fullscreen .modal_list .open_info.dark:hover::before
    {
        opacity: 0;
    }

    ._fullscreen .close_game
    {
        background: rgba(14, 16, 18, .14);
    }

    ._fullscreen .close_game:hover
    {
        background: rgba(14, 16, 18, .14);
    }

    ._fullscreen .close_game::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    ._fullscreen .close_game:hover::before
    {
        opacity: 0;
    }

    ._fullscreen .clode-aside-right
    {
        background: rgba(14, 16, 18, .14);
    }

    ._fullscreen .clode-aside-right::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    ._fullscreen .clode-aside-right:hover::before
    {
        opacity: 0;
    }

    ._fullscreen .link-notice
    {
        background: rgba(14, 16, 18, .14);
    }

    ._fullscreen .link-notice::before
    {
        background-color: transparent;
    }

    ._fullscreen .link-notice .link-notice__bg
    {
        content: "";

        position: absolute;
        top: -1px;
        left: -1px;

        width: calc(100% + 2px);
        height: calc(100% + 2px);

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    ._fullscreen .link-notice:hover .link-notice__bg
    {
        opacity: 0;
    }

    .in-game ._fullscreen .close_game
    {
        display: block;
    }

    .page_game._fullscreen .bg
    {
        height: calc(100vh - 62px);
    }

    .page_game._fullscreen .bg::after
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .5;
        background: #0E1012;
    }


    .in-game
    {
        --width_sidebar_small: 64px;
    }

    .in-game .header_game._fullscreen
    {
        background: transparent;
    }

    .in-game .aside_head.small .logo
    {
        left: 10px;

        width: 46px;
        height: 46px;
        padding: 0 4px;

        border-radius: 50%;
        background: #0E1012;
    }

    .in-game .aside_head.small._fullscreen .logo
    {
        right: 0;
        left: auto;
    }

    .in-game .sidebar_small._fullscreen
    {
        display: none;
    }

    .in-game .aside_head.small._fullscreen
    {
        background: transparent;
    }

    .in-game .aside_head.small
    {
        width: var(--width_sidebar_small);

        background: transparent;
    }

    .in-game .aside_head.small._fullscreen
    {
        width: 116px;
    }

    .in-game .sidebar_small
    {
        background: transparent;
    }

    .in-game .sidebar_small .menu .item
    {
        position: relative;

        color: #D1E1E8;
        font-size: 14px;
        font-weight: 600;
        line-height: 40px;

        width: 40px;
        height: 40px;

        border-radius: 50%;
        background: rgba(14, 16, 18, .14);
    }

    .in-game .sidebar_small .menu .item + .item
    {
        margin-top: 10px;
    }

    .in-game .sidebar_small .menu .item::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    .in-game .sidebar_small .menu .item:hover::before
    {
        opacity: 0;
    }

    .in-game .sidebar_small .menu .item:active::before
    {
        opacity: 0;
    }

    .in-game .sidebar_small .menu .item .name
    {
        position: absolute;
        top: 50%;
        left: calc(100% + 12px);

        display: block;
        visibility: hidden;

        width: auto;
        margin: 0;
        padding: 0 11px;

        white-space: nowrap;
        pointer-events: none;

        opacity: 0;
        border-radius: 6px;
        background: rgba(14, 16, 18, .9);

        transform: translateY(-50%);
    }

    .in-game .sidebar_small .menu .item:hover .name
    {
        visibility: visible;

        pointer-events: auto;

        opacity: 1;
    }

    .in-game .sidebar_small .menu .item .name::after
    {
        content: "";

        position: absolute;
        top: 0;
        left: -34px;

        width: 40px;
        height: 100%;
    }

    .in-game .sidebar_small .menu .item .name::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .2;
        border-radius: 6px;
        background: #E4EEF2;
    }

    .in-game .sidebar_small .menu .item .name span
    {
        position: relative;

        opacity: .95;
    }

    .in-game .aside_head.small .sidebar_burger
    {
        display: none;
    }

    .in-game .aside_head.small._fullscreen .sidebar_burger
    {
        top: 10px;
        left: 10px;

        display: block;

        background: rgba(14, 16, 18, .14);
    }

    .in-game .sidebar_small .sidebar_burger,
    .in-game .aside_head.small .sidebar_burge
    {
        position: relative;
        top: 0;
        left: 0;

        display: none;

        margin-bottom: 10px;

        background: rgba(14, 16, 18, .14);
    }

    .in-game .sidebar_small.game .sidebar_burger
    {
        display: block;
    }

    .in-game .sidebar_small .sidebar_burger::before,
    .in-game .aside_head.small .sidebar_burger::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: .06;
        border-radius: 50%;
        background: #E4EEF2;
    }

    .in-game .sidebar_small .sidebar_burger:hover::before,
    .in-game .aside_head.small .sidebar_burger:hover::before
    {
        opacity: 0;
    }

    .in-game .sidebar_small .sidebar_burger:active::before,
    .in-game .aside_head.small .sidebar_burger:active::before
    {
        opacity: 0;
    }


    .in-game .header_search
    {
        border-radius: 50px;
        background: rgba(14, 16, 18, .14);
    }

    .in-game .header_search .input
    {
        border-color: rgba(228,238,242,.06);
        background: rgba(228,238,242,.06);
    }

    .in-game .header_search .input:hover,
    .in-game .header_search .input:focus
    {
        border-color: rgba(228,238,242,.14);
        background: transparent;
    }
}


@media (min-width: 1930px)
{
    #mainGame iframe
    {
        max-width: 75vw;
        max-height: 90vh;
    }

    #mainGame > div
    {
        max-width: 75vw;
        max-height: 90vh;
    }
}


@media (max-width: 2286px)
{
    .games .grid
    {
        --numbers_game: 4;
    }

    .main_games .grid .game:nth-child(n + 9)
    {
        display: none;
    }

    .content_all.no_login .games .grid
    {
        --numbers_game: 5;
    }

    .content_all.no_login .main_games .grid .game:nth-child(n + 9)
    {
        display: block;
    }

    .content_all.no_login .main_games .grid .game:nth-child(n + 11)
    {
        display: none;
    }

    .main_games .grid .game.game-sport:nth-child(n + 5),
    .main_games .grid .game.sport-events__item:nth-child(n + 5)
    {
        display: none;
    }

    .content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 5),
    .content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 5)
    {
        display: block;
    }

    .content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 6),
    .content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 6)
    {
        display: none;
    }


    .providers__grid
    {
        --numbers_providers: 7;
    }

    .no_login .providers__grid
    {
        --numbers_providers: 8;
    }

    .providers_mix .providers__provider:nth-child(n + 15)
    {
        display: none;
    }

    .no_login .providers_mix .providers__provider:nth-child(n + 15)
    {
        display: block;
    }

    .no_login .providers_mix .providers__provider:nth-child(n + 17)
    {
        display: none;
    }
}

@media (max-width: 1950px)
{
    .games .grid,
    .content_all.no_login .games .grid
    {
        --numbers_game: 4;
    }

    .main_games .grid .game:nth-child(n + 9),
    .content_all.no_login .main_games .grid .game:nth-child(n + 9)
    {
        display: none;
    }

    .main_games .grid .game.game-sport:nth-child(n + 5),
    .main_games .grid .game.sport-events__item:nth-child(n + 5)
    {
        display: none;
    }

    .content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 5),
    .content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 5)
    {
        display: none;
    }


    .providers__grid
    {
        --numbers_providers: 7;
    }

    .no_login .providers__grid
    {
        --numbers_providers: 7;
    }

    .providers_mix .providers__provider:nth-child(n + 15),
    .no_login .providers_mix .providers__provider:nth-child(n + 15),
    .no_login .providers_mix .providers__provider:nth-child(n + 15)
    {
        display: none;
    }


    .cats-bonus__item-wrap
    {
        padding-bottom: 32%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 39%;
    }
}

@media (max-width: 1799px)
{
    .main_bonus .bonus .info
    {
        padding: 12px;
    }

    .main_bonus .bonus .name
    {
        font-size: 20px;
        line-height: 26px;
    }

    .main_bonus .bonus .desc
    {
        font-size: 14px;
        line-height: 18px;

        padding: 12px;
    }


    .main-banner__box
    {
        max-width: 50%;
    }
}

@media (max-width: 1699px)
{
    .main-bonusBig__info
    {
        padding-left: 20px;
    }

    .main-bonusBig__box
    {
        max-width: 338px;
    }

    .main-bonusBig__title
    {
        font-size: 30px;
        line-height: 40px;
    }

    .main-bonusBig__desc
    {
        font-size: 14px;
    }

    .info-fonus__desc
    {
        padding-right: 25px;
        padding-left: 25px;
    }


    .game-sport__top
    {
        font-size: 12px;
    }


    .cont
    {
        padding: 0 30px;
    }


    .slider-button-prev,
    .slider-button-next
    {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }

    .slider-button-prev
    {
        left: -15px;
    }

    .slider-button-next
    {
        right: -15px;
    }
}

@media (max-width: 1599px)
{
    .sidebar__copyright
    {
        padding-bottom: 20px;
    }


    .info-add-link.no_login
    {
        bottom: 90px;
    }
}

@media (max-width: 1539px)
{
    .main-bonusBig__info
    {
        padding-left: 20px;
    }

    .main-bonusBig__box
    {
        max-width: 338px;
    }

    .main-bonusBig__title
    {
        font-size: 30px;
        line-height: 40px;
    }

    .main-bonusBig__desc
    {
        font-size: 14px;
    }

    .info-fonus__desc
    {
        padding-right: 25px;
        padding-left: 25px;
    }

    .games .grid,
    .content_all.no_login .games .grid
    {
        --numbers_game: 3;
    }

    .main_games .grid .game:nth-child(n + 7),
    .content_all.no_login .main_games .grid .game:nth-child(n + 7)
    {
        display: none;
    }

    .main_games .grid .game.game-sport:nth-child(n + 4),
    .main_games .grid .game.sport-events__item:nth-child(n + 4)
    {
        display: none;
    }

    .content_all.no_login .main_games .grid .game.game-sport:nth-child(n + 4),
    .content_all.no_login .main_games .grid .game.sport-events__item:nth-child(n + 4)
    {
        display: none;
    }


    .news-sport__grid
    {
        --numbers_news_sport: 3;
    }

    .news-sport__grid_main .news-sport__item:nth-child(n + 4)
    {
        display: none;
    }



    .providers__grid
    {
        --numbers_providers: 5;
    }

    .no_login .providers__grid
    {
        --numbers_providers: 5;
    }

    .providers_mix .providers__provider:nth-child(n + 11),
    .no_login .providers_mix .providers__provider:nth-child(n + 11),
    .no_login .providers_mix .providers__provider:nth-child(n + 11)
    {
        display: none;
    }

    .cats-bonus__item-wrap
    {
        padding-bottom: 34%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 40.92%;
    }
}

@media (max-width: 1399px)
{
    .cats-bonus__item-wrap
    {
        padding-bottom: 44%;
    }

    .cats-bonus_inner .cats-bonus__item-wrap
    {
        padding-bottom: 50%;
    }

    footer .limit br
    {
        display: inline;
    }


    .new_banner
    {
        height: 400px;
    }

    .new_banner .block
    {
        padding-top: 30px;
    }

    .main_banner .block
    {
        padding-top: 30px;
    }

    .main_banner .name
    {
        font-size: 32px;
    }

    .main_banner .btns
    {
        margin-top: 26px;
    }


    .main_bonus .bonus .name
    {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (max-width: 1310px)
{
    .content_all
    {
        padding-left: var(--width_sidebar_small);
    }


    .overlay2
    {
        display: block;
    }

    .overlay2.hide
    {
        display: none;
    }

    .header_search
    {
        left: 42%;
    }


    .header_user .header_search
    {
        left: 50%;
    }

    @media (min-width: 1025px)
    {
        .custom_scroll::-webkit-scrollbar
        {
            width: 10px;
            height: 10px;
        }

        .custom_scroll::-webkit-scrollbar-thumb
        {
            border: 2px solid var(--bg);
            background-color: var(--bg_scroll);
            -webkit-box-shadow: none;
                    box-shadow: none;
        }

        .sidebar_small::-webkit-scrollbar-thumb
        {
            background-color: var(--bg_scroll);
        }
    }

    .games .grid
    {
        --marg_game: 16px;
        --marg_game2: 30px;
    }


    .news-sport__grid
    {
        --marg_news_sport: 16px;
    }


    .main_bonus .grid .bonus
    {
        width: calc(100%/2 - 16px);
    }


    .info-add-link.no_login
    {
        bottom: 30px;
    }


    .error-page__text
    {
        font-size: 250px;
    }

    .title_error
    {
        font-size: 30px;
    }


    .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100%/2 - 16px);
    }

    .sidebar{
        height: calc(100% - 62px);
    }
}



@media (max-width: 1199px)
{
    header
    {
        padding-left: 130px;
    }

    .cats-bonus__btn span
    {
        padding-right: 10px;
        padding-left: 10px;
    }
}




@media (max-width: 1024px)
{
    .header_game._fullscreen .box_infoAbs
    {
        position: relative;

        width: 100%;
        padding: 0;
    }

    .header_game._fullscreen .temp_infoMob
    {
        border-radius: 0;
    }

    /*---------------
        Main styles
    ---------------*/
    html
    {
        background: var(--bg_mob);
    }

    body
    {
        font-family: var(--font_family_mob);
    }

    body.lock
    {
        overflow: hidden;
    }

    .supports_error
    {
        font-family: var(--font_family_mob);
    }

    header .open_lang
    {
        font-family: var(--font_family_mob);
    }

    .header_search .input
    {
        font-family: var(--font_family_mob);
    }

    .header_search .submit_btn
    {
        font-family: var(--font_family_mob);
    }

    .modal_list .open_info
    {
        font-family: var(--font_family_mob);
    }

    .modal_list .item .btn
    {
        font-family: var(--font_family_mob);
    }

    .modal_list .item .linkBack
    {
        font-family: var(--font_family_mob);
    }

    .mob_header .item
    {
        font-family: var(--font_family_mob);
    }

    .header__balance
    {
        font-family: var(--font_family_mob);
    }

    .more_link button
    {
        font-family: var(--font_family_mob);
    }

    .more-pay__btn
    {
        font-family: var(--font_family_mob);
    }

    .sorting-games__item
    {
        font-family: var(--font_family_mob);
    }

    .sidebar .menu .open_more
    {
        font-family: var(--font_family_mob);
    }

    .my_payouts .cancel_payBtn
    {
        font-family: var(--font_family_mob);
    }

    .iban-add .iban-add__input
    {
        font-family: var(--font_family_mob);
    }

    .iban-add .iban-add__save
    {
        font-family: var(--font_family_mob);
    }

    .iban-verification .iban-add__change
    {
        font-family: var(--font_family_mob);
    }

    .submit-file .submit-file__submit
    {
        font-family: var(--font_family_mob);
    }

    .verification_payment__open-btn
    {
        font-family: var(--font_family_mob);
    }

    .box_number .number
    {
        font-family: var(--font_family_mob);
    }

    .link_funds
    {
        font-family: var(--font_family_mob);
    }

    .other_amount
    {
        font-family: var(--font_family_mob);
    }

    .info_cookies .info_cookies-btn2
    {
        font-family: var(--font_family_mob);
    }

    .info_cookies .info_cookies-btn
    {
        font-family: var(--font_family_mob);
    }

    .info-add-link__cancel
    {
        font-family: var(--font_family_mob);
    }

    .info-add-link__add
    {
        font-family: var(--font_family_mob);
    }

    .game-sport__bet
    {
        font-family: var(--font_family_mob);
    }

    .news-sport__more
    {
        font-family: var(--font_family_mob);
    }

    .wrap
    {
        padding-bottom: 80px;
    }

    .wrap_bg
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        max-height: 100%;

        object-fit: cover;
        object-position: 50% 0;
    }

    .wrap_game
    {
        padding-bottom: 0;
    }

    .content_all
    {
        padding: 82px 0 0;
    }

    .content_all.big
    {
        padding-left: 0;
    }

    .content_all.page_game
    {
        padding: 75px 0 0 !important;

        transition: none;
    }

    .page_game .bg
    {
        height: auto;
        min-height: calc(100vh - 75px);
    }

    .page_game .bg.no_login
    {
        padding-top: 0;
    }

    .content_all.page_game .cont
    {
        padding-right: 0;
        padding-left: 0;
    }

    .cont
    {
        max-width: none;
        padding: 0 20px;
    }


    .subhead
    {
        margin-bottom: 22px;
        padding-top: 75px;

        background: transparent;
    }

    .sorting-games__bg
    {
        background: transparent;
    }

    .subhead_main .sorting-games-wrap
    {
        position: absolute;
        left: -120%;

        width: 100%;
    }

    .sorting-games-wrap_main
    {
        position: absolute;
        left: -120%;

        width: 100%;
    }

    .sorting-games-wrap_main + .verification_infoMob.verification_payment
    {
        margin-top: 0;
    }

    .sorting-games-wrap
    {
        display: block;

        height: 66px;
        padding: 6px 0;
    }

    .sorting-games__bg
    {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .verification_infoMob.verification_payment
    {
        display: block !important;
    }

    .sorting-games.fixedTop
    {
        transition: none;
    }

    .sorting-games.fixedTop .sorting-games__bg
    {
        /* background: var(--bg_mob); */
        background: none;
    }

    .sorting-games.fixedTop .sorting-games__bg::before
    {
        top: -1px;

        display: block;

        height: 94px;

        pointer-events: none;

        background: linear-gradient(to bottom, rgba(2,2,12,0) 0%,rgba(2,2,12,.35) 13%,rgba(2,2,12,.89) 55%,rgba(2,2,12,1) 100%);

        transform: rotate(180deg);
    }

    .sorting-games.fixedTop .sorting-games__bg::after
    {
        display: none;
    }

    .sorting-games__scroll.swiper-container
    {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 0 15px;
    }

    .sorting-games__scroll:not(.swiper-container)
    {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 0 20px;
    }

    .sorting-games__line:not(.swiper-wrapper)
    {
        padding: 0;
    }

    .sorting-games__line.swiper-wrapper + .sorting-games__providers
    {
        display: none;
    }

    .sorting-games__providers
    {
        display: flex;
    }

    .sorting-games__item
    {
        color: #FFF;
        font-size: 17px;
        font-weight: 500;
        line-height: 54px;

        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;

        min-width: 70px;
        padding: 0 18px;

        border-radius: 50px;
        background: rgba(255,255,255,.03);
    }

    .sorting-games__item_today
    {
        font-weight: 600;

        background: linear-gradient(to right, rgba(238,0,114,.5) 0%,rgba(255,31,61,.5) 35%,rgba(255,48,48,.5) 65%,rgba(248,68,43,.5) 100%);
    }

    .sorting-games__item::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        opacity: 1;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50px;
    }

    .sorting-games__item_today::before
    {
        opacity: 0;
    }

    .sorting-games__item_today::after
    {
        border-radius: 50px;
    }

    .sorting-games__item .sorting-games__item-icon
    {
        position: relative;

        display: block;
        flex-shrink: 0;

        width: 46px;
        height: 46px;
        margin-right: 10px;
        margin-left: -15px;

        opacity: 1;
        border-radius: 50%;
    }

    .sorting-games__item-icon::after
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
    }

    .sorting-games__item-icon img
    {
        display: block;

        width: 100%;
        height: 100%;

        border-radius: 50%;

        object-fit: cover;
    }

    .sorting-games__item span
    {
        opacity: .99;
    }

    .sorting-games__openSearch
    {
        position: relative;

        display: block;
        flex-shrink: 0;

        width: 54px;
        height: 54px;
        margin-right: 10px;

        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,.03) url(../images/ic_search2.svg) 50% no-repeat;
    }

    .sorting-games__item.active
    {
        color: #FFF;

        background: rgba(255,255,255,.4);
    }

    .sorting-games__item.active::before
    {
        border-color: var(--bg_mob);
    }

    .sorting-games__openSearch::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 50%;
    }

    .sorting-games.fixedTop.nopad .sorting-games__bg
    {
        padding-top: 1px;
    }

    .payments-white__flex
    {
        margin-top: 22px;
    }

    .payments-white__payment:nth-child(n + 8)
    {
        display: none;
    }

    .payments-white__payment:nth-child(n + 8).show
    {
        display: block;
    }

    .more-pay
    {
        display: block;
    }

    .index-title
    {
        display: block;
    }

    .btn-play
    {
        display: block;
    }

    /*---------------
        Header
    ---------------*/
    header
    {
        position: absolute;

        width: 100%;
        padding-right: 0;
        padding-left: 0;

        background: transparent;
    }

    header.fixed
    {
        position: fixed;
    }

    header.fixed.cats
    {
        background: var(--bg_mob);
    }

    header .cont_shadow
    {
        flex-wrap: nowrap;
    }

    header.fixed .cont_shadow:before
    {
        content: "";

        position: absolute;
        top: calc(100% - 79px);
        left: 0;

        width: 100%;
        height: 94px;

        pointer-events: none;

        background: linear-gradient(to bottom, rgba(2,2,12,0) 0%,rgba(2,2,12,.35) 13%,rgba(2,2,12,.89) 55%,rgba(2,2,12,1) 100%);

        transform: rotate(180deg);
    }

    header.fixed.cats .cont_shadow:before
    {
        display: none;
    }

    header .cont
    {
        min-height: 75px;
        padding: 12px 20px;
    }

    header .logo
    {
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;

        max-width: 29%;
        height: 51px;
        margin-right: 0;
    }

    header .logo img
    {
        max-width: 100%;
        max-height: 51px;
    }

    header .header_search
    {
        display: none;
    }

    header .abs_r .box
    {
        display: none;
    }

    .header_game .mob_menu_link
    {
        display: none;
    }

    header .noLogin
    {
        display: none;
    }

    header .mob_balance
    {
        position: relative;

        display: block;
    }

    header .reg_btn
    {
        display: none;
    }

    header .login_btn
    {
        line-height: 1;

        width: 56px;
        height: 51px;
        padding: 0;

        border-radius: 50%;
        background: none;
    }

    header .login_btn:before
    {
        content: "";

        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        background: url(../images/icon_user.svg) 50% no-repeat;
    }

    header .login_btn span
    {
        display: none;
    }


    .modal_list .mini_modal
    {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;

        overflow-y: auto;

        width: 100%;
        height: 100%;
        min-height: 1px !important;

        border: none;
        border-radius: 0;
        background: #151519;
        box-shadow: none;
    }

    .modal_list .mini_modal .close
    {
        display: block;
    }

    header .abs_r
    {
        position: static;

        width: auto;
        margin-right: -15px;
        margin-left: 8px;
        padding-right: 15px;
        padding-left: 0;
    }

    .header_game .close_game
    {
        display: block;
    }

    .header_game
    {
        display: block;

        background: rgba(2,2,12,.9);
    }


    .mob_header
    {
        display: block;
    }

    .mob_header.hide
    {
        display: none;
    }

    .mob_headerGame
    {
        display: none;
    }


    .categoriesMob.show
    {
        display: block;
    }

    .mob_settings.show
    {
        display: block;
    }


    header .open_lang.dark
    {
        color: #D9D9DE;
        font-size: 15px;
        line-height: 38px;

        padding: 0 35px 0 16px;

        border-radius: 50px;
        background: rgba(167,167,173,.14);
    }

    header .open_lang .text
    {
        opacity: .98;
    }

    header .open_lang.dark::after
    {
        right: 15px;

        width: 13px;
        height: 8px;
        margin-top: -4px;
    }

    header .modal_lang .mini_modal
    {
        right: 0;
        left: auto;
    }

    header .header_sep
    {
        display: none;
    }

    header .sound
    {
        display: none;
    }

    header .nightMode
    {
        display: none;
    }

    header .login
    {
        line-height: 28px;

        margin-left: 16px;
    }

    .header__balance._show
    {
        display: none;
    }

    .clode-aside-right
    {
        display: none;
    }


    /* header .modal_list
    {
        display: none;
    } */

    header .modal_lang
    {
        display: none;
    }

    .header__lang
    {
        position: relative;

        display: block;

        width: 56px;
        max-width: 17%;
        height: 51px;

        border: none;
        border-radius: 50px;
        background: none;
    }

    .header__lang::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background: url(../images/ic_lang2.svg) 50%/28px auto no-repeat;
    }

    header .modal_list.noLog_list
    {
        order: 0;

        margin-right: 12px;
        margin-left: auto;
    }

    .modal_list .open_info.dark
    {
        width: 56px;
        height: 51px;

        border-radius: 0;
        background: none;
        box-shadow: none;
    }

    .modal_list .open_info.dark::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background: url(../images/ic_faq.svg) 50% no-repeat;
    }

    .modal_list .open_info svg
    {
        /* width: 25px;
        height: 25px; */
        display: none;
    }

    .modal_list .mini_modal,
    .modal_list.noLog_list .mini_modal
    {
        top: 0;

        padding: 12px 0 20px;

        background: #02020C;
    }

    .modal_list .mini_modal .close,
    .modal_list.noLog_list .mini_modal .close
    {
        display: block;
    }

    .mini_modal__title
    {
        color: #FFF;
        font-size: 27px;
        font-weight: 700;

        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;

        min-height: 54px;
        margin-bottom: 22px;
        padding: 0 85px 0 23px;
    }

    .modal_list .mini_modal .close
    {
        position: absolute;
        z-index: 10;
        top: 12px;
        right: 23px;

        display: block;

        width: 54px;
        height: 54px;

        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,.12) url(../images/ic_close4.svg) 50% no-repeat;
    }

    .modal_list.noLog_list .item a
    {
        color: #FFF;
        font-size: 18px;
        font-weight: 500;

        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        flex-wrap: nowrap;

        width: 100%;
        height: auto;
        min-height: 65px;
        margin-top: 12px;
        padding: 10px 18px;

        white-space: normal;
        text-decoration: none;

        border: 1px solid rgba(255, 255, 255, .06);
        border-radius: 16px;
        background: rgba(255, 255, 255, .04);
    }

    .mini_modal__links-icon
    {
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        flex-shrink: 0;
        flex-wrap: wrap;

        width: 25px;
        height: 25px;
        margin-right: 17px;
    }

    .mini_modal__links-icon img
    {
        display: block;

        max-width: 100%;
        max-height: 100%;
    }

    .mini_modal__links
    {
        padding-right: 23px;
        padding-left: 23px;
    }

    /* .header__search-search
    {
        position: relative;

        display: block;

        width: 51px;
        height: 51px;
        margin-right: 10px;

        border: none;
        border-radius: 50px;
        background: none;
    }

    .header__search-search::before
    {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        background: url(../images/ic_search2.svg) 50% no-repeat;
    } */

    .header_user .modal_list
    {
        display: block;
    }

    .header_user.header_game .modal_list
    {
        display: none;
    }

    .header_user .modal_list .open_info
    {
        background: url(../images/ic_dot2.svg) 50% no-repeat;
    }

    .header_user .modal_list .open_info img
    {
        display: none;
    }

    .header_user .modal_list .open_info.dark::before
    {
        display: none;
    }

    header .head_history
    {
        display: none;
    }

    header .head_event
    {
        display: none;
    }

    header .user
    {
        display: none;
    }

    header .balance
    {
        margin-right: 0;
        padding-right: 24px;
    }

    .head_loyalty .box_abs
    {
        display: none;
    }

    header .box_infoAbs
    {
        display: block;
    }


    .head-notice
    {
        position: static;
    }

    .head-notice .mini_modal
    {
        position: fixed;
        top: 0;
        right: 0;

        overflow-y: auto;

        width: 100%;
        height: 100%;
        max-height: 100%;
        padding: 74px 23px 20px;

        background: #02020C;
    }

    .head-notice .mini_modal .close
    {
        display: block;
    }

    .modal_list .open_info
    {
        font-size: 22px;
        line-height: 22px;
    }

    .head-notice__info
    {
        padding: 12px;
    }

    .head-notice__info + .head-notice__info
    {
        margin-top: 14px;
    }

    .head-notice__info-name
    {
        font-size: 17px;
    }

    .head-notice__info-icon
    {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .head-notice__info-icon img
    {
        width: 24px;
    }

    .cashback-info .head-notice__info-icon img
    {
        width: 21px;
    }

    .loyalty-info__progress
    {
        margin-top: 12px;
    }

    .loyalty-info__progress-line
    {
        height: 8px;
    }

    .loyalty-info__number
    {
        font-size: 17px;
        line-height: 40px;

        margin-top: 16px;
    }

    .cashback-info__progress
    {
        margin-top: 12px;
    }

    .cashback-info__progress-line
    {
        height: 8px;
    }

    .head-notice__time
    {
        font-size: 15px;

        margin-top: 14px;
    }

    .cashback-info__number
    {
        font-size: 17px;
        line-height: 40px;

        margin-top: 16px;
    }

    header .modal_list
    {
        margin-left: 12px;
    }

    .modal_list .open_info
    {
        font-size: 22px;
        line-height: 54px;

        width: 54px;
        height: 54px;
    }

    header .close_game
    {
        flex-shrink: 0;

        width: 54px;
        height: 54px;
        margin-left: 12px;

        border: none;
        border-radius: 50%;
        background: rgba(255,255,255,.06) url(../images/ic_close4.svg) 50% no-repeat;
    }

    .link-notice
    {
        width: 54px;
        height: 54px;
    }


    header .box_btn
    {
        padding-left: 12px;
    }



    /*---------------
        Main section
    ---------------*/
    .slider-button-prev,
    .slider-button-next
    {
        display: none;
    }

    .slider-but-prev,
    .slider-but-next
    {
        display: none;
    }


    .main-banner
    {
        min-height: 340px;
    }

    .main-banner__name
    {
        font-size: 36px;
    }

    .main-banner__desc
    {
        font-size: 16px;
    }

    .main-banner__bot
    {
        margin-left: -20px;
    }

    .main-banner__btn
    {
        display: none;

        margin-left: 20px;
    }

    .main-banner__more
    {
        margin-left: 20px;
    }


    .mainCategories
    {
        display: block;
    }

    .mainCategories + .section__bord
    {
        margin-top: 46px;
    }

    .section__bord
    {
        margin-top: 46px;
        /* padding-top: 30px;

        border-top: 4px solid rgba(167,167,173,.09); */
    }

    .games .block_head,
    .games .main_title
    {
        font-size: 23px;
    }



    .block_head .more a
    {
        color: #2CCFFE;
        font-size: 19px;
        line-height: normal;

        padding-right: 0;
    }

    .block_head .more a::after
    {
        display: none;
    }

    .games .block_head
    {
        display: flex;
    }

    .games .block_head + .grid
    {
        margin-top: -4px;
    }

    .games .main_title
    {
        display: block;
    }


    .games .game .box_img
    {
        padding-bottom: 60.12%;

        border-radius: 16px;
    }


    .main_info .slider
    {
        overflow: visible;
    }

    .main_info .grig_wrap
    {
        overflow: hidden;
    }

    .main_info .grig_wrap
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 40px);
        max-height: none !important;
        margin: 0 -20px 0 -20px;

/* padding-top: 16px; */
        padding-right: 20px;
        padding-left: 8px;

        white-space: nowrap;

        /* scrollbar-color: transparent transparent;
        scrollbar-width: thin; */
    }

    .main_info .grig_wrap::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .main_info .grig_wrap::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .main_info .grig_wrap .bonus-item
    {
        display: inline-block;

        width: 200px;
        margin: 0 0 0 12px;
        padding: 16px;

        vertical-align: top;
        white-space: normal;

        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .bonus-item
    {
        min-height: 276px;
        padding: 16px;
    }

    .main_info .slider:before,
    .main_info .slider:after
    {
        display: none;
    }

    .bonus-item__time
    {
        font-size: 16px;
        line-height: 18px;

        height: 18px;
        padding-left: 28px;
    }

    .freespins-slider .bonus-item__time,
    .modal-calendar .bonus-item__time
    {
        top: 16px;
        left: 16px;
    }

    .bonus-item__time::before
    {
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background-size: contain;
    }

    .bonus-item__img
    {
        height: 92px;
        margin-top: 20px;
    }

    .bonus-item._got .bonus-item__img
    {
        margin-top: -46px;
    }

    .bonus-item__img img
    {
        max-width: 92px;
        height: 100%;

        object-fit: contain;
    }

    .freespins-slider .bonus-item__img,
    .modal-calendar .bonus-item__img
    {
        width: calc(100% + 32px);
        height: 130px;
        margin: -16px -16px 0;
    }

    .freespins-slider .bonus-item__img img,
    .modal-calendar .bonus-item__img img
    {
        border-radius: 16px 16px 0 0;
    }

    .bonus-item__info
    {
        font-size: 16px;
        font-weight: 500;

        margin-top: 18px;
    }

    .bonus-item__name
    {
        font-size: 17px;

        margin-top: 12px;
    }

    .bonus-item__bot
    {
        height: 38px;
        margin-top: 12px;
    }

    .bonus-activate
    {
        font-size: 16px;
        line-height: 36px;
    }

    .freespins-slider .bonus-item,
    .calendar-bonuses__grid .bonus-item
    {
        min-height: 260px;
    }

    .bonus-item._got
    {
        height: 276px;
    }

    .link-notice::before
    {
        background-size: 22px auto;
    }


    .calendar-bonuses__sum
    {
        font-size: 17px;

        margin-top: 12px;
    }


    /* .bonus-page__grid
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 40px);
        max-height: none !important;
        margin: 0 -20px 0 -20px;
        padding-top: 16px;
        padding-right: 20px;
        padding-left: 4px;

        white-space: nowrap;
    }

    .bonus-page__grid::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .bonus-page__grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .bonus-page__item
    {
        display: inline-block;

        width: 196px;
        margin: 0 0 0 16px;

        vertical-align: top;
        white-space: normal;
    } */

    /* .bonus-page__item
    {
        width: calc(100%/2 - 16px);
        max-width: 196px;
    } */



    .news-sport__grid
    {
        --marg_news_sport: 12px;
    }

    .news-sport__grid_main
    {
        font-size: 0;

        display: block;
        overflow: hidden;
        overflow-x: auto;

        width: calc(100% + 30px);
        max-height: none !important;
        margin: 0 -15px 0 -15px;
        padding-right: 15px;
        padding-left: 3px;

        white-space: nowrap;

        /* scrollbar-color: transparent transparent;
        scrollbar-width: thin; */
    }

    .news-sport__grid_main::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .news-sport__grid_main::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .news-sport__grid_main .news-sport__item
    {
        display: inline-block !important;

        width: 45%;
        max-width: 290px;

        vertical-align: top;
        white-space: normal;
    }



    /*-------- game ----------*/
    .games .grid
    {
        --marg_game: 12px;
    }

    .game__info
    {
        opacity: 1;
    }


    /*---------------
        Amimation game
    ---------------*/
    .games .game:hover .gameGif
    {
        display: none;
    }

    .games .game .gameGif.loaded
    {
        display: none;
    }

    .games .game .gameGif img
    {
        opacity: 1;
    }

    body:not(.touched) .games .game.hover-class .gameGif,
    body:not(.touched) .games .game.hover-class .gameGif.loaded
    {
        z-index: 5;

        display: block;

        opacity: 1;
    }

    body:not(.touched) .games .game.hover-class .gameGif video
    {
        display: block;

        border: 3px solid #FFF;
    }



    /*---------------
        Providers_mix
    ---------------*/
    .providers__grid
    {
        --marg_providers: 12px;
    }

    .providers_mix .providers__grid
    {
        font-size: 0;

        overflow: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;

        width: calc(100% + 40px);
        margin: 0 -20px 0 -20px;
        padding-right: 20px;
        padding-left: 8px;

        /* scrollbar-color: transparent transparent;
        scrollbar-width: thin; */
    }

    .providers_mix .providers__grid::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .providers_mix .providers__grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .providers__grid,
    .no_login .providers__grid
    {
        --numbers_providers: 4;
    }

    .providers__provider
    {
        margin-top: 20px;
    }

    .providers_mix .providers__provider
    {
        display: block;
        flex-shrink: 0;

        width: 160px;
        max-width: 43%;
        margin-top: 20px;
    }

    .providers_mix .providers__provider:nth-child(n + 11),
    .no_login .providers_mix .providers__provider:nth-child(n + 11),
    .no_login .providers_mix .providers__provider:nth-child(n + 11)
    {
        display: block;
    }

    .providers__provider-img::after
    {
        display: block;
    }



    /*---------------
        Sidebar
    ---------------*/
    .aside_head
    {
        display: none;
    }

    .sidebar
    {
        display: none;
    }

    .sidebar_small,
    .sidebar_small.show
    {
        display: none;
    }

    .overlay2
    {
        display: none;
    }


    .aside_right
    {
        top: 0;
        right: 0;

        display: none;
        overflow-y: auto;

        width: 100%;
        height: 100%;
        padding: 12px 23px 100px;

        border-left: none;
        background: #02020C;
    }

    .aside_right .aside_right_close
    {
        display: block;
    }

    .aside_right_title
    {
        display: flex;
    }

    .aside_right.show
    {
        display: block;
    }

    .aside_right.aside_game.show
    {
        display: flex;
        flex-wrap: wrap;

        padding-bottom: 20px;
    }

    .aside_right .custom_scroll
    {
        overflow: visible;

        height: auto;
        min-height: 1px;
        padding: 0;
    }

    .aside_right.aside_game .custom_scroll
    {
        width: 100%;
        height: auto;
    }


    .aside_right .verification_info,
    .aside_right .verification_info,
    .aside_right .error_info,
    .aside_right .success_info
    {
        display: none !important;
    }

    .aside_right .copyright
    {
        display: none;
    }

    .aside_game .info__game
    {
        align-content: flex-start;
        align-items: flex-start;
        order: 2;

        width: 100%;
        padding: 0;
    }

    .aside_game .box
    {
        display: none;
    }

    .aside_game .info__game .modal_list
    {
        display: block;

        width: 100%;
        margin: 0;
    }

    .aside_game .modal_list .open_info
    {
        display: none;
    }

    .aside_game .info__game .modal_list .mini_modal
    {
        position: relative;
        top: 0;
        right: auto;
        left: 0;

        visibility: visible;
        overflow-y: visible;

        width: 100%;
        width: 100%;
        min-width: 1px;
        height: auto;
        padding: 0;

        opacity: 1;
        background: none;
    }

    .aside_game.show .info__game .modal_list .mini_modal
    {
        pointer-events: auto;
    }

    .aside_game .modal_list .mini_modal .close
    {
        display: none;
    }

    .aside_game .mini_modal__title
    {
        display: none;
    }

    .aside_game .mini_modal__links
    {
        padding: 0;
    }


    .heig
    {
        display: none;
    }

    .aside_right .bg
    {
        padding: 14px 0;

        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .aside_game .bg
    {
        background: transparent;
    }


    .aside_game .box
    {
        width: 100%;
    }

    .info__game .head-notice
    {
        display: none;
    }

    .info__game .modal_list
    {
        display: none;
    }

    .info__game .close_game
    {
        display: none;
    }


    .aside_right .mob_close
    {
        display: block;
    }

    .info__game
    {
        padding-right: 60px;
        padding-left: 0;
    }


    .min_sum
    {
        font-size: 14px;
    }

    .other_amount
    {
        color: #FFF;
        font-size: 16px;
        /* line-height: 24px; */
    }

    .aside_right .title
    {
        color: #FFF;
        font-size: 16px;

        opacity: .99;
    }

    .my__balance .number
    {
        font-size: 20px;
        font-weight: 600;
    }

    .box_number .number
    {
        /* color: rgba(255, 255, 255, .99); */
        font-size: 16px;

        height: 36px;
    }

    .head-notice__item_pad .head-notice__name
    {
        font-size: 16px;
    }

    .head-notice-progress
    {
        height: 24px;
    }

    .head-notice-progress__text
    {
        font-size: 13px;
        line-height: 24px;
    }



    .main-bonusBig__info
    {
        padding-left: 38px;
    }

    .main-bonusBig__box
    {
        max-width: 406px;
    }

    .main-bonusBig__title
    {
        font-size: 36px;
        line-height: 46px;
    }

    .main-bonusBig__title br
    {
        display: inline;
    }

    .main-bonusBig__desc
    {
        font-size: 16px;
        line-height: 20px;
    }

    .main-bonusBig .bot
    {
        margin-top: 40px;
    }

    .main-bonusBig .reg
    {
        font-size: 14px;

        padding: 0 24px 0 43px;
    }

    .main-bonusBig .reg:before
    {
        left: 18px;
    }

    .main-bonusBig .more
    {
        font-size: 14px;

        padding: 0 20px;
    }

    .info-fonus__desc
    {
        padding: 30px 38px 0;
    }

    .info-fonus__reg,
    .desc-bonus__reg_wrap
    {
        margin-top: 30px;
    }



    .game_info
    {
        padding: 0;

        border-radius: 0;
        background: none;
    }


    .el_loyalty .box_abs
    {
        display: none;
    }



    .my_payoutsMob
    {
        display: block;
    }

    .aside_right .bg_pay + .bg_pay
    {
        border-top: 1px solid #2B2C33;
    }


    .info_cookies
    {
        z-index: 310;
    }

    .info_cookies .info
    {
        font-size: 12px;
        line-height: 18px;
        padding-right: 0;
    }


    .info-add-link,
    .info-add-link.no_login
    {
        bottom: 100px;
    }


    #mainGame
    {
        width: 100% !important;
    }


    .verification_info
    {
        padding: 16px;
    }

    .verification_payment
    {
        padding: 0;
    }

    .verification_payment__froms
    {
        position: fixed;
        z-index: 500;
        top: 0;
        left: 0;

        display: none;
        overflow: hidden;
        overflow-y: auto;

        width: 100%;
        height: 100%;
        padding: 16px;

        background: rgba(13,13,18,.6);
    }

    .verification_payment__froms-wrap
    {
        position: relative;

        width: 100%;
        max-width: 450px;
        margin: 0 auto;

        background: #1C1C24;
        box-shadow: 0 1px 14px rgb(0 0 0 / 60%);
    }

    .verification-close
    {
        top: 0;
        right: 0;

        width: 36px;
        height: 36px;
    }

    .verification_payment__from
    {
        padding: 16px;
    }

    .verification_payment__text
    {
        font-size: 14px;
    }

    .line-payment-method__card
    {
        font-size: 14px;
    }

    .verification_payment__support
    {
        font-size: 14px;
    }

    .iban-add .iban-add__input
    {
        font-size: 14px;

        padding-right: 15px;
        padding-left: 15px;
    }

    .verification_payment__head
    {
        padding: 16px;
    }

    .verification_payment__top
    {
        font-size: 13px;

        padding-left: 50px;
    }

    .verification_payment__open
    {
        margin-top: 8px;
    }

    .verification_payment__open-btn
    {
        font-size: 13px;
    }

    .verification_payment__number
    {
        font-size: 12px;
        line-height: 16px;

        min-width: 18px;
    }

    .verification_payment__top::before
    {
        width: 40px;
        height: 28px;
    }

    .verification_payment__add-title
    {
        font-size: 14px;
    }

    .verification_payment__add-title
    {
        font-size: 14px;
    }


    .games .grid
    {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 15px;
        padding-left: 3px;
    }

    .games .grid .box
    {
        display: block;

        padding: 0 8px;
    }

    .game__livebet
    {
        padding: 0 8px;
    }

    .games .game .provider_name
    {
        padding: 0 8px;
    }

    .games .grid:not(.mixed_grid)
    {
        padding-right: 12px;
        padding-left: 0;
    }

    .games .grid:not(.mixed_grid) .box
    {
        display: block;

        padding: 0 3px;
    }

    .games .grid:not(.mixed_grid) .game__livebet
    {
        padding: 0 3px;
    }

    .games .grid:not(.mixed_grid) .game .provider_name
    {
        padding: 0 3px;
    }


    body.look-mini
    {
        overflow: hidden;
    }

    /* .modal_list .mini_modal
    {
        position: fixed;
        top: 0;
        right: 0;

        overflow-y: auto;

        width: 100%;
        height: 100%;
        min-height: 1px !important;
        padding-top: 60px;

        border: none;
        border-radius: 0;
        background: #1D2022;
        box-shadow: none;
    }

    .modal_list .mini_modal._with-sub
    {
        padding-top: 20px;
    }*/

    .modal_list .mini_modal._with-sub .close
    {
        display: none;
    }

    .modal_list .mini_modal .close
    {
        display: block;
    }

    .header_game .modal_list .item.inGame
    {
        display: block;
    }

    .header_game .modal_list .item.inGame
    {
        margin-bottom: 11px;
        padding-bottom: 10px;
    }

    .header_game .modal_list .item.inGame.hide
    {
        display: none;
    }

    .modal_list .item.bord
    {
        margin-top: 11px;
        padding-top: 10px;
    }

    .modal_list .item .btn
    {
        font-size: 17px;
        line-height: 50px;

        height: 50px;
        padding-left: 70px;
    }

    .modal_list .item .btn .icon
    {
        left: 20px;

        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .modal_list .item a
    {
        font-size: 17px;
        line-height: 50px;

        height: 50px;
        padding-left: 70px;
    }

    .modal_list .item a .icon
    {
        left: 20px;

        width: 30px;
        height: 30px;
        margin-top: -15px;
    }

    .modal_list .item .linkBack
    {
        font-size: 20px;

        height: 50px;
        padding-left: 70px;
    }

    .modal_list .item .linkBack:before
    {
        width: 30px;
        height: 30px;
        margin-top: -15px;

        background-size: 20px auto;
    }

    .box_number
    {
        margin-top: 20px;
    }

    /* .box_number .number
    {
        font-size: 15px;

        height: 30px;
    } 

    .my__balance .number
    {
        font-size: 16px;
    }

    .aside_right .title
    {
        font-size: 15px;
    }*/

    .other_amount
    {
        font-size: 15px;

        min-height: 40px;
        margin-top: 10px;
        padding-left: 50px;
    }

    .other_amount .icon
    {
        left: 10px;

        width: 25px;
        height: 25px;
        margin-top: -12.5px;
    }

    .link_funds
    {
        font-size: 15px;

        min-height: 40px;
        padding-left: 50px;
    }

    .link_funds .icon
    {
        left: 10px;

        width: 25px;
        height: 25px;
        margin-top: -12.5px;
    }


    header._hide
    {
        display: none;
    }

    .aside_right.aside_game._open-sub-menu .custom_scroll
    {
        display: none;
    }

    .aside_right.aside_game._open-sub-menu .aside_right_title
    {
        display: none;
    }

    .aside_right.aside_game._open-sub-menu .aside_right_close
    {
        display: none;
    }


    .calendar-bonuses__item
    {
        padding: 16px;
    }

    .calendar-bonuses__date
    {
        font-size: 15px;
        line-height: 18px;
    }

    .calendar-bonuses__info
    {
        font-size: 16px;
        font-weight: 500;

        margin-top: 18px;
    }

    .calendar-bonuses__item._skip .calendar-bonuses__info
    {
        line-height: 24px;
    }


    .page-head._hide-pc
    {
        display: flex;

        margin-bottom: 32px;
    }


    .bonus-progressbar
    {
        max-width: 110px;
        height: 11px;
        margin-top: 10px;
    }

    .bonus-item__look
    {
        height: 38px;

        background-size: 16px auto;
    }


    .bonus-page__btn
    {
        font-size: 17px;
        line-height: 36px;
    }

    .bonus-page__btn span
    {
        padding-left: 28px;
    }

    .bonus-page__btn span::before
    {
        width: 20px;
        height: 20px;
        margin-top: -10px;

        background-size: contain;
    }

    .bonus-page__watch
    {
        font-size: 17px;
        line-height: 36px;
    }

    .bonus-page__name
    {
        font-size: 17px;
    }

    .bonus-page__icon
    {
        height: 92px;
    }

    .bonus-page__icon img
    {
        max-width: 92px;
        height: 100%;

        object-fit: contain;
    }


    .calendar-bonuses__top-watch
    {
        font-size: 16px;
        line-height: 36px;
    }

    .calendar-bonuses__arrov
    {
        width: 50px;
        height: 38px;
    }

    .calendar-bonuses__arrov svg
    {
        width: 12px;
        height: 18px;

        fill: currentColor;
    }

    .calendar-bonuses__title
    {
        font-size: 20px;
    }

    .bonus-page__title
    {
        font-size: 20px;

        min-height: 38px;
    }

    .about-bonus__name
    {
        font-size: 16px;
    }

    .about-bonus__price
    {
        font-size: 17px;

        margin-top: 10px;
    }


    .bonuses-line__name
    {
        font-size: 17px;
    }

    .bonuses-line__time
    {
        font-size: 16px;
        line-height: 18px;

        margin-top: 8px;
        padding-left: 28px;
    }

    .bonuses-line__time::before
    {
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background-size: contain;
    }

    .bonuses-line__img
    {
        width: 52px;
        height: 52px;
    }

    .bonuses-line__last
    {
        width: 136px;
    }

    .bonus-claim:not(._missed)
    {
        font-size: 16px;
        line-height: 36px;
    }

    .bonus-claim span
    {
        padding-left: 24px;
    }

    .bonus-claim span::before
    {
        width: 18px;
        height: 22px;
        margin-top: -11px;

        background-size: contain;
    }

    .bonus-watch
    {
        font-size: 16px;
        line-height: 36px;
    }

    .bonus-watch span::before
    {
        width: 20px;
        height: 20px;
        margin-top: -10px;

        background-size: contain;
    }

    .bonus-watch span
    {
        padding-left: 28px;
    }

    .bonus-progress
    {
        font-size: 16px;
        line-height: 36px;
    }

    .calendar-bonuses__look
    {
        font-size: 16px;
        line-height: 36px;

        background-size: 16px auto;
    }

    .calendar-bonuses__grey
    {
        font-size: 16px;
        line-height: 36px;
    }

    .head-notice__more-btn
    {
        font-size: 18px;
        line-height: 38px;
    }


    .calendar-bonuses__box
    {
        max-width: 153px;
        height: 76px;
        margin-top: 20px;
    }

    /* .calendar-bonuses__box-items
    {
        width: calc(100% + 7px);
        margin-left: -7px;
    } */

    .calendar-bonuses__box-item
    {
        width: 36px;
        height: 36px;
        /* margin-left: 7px; */
    }

    .calendar-bonuses__box-item img
    {
        width: 100%;
        height: 100%;

        object-fit: contain;
    }

    .calendar-bonuses__box-item._big
    {
        width: 70px;
        height: 76px;
    }

    .calendar-bonuses__item
    {
        min-height: 260px;
    }

    .calendar-bonuses__item._skip
    {
        height: 260px;
    }

    .calendar-bonuses__bot
    {
        margin-top: 12px;
    }

    #modal-calendar .calendar-bonuses__grid
    {
        min-height: 810px;
    }

    #modal-spins .calendar-bonuses__grid
    {
        min-height: 810px;
    }

    /* .about-bonus
    {
        padding: 16px;

        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    } */

    .about-bonus__item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .calendar-bonuses_box
    {
        padding: 0;

        border-radius: 0;
        background: transparent;
    }

    .calendar-bonuses_spins
    {
        display: block;
    }

    .calendar-bonuses__slider .calendar-bonuses__item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .bonus-page__item
    {
        padding: 16px;

        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }


    .main_info
    {
        margin-top: 24px;
    }

    .calendar-bonuses__grid .bonus-item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .modal-calendar .calendar-bonuses__item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }


    .freespins-slider__grid .bonus-item
    {
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .freespins-slider .bonus-item__img::before,
    .modal-calendar .bonus-item__img::before
    {
        background: linear-gradient(to bottom, rgba(17,17,26,0) 0%,rgba(17,17,26,1) 100%);
    }


    .payments-white
    {
        display: block;
    }

    .cats-bonus_main
    {
        display: none;
    }

    .bonus-page .cats-bonus_inner .cats-bonus__box
    {
        border: none;
        border-radius: 16px;
        background: rgba(255, 255, 255, .06);
    }

    .cats-bonus__btn span
    {
        font-size: 16px;
        line-height: 36px;
    }


    .desc-bonus__more-btn
    {
        font-size: 16px;
        line-height: 34px;
    }



    .info_cookies-btns{
        margin-left: -20px;
    }
    
    .info_cookies .info_cookies-btn2
    {
        margin-left: 20px;
        width: calc(100%/3 - 20px);
    }
    
    .info_cookies .info_cookies-btn
    {
        margin-left: 20px;
        width: calc(100%/3 - 20px);
    }
}


@media (max-width: 767px)
{
    .cats-bonus_inner .cats-bonus__grid
    {
        justify-content: center;
    }

    .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100% - 16px);
        max-width: 440px;
    }

    .bonus-page .cats-bonus_inner .cats-bonus__item
    {
        width: calc(100% - 16px);
        max-width: 440px;
    }


    .desc-bonus
    {
        overflow: visible;

        padding-right: 0;
        padding-left: 0;

        border: none;
        border-radius: 0;
    }


    #mainGameAuto .info_game
    {
        left: 0;

        display: flex;
        justify-content: space-between;
        align-items: center;

        width: 100%;

        background: #050A10;
    }

    #mainGameAuto .info_game .close_info
    {
        display: flex;
    }


    .desc-bonus__items
    {
        max-width: 400px;
    }

    .desc-bonus__items-col
    {
        width: 100%;
    }

    .desc-bonus__items-col + .desc-bonus__items-col
    {
        margin-top: 20px;
    }


    /*---------------
        Main styles
    ---------------*/
    .main-sports
    {
        background: linear-gradient(to right, #1E5799 0%,#000 0%,#020F2A 100%);
    }

    /*---------------
        Header
    ---------------*/
    header .bonus
    {
        display: none;
    }

    header .faq
    {
        display: none;
    }

    header .head_info
    {
        display: none;
    }
    /*---------------
        Main section
    ---------------*/


    .main-banner
    {
        justify-content: center;

        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        padding-top: 0;

        background: none;
    }

    .main-banner__img
    {
        position: relative;

        width: calc(100% + 40px);
        height: auto;
        margin-top: -160px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .main-banner__img-link
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
    }

    .main-banner__bg
    {
        height: 580px;
    }

    .main-banner__bg img
    {
        object-position: 50% 0;
    }

    .main-banner__box
    {
        width: 100%;
        max-width: none;
    }

    .main-banner__name
    {
        color: #FFF;
        font-size: 30px;
        line-height: 42px;

        display: none;

        max-width: 370px;
        margin: 0 auto;

        text-align: center;

        opacity: .99;
    }

    .main-banner__name_mob
    {
        display: block;
    }

    .main-banner__desc
    {
        display: none;

        max-width: 370px;
        margin: -60px auto 0;

        text-align: center;
    }

    .main-banner__bot
    {
        justify-content: center;

        margin-top: -30px;
    }

    .main-banner__more
    {
        font-size: 16px;

        padding: 0 25px;

        border-radius: 50px;
        background: rgba(167,167,173,.14);
    }

    .main-banner__more span
    {
        opacity: .98;
    }


    .block_head
    {
        width: 100%;
    }

    .block_head .box
    {
        padding-right: 10px;
    }

    .block_head .more
    {
        padding-right: 4px;
        padding-left: 0;
    }

    .block_head .more a span
    {
        display: none;
    }

    .block_head .more a .textMob
    {
        display: inline;
    }


    .games .grid,
    .content_all.no_login .games .grid
    {
        --numbers_game: 2;
    }

    .main_games .grid .game:nth-child(n + 5),
    .content_all.no_login .main_games .grid .game:nth-child(n + 5)
    {
        display: none;
    }


    .news-sport__grid_main .news-sport__item
    {
        width: 60%;
    }


    .game_info .info
    {
        flex-wrap: wrap;
    }

    .game_info .info .box_img
    {
        width: 100%;
        margin: 0 auto;
    }

    .game_info .box
    {
        width: 100%;
    }

    .game_info .provider
    {
        justify-content: center;
    }

    .game_info .game_name
    {
        text-align: center;
    }

    .game_info .game_link
    {
        text-align: center;
    }




    .main_bonus .bonus .name
    {
        font-size: 16px;
        line-height: 22px;
    }

    .main_bonus .bonus .desc
    {
        font-size: 12px;
        line-height: 16px;

        padding: 10px;
    }


    .main-bonusBig
    {
        padding-bottom: 46%;
    }

    /* .main-bonusBig .bg
    {
        object-position: 80% 0;
    } */

    .main-bonusBig__info
    {
        padding-left: 16px;
    }

    .main-bonusBig__box
    {
        max-width: 220px;
    }

    .main-bonusBig__title
    {
        font-size: 22px;
        line-height: 32px;
    }

    .main-bonusBig__desc
    {
        display: none;
    }

    .main-bonusBig .bot
    {
        display: none;
    }

    .main-bonusBig .moreMob
    {
        display: block;
    }

    .info-fonus__desc
    {
        padding-right: 0;
        padding-left: 0;

        background: transparent;
    }
    /*---------------
        Sidebar
    ---------------*/
    .sidebar .hideMob
    {
        display: block;
    }
    /*---------------
        Footer
    ---------------*/
    .error-page__text
    {
        font-size: 200px;
    }

    .title_error
    {
        font-size: 22px;
    }



    .info-add-link
    {
        right: calc(1em + 75px);

        width: 350px;
    }

    .info-add-link__cancel
    {
        padding: 0;
    }


    .news-sport__grid
    {
        --numbers_news_sport: 2;
    }



    /*---------------
		Providers
	---------------*/
    .providers__grid,
    .no_login .providers__grid
    {
        --numbers_providers: 4;
    }


    .calendar-bonuses_box .calendar-bonuses__grid
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 28px);
        max-height: none !important;
        margin: 0 -14px 0 -14px;

/* padding-top: 10px; */
        padding-right: 14px;
        padding-left: 4px;

        white-space: nowrap;
    }

    .calendar-bonuses_box .calendar-bonuses__grid::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .calendar-bonuses_box .calendar-bonuses__grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .calendar-bonuses_box .calendar-bonuses__item
    {
        display: inline-block;

        width: 200px;
        margin: 0 0 0 10px;
        padding-right: 16px;
        padding-left: 16px;

        vertical-align: top;
        white-space: normal;
    }

    /* .calendar-bonuses__slider .calendar-bonuses__item
    {
        width: 152px;
        margin: 0 0 0 10px;
    } */


    .calendar-bonuses_box .calendar-bonuses__arows
    {
        display: none;
    }


    .freespins-slider__grid
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 28px);
        max-height: none !important;
        margin: 0 -14px 0 -14px;

/* padding-top: 10px; */
        padding-right: 14px;
        padding-left: 4px;

        white-space: nowrap;
    }

    .freespins-slider__grid::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .freespins-slider__grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .freespins-slider__grid .bonus-item
    {
        display: inline-block;

        width: 200px;
        margin: 0 0 0 10px;
        padding-right: 16px;
        padding-left: 16px;

        vertical-align: top;
        white-space: normal;
    }


    .about-bonus
    {
        flex-wrap: wrap;
    }

    .about-bonus__item:first-child
    {
        width: calc(100% - 16px);
    }

    .about-bonus__item
    {
        width: calc(100% / 2 - 16px);
    }
}

@media (max-width: 639px)
{
    .modal-calendar .calendar-bonuses__grid
    {
        min-height: 1px;
    }

    #modal-spins .calendar-bonuses__grid
    {
        min-height: 1px;
    }

    .calendar-bonuses__grid .bonus-item
    {
        width: calc(100% / 2 - 10px);
    }

    .info_cookies-btns{
        margin-left: -16px;
    }
    
    .info_cookies .info_cookies-btn2
    {
        margin-left: 16px;
        width: calc(100%/3 - 16px);
    }
    
    .info_cookies .info_cookies-btn
    {
        margin-left: 16px;
        max-width: calc(100%/3 - 16px);
    }
}


@media (max-width: 529px)
{
    .egt__jackpotBanner
    {
        margin-top: 30px;
    }


    /*--------- games ---------*/
    .games .grid
    {
        overflow: hidden;
    }

    .games .grid.other_games_block
    {
        margin-top: -24px;
    }

    .games .grid .game
    {
        margin-top: 22px;
    }

    .games .game .name
    {
        font-size: 18px;
    }

    .games .game .provider_name
    {
        font-size: 16px;
    }

    .game__livebet
    {
        font-size: 16px;
    }

    .main_games.games .grid
    {
        font-size: 0;

        display: block;
        overflow-x: auto;

        width: calc(100% + 40px);
        max-height: none !important;
        margin: 0 0 0 -20px;
        padding-right: 20px;
        padding-left: 8px;

        white-space: nowrap;
    }

    .main_games.games .grid::-webkit-scrollbar
    {
        display: none;

        width: 10px;
        height: 10px;

        border-radius: 0;
        background-color: transparent;

        -webkit-appearance: none;
    }

    .main_games.games .grid::-webkit-scrollbar-thumb
    {
        border-radius: 0;
        background-color: transparent;
    }

    .main_games.games .grid .game
    {
        display: inline-block;

        width: 35%;
        max-width: 270px;

        vertical-align: top;
    }

    .content_all.no_login .main_games.games .grid .game
    {
        display: inline-block;
    }

    .main_games.games .grid .game.game-sport,
    .main_games.games .grid .game.sport-events__item
    {
        width: 45%;
        max-width: 290px;
    }

    .main_games .grid .game.game-sport,
    .main_games .grid .game.sport-events__item,
    .content_all.no_login .main_games .grid .game.sport-events__item
    {
        display: inline-block !important;
    }

    .main_games.games .grid .box
    {
        padding: 0;
    }

    .game__livebet
    {
        padding: 0;
    }

    .games .game .provider_name
    {
        padding: 0;
    }

    .game-sport__top
    {
        font-size: 14px;
    }

    .games .grid,
    .content_all.no_login .games .grid
    {
        --numbers_game: 3;
    }

    .games .grid br
    {
        display: block;
    }

    .games .game .name
    {
        color: #D9D9DE;
        font-weight: 400;

        opacity: .85;
    }

    .games .game .provider_name
    {
        color: #D9D9DE;
        font-weight: 400;

        opacity: .85;
    }

    .providers__provider-name
    {
        color: #D9D9DE;
        font-weight: 400;

        opacity: .85;
    }

    .games .grid,
    .content_all.no_login .games .grid
    {
        --numbers_game: 2;
    }

    .main_games.games .grid .game
    {
        width: 100%;
        max-width: 336px;
    }

    .main_games.games .grid .game.game-sport,
    .main_games.games .grid .game.sport-events__item
    {
        width: 90%;
    }

    .news-sport__grid_main .news-sport__item
    {
        width: 90%;
    }

    .games:not(.main_games) .grid .game
    {
        flex-grow: 1;

        min-width: 290px;
    }


    .providers_mix .providers__provider
    {
        margin-top: 22px;
    }

    .providers__provider-name
    {
        font-size: 18px;

        margin-top: 22px;
    }
}

@media (max-width: 479px)
{
    .info_cookies-btns{
        margin: 6px 0 0;
    }
    
    .info_cookies .info_cookies-btn2
    {
        margin: 10px 0 0;
        width: 100%;
        max-width: none;
    }
    
    .info_cookies .info_cookies-btn
    {
        margin: 10px 0 0;
        width: 100%;
        max-width: none;
    }

    /*---------------
        Main styles
    ---------------*/
    .title-big
    {
        font-size: 22px;
    }
    /*---------------
        Header
    ---------------*/
    .modal_list .lang a
    {
        padding-left: 16px;
    }

    .modal_list .lang a .icon
    {
        display: none;
    }

    .link_loyalty
    {
        width: 36px;
        height: 36px;
    }

    .link_loyalty .circle
    {
        top: -3.5px;
        left: -3px;

        width: 37px;
        height: 37px;
    }

    .link-cashback
    {
        width: 36px;
        height: 36px;
    }

    .link-cashback .circle
    {
        top: -3.5px;
        left: -3px;

        width: 37px;
        height: 37px;
    }

    header .abs_r
    {
        margin-left: 9px;
    }

    header .mob_balance .number.small
    {
        font-size: 16px;
    }

    header.header_game .mob_balance .number.small
    {
        font-size: 14px;
    }

    /* header.header_game .logo img
    {
        max-height: 38px;
    } */
    /*---------------
        Main section
    ---------------*/



    .providers_mix .providers__provider
    {
        width: 162px;
    }



    .block_head .title
    {
        font-size: 24px;
    }


    /*--------- main bonus ---------*/

    .main_bonus .grid .bonus
    {
        width: calc(100% - 16px);
    }

    .main-bonusBig__box
    {
        max-width: 50%;
    }

    .main-bonusBig__title
    {
        font-size: 16px;
        line-height: 26px;
    }

    .error-page__text
    {
        font-size: 140px;

        margin-bottom: 30px;
    }

    .title_error
    {
        font-size: 20px;
    }

    .error-page__desc
    {
        font-size: 14px;
        line-height: 1.2;

        margin-top: 16px;
    }

    .error-page__link
    {
        margin-top: 30px;
    }



    .info-add-link
    {
        right: 0;
        bottom: 0;

        width: 100%;
        padding: 35px 10px 30px;

        border-radius: 15px 15px 0 0;
    }

    .info-add-link.no_login
    {
        bottom: 0;
    }

    .info-add-link .close
    {
        display: none;
    }

    .info-add-link__top
    {
        flex-wrap: wrap;
    }

    .info-add-link__logo
    {
        margin: 0 auto;
    }

    .info-add-link__info
    {
        margin: 32px 0 0;

        text-align: center;
    }


    .info-fonus__stop
    {
        font-size: 14px;

        margin-bottom: 16px;
        padding: 8px;
    }


    .verification_payment__froms
    {
        padding: 0;
    }

    .verification_payment__froms-wrap
    {
        max-width: none;
    }


    .main_games.games .grid .game
    {
        width: 90%;
    }


    .text_block table th
    {
        font-size: 14px;

        padding: 9px;
    }

    .text_block table td
    {
        font-size: 14px;

        padding: 9px;
    }



    /*---------------
		Providers
	---------------*/
    .providers__grid,
    .no_login .providers__grid
    {
        --numbers_providers: 2;
    }



    /* .calendar-bonuses__item
    {
        padding-right: 6px;
        padding-left: 6px;
    }

	.calendar-bonuses__box-item
    {
        width: 24px;
        height: 27px;
    }

    .calendar-bonuses__item._skip .calendar-bonuses__info
    {
        padding-right: 6px;
        padding-left: 6px;
    }

    .bonus-item
    {
        padding-right: 6px;
        padding-left: 6px;
    } */
}

@media (max-width: 390px)
{
    header.header_game .cont.flex
    {
        flex-wrap: nowrap;
    }

    header.header_game .logo img
    {
        max-height: 34px;
    }

    header.header_game .abs_r
    {
        flex-shrink: 0;
    }

    header .mob_balance
    {
        flex-shrink: 0;
    }
}