@charset "UTF-8";

@font-face {
    font-family: Muller;
    src: local("Muller Regular"), local("MullerRegular"), url("base.css") format("woff2"), url("base.css") format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: local("Muller Bold"), local("MullerBold"), url("base.css") format("woff2"), url("base.css") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: local("Muller Bold"), local("MullerExtraBold"), url("base.css") format("woff2"), url("base.css") format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Muller;
    src: local("Muller Black"), local("MullerBlack"), url("base.css") format("woff2"), url("base.css") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-weight: 300;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-300.woff2") format("woff2"),url("fonts/ttfirs-300.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-regular.woff2") format("woff2"),url("fonts/ttfirs-regular.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 500;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-500.woff2") format("woff2"),url("fonts/ttfirs-500.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 700;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-700.woff2") format("woff2"),url("fonts/ttfirs-700.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 800;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-800.woff2") format("woff2"),url("fonts/ttfirs-800.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 900;
    font-family: Firs;
    font-style: normal;
    src: url("fonts/ttfirs-900.woff2") format("woff2"),url("fonts/ttfirs-900.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 300;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-300-italic.woff2") format("woff2"),url("fonts/ttfirs-300-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-italic.woff2") format("woff2"),url("fonts/ttfirs-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 500;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-500-italic.woff2") format("woff2"),url("fonts/ttfirs-500-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 700;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-700-italic.woff2") format("woff2"),url("fonts/ttfirs-700-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 800;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-800-italic.woff2") format("woff2"),url("fonts/ttfirs-800-italic.woff") format("woff");
    font-display: swap
}

@font-face {
    font-weight: 900;
    font-family: Firs;
    font-style: italic;
    src: url("fonts/ttfirs-900-italic.woff2") format("woff2"),url("fonts/ttfirs-900-italic.woff") format("woff");
    font-display: swap
}


@font-face {
    font-family: Sochi2014;
    font-weight: 700;
    src: url("fonts/sochi2014_bold.ttf");
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial
}

html, body {
    -webkit-font-smoothing: antialiased;
}

html.playgame_html {
    display: flex;
    width: 100%;
    height: 100%;
}

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

img:not([src]) {
    visibility: hidden;
}

ul, li, img, picture, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a, body, button, caption, div, footer, form, h1, h2, h3, header, html, img, input, label, li, menu, nav, ol, p, select, span, table, tbody, td, textarea, tfoot, th, thead, tr, ul {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a {
    color: #ccc;
}

a:hover {
    color: #fff;
}

a.mail_link {
    color: #fe284a;
}

a.mail_link:hover {
    color: #ff617a;
}

body {
    line-height: 1;
}

ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: initial;
}

menu, ol, ul {
    list-style: none;
}

:root {
    font-family: Firs;
    font-style: normal;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.77);
    background-color: #161723;
}

body {
    background-color: #161723;
    -webkit-font-smoothing: antialiased;
}

.mainbody {
    background-color: #211c25;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
}

.main_game_body {
    /* background: url(../images/img/bg_pattern5p-png.webp) top #191c24;*/
    background-color: #1b1e28;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    background-size: 128px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.play_game_page {
    display: flex;
    height: 100%;
}

.header {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    height: auto;
    max-height: 100px;
    background-color: #211b27f0;
}

.header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
}

.header_box {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
}

.header_box_notstatic {
    justify-content: center;
}

@media (max-width: 668px) {
    .header_box.non_auth_header {
        flex-direction: column;
    }
}

.header_padding {
    padding-top: 60px;
}

.message_page {
    padding-top: 0px;
}

.header .non_auth {
    z-index: 10;
}

.non_auth.hidden {
    display: none;
}

@media not all and (max-width: 668px) {
    .header .non_auth {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 100%;
        padding-right: 10%;
    }

    .header {
        height: 60px;
    }
}

.logo_center .header_box {
    justify-content: center;
}

.game_header .non_auth {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

@media all and (max-width: 668px) {
    .header .non_auth {
        display: flex;
        justify-content: center;
        height: 60px;
        box-sizing: border-box;
        width: 100%;
        align-items: center;
        padding-bottom: 5px;
    }
}

.header .main_logo_text {
    display: flex;
    line-height: 64px;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    color: #fe284a;
}

.header .main_logo_text a {
    text-decoration: none;
    color: #fe284a;
    display: flex;
}

.header .main_logo_text img {
    display: flex;
    height: 54px;
}

@media all and (max-width: 668px) {
    .header .main_logo_text {
        font-size: 40px;
    }
}

@media not all and (max-width: 668px) {
    .header .main_logo_text {
        font-size: 40px;
    }
}

@media (max-width: 668px) {
    .header:not(.authorized) .main_logo_text {
        height: 50%;
        position: relative;
        top: 5px;
    }
}


.header.authorized .main_logo_text {
    height: 50%;
}

.header_background_noise {
    background: url("base.css");
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    z-index: -1;
}

.header_background_pattern {
    /*  opacity: 0.05;*/
    /*  position: absolute;*/
    /*  left: 0;*/
    /*  right: 0;*/
    /*  top: 0;*/
    /*  bottom: 0;*/
    /*  width: 100%;*/
    /*  height: 100px;*/
    /*!*  background: url("/images/img/bg_pattern-png.webp") center;*!*/
    /*  background-size: 128px;*/
    /*  z-index: -1;*/
}

@media not all and (max-width: 668px) {
    .header_background_pattern, .header_background_noise {
        height: 70px;
    }
}

.btn_register_small, .button_active_small {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    border: none;
    border-radius: 5px;
    padding: 0 20px;
    background-color: #4d5a85;
    outline: none;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease;
}

.button_demo_small {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
    border: none;
    border-radius: 50px;
    padding: 0 20px;
    background-color: #4d5a85;
    outline: none;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

.button_red_active_small {
    background-color: #a940be;
    height: 30px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #7d318d, 0 4px 4px 0 #000;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.3));
}

.button_green_active_small {
    height: 30px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #3c7028, 0 4px 4px 0 #000;
    background-color: #53b12f;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
}

.button_blue_grey_active_small {
    height: 35px;
    background-color: #2d3b59;
}

.button_moregames_active {
    height: 30px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #2d3048, 0 4px 4px 0 #000;
    background-color: #3c405c;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    padding: 18px 30px;
    font-size: 16px;
}

.button_blue_active_small {
    height: 30px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #284f70, 0 4px 4px 0 #000;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    background-color: #5db1ff;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
}

.button_grey2_active_small {
    height: 30px;
    font-weight: bold;
    box-shadow: 0 3px 0 0 #505050, 0 4px 4px 0 #000;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    background-color: #868686;
    filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
    -webkit-filter: drop-shadow(3px 3px 0px rgba(0, 0, 0, 0.6));
}

.button_disabled_active_small {
    height: 30px;
    font-weight: bold;
    background-color: #868686;
    color: #535353;
    cursor: default;
}

.button_grey_active_small {
    height: 25px;
    background-color: #4e4e4e;
}

.button_red_active_small:hover {
    background-color: #C854E0;
}

.button_grey2_active_small:hover {
    background-color: #adadad;
}

.button_green_active_small:hover {
    background-color: #55cd26;
}

.button_blue_active_small:hover {
    background-color: #72b9fa;
}

.button_blue_grey_active_small:hover {
    background-color: #364568;
}

.button_moregames_active:hover {
    background-color: #4f5478;
}

.link_standard {
    color: #ccc;
    display: flex;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;

}

.link_header {
}

.header .non_auth > div {
    padding: 0 10px;
}

.game_header .non_auth > div {
    padding: 0 10px;
}

.banner_example {

}

#carousel {
    width: 100%;
    max-width: 100%;
    font-weight: 700;
    /*  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, .8);*/

}

/*.carousel {*/
/*    overflow: hidden;*/
/*    height: 380px;*/
/*    width: 100%;*/
/*    max-width: 100%;*/
/*    !*box-shadow: 0 6px 8px 16px rgb(0 0 0 / 80%);*!*/
/*    font-weight: 700;*/
/*    background-color: #0e0f13;*/
/*}*/

@media (max-width: 668px) {
    /*#carousel {*/
    /*    position: relative;*/
    /*    margin-top: 0;*/
    /*    padding-top: 25%;*/
    /*    height: 0;*/
    /*}*/
    /*.carousel {*/
    /*    position: relative;*/
    /*    margin-top: 0;*/
    /*    padding-top: 25%;*/
    /*    height: 0;*/
    /*}*/
}


.carousel_list {
    position: relative;
    display: flex;
    height: inherit;
    width: inherit;
    overflow: hidden;
}

@media (max-width: 668px) {
    .carousel_list {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
}

.carousel_item {
    position: relative;
    width: inherit;
}

.carousel_item {
    min-width: 100%;
}

.carousel_item_transition {
    transition: margin-left .5s ease;
}

@media (max-width: 668px) {
    .carousel_item {
        height: 100%;
    }


}

@media not all and (max-width: 668px) {
    .carousel_item {
        height: 250px;
    }

    /*#carousel {*/
    /*    height: 250px;*/
    /*}*/
    .carousel_item.carousel_item_one .banner_img {
        object-position: 60% 50%;
    }

    .carousel_item.carousel_item_two .banner_img {
        object-position: 50% 50%;
    }

    .carousel_item.carousel_item_three .banner_img {
        object-position: 40% 50%;
    }
}

.carousel_item_text {
    max-width: 1200px;
    width: 100%;
    font-family: Sochi2014;
}

.carousel_item_one .carousel_item_text {
    /*left: calc(50% - 550px);*/
    /* max-width: 750px;*/
    line-height: 40px;
    font-size: 32px;
    font-size: 24px;
    text-align: center;
    white-space: nowrap;
    color: rgba(50, 18, 88, .9);
}

.carousel_item_one .carousel_text_wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

.carousel_item_two .carousel_item_text {
    left: calc(50% - 550px);
    max-width: 750px;
    line-height: 45px;
    font-size: 32px;
    text-align: center;
    white-space: nowrap;
    color: rgba(50, 18, 88, .9);
}

.carousel_item_two .carousel_text_wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

.carousel_item_three .carousel_item_text {
    left: calc(50% - 550px);
    max-width: 750px;
    line-height: 45px;
    font-size: 32px;
    text-align: center;
    white-space: nowrap;
    color: rgba(50, 18, 88, .9);
}

.carousel_item_three .carousel_text_wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}

.carousel_item_three .carousel_text_part_add {
    display: flex;
    justify-content: center;
}

@media not all and (max-width: 668px) {
    .carousel_item_one .carousel_item_text {
        /*background: linear-gradient(180deg, #ffbc3a 0, #ffbc3a 50%, #e7971e 55%, #ffe47a 65%, #ffe47a 80%, #ffe47a);*/
        /*-webkit-background-clip: text;*/
        /*-webkit-text-fill-color: transparent;*/
        color: #fff;
    }

    /*.carousel_item_one .carousel_text_wrapper {*/
    /*    background: linear-gradient(90deg, rgba(50, 18, 88, 0) 0, rgba(50, 18, 88, .9) 25%, rgba(50, 18, 88, .9) 75%, rgba(50, 18, 88, 0));*/
    /*}*/
    .carousel_item_two .carousel_item_text {
        background: linear-gradient(180deg, #ffbc3a 0, #ffbc3a 50%, #e7971e 55%, #ffe47a 65%, #ffe47a 80%, #ffe47a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .carousel_item_two .carousel_text_wrapper {
        background: linear-gradient(90deg, rgba(50, 18, 88, 0) 0, rgba(50, 18, 88, .9) 25%, rgba(50, 18, 88, .9) 75%, rgba(50, 18, 88, 0));
    }

    .carousel_item_three .carousel_item_text {
        color: #fdf690;
    }

    .carousel_item_three .carousel_text_wrapper {
        background: linear-gradient(90deg, rgba(50, 18, 88, 0) 0, rgba(50, 18, 88, .9) 25%, rgba(50, 18, 88, .9) 75%, rgba(50, 18, 88, 0));
    }
}

@media (max-width: 668px) {
    .carousel_item_one .carousel_item_text {
        font-size: 3.5vw;
        line-height: 24px;
        color: #fff;
        text-transform: uppercase;
    }

    .carousel_item_one .carousel_text_wrapper {
        background-color: #161723;
    }

    .carousel_item_two .carousel_item_text {
        font-size: 3.5vw;
        line-height: 24px;
        color: #fff;
        text-transform: uppercase;
    }

    .carousel_item_two .carousel_text_wrapper {
        background-color: #161723;
    }

    .carousel_item_three .carousel_item_text {
        font-size: 3.5vw;
        line-height: 24px;
        color: #fff;
        text-transform: uppercase;
    }

    .carousel_item_three .carousel_text_wrapper {
        background-color: #161723;
    }
}


.banner_content {
    display: flex;
    width: 100%;
    height: 100%;
}

.banner_img {
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    pointer-events: none;
}

@media (max-width: 668px) {
    .banner_img {
        object-fit: cover;
    }
}

.main_tabs {
    width: 100%;
    /*padding-top: 6px;*/
    padding-bottom: 6px;
    position: relative;
    /*   top: 2px;*/
    z-index: 10;
    /*border-top: 4px solid rgba(17, 31, 72, 0.5);*/
    /*border-bottom: 2px solid rgba(17, 31, 72, 0.8);*/
    background-color: #2e2734;
}

.main_tabs_bg {
    /*opacity: 0.8;*/
    /*background: linear-gradient(180deg, #0B1127 0%, #111C3F 108.33%);*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*z-index: -1;*/
}

@media (min-width: 668px) {
    .main_tabs {
        margin: 0 auto;
        box-sizing: border-box;
        /* max-width: 1200px; */
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 100px;
}

@media (min-width: 668px) {
    .main {
        padding-top: 60px;
    }
}

.main_tabs_list {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
    justify-content: center;
}

.main_tabs_list_container {
    background-color: #342b39;
    border-radius: 10px;
    box-sizing: border-box;
    max-width: 1170px;
    width: 100%;
    display: flex;
    justify-content: flex-end
}

@media (min-width: 668px) {
    .main_tabs_list {
        /* padding: 0; */
        /* width: 100%; */
        /* max-width: 800px; */
        box-sizing: border-box;

        /* margin: 0; */

    }
}

@media (max-width: 855px) {
    .games_navigation_container {
        margin-bottom: 10px;
    }
}

.main_tabs_listitem {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 5px;
}

.main_tabs_listitem:nth-child(odd):after {
    display: block;
}

.search_controls_list_item {
    min-width: 300px;
}

.main_tabs_listitem:after {
    display: none;
    content: "";
    /*background-color: rgba(49, 48, 71, 1);*/
    width: 1px;
    position: absolute;
    height: 30px;
    right: 0;
    top: 5px;
    z-index: -1;
}

.main_tabs_listitem_active .main_tabs_listitem_text {
    color: #ed479f;
}

@media (min-width: 669px) {
    .main_tabs_listitem:after {
        display: block;
    }
}

@media (min-width: 669px) {
    .main_tabs_listitem:after {
        top: 10.5px;
        height: 34px;
    }
}

@media (min-width: 669px) {
    .main_tabs_listitem {
        position: relative;
    }
}

@media (max-width: 669px) {
    .main_tabs_listitem_active {
    }

    .games_navigation {
        margin-top: 0 !important;
    }
}

@media (min-width: 669px) {
    .main_tabs_listitem_active {
        /*border-radius: 10px 10px 0 0;*/
        /* background: url(../images/img/bg_pattern5p-png.webp) left top rgb(32 34 51); */ /* background-size: 32px; */ /* box-shadow: inset 0 20px 30px -15px rgb(158 179 255 / 20%); */ /* outline: 2px solid rgb(32 34 51); */ /* border-top: 2px dashed rgb(105 109 144); */ /* border-left: 2px dashed rgb(105 109 144); */ /* border-right: 2px dashed rgb(105 109 144); */
    }
}

.main_tabs_listitem_link {
    box-sizing: border-box;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    cursor: pointer;
}

.slots_link {
    color: #e8e6ff;
}

@media (max-width: 669px) {
    .slots_link .main_tabs_listitem_img {
        width: 35px;
        /* height: 70%;*/
        display: flex;
    }

    .tables_link .main_tabs_listitem_img {
        width: 36px;
    }
}


.live_games_link {
    color: #de593e;
}

.tables_link {
    color: #38EB6A;
}

.tournaments_link {
    color: #3595ED;
}

@media (min-width: 669px) {
    .main_tabs_listitem_link {
    }
}


.main_tabs_listitem_content {
    justify-content: flex-start;
    height: 50px;
    max-height: 50px;
    border-radius: 8px;
    padding: 0;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

@media (min-width: 669px) {
    .main_tabs_listitem_content {
        justify-content: center;
        height: 55px;
        max-height: 55px;
        padding: 0 5px;
    }
}

.main_tabs_listitem_img_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    height: inherit;
    width: 50px;
}

.main_tabs_listitem_img_wrap {
    justify-content: center;
    margin-right: 6px;
    width: 42px;
}

@media (min-width: 669px) {
    .main_tabs_listitem_img_wrap {
        position: relative;
        justify-content: center;
        margin-right: 10px;
        width: 42px;
    }
}

.main_tabs_listitem_img {
    width: 40px;
}

.main_tabs_listitem_img.icon_slots {
    width: 50px;
}

.main_tabs_listitem_img.icon_live {
    position: relative;
    left: -4px;
}

.main_tabs_listitem_text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    font-weight: 900;
    text-transform: uppercase;
    font-family: Sochi2014, sans-serif;
    font-size: 14px;
}

.main_content {
    min-height: 60vh;
}

@media (min-width: 669px) {
    .main_content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        /*background: url(../images/img/bg_pattern5p-png.webp) left top #1e1f2b;*/
        background-size: 256px;
        /*border-top: 2px dashed #696d90;*/
        /*outline: 2px solid #202233;*/
        /*box-shadow: 0 0 20px 0px rgba(0, 0, 0, .8);*/
        width: 100%;
    }
}

@media (max-width: 669px) {
    .main_content {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        /*background: url('../images/img/bg_pattern5p-png.webp') left top #1e1f2b;*/
        background-size: 256px;
        /*box-shadow: 0 0 20px 0px rgba(0, 0, 0, .8);*/
    }

    .main_tabs_list {
        padding: 0;
    }
}


.main_content_pattern {
    opacity: 0.1;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: url("base.css") left top;
    background-size: 128px;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.main_tabs_pattern {
    opacity: 1;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: url("base.css") top #1b223e;
    /* background-size: 128px; */
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.main_background_noise {
    background: url("base.css");
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.games_navigation {
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-anchor: none;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 20px;
}

.games_navigation_container {
    justify-content: center;
    padding: 5px;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    padding-left: 10px;
}

#gamesSearchPanel {
    display: flex;
    justify-content: center;
    width: 100%;
}

.form_search {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.games_navigation .form_search {
    width: 430px;
}

@media (max-width: 1024px) {
    .games_navigation .form_search {
        width: 100%;
    }
}

.box_input_text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.box_input_date_text {
    width: 100px;
    margin-right: 10px;
    align-items: flex-start;
}

.box_input_date_text label {
    margin-left: 4px;
}

.date_input_section {
    width: 70%;
    display: flex;
    justify-content: flex-start;
}

.box_input_text input:focus, .box_input_text input:hover {
    outline: none;
    box-shadow: 0 0 0 2px #9d87b3;
}

.box_input_text textarea:focus, .box_input_text textarea:hover {
    outline: none;
    box-shadow: 0 0 0 2px #9d87b3;
}

.box_input_text select:focus, .box_input_text select:hover {
    outline: none;
    box-shadow: 0 0 0 2px #9d87b3;
}

.box_input_text.search {
    width: 100%;
}

.box_input_text input {
    height: 35px;
    padding: 0 18px;
    font-size: 16px;
}

.box_input_text textarea {
    height: 35px;
    padding: 0 5px;
    font-size: 16px;
}

.box_input_text select {
    height: 35px;
    padding: 0 8px;
    font-size: 16px;
}

input.simple {
    padding: 0 6px;
}

textarea.simple {
    padding: 0 6px;
}

.box_input_text input, .box_input_text select, .box_input_text textarea {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 5px;
    /* background: linear-gradient(#231e28, #201c23) padding-box, linear-gradient(180deg, #00000000 40%, #41364a61) border-box;*/
    font-weight: 500;
    color: #fff;
    background-color: #221d25;
    transition: box-shadow .25s ease;
    font-family: Firs, SansSerif;
}

.note_input_textarea textarea {
    display: flex;
    width: 100%;
    height: 100px;
    font-family: inherit;
    background: none;
    background-color: #1f1923;
}

.input_select {
    display: flex;
    width: 100%;
}

.input_select_wrap {
    width: 70%;
    display: flex;
    justify-content: flex-start;
}

.input_select_wrap .box_input_text {
    width: 70%;
}

.input_select:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 7px;
    z-index: 1;
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("img/dropdown.svg");
    pointer-events: none;
}

.box_input_text select option {
    color: #fff;
    background-color: #191929;
}

.box_input_text.search [type=search] {
    border-radius: 10px;
    padding-left: 7px;
    padding-right: 50px;
}

.box_input_text input::-webkit-input-placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::-moz-placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::-ms-input-placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::placeholder {
    font-style: italic;
    color: #ccc
}

.box_input_text input::-webkit-input-placeholder {
    font-weight: 500
}

.box_input_text input::-moz-placeholder {
    font-weight: 500
}

.box_input_text input::-ms-input-placeholder {
    font-weight: 500
}

.search_submit {
    position: absolute;
    top: 0;
    right: 10px;
    height: 35px;
    width: 35px;
    background: transparent url("img/Search.svg") no-repeat 50%;
    background-size: 18px;
    cursor: pointer;
}

.search_form_container {
    display: flex;
    width: 100%;
    height: 35px;
}

.input_suggestion {
    visibility: hidden;
    position: absolute;
}

button {
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: initial;
}

.games_list_content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 45px;
    overflow-anchor: none;
    justify-content: space-between;
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    padding: 0 15px;
    margin-top: 20px;
}

@media (max-width: 668px) {
    .games_list_content {
        padding: 0 10px;
    }
}

.games_list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 0px) {
    .games_list {
        max-width: 450px;
    }
}

@media (min-width: 669px) {
    .games_list {
        max-width: 100%;
    }
}

.games_list_item {
    position: relative;
    box-sizing: border-box;
    margin: 0 15px 35px 0;
}

@media (min-width: 0px) {
    .games_list_item {
        width: calc(50% - 7.5px);
        padding-top: calc(38% - 7.5px);
    }

    .games_list .games_list_item:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width: 669px) {
    .games_list .games_list_item {
        width: calc(25% - 11.25px);
        padding-top: 17%;
    }

    .games_list .games_list_item:nth-child(2n) {
        margin-right: 15px
    }

    .games_list .games_list_item:nth-child(4n) {
        margin-right: 0
    }
}

@media (min-width: 1025px) {
    .games_list {
        max-width: 100%
    }

    .games_list .games_list_item:nth-child(4n) {
        margin-right: 15px
    }

    .games_list .games_list_item:nth-child(5n) {
        margin-right: 0
    }

    .games_list .games_list_item {
        width: calc(20% - 12px);
        padding-top: calc(15% - 10px);
    }
}

.game_card {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border-radius: 10px;
    color: #fff;
    transform: translateZ(0);
    transition: transform .15s linear;
}

@media (min-width: 669px) {
    .games_list .game_card:hover {
        transform: scale(1.1);
        z-index: 4
    }

    .games_list .game_card:hover .game_card_controls {
        pointer-events: auto;
        opacity: 1
    }

    .games_list .game_card:hover .game_card_img {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .games_list .game_card:hover .game_card_top {
        border: 0;
    }

    .games_list .game_card:hover .game_card_favorite_container {
        opacity: 0;
    }

    .games_list .game_card:hover .game_card_flags {
        opacity: 0;
    }

    .games_list .game_card:hover.x_no-animation {
        transform: none
    }
}

@media (max-width: 668px) {
    .games_list .games_list_item:nth-child(2n) .game_card.x_show {
        transform: scale(1.35) translateX(-10%);
        transition-delay: 15ms;
    }

    .games_list .games_list_item:nth-child(odd) .game_card.x_show {
        transform: scale(1.35) translateX(10%);
        transition-delay: 7ms;
    }

    .games_list .game_card.x_show {
        transform: scale(1.35);
        z-index: 4;
    }

    .games_list .game_card.x_show .game_card_controls {
        pointer-events: auto;
        opacity: 1
    }

    .games_list .game_card.x_show .game_card_img {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .games_list .game_card.x_show .game_card_top {
        border: 0;
    }

    .games_list .game_card.x_show .game_card_favorite_container {
        opacity: 0;
    }

    .games_list .game_card.x_show .game_card_flags {
        opacity: 0;
    }

    .games_list .game_card.x_show.x_no-animation {
        transform: none
    }
}

.game_card_top {
    position: relative;
    height: 100%;
    /* border: 1px solid #393a51;*/
    border-bottom: none;
    border-radius: 10px;
}

.games_list_item .game_card {
    position: absolute;
    top: 0;
    left: 0;
}

.game_card_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    flex: none;
    box-sizing: border-box;
    height: 35%;
    border-top: none;
    font-size: 12px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: absolute;
    width: 60%;
    bottom: 0;
    align-items: center;
}

@media (max-width: 668px) {
    .game_card_title {
        line-height: 12px;
    }
}

.game_card_flags {
    position: absolute;
    width: 100%;
    z-index: 2;
    display: flex;
    transition: opacity .15s linear;
    transition-delay: 20ms;
}

.game_card_flags li:last-child {
    margin-right: 0;
}

game_card_flags li {
    margin-right: 10px;
}

@media (max-width: 668px) {
    .game_card_flags li {
        margin-right: 5px;
    }
}


.game_card_flags_new, .game_card_flags_hit, .game_card_flags_favorite {
    position: relative;
    display: flex;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
}

.game_card_flags_new {
    width: 35%;
    line-height: 1.7em;
}

.game_card_flags_hit {
    width: 20%;
    line-height: 1.7em;
}

.game_card_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
    margin: 0;
    border: 0;
    padding: 0;
}

.game_card_img.broke {
    visibility: hidden;
}

.game_card_picture_container_tmp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: url("img/dice-png.webp") #202233 center no-repeat;
    background-size: 64px;
}

@media (min-width: 669px) {
    .game_card_img {
        object-fit: cover;
    }
}

.game_card_flags_new_decor, .game_card_flags_hit_decor {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2px 10px;
    display: flex;
    font-size: min(3vw, 14px);
    height: 90%;
}

.game_card_flags_favorite_decor {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2px 5px;
    display: flex;
    height: 100%;
}

.game_card_flags_favorite_decor img {
    width: 15%;
}

.game_card_flags_new_decor {
    background-color: #f42a4ec4;
    text-shadow: 1px 1px 2px #000000ab;
    /* box-shadow: inset 0 20px 30px -15px rgb(158 179 255 / 20%);*/
}

.game_card_flags_hit_decor {
    background-color: #e137ffc4;
    text-shadow: 1px 1px 2px #000000ab;
    /* box-shadow: inset 0 20px 30px -15px rgb(238 127 255 / 81%);*/
}

.game_card_flags_favorite_decor {
    background-color: #e137ffc4;
    /* box-shadow: inset 0 20px 30px -15px rgb(238 127 255 / 81%);*/
}


.game_card_flags_new_decor svg {

}

.game_card_favorite_container {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 2;
    /* padding-left: 5px; */
    width: 100%;
    height: 25%;
    box-sizing: border-box;
    padding: 3% 3%;
    transition: opacity .15s linear;
    transition-delay: 20ms;
}

.game_card_favorite_controls_container {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    z-index: 2;
    /* padding-left: 5px; */
    width: 20%;
    transition: opacity .15s linear;
    transition-delay: 20ms;
}

.game_card_favorite_controls_container {
    /*flex-direction: column;*/
    /* align-items: flex-end; */
    /* height: 34%; */
    /* bottom: 0; */
    /* width: 30px; */
    right: 0;
    justify-content: center;
    /* pointer-events: none; */
    position: absolute;
}

.game_card_favorite_container img {
    width: 30px;
    display: flex;
}

.game_card_favorite_controls_container img {
    width: 100%;
    display: flex;
}

.favorite_icon_wrap {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    /*background-color: #f42a4e;*/
    /*border-radius: 5px;*/
    /*padding: 1px;*/
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 1));
}

.favorite_icon_controls_wrap {
    padding: 10% 10%;
    display: flex;
    width: 60%;
    height: 20px;
    cursor: pointer;
    position: absolute;
}

.game_card_picture_container {

}

.game_card_picture_container picture {
}

.game_card_controls {
    /* position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    height: 130%;
    width: 100%;
    padding: 5px 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s linear;
    transition-delay: 20ms;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #393a51;
    background-color: rgba(0, 0, 0, .8); */
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    height: 130%;
    width: 100%;
    padding: 5px 0;
    pointer-events: none;
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s linear;
    transition-delay: 20ms;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #3d9dff;
    background-color: #2a5e9fe0;
    overflow: hidden;
}

.game_card_controls_play_wrap {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 10px;
}

@media (min-width: 1025px) {
    .game_card_controls_play_wrap {
        padding-top: 30%;
    }
}

@media (min-width: 800px) {
    .game_card_controls_play_wrap {
        padding-top: 15%;
    }
}

@media (max-width: 779px) {
    .game_card_controls_play_wrap {
        padding-top: 15%;
    }
}

.game_card_controls_demo_wrap {
    display: flex;
    width: 100%;
    height: 40%;
    align-items: flex-end;
    justify-content: center;
}

.game_card_demo {
    margin-top: 10%;
    width: 40%;
}

.game_card_play {
    width: 50%;
}

.favorite_heart_active {
    opacity: 0;
    pointer-events: none;
    transform: scale(2);
    will-change: transform;
    transition: transform .30s linear, opacity .15s linear;
    transition-delay: 20ms;
}

.favorite_heart_deactive {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    will-change: transform;
    transition: transform .30s linear, opacity .15s linear;
    transition-delay: 20ms;
}

.favorite_set .favorite_heart_active {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.favorite_set .favorite_heart_deactive {
    opacity: 0;
    pointer-events: none;
}

.games_list_in_progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    min-height: 300px;
}

.play_game_in_progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.in_progress {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50vh;
}

.games_list_no_items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 300px;
}

.games_list_no_items_text {
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.games_list_in_progress img {
    width: 200px;
    height: 200px;
    display: flex;
}

.footer {
    background-color: #211c25;
}

.games_list_footer {
    display: flex;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    justify-content: center;
}

.main_footer {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
}

.footer_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer_link a {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 36px;
    width: 100%;
    border-radius: 5px;
    padding: 0 8px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    transition: background-color .15s linear, transform .15s linear;
}

.footer_link a:focus, .footer_link a:hover {
    background-color: #252536
}

.website_info {
    padding: 0px 10px;
    display: flex;
}

.website_info_wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.domain_name {
    text-align: center;
    font-size: 12px;
    color: #fff;
    align-items: center;
    text-align: left;
}

.domain_name2 {
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: left;
}

.licence_icon {
    display: flex;
    margin-right: 10px;
    min-width: 40px;
    align-items: flex-start;
}

.licence_icon2 {
    display: flex;
    margin-right: 10px;
    min-width: 40px;
    align-items: center;
}

.licence_icon img {
    width: 40px !important;
    height: unset !important;
}

.licence_icon2 img {
    width: 40px !important;
    height: unset !important;
}


.language {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding-top: 0px;
    align-items: center;
}

#language_select {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.language_current {
    padding: 8px 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #405482;
    border-radius: 5px;
    transition: background-color .15s linear, transform .15s linear;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.language_current_body {
    display: flex;
    cursor: pointer;
}

.lang_img img {
    width: 32px;
    height: 32px;
}

.lang_img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.language_current:focus, .language_current:hover {
    background-color: #5b75b2;
}

.blur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.header, .footer, .main_footer, .main, .website_info {
    transition: -webkit-filter .25s linear;
}

.dialog_block {
    border: 1px solid #41495b;
    border-radius: 5px;
    box-shadow: 0 8px 10px #000;
    background-color: #2a303d;
    background-size: 256px;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 30px;
    border-top: 3px solid #fe284a;
}

.tutorial_dialogbox_position {
    margin-top: calc(50vh - 350px);
    margin-left: calc((50vw - (100vw - 100%)) - 160px);
    display: flex;
    padding: 10px 10px;
    flex-direction: column;
    align-items: center;
    width: 340px;
    height: 560px;
    box-sizing: border-box;
}

@media (max-width: 375px) {
    .tutorial_dialogbox_position {
        margin-top: calc(50vh - 276px);
        margin-left: calc((50vw - (100vw - 100%)) - 164px);
        display: flex;
        padding: 10px 10px;
        flex-direction: column;
        align-items: center;
        width: 330px;
        height: 530px;
        box-sizing: border-box;
    }
}


@media (max-width: 320px) {
    .tutorial_dialogbox_position {
        margin-top: calc(50vh - 224px);
        margin-left: calc((50vw - (100vw - 100%)) - 138px);
        display: flex;
        padding: 10px 10px;
        flex-direction: column;
        align-items: center;
        width: 281px;
        height: 445px;
        box-sizing: border-box;
    }
}

.modal_dialog {
    position: relative;
    transition: transform .3s ease-out;
    transform: translate(0, -1rem);
}

.modal_dialog_show {
    transform: none;
}

.model_dialog_title {
    display: flex;
    font-size: 24px;
    font-weight: bold;
}

.language_selector .model_dialog_title {
    margin-bottom: 20px;
}

.language_selector {
    margin-top: calc(50vh - 150px);
    margin-left: calc((50vw - (100vw - 100%)) - 160px);
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: center;
    width: 300px;
    min-height: 125px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: 100%;
    outline: 0;
    transition: backdrop-filter .5s ease;
}

.modal_blur {
    backdrop-filter: blur(4px) opacity(1);
}

.modal_active {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.disable_scrollbars {
    overflow: hidden;
}

.display_none {
    display: none;
}

.languages_list {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}


.language_list_item {
    display: flex;
    width: 40%;
    margin: 10px 0;
}

.language_list_item a {
    padding: 0 8px;
    height: 36px;
    width: 90%;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #405482;
    border-radius: 5px;
    transition: background-color .15s linear, transform .15s linear;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.language_list_item a:focus, .language_list_item a:hover {
    background-color: #5b75b2;
}

.games_search_panel {
    max-width: 450px;
}

.games_search_filters {
    display: flex;
    width: 100%;
}

.games_search_filters_list {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.games_search_filters_list_item {
    display: flex;
    padding: 8px 6px;
    cursor: pointer;
}

.games_search_filters_list_item_text {
    display: flex;
    padding: 7px;
    border-radius: 5px;
    text-decoration: underline;
}

.games_search_filters_list_item_text:not(.selected):hover {
    background-color: #343753;
}

.games_search_filters_list_item_text.all.selected {
    background-color: #343753;
    text-decoration: none;
    cursor: default;
}

.games_search_filters_list_item_text.hit.selected {
    background-color: #ae2dc7;
    text-decoration: none;
    cursor: default;
}

.games_search_filters_list_item_text.new.selected {
    background-color: #bc243c;
    text-decoration: none;
    cursor: default;
}

.games_search_filters_list_item_text.favorite.selected {
    background-color: #cd2461;
    text-decoration: none;
    cursor: default;
}

.games_search_filters_list_item_text.recent.selected {
    background-color: #2d82d0;
    text-decoration: none;
    cursor: default;
}

.auth {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

#auth {
    display: flex;
}

.auth_wrap, .auth_global_wrapper {
    display: flex;
}

.mobile_menu_back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    z-index: 89;
}

.mobile_menu_back.display_none {
    display: none;
}

.auth > div {
    padding: 0 10px;
}

.profile_menu {
    position: relative;
    display: flex;
    align-items: center;
    color: #d0d0d0;
    height: 100%;
    min-width: 440px;
}

.user_name_status {
    height: auto;
    width: 35px;
}

.user_top_panel_avatar_wrap {
    position: relative;
    left: -28px;
    width: 65px;
    top: 4px;
}

.user_name_status.mobile {
    height: auto;
    width: 50px;
}

.user_name_status img, .user_name_status picture {
    height: inherit;
    width: inherit;
}

.user_name_text {
    display: flex;
    flex-wrap: nowrap;
}

.user_name_text_wrap {
    display: flex;
    text-transform: none;
    flex-wrap: nowrap;
}

.user_name_text_wrap.status {
    font-size: 12px;
    margin-left: 20px;
}

.user_name_img {
    display: flex;
    width: 26px;
    /* height: 26px; */
    align-items: center;
}

.user_name_img img {
    width: 26px;
    height: 26px;
}

.user_name_text .name {
    display: flex;
    align-items: center;
    font-weight: normal;
    /* line-height: 2em; */
    position: relative;
    top: 2px;
    font-size: 16px;
    max-width: 115px;
}

.user_name_text .name > span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 115px;
    font-size: 14px;
    font-weight: 800;
}

.user_name {
    display: flex;
    align-items: center;
    max-width: 100%;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    margin-right: 5px;
    height: 100%;
}

@media (max-width: 1150px) {
    .user_name_text:not(.not_hide) {
        display: none;
    }

    .user_name_status:not(.not_hide) {
        display: none;
    }
}

.profile_menu_button {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    position: relative;
    top: -2px;
    min-width: 190px;
    max-width: 190px;
    justify-content: flex-end;
    border-right: 1px solid #4d525e;
}

@media (max-width: 1024px) {
    .auth:not(.auth_always) {
        display: none;
    }
}

.profile_dropdown {
    width: 14px;
    position: relative;
    top: 2px;
}

.profile_dropdown path {
    stroke: #ccc;
}

.user_wallet {
    display: flex;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
    color: #d0d0d0;
    align-items: center;
    height: 100%;
    min-width: 210px;
}

.user_wallet_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
}

.user_wallet_img > img {
    width: 20px;
    opacity: 0.4;
}

.user_wallet_balance {
    height: 27px;
    margin-right: 10px;
    align-items: center;
    font: inherit;
    min-width: 100px;
    display: flex;
}

.user_wallet_balance > span {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.user_wallet_top_up {
    height: 35px;
    margin-right: 10px;
}

.user_wallet_top_up > a {
    width: 100px;
}

.wallet_button_icon {
    display: none;
    width: 20px;
    display: flex;
}

@media (max-width: 930px) {
    .user_wallet_top_up .btn_register_small span {
        display: none;
    }
}

@media (min-width: 930px) {
    .wallet_button_icon {
        display: none;
    }
}

.profile_menu > div {
    padding: 0 10px;
}

.main.auth_padding {
    padding-top: 60px;
}

.header.authorized .main_logo_text {
    height: 100%;
}

.dropdown_list {
    transition: visibility 1s, opacity .5s ease;
    opacity: 0;
    visibility: hidden;
}

.dropdown_list_open {
    opacity: 1;
    visibility: visible;
}

.dropdown_list_menu {
    position: absolute;
    top: 43px;
    left: 10px;
    border: 1px solid #55556d;
    border-radius: 10px;
    padding: 8px;
    background-color: #202430;
    display: flex;
    flex-direction: column;
    width: 180px;
}

.dropdown_list_menu_item {
    display: flex;
}

.dropdown_list_menu_item a {
    display: flex;
    align-items: center;
    height: 35px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    margin-left: 5px;
}

.dropdown_list_menu_item:hover {
    background-color: #55556d;
}

.dropdown_list_img {
    margin-right: 10px;
    display: flex;
    height: inherit;
}

.dropdown_list_img img {
    opacity: 0.8;
    width: 20px;
    object-fit: contain;
    display: flex;
}

.auth_panel_block {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 55px;
    width: 32px;
}

@media (max-width: 668px) {
    .auth_panel_block {
        position: absolute;
        top: 0px;
        right: 12px;
    }
}

@media (max-width: 1024px) {
    .auth_panel_block {
        position: absolute;
        top: 0px;
        right: 12px;
    }
}

.auth_panel_block img {
    height: 24px;
    width: 32px;
    cursor: pointer;
}

.header.authorized {
    height: 60px;
}

@media (max-width: 400px) {
    .header.authorized {
        height: 50px;
    }

    .header .main_logo_text img {
        height: 32px;
    }

    .auth_panel_block {
        height: 50px;
    }

    .messages_page {
        padding-top: 0px;
    }

    .header_padding {
        padding-top: 50px;
    }

    .main.auth_padding {
        padding-top: 50px;
    }

    .header.authorized .main_logo_text {
        justify-content: flex-start;
    }

    .auth_panel_block img {
        height: 20px;
    }
}

.mobile_block {
    position: fixed;
    top: 0;
    right: 280px;
    z-index: 1010;
    transition: right .25s ease-out;
}

.mobile_block.block_hidden {
    right: -280px !important;
}

.mobile_menu {
    border-left: 1px solid #393041;
    box-shadow: -6px 0px 9px -5px #000;
    background: url("base.css") left top #2a2232 no-repeat;
    overflow-y: auto;
    background-position-x: 45px;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    height: 100vh;
    width: 280px;
    color: #fff;
}

.mobile_menu_box {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
}

.player_menu_block {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.player_menu_padding {
}

.mobile_menu .player_name {
    max-width: calc(100% - 30px);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.player_name_text {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
    text-transform: uppercase;
}

.mobile_menu_close_button {
    height: 40px;
    width: 40px;
    background-color: initial;
    cursor: pointer;
    position: relative;
    top: 3px;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 20px;
    transition: background-color .15s ease-out;
}

.mobile_menu_close_button:hover {
    background-color: #ca2a2a;
}

.mobile_menu_close_button svg .d {
}

.player_menu_line_block {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
}

.player_menu_user_wallet_img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
}

.player_menu_user_wallet_img > img {
    width: 20px;
    opacity: 0.4;
}

.player_menu_user_wallet_balance {
    font-size: 16px;
    margin-right: 10px;
    font-weight: bold;
}

.player_menu_user_wallet_balance_wrap {
    display: flex;
    width: 100%;
    align-items: center;
}

.balance_and_hold {
    flex-direction: column;
}

.player_menu_user_wallet_balance_hold {
    display: flex;
    width: 100%;
    color: #8f8f8f;
    font-size: 14px;
    flex-direction: column;
}

.player_menu_user_wallet_balance_hold > div > b {
    font-weight: 600;
}

.player_menu_user_wallet_balance_hold_comment {
    display: flex;
    width: 100%;
    margin-top: 5px;
}

.balance_block {
    margin-bottom: 10px;
    margin-top: 10px;
}

.player_menu_list {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
}

.player_menu_list li {
    display: flex;
    width: 100%;
    padding: 5px 10px;
}

.player_menu_list li:hover {
    background-color: #15181f;
}

.player_menu_list_item {
    display: flex;
    align-items: center;
    height: 30px;
    font-weight: 700;
    font-size: 16px;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.player_menu_list_item_img {
    display: flex;
    margin-right: 10px;
    position: relative;
}

.player_menu_list_item_img i {
    font-size: 23px;
}

.player_menu_list_item_img img {
    width: 20px;
    object-fit: contain;
}

.player_menu_exit {
    margin-top: 40px;
}

/*Terms and conditions*/

.terms_wrapper {
    display: flex;
    width: 100%;
    line-height: 1.2em;
}

.terms_wrapper table {
    background-color: #1a222b;
    border: 0;
    border-spacing: 0;
}

.terms_wrapper table thead tr th {
    padding: 10px 10px;
    text-align: left;
    background-color: #2e3b4a;
}

.terms_wrapper table tbody tr td {
    padding: 5px 10px;
    text-align: left;
}

h1 {
    font-size: 30px;
    line-height: 55px;
}

.content_panel {
    display: flex;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 45rem;
    box-sizing: border-box;
}

@media (max-width: 500px) {
    .content_panel {
        padding-right: 5px;
        padding-left: 5px;
    }
}

.decorated_panel {
    width: 100%;
    padding: 5px 20px;
    border-radius: 10px;
    background-color: #2d2831;
    box-sizing: border-box;
}

@media (max-width: 500px) {
    .decorated_panel {
        padding: 5px 10px;
    }
}

h2 {
    line-height: 30px;
    font-size: 1.5em !important;
}

h3 {
    line-height: 20px;
}

.section_title {
    margin-bottom: 10px;
    min-height: 30px;
    width: 100%;
    border-bottom: 1px solid #463850;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.under_title {
    margin-bottom: 10px;
    min-height: 40px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.panel_column_last {
    margin-bottom: 30px;
}

.major_title {
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px;
}

.faq_questions .anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.faq_questions > .section_title {
    color: #fff;
}

.terms {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 100px;
    background-color: #20222f;
    color: #fff;
}

.content_panel p {
    margin-bottom: 30px;
    font-weight: 300;
    text-align: left;
}

/*game*/

.gameplay {
    display: flex;
    height: calc(100vh - 65px);
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    background: url("base.css") left top #211c25;
    background-size: 256px;
}

.top_title_padding {
    padding-top: 60px;
}

.game_window {
    display: flex;
    background-color: #171921;
    /*  width: 100%;
      height: 100%;*/
}

.game_window_container {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 15px;
}

.games_inplay_list {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 20px 0px;
    margin-right: 5px;
}

.games_inplay_list_container {
    display: flex;
    flex-direction: column;
    background-color: #342a3e;
    min-width: 270px;
}

.games_inplay_list_title {
    display: flex;
    height: 24px;
    padding: 5px;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 35px;
    border-bottom: 1px solid #5d4b6e;
}


.games_inplay_list::-webkit-scrollbar-track {
    background-color: rgba(77, 90, 133, 0)
}

.games_inplay_list::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    border-radius: 10px;
    background-color: initial
}

.games_inplay_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #4d5a85
}

.games_list_tmp_container {
    display: flex;
    width: calc(100% - 20px);
    height: 150px;
    padding: 10px;
    background-color: #0ca678;
    margin-bottom: 15px;
    box-sizing: border-box;
}

@media (max-width: 880px) {
    /*.games_inplay_list {*/
    /*    width: 200px;*/
    /*    min-width: 200px;*/
    /*}*/
}

.games_inplay_list.hidden {
    display: none;
}

.game_window_footer {
    display: flex;
    justify-content: space-between;
    height: 45px;
    background-color: #171921;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.game_window_header {
    height: 60px;
    display: flex;
    justify-content: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    /* border-bottom: 1px solid #262936;*/
}

.progresses_layout {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.user_status_progress_container {
    display: flex;
    width: 100%;
    padding: 0 10px;
}

.user_wager_progress_container {
    display: flex;
    width: 100%;
    padding: 0 10px;
}

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

.status_icon img {
    display: flex;
    width: 30px;
    height: 30px;
}

.status_icon.status_icon_anim img {
    animation-name: status_icon_anim, status_icon_opacity_anim;
    animation-timing-function: ease-in-out, ease-in-out;
    animation-duration: .5s, .5s;
    animation-fill-mode: forwards;
}

.main_status_anim {
    animation-delay: .4s;
    animation-name: main_status_icon_anim;
    animation-timing-function: ease-in;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes main_status_icon_anim {
    0% {
        transform: scale(0.95);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}


.status_icon.activate img {
    transform: scale(1);
    opacity: 1;
}

.user_status_text {
    display: flex;
    height: 10px;
    font-size: 12px;
}

.user_status_text > span {
    color: #81869c;
}

.user_status_progress_text_wrap {
    display: flex;
    width: 100%;
    margin-top: 2px;
    justify-content: space-between;
}

.user_status_progress_begin {
    display: flex;
}

.user_status_progress {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    flex-direction: column;
}

.user_status_progress_back {
    display: flex;
    width: 100%;
    background-color: #211e24;
    border-radius: 4px;
    height: 14px;
    padding: 1px;
    box-shadow: inset 0 2px 4px 0px #000;
    position: relative;
}

.user_status_progress_fill {
    display: flex;
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
    border-radius: 2px;
    transition: width .5s ease-out;
}

.exp_progress_fill {
    display: flex;
    background: #fff723; /* Old browsers */
    background: -moz-linear-gradient(top, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff723', endColorstr='#afaa18', GradientType=0);
    border-radius: 2px;
}

.status_progress_container .user_status_progress_fill, .user_status_progress .user_status_progress_fill {
    display: flex;
    background: #fff723; /* Old browsers */
    background: -moz-linear-gradient(top, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff723 1%, #f2ed57 50%, #e3ed55 50%, #e2e23b 51%, #afaa18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff723', endColorstr='#afaa18', GradientType=0);
    border-radius: 2px;
}

.status_progress_container .user_wager_progress_fill, .user_status_progress .user_wager_progress_fill {
    display: flex;
    background: #ff8b32; /* Old browsers */
    background: -moz-linear-gradient(top, #ff8b32 0%, #ffaf30 50%, #ff9b28 51%, #fcc088 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff8b32 0%, #ffaf30 50%, #ff9b28 51%, #fcc088 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8b32 0%, #ffaf30 50%, #ff9b28 51%, #fcc088 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b32', endColorstr='#fcc088', GradientType=0);
    border-radius: 2px;
}

.game_window_footer_menu, .game_window_footer_right_menu {
    display: flex;
    position: absolute;
    right: 0;
    top: 20px;
}

.game_window_footer_right_menu {
    display: flex;
    position: absolute;
    right: 0;
    top: 20px;
}

.game_window_footer_right_menu.favorite {
    right: 100px;
}

.game_window_footer_menu li, .game_window_footer_right_menu_item li {
    display: flex;
}

.game_window_footer_menu_item, .game_window_footer_right_menu_item {
    display: flex;
    padding: 0px 15px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
}

.game_window_footer_menu_item img, .game_window_footer_right_menu_item img {
    width: 22px;
    display: flex;
}

.game_control_panel {
    display: flex;
    position: relative;
    width: 370px;
    min-width: 370px;
    /* border-left: 1px solid #373c49;*/
    background-color: #202430;
    /* box-shadow: 0 8px 10px #000;*/
    /*background: url(../images/img/bg_auth_pattern-png.webp) left top #1f232d no-repeat;*/
    background-position-x: 70px;
    box-sizing: border-box;
    flex-direction: column;
    filter: drop-shadow(0 0 5px rgba(25, 25, 25, .25));
    will-change: margin-right;
    transition: margin-right 0.5s ease;
}


.game_control_panel.hidden {
    margin-right: -370px !important;
}

@media (max-width: 880px) {
    .game_control_panel {
        width: 300px;
        min-width: 300px;
    }

    .game_control_panel.hidden {
        margin-right: -300px !important;
    }
}

.game_control_name span {
    display: flex;
    margin-left: 10px;
    font-size: 30px;
    white-space: nowrap;
    align-items: center;
    color: #fe284a;
    justify-content: center;
}

.game_container {
    display: flex;
    width: 100%;
    height: 100%;
}

#gameRawContent {
    display: flex;
    width: 100%;
    height: 100%;
}

#gameRawContent > div:not(.play_game_in_progress):first-child {
    display: flex;
    width: 100%;
    height: 100%;
}

.auth_play_game {
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
}

.columns_container {
    display: flex;
    width: 100%;
}

.first_column_game {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.game_header {
    display: flex;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    height: auto;
    max-height: 100px;
    min-width: 300px;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: #342a3e;
    /* border-bottom: 2px dashed #4b4e6f;*/
}

.game_control_panel_header {
    display: flex;
    position: relative;
    width: 100%;
    height: 70px;
    max-height: 100px;
    top: 0;
    left: 0;
    z-index: 90;
    box-shadow: #0003 0 4px 6px -1px, #0000001f 0 2px 4px -1px;
    justify-content: space-between;
}

.game_header_box {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    height: 65px;
    padding: 0 20px;
    /* background: url('../images/img/bg_noise-png.webp');*/
}

.game_header .main_logo_text {
    display: flex;
    line-height: 64px;
    white-space: nowrap;
    align-items: center;
    color: #fe284a;
    font-size: 40px;
}

.game_header .main_logo_text a {
    text-decoration: none;
    color: #fe284a;
    display: flex;
}

.game_header .main_logo_text img.main_logo_text_img {
    height: 45px;
}

.game_header .main_logo_text img.main_logo_text_img_short {
    height: 50px;
    display: none;
}

@media (max-width: 1150px) {
    .game_header .main_logo_text img.main_logo_text_img_short {
        display: inline-block;
    }

    .game_header .main_logo_text img.main_logo_text_img {
        display: none;
    }
}

@media (max-width: 440px) {
    .game_header .main_logo_text img.main_logo_text_img {
        display: none;
    }
}

.game_top_menu {
    display: flex;
    height: 100%;
    align-items: center;
}

.game_top_menu_items {
    display: flex;
}

.game_top_menu_items li {
    display: flex;
    cursor: pointer;
    position: relative;
}

.game_top_menu_items li.chat {
    margin-right: 15px;
}

.game_top_menu_items .img_wrap {
    display: flex;
}

.game_top_menu_items img {
    display: flex;
    width: 30px;
    height: 30px;
}

.game_header .menu_block {
    display: flex;
}

.chat_close_button {
    padding: 10px;
}

.chat_language_selector {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.chat_language_selector_text {
    display: flex;
    padding-right: 10px;
}

.chat_language_selector_icon {
    display: flex;
    width: 10px;
}

.chat_language_selector_icon path {
    stroke: #ccc;
}

.dropdown_language_list_menu {
    position: absolute;
    top: 53px;
    left: 10px;
    border: 1px solid #55556d;
    border-radius: 10px;
    padding: 8px;
    background-color: #202430;
    display: flex;
    flex-direction: column;
    width: 180px;
}

.dropdown_language_list_menu_item {
    display: flex;
}

.dropdown_language_list_menu_item a {
    display: flex;
    align-items: center;
    height: 35px;
    font-size: 16px;
    text-decoration: none;
    color: inherit;
    margin-left: 5px;
}

.dropdown_language_list_menu_item:hover {
    background-color: #55556d;
}

.dropdown_language_list {
    transition: visibility 1s, opacity .5s ease;
    opacity: 1;
    /*visibility: hidden;*/
}

.chat_window {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.chat_window img {
    width: 100px;
    display: flex;
    opacity: 0.1;
}

.chat_coming_soon {
    text-align: center;
    padding: 10px 15%;
}

.demo_version_info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.demo_version_info_text {
    display: flex;
    width: 50%;
}

.in_game_games_list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
}

.in_games_list_item {
    position: relative;
    box-sizing: border-box;
    height: 0;
    margin: 0 0 20px 0;
    width: 100%;
    padding-top: 65%;
}

.in_games_list_item .game_card {
    position: absolute;
    top: 0;
    left: 0;
}

.in_game_games_list .game_card:hover {
    z-index: 4;
    transform: scale(1.05);
}

.in_game_games_list .game_card.x_show {
    z-index: 4;
}

.in_game_games_list .game_card.x_show .game_card_controls {
    pointer-events: auto;
    opacity: 1
}

.in_game_games_list .game_card.x_show .game_card_img {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.in_game_games_list .game_card.x_show .game_card_top {
    border: 0;
}

.in_game_games_list .game_card.x_show .game_card_favorite_container {
    opacity: 0;
}

.in_game_games_list .game_card.x_show .game_card_flags {
    opacity: 0;
}

.games_inplay_list_container.hidden {
    display: none;
}

/*bad request*/

.bad_request_body {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    margin: 0;
    background-color: #161723;
}

.bad_request_page {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
}

.bad_request_page_header {
    display: flex;
    padding-top: 70px;
}

.bad_request_page_title img {
    width: 300px;
}

.bad_request_page_message {
    display: flex;
    justify-content: center;
    padding: 20px 10px;
}

.bad_request_page_message_code {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    display: flex;
    margin-right: 20px;
}

.bad_request_page_message_msg {
    display: flex;
    align-items: flex-end;
    position: relative;
    top: -12px;
}

@media (max-width: 340px) {
    .bad_request_page_title img {
        width: 220px;
    }
}

/*Login*/
.login_page {
    padding-top: 10px;
    /*background: url(../images/img/bg_pattern5p-png.webp) left top #211c25;*/
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
}

.rounded_tabs_wrap {
    display: flex;
    justify-content: center;
    padding: 10px 10px;
}

.rounded_tabs {
    background-color: #241e29;
    border-radius: 30px;
    padding: 6px 6px;
    display: flex;
    flex-wrap: nowrap;
}

.rounded_tabs.wallet {
    background-color: #241e29;
    color: #ccc;
}

.rounded_tabs_tab {
    cursor: default;
    padding: 6px 10px;
    border-radius: 20px;
    font-weight: bold;
    transition: background-color 0.25s ease;
    cursor: pointer;
}

.rounded_tabs_tab.selected {
    background-color: #51435c;
}

.rounded_tabs.wallet .rounded_tabs_tab.selected {
    background-color: #51435c;
}

.rounded_tabs_tab:not(:nth-child(1)) {
    margin-left: 6px;
}

.rounded_tabs_tab a {
    transform: none;
    text-decoration: none;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.77);
}

.rounded_tabs_tab:not(.selected):hover {
    background-color: #51435c;
}

.rounded_tabs.wallet .rounded_tabs_tab:not(.selected):hover {
    background-color: #51435c;
}

.input_form_wrap {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
}

.input_form {

}

.input_form_field {
    padding-bottom: 15px;
}

.input_form_field_name {
    padding-bottom: 4px;
}

.input_form_field_name_descr {
    font-size: 14px;
    line-height: 1.2em;
    max-width: 300px;
    margin-bottom: 5px;
}

.promo_field_register {
    max-width: 230px;
}


.required_field {
    color: red;
}

.submit_form {
    display: flex;
    justify-content: center;
}

.submit_padding {
    padding-top: 30px;
}

.login_button, .register_button {
    width: 100%;
    height: 60px;
    font-size: 16px;
    border-radius: 4px;
}

.login_panel {
    padding-bottom: 100px;
    display: flex;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
    max-width: 570px;
    box-sizing: border-box;
}

.enter_panel {
    padding-top: 60px;
}

.password_forget {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.register_terms_wrap {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.register_terms_wrap .register_terms {
    display: flex;
    align-items: center;
}

.register_terms input {
    margin-right: 10px;
}

.register_terms_wrap a {
    color: rgb(124 166 255);
    font-weight: bold;
}

.password_forget a {
    color: rgba(255, 255, 255, 0.77);
    font-weight: bold;
}

.alert {
    display: flex;
    padding: 20px 20px;
    font-weight: bold;
    background-color: #ae2339;
    color: rgba(255, 255, 255, 0.77);
    flex-wrap: wrap;
}

.alert_in_context {
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
}

.form_checkbox_input {
    width: 1rem;
    height: 1rem;
    margin-top: 0.2142857rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(101, 109, 119, .24);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.form_checkbox_input:checked {
    background-color: #206bc4;
    border-color: rgba(101, 109, 119, .24);
}

.form_checkbox_input[type=checkbox] {
    border-radius: 4px;
}

.form_checkbox_input:checked[type=checkbox] {
    background-image: url("base.css");
    position: relative;
    top: -1px;
}

.password_forget_panel {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 10px;
}

.password_forget_panel_title {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding-bottom: 10px;
}

.password_forget_panel_descr {

}

.warnings_and_site {
    display: flex;
    justify-content: flex-start;
    max-width: 480px;
    margin-right: 25px;
    margin-top: 15px;
    width: 50%;
    box-sizing: border-box;
}

.warnings_and_site2 {
    display: flex;
    justify-content: flex-start;
    max-width: 480px;
    margin-right: 25px;
    margin-top: 15px;
    box-sizing: border-box;
}

@media (max-width: 730px) {
    .website_info {
        justify-content: center;
        flex-direction: column;
    }

    .warnings_and_site {
        width: 100%;
    }
}

.warnings_and_site_rate {
    width: 40px;
    display: flex;
    margin-right: 10px;
    height: 58px;
}

.warnings_and_site_rate_text {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
}

/*user pages*/
.profile_page, .profile_stats_page, .friends_page, .presents_page, .phone_verification_page, .admin_user_info_page, .avatars_page {
    background: url("base.css") left top #211c25;
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    width: 100%;
}

.profile_stats_page, .friends_page, .presents_page, .phone_verification_page, .avatars_page {
    min-height: 60vh;
    position: relative;
    display: flex;
    flex-direction: column;
}

.phone_verification_page {
    padding: 20px;
    box-sizing: border-box;
    justify-content: space-evenly;
    align-items: center;

}

.common_panel {
    padding-top: 10px;
    /* padding-bottom: 100px; */
    display: flex;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 810px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}

.wide_tabs_wrap {
    display: flex;
    z-index: 80;
    justify-content: center;
    padding: 10px 10px 0px 10px;
    background-color: #211b27f0;
    box-shadow: 0 10px 14px -15px #000;
}

.wide_tabs_wrap.not_fixed {
    position: relative;
    box-sizing: border-box;
}

.profile_panel {
    padding-top: 30px;
}

@media (min-width: 700px) {
    .wide_tabs_wrap {
        position: fixed;
        z-index: 80;
        width: 100%;
    }

    .profile_panel {
        padding-top: 160px;
    }
}

@media (min-width: 701px) {
    .profile_panel {
        padding-top: 100px;
        align-items: flex-start;
    }
}

.wide_tabs {
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wide_tabs_tab_wrap {
    margin-bottom: 5px;
    display: flex;
    height: 50px;
    width: 85px;
    justify-content: center;
    position: relative;
    transition: background-color .5s ease;
    padding-bottom: 10px;
}

.wide_tabs_tab_wrap .tab_title {
    position: absolute;
    background-color: #cccccc;
    color: #000;
    font-weight: bold;
    display: none;
    white-space: nowrap;
    z-index: 100;
    top: 53px;
    padding: 10px;
    font-size: 13px;
    border-radius: 6px;
}

.wide_tabs_tab_wrap:hover .tab_title {
    display: none;
}

.wide_tabs_tab_wrap.status img {
    width: 25px;
}

.wide_tabs_tab {
    cursor: default;
    padding: 0px 5px;
    width: 100%;
    /* font-weight: bold; */
    display: flex;
    transition: background-color 0.25s ease;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.wide_tabs_tab img, .wide_tabs_tab svg {
    width: 20px;
    margin-bottom: 2px;
}

.wide_tabs_tab {
    cursor: pointer;
}


.wide_tabs_tab_wrap.selected {
    background-color: #51465c;
}

.wide_tabs_tab_wrap.selected svg .d {
    fill: #dabcff;
}

.wide_tabs_tab_wrap.selected .tab_text {
    color: #dabcff;
}

.wide_tabs_tab:nth-child(1) {
}

.wide_tabs_tab_wrap a {
    transform: none;
    text-decoration: none;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.77);
    text-align: center;
    white-space: nowrap;
    display: flex;
    width: 100%;
}

.wide_tabs_tab:not(.selected) {

}

.wide_tabs_tab_wrap:not(.selected):hover {
    background-color: #473d55;
}

.tab_text {
    position: absolute;
    top: 43px;
    font-size: 12px;
    display: flex;
    width: 100%;
    justify-content: center;
}

@media (min-width: 850px) {
    .tab_text {
        font-size: 14px;
    }

    .wide_tabs_tab_wrap {
        width: 100px;
        padding-bottom: 15px;
    }
}

.profile_avatar {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
}

.profile_avatar_friends {
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    flex-direction: column;
}

.profile_user_avatar_info {
    padding-left: 5px;
}

.change_avatar {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

.change_avatar .profile_settings_button {
    width: 150px;
}

.profile_user_avatar {
    display: flex;
    justify-content: center;
    width: 100%;
}

.profile_user_avatar_header_item {

}

.profile_online {
    padding: 0px 10px;
    background-color: #2fb344;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 17px;
    position: relative;
    /* left: 7px; */
    margin-bottom: 10px;
}

.profile_offline {
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 17px;
    position: relative;
    color: #5e6874;
    /* left: 7px; */
}

.profile_user {
    display: none;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 10px;
    padding-top: 10px;
    /*    border-bottom: 1px solid #2e3047;
        border-top: 1px solid #2e3047;*/
    width: 100%;
}

@media (min-width: 700px) {
    .profile_user {
        border-bottom: unset;
        border-top: unset;
    }
}

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

.profile_name_wrap {
    display: flex;
    align-items: center;
    position: relative;
    left: -6px;
}

.profile_avatar_img {
    display: flex;
    padding-bottom: 5px;
    position: relative;
    width: 125px;
    height: 130px;
}

.profile_progress_level {
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: center;
    width: 120px;
    z-index: 76;
}


.profile_progress_level .profile_progress_level_text {
    background-color: #1b1620;
    color: #fff;
    font-size: 20px;
    border-radius: 15px;
    font-weight: 600;
    padding: 4px 10px;
}

.profile_avatar_with_progress {
    position: relative;
}

.profile_avatar_with_progress.pointer {
    cursor: pointer;
}

.profile_progress_ring_wrap {
    position: absolute;
    left: -15px;
    top: -15px;
}

.profile_avatar_img_pic {
    z-index: 75;
    position: absolute;
}


.profile_avatar_img_pic.mafia {
    top: -9px;
    left: 6px;
    width: 107px;
}

.profile_avatar_img_pic.anonym {
    top: 3px;
    left: 3px;
    width: 114px;
}

.profile_avatar_img_pic.bond {
    top: -1px;
    left: 4px;
    width: 108px;
}

.profile_avatar_img_pic.terminator {
    top: 1px;
    left: 2px;
    width: 116px;
}

.profile_avatar_img_pic.skeleton {
    top: -12px;
    left: 5px;
    width: 107px;
}

.profile_avatar_img_pic.bull {
    top: -1px;
    left: 4px;
    width: 108px;
}

.profile_avatar_img_pic.robot {
    top: 4px;
    left: 5px;
    width: 107px;
}

.profile_avatar_img_pic.brunette {
    top: 0px;
    left: 7px;
    width: 106px;
}

.profile_avatar_img_pic.asia {
    top: 2px;
    left: 7px;
    width: 105px;
}

.profile_avatar_img_pic.blondy {
    top: 2px;
    left: 2px;
    width: 115px;
}

.profile_avatar_img_pic.curvy {
    top: 4px;
    left: 4px;
    width: 109px;
}

.profile_avatar_img_pic.redhead {
    top: 0px;
    left: 6px;
    width: 107px;
}


.profile_avatar_img img {
    display: flex;
    width: 120px;
    height: auto;
    align-self: flex-start;
}

.profile_user_status_img img {
    display: flex;
    width: 24px;
    height: 24px;
}

.profile_user_status_img {
    display: flex;
}

.profile_avatar_name {
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    white-space: nowrap;
}

.profile_user_status_name {
    display: flex;
    align-items: center;
    position: relative;
    top: 2px;
}

.profile_user_status_name.gold {
    color: #fde861;
}

.newer {
    color: #c3997b;
}

.player {
    color: #6ae4ef;
}

.bronze {
    color: #eea971;
}

.platinum {
    color: #cbfcff;
}

.diamond {
    color: #e87e8b;
}

.best {
    color: #fff186;
}


.user_personal_panel_title {
    display: flex;
    align-items: center;
    padding-top: 5px;
    justify-content: space-between;
}

.user_personal_panel_title > .title {

}

.user_personal_panel_title > .descr {
    font-size: 80%;
    margin-left: 10px;
    font-weight: normal;
    text-transform: none;
    color: #99a1b3;
}

.user_personal_panel_title {
    text-transform: uppercase;
    font-weight: bold;
}

.user_personal_panel_title.personal {
    padding-bottom: 20px;
}

.user_personal_panel_title > .title_action {
    font-size: 16px;
    color: #ccc;
    text-decoration: underline;
    font-weight: normal;
    text-transform: none;
    cursor: pointer;
    margin-left: 20px;
}

.user_personal_panel_title > .title_action:hover {
    color: #fff;
}

.profile_action_link img {
    width: 18px;
}


.user_personal_second_title {
    margin-top: 20px
}

.user_personal_panel {
    padding-top: 10px;
    max-width: 750px;
    position: relative;
}

.personal_panel_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 750px;
    width: 100%;
}

.personal_panel_errors {
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.personal_panel_errors .title {
    color: #647992;
}

.personal_panel_errors > .message {
    padding: 10px 5px;
    margin: 10px 0px;
    background-color: #fe284a;
    border-radius: 5px;
    max-width: 500px;
    color: #fff;
}

.user_files_panel {
    padding-top: 10px;
    max-width: 550px;
}

.user_personal_panel.read_only {
    max-width: 550px;
}

.wallets_panel {
    padding-top: 10px;
    max-width: 550px;
    margin-top: 15px;
}

.profile_user_short_info_title {
    font-size: 80%;
    color: #5e6075;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
    align-items: center;
}

.profile_user_short_info_title > span {
    font-size: 14px;
    color: #ccc;
    margin-left: 5px;
}

.profile_user_short_info {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    /* padding-left: 10px; */
    /* margin-left: 20px; */
    /* min-height: 125px; */
    background-color: #1f242e;
    padding: 10px;
    border-radius: 10px;
    width: 100%;
}

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

.write_message_action_wrap {
    display: flex;
    position: absolute;
    left: -30px;
    bottom: 20px;
}

.write_message_action {
    width: 40px;
    padding: 6px;
    height: 40px;
    width: 40px;
    box-shadow: unset;
}

.write_message_action img {
    width: 20px;
}


.profile_user_short_info_section {
    display: flex;
    margin-right: 5px;
    padding: 2px 0;
    align-items: center;
    flex-wrap: wrap;
}

.profile_user_short_info_info {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.profile_user_short_info_info > .info_descr {
    padding: 0 10px;
    font-size: 90%;
}

.profile_user_short_info_left_section {
    display: flex;
    margin-right: 5px;
    padding: 2px 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.profile_user_short_info_section_title {
    display: flex;
    margin-right: 5px;
    font-size: 16px;
    color: #717280;
}

.profile_user_short_info_section_value {
    display: flex;
    white-space: nowrap;
}

@media (max-width: 360px) {
    .profile_user_short_info_section_value {
    }
}

.balance_wrap {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.balance_content {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.balance_content_item {
    display: flex;
    line-height: 25px;
    color: #ffbc3a;
    justify-content: space-between;
}

.balance_controls {
    display: flex;
    color: #ffbc3a;
    line-height: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    justify-content: center;
}

.balance_control {
    display: flex;
    width: 100%;
    justify-content: center;
}

.balance_content_header {
    display: flex;
    line-height: 25px;
    color: #ffbc3a;
    flex-direction: column;
}

.balance_content_main {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

.balance_content_freeze{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    flex-wrap: nowrap;
    font-size: 14px;
}

.balance_content_freeze .balance_content_value_common {
    color: #cccccc;
}

.balance_content_header_section {
    display: flex;
    flex-wrap: nowrap;
}

.balance_content_header_section:first-child {
    margin-right: 5px;
}

.balance_content_value_detail.balance_gold {
    color: #ffbc3a;
}

.wallet_status {
    font-size: 80%;
    color: #bdc4d1;
}

.profile_balance_sign {
    color: #ffbc3a;
}

.balance_item_padding {
    padding-top: 10px;
}

.balance_content_title {
    display: flex;
    margin-right: 10px;
}

.balance_content_title_common {
    display: flex;
}

.balance_margin {
    margin-right: 10px;
}

.balance_content_title_common.reg {
    color: #bdc4d1;
}

.balance_content_value {
    font-weight: bold;
}

.balance_content_value_common {
    font-weight: bold;
    white-space: nowrap;
}

.balance_content_value_detail {
    color: #bdc4d1;
    font-weight: bold;
}

.balance_content_value_detail.empty {
    color: #757e94;
}

.balance_content_title img {
    width: 20px;
    opacity: 0.5;
    align-self: center;
}

.balance_content_title_img {
    width: 30px;
    display: flex;
}

.balance_content_title_text {
    color: #98a0b1;
}

.balance_content_delim {
    border-bottom: 1px solid #403946;
}

.balance_content:not(:first-child) {
    padding-top: 30px;
}

.personal_data_fields {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.personal_data_field {
    display: flex;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    justify-content: space-between;
}

.personal_data_field_readonly {
    display: flex;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.personal_data_input {
    width: 70%;
}

.personal_data_name {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px 0 0;
    max-width: 30%;
    white-space: nowrap;
}

@media (max-width: 669px) {
    .personal_data_field {
        flex-wrap: wrap;
    }

    .date_field > .personal_data_name {
        padding-bottom: 10px;
    }

    .personal_data_input {
        width: 100%;
    }

    .personal_data_name {
        max-width: 100%;
    }
}

.personal_data_name span.required {
    color: #fe284a;
    font-size: 16px;
}

.personal_data_name_read_only {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 10px 0 0;
    max-width: 100%;
    width: 50%;
    color: #9d9d9d;
}

@media (max-width: 500px) {
    .personal_data_readonly_value {
        text-align: right;
    }
}

@media (max-width: 500px) {
    .personal_data_name_read_only {
        width: 80%;
    }
}

#non_auth {
    display: flex;
    align-items: center;
    width: 100%;
}


.personal_data_name > span {
    font-weight: normal;
    font-size: 12px;
    color: #7d8598;
}

.personal_data_button_field {
    display: flex;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
    justify-content: center;
}

.personal_data_save_button {
    width: 200px;
    height: 40px;
    font-size: 16px;
    border-radius: 4px;
}

.personal_data_cancel_button {
    height: 40px;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wallet_button {
    width: 100px;
    height: 40px;
    font-size: 16px;
    border-radius: 4px;
    margin-right: 20px;
}

.wallet_switch_link {
    height: 40px;
    border-radius: 4px;
    margin-right: 20px;
}

.base_link:hover {
    color: #fff;
}

.base_link {
    font-size: 16px;
    color: #ccc;
    text-decoration: underline;
    cursor: pointer;
}

.personal_under_header {
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
}

.personal_under_header_item {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    flex-direction: column;
}

.personal_under_header_item.avatar {
    align-items: flex-start;
}

.personal_under_header_item.last {
    margin-bottom: 10px;
}

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

.personal_under_header_item.about_add img {
}

.personal_under_header_item a {

}

.about_wrap {
    width: 100%;
    position: relative;
    background-color: #27222a;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.about_wrap.active {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
    /* border-bottom: 1px solid #15161e; */
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
    box-sizing: border-box;
    margin-bottom: 10px;
}

@media (min-width: 700px) {
    .about_wrap.active {
        margin-bottom: 5px;
    }
}

.personal_under_header_item.about {
    max-width: 340px;
    padding: 0px 10px;
    overflow: hidden;
}

.profile_avatar_note_img {
    position: absolute;
    opacity: 0.8;
    top: -25px;
    left: -10px;
}

.profile_avatar_note_img img {
    width: 40px;
    transform: scaleX(-1);
}

.personal_under_header_item.about.hidden {
    display: none;
}

.personal_under_header_item.about_change img {
    width: 18px;
}

.personal_under_header_item.about img {
    width: 40px;
    margin-right: 10px;
    opacity: 0.5;
}

.personal_under_header_item_title {
    display: flex;
    margin-right: 10px;
    font-size: 15px;
    color: #5e6075;
}

.personal_under_header_item_value {
    display: flex;
    font-size: 16px;
}

.personal_under_header_item_about {
    display: flex;
    font-size: 16px;
}

.personal_under_header_item_about.empty {
    color: #a7a9bb;
}

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

.verified_account {
    display: flex;
}

.verified_account img {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.personal_data_edit_link {
    border-radius: 4px;
    margin-right: 4px;
}

.personal_data_link_field {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 4px;
}

.personal_data_readonly_value {
    width: 70%;
}

.personal_data_readonly_value.default {
    color: #6d6476;
}

.profile_user_presents {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
    background-color: #27222a;
    padding: 0px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    justify-content: center;
    min-width: 300px;
    padding-right: 40px;
}

.profile_user_presents_body {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding-bottom: 10px;
}

.gifts_page_icon {
    background-color: #393040;
    display: flex;
    height: 100%;
    position: absolute;
    width: 30px;
    right: 0;
    padding: 0px 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: background-color .2s ease;
    cursor: pointer;
    justify-content: center;
}

.gifts_page_icon:hover {
    background-color: #463b4e;
}

.gifts_page_icon img {
    width: 25px;
}

.profile_user_presents_list {
    display: flex;
    margin-top: 5px;
}

.profile_user_presents_list_item {
    display: flex;
    margin-left: 5px;
    margin-right: 5px;
}

.profile_user_presents_footer {
    margin-top: 10px;
    margin-bottom: 20px;
}

.profile_user_presents_title {
    color: #655e75;
    font-size: 80%;
    padding-top: 4px;
}

.profile_user_presents_empty {
    width: 100%;
    display: flex;
    height: 80px;
    justify-content: center;
    align-items: center;
    color: #655e75;
}

.user_present_view_base {
    display: flex;
    flex-direction: column;
    border: 1px solid #2f3043;
    border-radius: 5px;
    background-color: #191a24;
    box-shadow: inset 0 20px 30px -15px #000;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.user_present_view {
    width: 150px;
    padding: 0px 12px 15px 12px;
}

.present_img {
    width: 128px;
}

.present_img_short {
    width: 70px;
}

.user_present_text {
    font-size: 80%;
    text-align: center;
}

.user_present_sender_info {
    margin-top: 5px;
}


.user_link_container {
    display: flex;
    justify-content: center;
}

.user_link_container img {
    width: 24px;
}

.user_link_container a.link {
    color: #ccc;
    display: flex;
    align-items: flex-end;
}


.profile_user_info {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
    padding-bottom: 0;
}

.profile_user_info_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    max-width: 400px;
    min-width: 320px;
    padding: 15px;
    background-color: #2d2831;
    /*border: 1px solid #574a62;*/
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.profile_user_info_column {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 10px;
}

@media (min-width: 700px) {
    .profile_user_info {
        flex-direction: unset;
        align-items: flex-start;
    }

    .profile_user_info_container {
        max-width: 700px;
    }

    .profile_user_info_column {
        width: 330px;
    }
}

.profile_user_info_control {
    padding-bottom: 10px;
    padding-right: 20px;
    display: flex;
    width: 100%;
    margin-top: 15px;
    justify-content: flex-end;
}

.profile_settings_button {
    border-radius: 5px;
}

.profile_settings_title {
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    display: flex;
    max-width: 550px;
    width: 100%;
}

.profile_settings_title_text {
    display: flex;
    align-items: center;
    width: 70%;
}

.button_note_save {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 25px;
    display: flex;
}

.note_save_footer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.change_record_button {
    display: flex;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 0;
    position: relative;
    left: 9px;
    top: 19px;
    box-shadow: unset;
    border-bottom-left-radius: 0;
    filter: unset;
}

.save_notification {
    z-index: 10;
    position: absolute;
    padding: 10px;
    border-radius: 10px;
    background-color: #fe284a;
    left: calc(50% - 50px);
    width: 100px;
    display: flex;
    opacity: 1;
    top: 0;
    justify-content: center;
}

.save_notification.activate {
    opacity: 0;
    transform: scale(0);
    animation-delay: 0s, 0s, .6s, 1.1s;
    animation-name: save_notification_showup_animation, save_notification_animation, save_notification_intoup_animation, save_notification_opacity_end_animation;
    animation-timing-function: ease-in-out, linear, ease-in-out, linear;
    animation-duration: .3s, .2s, 1s, 1s;
    animation-fill-mode: forwards;
}

.save_notification.activate_delay {
    opacity: 0;
    transform: scale(0);
    animation-delay: .5s, .3s, 1s, 1.5s;
    animation-name: save_notification_showup_animation, save_notification_animation, save_notification_intoup_animation, save_notification_opacity_end_animation;
    animation-timing-function: ease-in-out, linear, ease-in-out, linear;
    animation-duration: .3s, 1s, 1s, 1s;
    animation-fill-mode: forwards;
}


@keyframes save_notification_animation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes save_notification_opacity_end_animation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes save_notification_showup_animation {
    0% {
        transform: scale(0);
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes save_notification_intoup_animation {
    0% {
        top: 0;
    }
    100% {
        top: -50px;
    }
}

@keyframes panel_save_highlight {
    0% {
        background-color: #2a303d;
    }
    50% {
        background-color: #fff;
    }
    100% {
        background-color: #2a303d;
    }
}

@keyframes status_icon_anim {
    0% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes status_icon_opacity_anim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.upload_container {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 489px) {
    .upload_container {
        flex-direction: column;
        align-items: center;
    }
}

.upload_container .file_uploader_wrap {
    margin-right: 5px;
    margin-left: 5px;
}

.upload_description {
    margin-top: 10px;
    color: #ccc;
}

.upload_description span {
    color: #ffbc3a;
}

.upload_file_require {
    margin-top: 30px;
    color: #ffbc3a;
}

.upload_file_text {
    margin-top: 10px;
    color: #ccc;
    font-size: 14px;
}

.file_uploader_context {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.file_uploader_wrap {
    display: flex;
}

.file_uploader_error_message {
    display: flex;
    text-align: center;
    color: #ff2f50;
    width: 200px;
    justify-content: center;
}

.file_uploader_upload {
    display: flex;
    justify-content: center;
}

.file_uploader {
    padding: 30px;
    background-color: #27222a;
    /* border-radius: 2px; */
    /* box-shadow: inset 0 5px 20px -10px #000;*/
    width: 140px;
    display: flex;
    justify-content: center;
    height: 160px;
    flex-direction: column;
    position: relative;
}

.file_uploader_upload_remove {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px;
    display: flex;
    background-color: #161920;
    transition: background-color .3s ease;
}

.file_uploader_upload_remove img {
    width: 20px;
}

.file_uploader_upload_remove:hover {
    background-color: #fe284a;
}

.file_uploader.enabled {
    cursor: pointer;
}

.file_uploader:hover .file_uploader_pic {
}

.file_uploader input {
    width: 1px;
    height: 1px;
    position: absolute;
}

.file_uploader_pic {
    width: 140px;
    height: 160px;
    display: flex;
}

.uploaded_doc {
    width: 140px;
    height: 160px;
    display: flex;
}

.file_uploader_pic {
    opacity: .05;
}

.uploaded_doc {
    object-fit: cover;
}

.file_uploader_action {
    position: absolute;
    color: #fff;
    display: flex;
    height: 40px;
    display: flex;
    align-items: center;
    bottom: 40px;
    border-radius: 5px;
}

.file_uploader_filename {
    position: absolute;
    color: #ccc;
    display: flex;
    height: 160px;
    display: flex;
    align-items: center;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file_uploader_progress {
    width: 100%;
    display: flex;
    position: relative;
}

.file_upload_select_or_send {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.file_upload_select_or_send > .select_another {
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.file_upload_select_or_send > .select_another:hover {
    color: #fff;
}

.file_upload_select_or_send > .send_button {
    margin-top: 50px;
}

.send_button {
    margin-top: 10px;
    margin-bottom: 10px;
}

.file_uploader_status {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 5px;
}

.file_uploader_status_title {
    margin-right: 10px;
}

.file_uploader_status_value {
}

.file_uploader_status_value.uploaded {
    color: #ccc;
}

.file_uploader_status_value.under_review {
    color: #ffa500;
}

.file_uploader_status_value.verified {
    color: #51ff51;
}

.games_stats {
    display: flex;
    width: 500px;
    height: 150px;
    box-sizing: border-box;
    padding: 20px 10px 10px;
}

.games_stats_list {
    display: flex;
    align-content: center;
    box-sizing: border-box;
    width: 100%;
}

.games_stats_list .games_list_item {
    width: 30%;
    padding-top: 150px;
}

.wallet_panel {
    padding-top: 20px;
    display: flex;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .wallet_panel {
        max-width: 1000px;
    }
}

@media (min-width: 700px) {
    .wallet_panel {
        padding-top: 100px;
    }
}

@media (max-width: 669px) {
    .wallet_panel {
        padding-top: 20px;
    }
}

@media (min-width: 810px) {
    .wallet_panel {
        padding-top: 100px;
    }
}


.wallet_page, .wallet_history_page {
    background: url("base.css") left top #211c25;
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    width: 100%;
    min-height: 80vh;
}

.decorated_wallet_panel {
    width: 100%;
    padding: 5px 5px;
    border-radius: 10px;
    border: 1px solid #342a3e;
    background-color: #32293c;
    box-sizing: border-box;
}

.rounded_tabs_wrap.wallet {
    padding: 10px 0px;
}

.rounded_tabs_wrap.wallet .rounded_tabs_tab {
    display: flex;
    text-align: center;
}

@media (max-width: 470px) {
    .rounded_tabs_wrap.wallet .rounded_tabs_tab {
        font-size: 12px;
    }
}

.wallet_body_panel {
    background-color: #1f1925;
    border-radius: 10px;
    position: relative;
    box-shadow: inset 0 1px 6px -3px #000;
    display: flex;
    justify-content: center;
}

.payment_amount_panel {
    background-color: #12181f;
    border-radius: 10px;
    position: relative;
    box-shadow: inset 0 1px 6px -3px #000;
    display: flex;
    justify-content: center;
}

.wallet_top_up_methods {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
}

.wallet_top_up_methods_common, .wallet_top_up_methods_saved {
    display: flex;
    justify-content: flex-start;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.wallet_top_up_methods_saved {
    border-bottom: 1px solid #283544;
}

.wallet_top_up_method {
    width: calc(40% - 40px);
    position: relative;
    max-width: 160px;
    height: 150px;
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}


@media (max-width: 450px) {
    .wallet_top_up_method {
        height: 120px;
    }
}

.wallet_top_up_method_container {
    display: flex;
    position: relative;
    width: 100%;
    flex-direction: column;
    padding: 10px;
    background-color: #292330;
    border-radius: 5px;
    align-items: center;
    text-align: center;
    border: 1px solid #514260;
    box-shadow: 0 0 6px 0 #000;
    transition: background-color .2s ease, border .2s ease;
}

.wallet_top_up_method_container:not(.disabled):hover {
    background-color: #1d3654;
    border: 1px solid #607d9f;
}

.wallet_top_up_method_container:not(.disabled) {
    cursor: pointer;
}

.wallet_top_up_method_text_body {

}

.wallet_top_up_method_body {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
}

.wallet_top_up_method_remove {
    top: 0px;
    right: 0px;
    position: absolute;
    padding: 7px;
    display: flex;
    background-color: #161b22;
    z-index: 2;
    transition: all .5s ease;
    cursor: pointer;
}

.wallet_top_up_method_remove:hover {
    background-color: #fe284a;
    border-radius: 4px;
}

.wallet_top_up_method_remove img {
    width: 20px;
}

.wallet_top_up_method_img {
    width: 50%;
}

.wallet_top_up_method_body.saved .wallet_top_up_method_img {
    width: 40%;
}

.wallet_top_up_method_text {
    color: #7c87a2;
    font-size: 13px;
}

.wallet_bank_payment {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.payment_method_login_input {
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    background-color: #2c3552;
    box-shadow: 0 5px 20px -5px #000;
    width: 300px;
    margin-bottom: 20px;
}

.wallet_top_up_method_text_card {
    font-size: 14px;
    padding-top: 5px;
}


@media (min-width: 1024px) {
    .wallet_bank_payment {
        flex-direction: row;
    }
}

@media (max-width: 715px) {

    .wallet_top_up_method .wallet_top_up_method_text {
        font-size: 80%;
    }

    .wallet_top_up_method .wallet_top_up_method_saved_text {
        font-size: 80%;
    }

    .wallet_top_up_method_text_body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .wallet_top_up_methods {
        padding: 5px 5px;
    }

    .wallet_top_up_method {
        width: 44%;
        margin: 5px;
    }

    .wallet_top_up_methods_saved .wallet_top_up_method {
        max-width: 150px;
        height: unset;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 45%;
    }

    .wallet_top_up_methods_saved .wallet_top_up_method {
        width: 260px;
        max-width: unset;
    }

    .wallet_top_up_methods_saved {
    }

    .wallet_top_up_methods_saved .wallet_top_up_method_container {
        flex-direction: row;
    }

    .wallet_top_up_method_body.saved .wallet_top_up_method_img {
        width: 47%;
    }

    .wallet_top_up_methods_saved .wallet_top_up_method_body {
        width: 30%;
    }

    .wallet_top_up_method .wallet_top_up_method_img {
        width: 40px;
    }

    .wallet_top_up_methods_common, .wallet_top_up_methods_saved {
        justify-content: center;
        padding: 10px 0;
        flex-wrap: wrap;
    }

    .badge_container {
        font-size: 12px;
    }
}

.payment_icon_back {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    padding-bottom: 30px;
}

.payment_back_wrap {
    border-radius: 30px;
    background-color: #1c2530;
    width: 30px;
    height: 30px;
    display: flex;
    padding: 10px;
    justify-content: center;
    transition: background-color .3s ease;
    cursor: pointer;
}

.payment_back_wrap img {
    width: 20px;
    opacity: 0.5;
    position: relative;
    left: 0px;
    transition: opacity .3s ease, left .3s ease;
}

.payment_back_wrap:hover {
    background-color: #465b74;
}

.payment_back_wrap:hover img {
    opacity: 1;
    left: -4px;
}


.payment_back {
    position: absolute;
    display: flex;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(50% - 35px);
    left: 0px;
}

.wallet_top_up_method_img.qiwi {
    width: 80%;
}

.wallet_top_up_method_img.yoomoney {
    width: 57%;
}

.wallet_top_up_method_img.sbp {
    width: 70%;
    height: auto;
}

.icon_back_wrap {
    border-radius: 30px;
    background-color: #2a303d;
    width: 30px;
    height: 30px;
    display: flex;
    padding: 10px;
    justify-content: center;
    transition: background-color .3s ease;
    cursor: pointer;
}

.icon_back_wrap img {
    width: 20px;
    opacity: 0.5;
    position: relative;
    left: 0px;
    transition: opacity .3s ease, left .3s ease;
}

.icon_back {
    display: flex;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_back_wrap:hover {
    background-color: #465b74;
}

.icon_back_wrap:hover img {
    opacity: 1;
    left: -4px;
}

.payment_icon_method {
    width: 100%;
    justify-content: center;
    display: flex;
}

.payment_amount {
    max-width: 400px;
    width: 100%;
    box-shadow: 0 5px 20px -5px #000;
    z-index: 1;
}

.bank_payment_order {
    width: 100%;
}

.bank_payment_order_form {
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}

.payment_order_form_section {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.amount_field input {
    font: inherit;
    font-weight: 700;
}

.bank_payment_amount_input {
    width: 100%;
}

.bank_payment_amount_panel {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-radius: 5px;
    border: 0;
}

.bank_payment_currecy_input {
    width: 100px;
}

.amount_field.amount {
    width: 100%;
    padding-right: 10px;
}

.bank_minimal_amount {
    margin-top: 30px;
    text-align: center;
}

.bank_price_points_button {
    overflow: hidden;
    text-overflow: ellipsis;
    height: inherit;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #2c3552;
    color: #646a87;
    line-height: 19px;
    font-size: 17px;
    letter-spacing: .5px;
    cursor: pointer;
    transition: .25s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bank_price_points_button:active, .bank_price_points_button:hover {
    background-color: #62c23c;
    color: #fff;
    font-weight: 700
}

.bank_price_points {
    height: 45px;
    display: flex;
    width: 100%;
    max-width: 400px;
    justify-content: center;
}

.bank_price_points_item {
    display: flex;
    box-sizing: border-box;
    height: inherit;
    width: 25%;
    padding: 0 3px;
}

.bank_credit_card_container {
    margin-top: 30px;
    color: #9fa8c7;
    position: relative;
    padding-bottom: 80px;
}

.bank_credit_card_front {
    box-sizing: border-box;
    height: 220px;
    width: 340px;
    /* border: 1px solid #4d5a85;*/
    border-radius: 8px;
    background-color: #232e51;
    padding: 26px 16px 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0 5px 20px -5px #000;
}

.bank_credit_card_back {
    box-sizing: border-box;
    height: 220px;
    width: 340px;
    /* border: 1px solid #4d5a85;*/
    border-radius: 8px;
    background-color: #2a303d;
    padding: 26px 16px 12px;
    position: absolute;
    top: 55px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.bank_credit_card_back_text {
    margin-right: 10px;
}

.bank_credit_card_back > div {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.bank_credit_card_container input, .bank_credit_card_container select {
    font: inherit;
    font-weight: 700;
}

.bank_credit_card_front .credit_card_date_row {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 10px;
}

.credit_card_date_row_month, .credit_card_date_row_year {
    width: 70px;
    height: 30px;
}

.credit_card_date_row_month {
    margin-right: 10px;
}

.credit_card_date_row_month select {
    font: inherit;
    font-weight: 700;
}

.credit_card_number {

}

.credit_card_number_text, .credit_card_date_row_month_text, .credit_card_name_row_text, .bank_credit_card_back_text {
    text-transform: uppercase;
}

.credit_card_number_input input {
    font-size: 21px;
    padding-top: 3px;
}

.credit_card_date {
    display: flex;
    flex-wrap: nowrap;
}

.cvv_input {
    width: 70px;
}

.cvv_input input {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 5px;
    background: linear-gradient(#17191f, #15181f) padding-box, linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgb(65 76 100)) border-box;
    font-weight: 500;
    color: #fff;
    transition: box-shadow .25s ease;
}

.save_card .form_checkbox_input {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 10px;
    cursor: pointer;
}

.save_card {
    display: flex;
    max-width: 340px;
    justify-content: flex-end;
}

.save_card_other {
    display: flex;
    width: 340px;
    justify-content: center;
}

.save_card_check {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 10px;
}

.pci_logo, .ssl_logo {
    display: flex;
    align-items: center;
}

.pci_logo {
    margin-right: 10px;
}

.pci_logo img {
    width: 50px;
}

.ssl_logo img {
    width: 35px;
}

.top_up_action {
    margin-top: 30px;
    display: flex;
}

.pci_logo.with_logo {
    margin-left: 30px;
}

.top_up_action_button {
    font-size: 18px;
    height: 40px;
}

.wallet_repeat_action_button {
    font-size: 18px;
    padding: 20px 25px;
    width: 150px;
    margin-top: 10px;
}

.wallet_back_action_button {
    font-size: 18px;
    padding: 20px 25px;
    width: 250px;
    margin-right: 10px;
    margin-top: 10px;
}

.wallet_history_action_button {
    font-size: 18px;
    padding: 20px 25px;
    width: 150px;
    margin-right: 10px;
    margin-top: 10px;
}

.wallet_alert {
    margin-top: 20px;
    justify-content: center;
    text-align: center;
}

.wallet_alert.hidden {
    display: none;
}

.wallet_bank_payment_error, .wallet_bank_payment_success, .wallet_bank_payment_progress {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0px 10px 10px 10px;
}

.wallet_bank_payment_progress {
    padding: 25px 10px 100px 10px;
}

.wallet_bank_payment_control {
    padding-top: 40px;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.wallet_bank_payment_error_title {
    font-size: 36px;
    color: #fe284a;
    padding: 20px 0;
}

.wallet_bank_payment_progress_title {
    font-size: 20px;
    padding: 20px 0;
}

.wallet_bank_payment_success_title {
    font-size: 36px;
    color: #2fb344;
    padding: 20px 0;
}

.wallet_bank_payment_error_descr.epic {
    margin-top: 20px;
}

.wallet_bank_withdrawal {
    margin-top: 40px;
    font-size: 22px;
}

.wallet_bank_payment_error_body, .wallet_bank_payment_success_body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.wallet_bank_payment_progress_body {
    display: flex;
    width: 100%;
}

.wallet_bank_progress_section {

}

.wallet_bank_payment_progress_img {
    width: 100px;
}

.bank_payment_container {
    display: flex;
    width: 100%;
}

.payment_method_description {
    margin-top: 30px;
    line-height: 27px;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
}

.payment_method_security {
    display: flex;
    width: 100%;
    justify-content: center;
}

.transactions_history_container {
    display: flex;
    width: 100%;
    padding: 10px;
    font-family: sans-serif;
}

.history_empty {
    height: 20vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.transactions_history_list {
    width: 100%;
}

@media (max-width: 650px) {
    .transactions_history_list {
        display: none;
    }
}

li.transactions_history_item {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
}

li.transactions_history_item.columns_header {
    background-color: #283544;
    border-radius: 5px 5px 0 0;
}

li.transactions_history_item.reg_column {
    background-color: #1a222b;
}

li.transactions_history_item > div {
    box-sizing: border-box;
    padding: 10px 4px;
    display: flex;
}

.transactions_history_list .column_date {
    width: 14%;
}

.transactions_history_list .column_sum {
    width: 14%;
}

.transactions_history_list .column_type {
    width: 14%;
}

.transactions_history_list .column_method {
    width: 14%;
}

.transactions_history_list .column_number {
    width: 14%;
}


.transactions_history_list .column_status {
    width: 14%;
}

.transactions_history_list .column_action {
    width: 14%;
}

.transactions_history_list .column_sum_value {
    font-weight: bold;
    font-size: 80%;
}

.transactions_history_list .column_date_value {
    font-size: 80%;
}

.transactions_history_list .column_type_value {
    font-size: 80%;
}

.transactions_history_list .column_method_value {
    font-size: 80%;
}

.transactions_history_list .column_number_value {
    font-size: 80%;
}

.transactions_history_list .column_status_value {
    font-size: 80%;
}

.column_status_value.canceled {
    color: #ffe683;
    align-items: center;
}

.column_status_value .icon-warning {
    font-size: 16px;
    margin-left: 5px;
}

.transactions_history_item_mobile {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.transactions_history_item_mobile .canceled {
    display: flex;
    align-items: center;
    color: #ffe683 !important;
    position: relative;
}

.transactions_history_item_mobile .canceled .history_info_action {
    margin-left: 5px;
}

.transactions_history_list_mobile {
    display: flex;
    width: 100%;
    padding: 0px 10px;
    flex-direction: column;
}

@media (min-width: 651px) {
    .transactions_history_list_mobile {
        display: none;
    }
}

li.transactions_history_item_mobile:not(:nth-child(1)) {
    border-top: 1px solid #212b35;
}

li.transactions_history_item_mobile {
    padding-bottom: 10px;
    padding-top: 10px;
}

.transactions_history_item_mobile .column_type_value {
    color: #41d658;
    font-weight: bold;
    padding-bottom: 10px;
}

.transactions_history_item_mobile .column_date_value {
    font-size: 80%;
    color: #657385;
}

.transactions_history_item_mobile .column_method_value {
    color: #657385;
}

.transactions_history_item_mobile .column_number_value {
    color: #657385;
    padding-top: 10px;
}


.transactions_history_item_mobile .column_status_value {
    padding-bottom: 10px;
    color: #657385;
}

.transactions_history_item_mobile .column_sum_value {
    padding-top: 10px;
    font-weight: bold;
}

.transactions_history_item_mobile .mobile_column {
    display: flex;
    flex-direction: column;
}

.transactions_history_item_mobile .mobile_right_column {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.payment_in_process {
    display: flex;
    width: 100%;
}

.wallet_history_page .in_progress {
    height: 20vh;
    flex-direction: column;
    background-color: #12181f;
}

.remove_payment_dialog {
    margin-top: calc(50vh - 150px);
    margin-left: calc((50vw - (100vw - 100%)) - 180px);
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: center;
    width: 320px;
    height: 250px;
}

.remove_file_dialog {
    margin-top: calc(50vh - 150px);
    margin-left: calc((50vw - (100vw - 100%)) - 180px);
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: center;
    width: 320px;
    height: 180px;
}

.history_cancel_dialog {
    margin-top: calc(50vh - 150px);
    margin-left: calc((50vw - (100vw - 100%)) - 180px);
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: center;
    width: 320px;
    min-height: 200px;
    line-height: 1.35rem;
}

.history_cancel_dialog .dialog_body {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
}

.history_cancel_dialog .dialog_descr {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    flex-grow: 1;
}


.activate_warning_dialog {
    margin-top: calc(50vh - 150px);
    margin-left: calc((50vw - (100vw - 100%)) - 180px);
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    align-items: center;
    width: 320px;
    height: 180px;
}

.remove_payment_dialog .model_dialog_title {
    font-size: 18px;
    text-align: center;
}

.remove_payment_dialog_body {
    margin-top: 10px;
}

.remove_payment_dialog_descr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.remove_payment_dialog_descr span {
    margin-top: 10px;
    color: #ffa500;
}

.remove_payment_dialog_control {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
}

.remove_payment_dialog_control .btn_register_small {
    width: 130px;
    margin-right: 20px;
    font-size: 16px;
    height: 35px;
}

@media (max-width: 380px) {
    .remove_payment_dialog {
        margin-left: calc((50vw - (100vw - 100%)) - 155px);
        padding: 10px 20px;
        width: 260px;
        height: 250px;
    }

    .remove_payment_dialog_control .btn_register_small {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.change_password_panel {
    padding-top: 10px;
    max-width: 550px;
}

.change_password_panel_container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
}

.profile_notifications_container {
    display: flex;
    max-width: 550px;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.good_notification {
    display: flex;
    padding: 10px;
    background-color: #2fb344;
    border-radius: 10px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.error_notification {
    display: flex;
    padding: 10px;
    background-color: #fe284a;
    border-radius: 10px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
}

.notification_panel {
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 10px;
}


.change_password_fields {
    padding-top: 10px;
}

.change_password_control {
    display: flex;
    justify-content: center;
    padding: 10px;
    padding-bottom: 30px;
}

.bonuses_page {
    /* background: url(../images/img/bg_pattern5p-png.webp) left top #211c25;*/
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    width: 100%;
    min-height: 60vh;
}

.bonus_promo_code_container {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    align-items: center;
    max-width: 350px;
    min-width: 280px;
    padding: 10px 15px 15px 15px;
    background-color: #222330;
    border: 1px solid #36384d;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-top: 40px;
    box-shadow: 0 5px 10px 0px #0d0e15;
}

.bonus_promo_code_body {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: center;
}

.bonus_promo_code_body img {
    width: 90px;
    position: absolute;
    top: -29px;
    left: -21px;
    z-index: 2;
}

.bonus_promo_code_text {
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    /* padding-left: 40px;
}

.promo_code_input {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* padding-left: 40px; */
    padding-bottom: 10px;
    padding-top: 10px;
}

.bonuses_list_container {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
}

.no_bonuses > .descr {
    text-align: center;
}

.no_bonuses > .title {
    text-align: center;
}

@media (max-width: 650px) {
    .bonuses_list_container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .no_bonuses > .title {
        font-size: 26px !important;
    }
}

.bonuses_list {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}

.bonuses_list > li {
    position: relative;
    box-sizing: border-box;
    background: transparent;
    height: 420px;
    width: 100%;
    z-index: 0;
}

.bonus_item_img img {
    width: 160px;
    object-fit: contain;
}

.bonus_item {
    width: 100%;
    height: 100%;
    position: relative;
    perspective: 1000px;
}

.bonus_item_img {
    justify-content: center;
    display: flex;
    height: 160px;
}

.bonus_item_inner_container {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform 0.8s;
    transform-style: preserve-3d;

}

.bonus_item_front, .bonus_item_back {
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;

    background-color: #29252d;
    border-radius: 10px;
    padding: 15px 20px 15px;
    box-sizing: border-box;
}

.bonus_item_front.hidden, .bonus_item_back.hidden {
    display: none;
}

.bonus_item_back {
    transform: rotateY(180deg);
    padding: 20px 30px;
    position: absolute;
    top: 0;
}

.bonus_title {
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.bonus_title_free_spin {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
}

.bonus_game {
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}

.bonus_first {
}

.bonus_info_container {
    width: 100%;
    margin-bottom: 20px;
}

.bonus_promo_info_container {
    width: 100%;
}

.bonus_info_list {
    margin-top: 10px;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.bonus_info_list > li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 1px;
}

.bonus_info_list > li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.bonus_info_list > li {
    background-color: #242027;
}


.bonus_info_list_item {
    padding: 5px;
    display: flex;
    flex-wrap: nowrap;
}

.bonus_info_list_item_column {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
}

.bonus_info_list_single_item_column {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.bonus_info_list_item_column .text, .bonus_info_list_single_item_column .text {
    font-size: 80%;
    text-align: center;
}

.bonus_info_list_item_column .value, .bonus_info_list_single_item_column .value {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.bonus_info_list_item_column .value.redtext, .bonus_info_list_single_item_column .value.redtext {
    color: #ffbf4a;
}

@media (max-width: 600px) {
    .bonus_info_list_item_column .value, .bonus_info_list_single_item_column .value{
        font-size: 100%;
        font-size: 18px;
    }

    .bonus_info_list_item_column .text, .bonus_info_list_single_item_column .text {
        font-size: 100%;
    }
}

.bonus_promo_code_action {
    border-radius: 5px;
}

.bonus_promo_code_control {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.bonus_promo_code .bonus_control_inner {
    justify-content: center;
}

.bonus_promo_code .bonus_activate_action {
    margin-right: unset;
}

.bonus_control {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 30px;
    /* height: calc(100% - 340px); */
    position: absolute;
    min-width: 85%;
    right: 20px;
    bottom: 25px;
}

.bonus_control_back {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 30px;
    /* height: calc(100% - 340px); */
    position: absolute;
    min-width: 85%;
    right: 20px;
    bottom: 25px;
}

.bonus_control.activated {
    justify-content: space-around;
}

.bonus_control_inner {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-end;
}

.cannot_activate {
    padding: 0 5px;
    padding-left: 20px;
    font-size: 80%;
    color: #fbab73;
}

.bonus_control.activated .bonus_control_inner {
    justify-content: space-between;
}

.bonus_activate_action {
    border-radius: 5px;
    margin-right: 30px;
}

.bonus_claim_action {
    border-radius: 5px;
}

.bonus_remove_action {
    border-radius: 5px;
    margin-right: 30px;
}

.bonus_info_action, .profile_user_short_info_action {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    transition: background-color .2s ease;
    background-color: #304866;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    /* text-align: center; */
    justify-content: center;
    position: relative;
    cursor: pointer;
    width: 30px;
    min-width: 30px;
}

.history_info_action {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    transition: background-color .2s ease;
    background-color: #a19257;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    /* text-align: center; */
    justify-content: center;
    position: relative;
    cursor: pointer;
    width: 30px;
    min-width: 30px;
    color: #fff;
}

.canceled .history_info_action {
    margin-left: 5px;
}

.attention {
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    transition: background-color .2s ease;
    background-color: #304866;
    border-radius: 5px;
    font-size: 24px;
    font-weight: bold;
    /* text-align: center; */
    justify-content: center;
    position: relative;
    cursor: pointer;
    width: 30px;
    min-width: 30px;
}


.attention {
    cursor: default;
    width: 30px;
    min-width: 30px;
    margin-right: 5px;
}

.profile_user_short_info_action {
    cursor: default;
    width: 30px;
    min-width: 30px;
}

.attention > div {
    position: relative;
    top: 4px;
    transition: top .2s ease;
}

.bonus_info_action > div, .profile_user_short_info_action > div {
    position: relative;
    top: 4px;
    transition: top .2s ease;
}

.bonus_info_action:hover {
    background-color: #1a569d;
}

.bonus_info_action:hover > div {
    top: 0px;
}


.history_info_action > div {
    position: relative;
    top: 4px;
    transition: top .2s ease;
}

.history_info_action:hover {
    background-color: #ccb869;
}

.history_info_action:hover > div {
    top: 0px;
}

.bonus_wager_progress {
    width: calc(100% - 45px);
    margin-right: 10px;
}

.bonus_wager_progress_info {
    display: flex;
    width: 100%;
    justify-content: space-between;

}

.bonus_wager_progress .user_status_progress_fill {
    background: #6df274; /* Old browsers */
    background: -moz-linear-gradient(top, #6df274 0%, #59ee54 50%, #36f039 51%, #439a21 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6df274 0%, #59ee54 50%, #36f039 51%, #439a21 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6df274 0%, #59ee54 50%, #36f039 51%, #439a21 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.bonus_wager_progress_info > .current, .bonus_wager_progress_info > .end {
    font-size: 12px;
}

.bonus_item.info_enabled .bonus_item_inner_container {
    transform: rotateY(180deg);
}


.bonus_item_description {
    margin-top: 40px;
    text-align: center;
    font-size: 15px;
}

.cashback_release_bonus {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: 10px;
    align-items: center;
}

.bonus_item_description.cashback_release {
    margin-top: 10px;
}

.cashback_release_date {
    font-size: 18px;
    /* margin-top: 10px; */
    font-weight: bold;
    color: #de97ed;
}

.bonus_free_spin .bonus_control {
}

@media (max-width: 570px) {

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

    .bonus_item_img {
        height: 105px;
    }

    .bonus_item_img img {
        width: 160px;
    }

    .bonuses_list > li {
        margin-bottom: 20px;
        max-width: 360px;
        width: 100%;
        height: 370px;
    }

    .bonus_card .bonus_item_front {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        padding-top: 145px;
    }

    .bonus_card .bonus_item_img {
        width: 200px;
        position: absolute;
        top: 0;
    }

    .bonus_card .bonus_item_img img {
        width: 200px;
        height: auto;
        align-self: center;
    }

    .bonus_card.bonus_free_spin .bonus_item_img {
        width: 300px;
        left: 40px;
        top: -20px;
    }

    .bonus_card.cashback_bonus {
        margin-top: 35px;
    }

    .bonus_card.bonus_free_spin .bonus_item_img img {
        width: 300px;
    }

    .bonus_card.gift_future_bonus .bonus_item_img {
        width: 200px;
        top: -10px;
    }

    .bonus_card.gift_future_bonus .bonus_item_img img {
        width: 200px;
    }

    .bonus_card.gift_future_bonus {
        margin-top: 40px;
    }

    .bonus_card.bonus_free_spin {
        margin-top: 25px;
    }

    .bonus_card.bonus_free_spin .bonus_item_front {
        padding-top: 115px;
    }
}

li.bonus_promo_code {
    height: 200px;
}

.bonus_promo_code .bonus_item_img img {
    display: none;
}

.bonus_promo_code .bonus_item_img {
    height: 20px;
}

@media (min-width: 570px) {

    .bonuses_list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .bonuses_list > li {
        min-width: 240px;
        max-width: 240px;
        width: calc(50% - 7.5px);
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .bonus_item_back {
        padding: 20px 10px;
    }
}

@media (min-width: 825px) {

    .bonuses_list {
        justify-content: center;
    }

    .bonuses_list > li {
        min-width: 240px;
        max-width: 240px;
        width: calc(50% - 7.5px);
        margin-left: 10px;
        margin-right: 10px;
    }
}

.contact_us_page {
    background: url("base.css") left top #211c25;
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    width: 100%;
}

.contact_us_panel {
    padding-top: 70px;
}

.contact_us_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    max-width: 700px;
    min-width: 340px;
    padding: 15px;
    background-color: #222330;
    border: 1px solid #36384d;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.contact_us_body {
    display: flex;
    width: 100%;
}

.contact_us_body p {
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 15px;
    font-size: 20px;
}

.contact_us_address {
    display: flex;
    width: 50%;
    flex-direction: column;
    padding-right: 20px;
}

.contact_us_other {
    display: flex;
    width: 50%;
    flex-direction: column;
}

.contact_us_other .line {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.contact_us_address .line {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    line-height: 25px;
}

.contact_us_other .line > div {
    margin-right: 5px;
}

.contact_us_other .line a {
    color: #5197ff;
}

.contact_us_page h1 {
    display: flex;
    justify-content: flex-start;
    font-size: 46px;
    font-weight: bold;
    width: 100%;
    max-width: 700px;
    min-width: 340px;
}

.contact_us_other .commercial {
    margin-top: 20px;
    margin-bottom: 10px;
}

@media (min-width: 701px) {
    .contact_us_panel {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .contact_us_body {
        flex-direction: column;
    }

    .contact_us_address {
        width: 100%;
    }

    .contact_us_other {
        width: 100%;
    }
}

.socials {
    display: flex;
    width: 30%;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 10px;
}

.socials2 {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 10px;
}

.telegram_icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background-color: #5e9bff;
    border-radius: 20px;
    margin: 0 10px;
    cursor: pointer;
    box-shadow: 0 3px 0 1px #345a99;
}

.vk_icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    background-color: #356ab3;
    border-radius: 20px;
    margin: 0 2px;
    cursor: pointer;
    box-shadow: 0 3px 0 1px #213962;
}

.vk_icon:hover {
    background-color: #5279af;
}

.telegram_icon:hover {
    background-color: #84b2ff;
}


.telegram_icon img {
    width: 18px;
    height: 16px;
}

.vk_icon img {
    width: 18px;
    height: 10.25px;
}

@media (max-width: 690px) {
    .main_footer {
        flex-wrap: wrap;
    }

    .socials {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.no_bonuses {
    display: flex;
    height: 150px;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.no_bonuses > .title {
    font-size: 40px;
    font-weight: bold;
}

.no_bonuses > .descr {
    font-size: 20px;
    font-weight: normal;
    color: #f3c75a;
}

.restricted_container {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.restricted_img {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
}

.restricted_img img {
    width: 100px;
    height: 100px;
}

.restricted_description {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    text-align: center;
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
}

.restricted_title {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 20px;
    box-sizing: border-box;
}


.statuses_page {
    background: url("base.css") left top #211c25;
    background-size: 256px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    box-sizing: border-box;
    width: 100%;
}

.users_statuses_list_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 340px;
    padding: 15px;
    /*background-color: #282f3c;*/
    /*border: 1px solid #616977;*/
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.user_statuses_list {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.user_statuses_list > li {
    display: flex;
    flex-wrap: wrap;
}

.register {
    font-size: 14px;
    height: 35px;
    background-image: linear-gradient(270deg, rgba(254, 40, 74, 0) 48.44%, #ec8dffc9 75.52%, rgba(254, 40, 74, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;
    text-transform: uppercase;
}

.register_banner {
    font-size: 14px;
    height: 35px;
    background-image: linear-gradient(270deg, rgba(254, 40, 74, 0) 48.44%, #ec8dffc9 75.52%, rgba(254, 40, 74, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 30s infinite;
    text-transform: uppercase;
}

.first_bonuses {
    font-size: 14px;
    background-image: linear-gradient(270deg, rgba(254, 40, 74, 0) 48.44%, #ec8dffc9 75.52%, rgba(254, 40, 74, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 30s infinite;
    text-transform: uppercase;
}

@-webkit-keyframes bg-move {
    0% {
        background-position: 1000px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@keyframes bg-move {
    0% {
        background-position: 1000px 0;
    }
    100% {
        background-position: -500px 0;
    }
}

@media (max-width: 668px) {
    .header .main_logo_text img {
        height: 45px;
    }
}

.user_statuses_info {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.user_statuses_current {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 50px;
    max-width: 500px;
}

.user_statuses_next_month {
    display: flex;
    margin-left: 50px;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 30px;
    max-width: 500px;
}

.user_statuses_current .attention {
    margin-right: 20px;
}

.user_statuses_next_month .attention {
    margin-right: 20px;
}

.user_statuses_current .title {
    font-size: 24px;
    margin-right: 10px;
    color: #fff;
    line-height: 1.3em;
}

.user_statuses_next_month .title {
    font-size: 16px;
}

.user_statuses_current .title b {
    color: #ffea80;
    font-weight: bold;
}

.user_statuses_current .value {
    font-size: 18px;
    font-weight: bold;
}

.status_container {
    display: flex;
    padding: 10px 0px;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}

@media (max-width: 545px) {

    .user_statuses_next_month, .user_statuses_current {
        margin-left: 20px;
    }

    .status_container {
        justify-content: center;
    }

    .status_container .status_body {
        max-width: calc(50% - 35px);
    }
}

@media (min-width: 545px) {
    .status_container {
        justify-content: center;
    }

    .status_container .status_body {
        max-width: calc(33% - 35px);
    }
}

@media (min-width: 750px) {
    .status_container {
        justify-content: center;
    }

    .status_container .status_body {
        max-width: calc(25% - 35px);
    }
}

.status_body {
    display: flex;
    position: relative;
    flex-wrap: nowrap;
    width: 150px;
    height: 220px;
    flex-direction: column;
    background-color: #29252d;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.status_current_title {
    position: absolute;
    top: -4px;
    background-color: #2fb344;
    color: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 8px 1px rgb(0 0 0 / 50%);
}

.status_card {
    display: flex;
    flex-direction: column;
}

.status_body_img {
    display: flex;
    justify-content: center;
}

.status_body_img img {
    width: 100px;
    align-self: center;
}


.status_card .name_left {
    display: flex;
    justify-content: flex-start;
}

.status_card .name {
    margin-bottom: 5px;
    white-space: nowrap;
    color: #888989;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.status_body .passed .user_status_progress_fill {
    background: linear-gradient(to bottom, #afab18 1%, #a29f3b 50%, #9aa13a 50%, #a8a82c 51%, #afaa18 100%);
}

.status_body .active_descr {
    line-height: 1em;
    color: #ccc;
    background-color: #d3213d;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.status_body.active .status_card .name, .status_body.disabled .status_card .name {
    color: #888989;
}

.status_card .name_right {
    display: flex;
    justify-content: flex-end;
}

.status_progress_container {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.status_body .target {
    margin-top: 10px;
    font-weight: bold;
}

.status_body.disabled .status_body_img img {
    filter: grayscale(100%);
}

.status_body.active .status_body_img img {
    filter: grayscale(100%);
}

.status_body.current {
    border: 1px solid #605b48;
    box-shadow: 0 0 10px -2px #000;
}

.status_body.current .status_body_img img {
    width: 140px;
    align-self: center;
    position: relative;
    top: -45px;
}

.status_body:not(.current) .status_card {
    padding-bottom: 41px;
}

.status_body.passed {
}

.status_body.current .status_card .name {
    font-weight: bold;
    color: #ccc;
}

.redirector_page {

}

.loading_container {
    padding-top: 120px;
    display: flex;
    width: 100%;
    height: 300px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.title_img {
    width: 150px;
}

.loading_container_img img {
    width: 200px;
    height: 200px;
}

.loading_container_title {
    font-size: 20px;
    line-height: 30px;
}

.loading_container_title.major {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

.badge_container {
    position: absolute;
    top: -9px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    transform: rotate(-6deg);
    left: -2px;
}

.badge_container.best_buy {
    box-shadow: 0 0 10px -4px #000;
    background-color: #a34949;
    transition: background-color .5s ease;
    height: 18px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.badge_container.fast_buy {
    box-shadow: 0 0 10px -4px #000;
    background-color: #c452be;
    transition: background-color .5s ease;
    height: 18px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.badge_container .badge {
}

.wallet_top_up_method_container:not(.disabled):hover .badge_container.best_buy {
    background-color: #ce4040;

}

.wallet_top_up_method_container:not(.disabled):hover .badge_container.fast_buy {
    background-color: #e84ce0;
}

@media (max-width: 600px) {
    .badge_container {
        font-size: 12px;
    }
}

.messages_page {
    background: url("base.css") left top #211c25;
    background-size: 256px;
    box-shadow: 0 0 20px 0px #0000001a;
    box-sizing: border-box;
    width: 100%;
}

.mails_container {

    box-sizing: border-box;
    align-items: center;
    width: 100%;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    padding-top: 0px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.mails_container_mobile {
    width: 100%;
    height: 100%;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    padding-top: 0px;
}

.mails_side_panel {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    width: 45%;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    background-color: #212230;
    min-width: 380px;
    max-width: 550px;
    padding-top: 0px;
    border-right: 1px solid #2c2d36;

    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: 100%;
}

.mails_side_panel_mobile {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #2a2b39;
}

.mails {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding-top: 20px;
    height: calc(100vh - 215px);
}

.mails_list {
    width: 100%;
    padding-top: 15px;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: flex-end;
    padding-bottom: 15px;
    min-height: 100%;
    display: flex;
}

.mails_list.no_messages {
    justify-content: center;
    align-items: center;
}

.mmm {
    overflow-y: scroll;
    height: 100%;
}

.content_page > div {
    box-sizing: border-box;
}

.user_link_msg_container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 5px 0px;
    font-weight: bold;
}

.user_link_msg_ava {
    display: flex;
}

.outcoming .user_link_msg_ava {
    position: absolute;
    right: 0;
    bottom: -2px;
}

.incoming .user_link_msg_ava {
    position: absolute;
    left: 0;
    bottom: -2px;
}


.incoming .user_link_msg_ava.empty {
    min-width: 40px;
    max-width: 40px;
}

.outcoming .user_link_msg_ava.empty {
    min-width: 40px;
    max-width: 40px;
}


.user_link_msg_ava img {
    width: 40px;
    height: auto;
    align-self: center;
}

.user_link_msg_status {
    min-width: 20px;
    max-width: 20px;
}

.contact_top {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.user_link_msg_status img {
    width: 20px;
    height: 20px;
}

.user_link_msg_nik {
    display: flex;
    flex-direction: column;
}

.user_link_msg_nik span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 160px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
}


.correspondence {
    position: relative;
    flex-direction: column;
    background-color: #3b3d4a;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    font-size: 17px;
    z-index: 1;
    line-height: 1.35rem;
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.correspondence_wrapper {
    position: relative;
}

.incoming .correspondence_wrapper {
    padding-left: 45px;
}

.outcoming .correspondence_wrapper {
    padding-right: 45px;
}


.message_date_wrap {
    /* float: right; */
    right: 13px;
    float: right;
    display: flex;
    position: absolute;
    color: #6e6e74;
    padding-left: 5px;
    /* bottom: 0; */
    bottom: 1px;
    /* top: 4px; */
    font-size: 13px;
    /* height: 1.35rem; */
    /* display: inline-block; */
    max-width: 100%;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-dice {
    width: 20px;
    height: 20px;
}

.message_date {
    position: relative;
    float: right;
    bottom: -2px;
    right: 8px;
    font-size: 13px;
    display: flex;
    margin-left: 15px;
    -webkit-user-select: none;
    user-select: none;
}

.mails_list .content_page > div:not(.last) {
    margin-bottom: 15px;
}

.correspondence_message {

}

.correspondence span {
    color: #fff;
    display: flow-root;
    word-break: break-word;
    white-space: pre-wrap;
}

@media (max-width: 450px) {
    .correspondence span {
        font-size: 18px;
    }
}

.correspondence_id {
    display: flex;
    flex-wrap: nowrap;
    max-width: 600px;
    position: relative;
}

.mails_top_container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.mails_list .content_page > div.incoming {
    display: flex;
    justify-content: flex-start;
    max-width: 1000px;
    padding-left: 20%;
}

.mails_list .content_page > div.outcoming {
    display: flex;
    justify-content: flex-end;
    max-width: 80%;
}

@media (max-width: 1500px) {
    .mails_list .content_page > div.outcoming {
        max-width: 95%;
    }

    .mails_list .content_page > div.incoming {
        padding-left: 5%;
    }
}

@media (max-width: 700px) {
    .mails_list .content_page > div.outcoming {
        padding-right: 10px;
        max-width: unset;
    }

    .mails_list .content_page > div.incoming {
        padding-left: 10px;
        max-width: unset;
    }
}

@media (max-width: 450px) {
    .mails_list .content_page > div.outcoming {
        padding-right: 5px !important;
        max-width: unset;
    }

    .mails_list .content_page > div.incoming {
        padding-left: 5px !important;
        max-width: unset;
    }
}

.contact_container {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 60px;
    align-items: center;
    user-select: none;
}

ul.contacts_list li:last-child {
}

.contact_body {
    display: flex;
    flex-direction: column;
    width: calc(100% - 80px);
}

.contact_info {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.contact_info .contact {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.contact_message_date {
    display: flex;
    color: #808088;
    font-size: 13px;
    align-items: center;
}

.contact_ava {
    min-width: 65px;
    display: flex;
    max-width: 65px;
}

.contact_ava img {
    width: 60px;
    height: auto;
    align-self: center;
}

.contact_last_message {
    display: flex;
    width: 100%;
    padding-top: 14px;
    color: #808088;
    justify-content: space-between;
    position: relative;
    height: 20px;
}

.contact_last_message span.name {
    color: #fff;
}

.contact_last_message span {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 650px;
    white-space: nowrap;
    flex-grow: 1;
    font-size: 16px;
}

.contact_container.selected {
    background-color: #2f5fa0;

}

.scrollable_container .contact_container.selected {
    border-radius: 10px;
}

.contact_container.selected .user_link_msg_nik {
    color: #fff;
}

.contact_container.selected .contact_message_date {
    color: #e0e0e0;
}

.contact_container.selected .contact_last_message {
    color: #d0d0d0;
}


.contact_container:hover:not(.selected) {
    background-color: #404154;
    cursor: pointer;

}

.scrollable_container .contact_container:hover:not(.selected) {
    border-radius: 10px;
}

.contacts_list {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    height: calc(100vh - 215px);
    width: 100%;
    min-height: 100%;
}

.contacts_header {
    display: flex;
    height: 60px;
    min-height: 60px;
    background-color: #1e1f2b;
}

.contact_tabs {
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

.contact_tabs li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    width: 70px;
}

.contact_tabs li.active {
    background-color: #2a2b39;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 2px solid #fe284a;
}

.mails_contact {
    display: flex;
    z-index: 78;
    width: 100%;
    height: 60px;
    min-height: 60px;
    align-items: center;
    padding-left: 10px;
    box-sizing: border-box;
    background-color: #2a2b39;
    border-bottom: 1px solid #2c2d36;
    justify-content: flex-start;
}

.mails_back_nav {
    display: flex;
    height: 100%;
    align-items: center;
    width: 50px;
    cursor: pointer;
    justify-content: center;
}

.contact_settings {
    display: flex;
    flex-grow: 1;
    min-height: 100%;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}

.contact_settings_button {
    background-color: unset;
    color: #ccc;
    width: 40px;
    height: 40px;
    font-size: 35px;
    cursor: pointer;
}

.contact_settings_icon {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    transition: background-color 0.25s ease;
}

.contact_settings_icon:hover {
    background-color: #818bab52;
}

.contact_settings_icon::before {
    content: "⋮";
    box-sizing: border-box;
}

.animated_close_icon {
    position: absolute;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.animated_close_icon, .animated_close_icon::before, .animated_close_icon::after {
    width: 1.125rem;
    height: 0.125rem;
    border-radius: 0.125rem;
    background-color: #d3d3d3;
    transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1);
}

.animated_close_icon::before, .animated_close_icon::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.animated_close_icon.state_back {
    transform: rotate(180deg);
}

.animated_close_icon.state_back::before {
    transform: rotate(45deg) scaleX(0.75) translate(0, -0.375rem);
}

.animated_close_icon.state_back::after {
    transform: rotate(-45deg) scaleX(0.75) translate(0, 0.375rem);
}

.animated_close_icon::before {
    transform: rotate(90deg);
}

.animated_close_icon.state_back::before {
    transform: rotate(45deg) scaleX(0.75) translate(0, -0.375rem);
}

/*---*/

animated_down_icon {
    position: absolute;
    transform: rotate(-45deg);
    box-sizing: border-box;
}

.animated_down_icon, .animated_down_icon::before, .animated_down_icon::after {
    width: 1.125rem;
    height: 0.125rem;
    border-radius: 0.125rem;
    background-color: #d3d3d3;
    transition: transform 450ms cubic-bezier(0.25, 1, 0.5, 1);
}

.animated_down_icon::before, .animated_down_icon::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}

.animated_down_icon.state_back {
    transform: rotate(90deg);
}

.animated_down_icon.state_back::before {
    transform: rotate(45deg) scaleX(0.75) translate(0, -0.375rem);
}

.animated_down_icon.state_back::after {
    transform: rotate(-45deg) scaleX(0.75) translate(0, 0.375rem);
}

.animated_down_icon::before {
    transform: rotate(90deg);
}

.animated_down_icon.state_back::before {
    transform: rotate(45deg) scaleX(0.75) translate(0, -0.375rem);
}


.custom_back_icon {

}

.mails_back_nav svg {
    width: 20px;
    height: 20px;
}

.mails_back_nav svg .d {
    fill: #8c8d90;
    transition: fill .2s ease;
}

.mails_back_nav:hover svg .d {
    fill: #dbdee9;
}

.contact {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.contact_column {
    flex-direction: column;
    justify-content: flex-start;
}

.outcoming .correspondence {
    background-color: #595e59;
}

.outcoming .message_date {
    color: #8d9383;
}

.incoming .message_date {
    color: #7a7c8b;
}

.outcoming {
    display: flex;
    justify-content: flex-end;
}

.message_button {
    background: none;
    display: flex;
    align-items: center;
    transition: background-color 0.2s ease;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.message_button:hover {
    background-color: #2fb344;
}

.message_button img {
    width: 20px;
    height: 20px;
}

.send_message_container {
    background-color: #3a3b4e;
    padding: 15px 10px;
    width: 100%;
    z-index: 80;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    border: 1px solid #626578;
    border-radius: 10px;
    box-shadow: 0 0 10px -2px #000;
    position: relative;
    transition: height 100ms ease;
    font-size: 18px;
    line-height: 1.2em;
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.send_message_container.no-transition {
    transition: unset;
}

.send_message_container_align {
    display: flex;
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
    box-sizing: border-box;
    position: relative;
    transform: translate3d(0, 0, 0);
    padding-bottom: env(safe-area-inset-bottom);
}

.send_message_container_align::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(89deg, rgb(124 128 151 / 0%) 0%, rgba(124, 128, 151, 0.4) 2%, rgba(124, 128, 151, 0.4) 98%, rgba(124, 128, 151, 0) 100%);
    opacity: 0;
    transition: opacity 350ms ease;
    margin-left: 20%;
    margin-right: 20%;
}

.send_message_container_align.bottom_overflow::before {
    opacity: 1;
}

@media (max-width: 1500px) {
    .send_message_container_align {
        padding-left: 5%;
        padding-right: 5%;
    }

    .send_message_container_align::before {
        margin-left: 5%;
        margin-right: 5%;
    }
}

@media (max-width: 700px) {
    .send_message_container_align {
        padding-left: 10px;
        padding-right: 10px;
    }

    .send_message_container_align::before {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.message_send_body {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.mails_and_contact {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 210px);
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mails_and_contact > .rcs-custom-scroll {
    padding-bottom: 10px;
}

.mails_and_contact_align {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.mails_and_contact.no_scroll {
    align-items: flex-end;
}

.mails_and_contact .rcs-custom-scroll {
    width: 100%;
}

.send_message_container .rcs-custom-scroll {
    width: 100%;
}

.send_message_from {
    width: calc(100% - 50px);
    max-height: 300px;
    display: flex;
    box-sizing: border-box;
    transition: height 100ms ease;
}

.message_input {
    border: 0;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.message_input input {
    height: 35px;
    padding: 0 18px;
    font-size: 16px;

    box-sizing: border-box;
    width: 100%;
    border: 0;
    border-radius: 5px;
    background: #1e1f2b;
    font-weight: 500;
    color: #fff;
    transition: box-shadow .25s ease;
}

.message_input input:focus, .message_input input:hover {
    outline: none;
    box-shadow: 0 0 0 2px #ffde26
}

.mails_contact .user_role {
    color: #e2e59f;
    font-size: 14px;
    display: flex;
    width: 100%;
}

.user_name_img.verified img {
    width: 20px;
    height: 20px;
    margin-left: 4px;
}

.profile_user_avatar_info .user_role {
    color: #e2e59f;
    font-size: 14px;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.scrollable_container {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #2a2b39;
    position: relative;
}

.scrollable_content_mobile {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: #2a2b39;
}

.wide_tabs_mobile {
    z-index: 0;
}

.scrollable_container_mobile {
    display: flex;
    width: 100%;
    font-size: 14px;
    background-color: #2a2b39;
}


html.scrollable, html.scrollable body {
    overflow: hidden;
    height: 100%;
}

.send_message_textarea {
    width: 100%;
    white-space: pre-wrap;
    resize: none;
    display: block;
    outline: none;
    border: 0;
    font: inherit;
    color: #fff;
    word-break: break-word;
    box-sizing: border-box;
}

.send_message_from .rcs-inner-container > div {
}

.rcs-inner-container > div {
}

.placeholder {
    color: #71738c;
    position: absolute;
    top: 16px;
    pointer-events: none;
    touch-action: none;
}

.correspondence_appendix {
    position: absolute;
    left: 37px;
    bottom: -4px;
}

.correspondence_appendix_right {
    display: flex;
    position: absolute;
    right: 38px;
    bottom: 0px;
}

.correspondence_appendix svg, .correspondence_appendix_right svg {
    width: 30px;
    height: 16.19px;
}

.correspondence_appendix svg .d {
    fill: #3b3d4a;
}

.correspondence_appendix_right svg .d {
    fill: #576056;
}

.scrollable_container_mobile .contact_message_date {
    font-size: 12px;
}

.scrollable_container_mobile .contact_container {
    padding-right: 10px;
}

.scrollable_container_mobile .contacts_list {
    height: 100%;
}

.messages_page_progress {
    height: 100vh;
    width: 100%;
}

.contact_messages_side {
    position: fixed;
    top: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    transition: transform .25s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: right;
    background: url("base.css") left top #211c25;
    background-size: 256px;
    overflow: hidden;
}

.contact_messages_side.block_hidden {
    transform: translate3d(100vw, 0, 0);
}

.mails_container_mobile .mails_and_contact {
    height: 100%;
}

.mails_container_mobile .mails_list .content_page > div {
    padding-right: 10px;
}

.mails_container_mobile .correspondence_id {
    margin-left: 10px;
}

.scroll_list {
    display: flex;
    width: 100%;
}

.fake_overflow {
    height: 100vh;
    display: flex;
}

@media (max-width: 450px) {
    .mails_container_mobile .correspondence_id {
        margin-left: 0;
    }

}


@media (max-width: 1000px) {
    .mails_and_contact.desktop .correspondence_id {
        max-width: 500px;
    }

    .mails_container_mobile .correspondence_id {
        max-width: 500px;
    }
}

@media (max-width: 900px) {
    .mails_and_contact.desktop .correspondence_id {
        max-width: 400px;
    }

    .mails_container_mobile .correspondence_id {
        max-width: 450px;
    }

}

@media (max-width: 500px) {
    .mails_container_mobile .correspondence_id {
        max-width: 400px;
    }

}


.scrollable_container .rcs-custom-scroll {
    width: 100%;
}

.send_button_container {
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.unread_notification {
    min-width: 25px;
    min-height: 20px;
    display: flex;
    margin-left: 5px;
    max-height: 20px;
}

.unread_notification_value {
    background-color: #d24359;
    border-radius: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.scroll_custom_track > div {
    background-color: #2fb344 !important;
}

.teleport_last_container {
    position: absolute;
    transition: transform .25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .2s ease;
    opacity: 1;
    width: 50px;
    height: 50px;
    bottom: 100px;
    right: 30px;
    opacity: 0;
    z-index: -1;
    display: flex;
    transform: translateY(4.5rem);
    padding-bottom: env(safe-area-inset-bottom);
}

.teleport_last_container.active {
    transform: translateY(0);
    opacity: 1;
    z-index: 90;
}

.teleport_last {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3a3b4e;
    border-radius: 50px;
    transition: background-color .15s, color .15s;
    box-shadow: 0 0 10px 0px #00000078;
}

.mails_container_mobile .teleport_last {
    width: 45px;
    height: 45px;
}

.teleport_last_container:hover .teleport_last {
    background-color: #2f5fa0;
    cursor: pointer;
}

.mails_container_mobile .teleport_last_container {
    bottom: 80px;
    right: 10px;
    width: 45px;
    height: 45px;
}

.header_menu_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 1020;
}

.backdrop {
    position: fixed;
    left: -100vw;
    right: -100vw;
    top: -100vh;
    bottom: -100vh;
    z-index: 190;
}

.header_menu_content {
    overscroll-behavior: contain;
    min-width: 255px;
    transform: scale(0.5);
    transition: opacity .2s cubic-bezier(0.2, 0, 0.2, 1), transform .2s cubic-bezier(0.2, 0, 0.2, 1) !important;
    position: absolute;
    overflow: hidden;
    transform-origin: right top;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 0.25rem 0;
    z-index: 200;
    background-color: rgb(128, 136, 151, 0.7);
    box-sizing: border-box;
    padding: 5px 5px;
    opacity: 0;
    border-radius: 10px;
    box-shadow: 0 0.25rem 0.5rem 0.125rem #000000;
}

.no-selection {
    user-select: none;
    -webkit-user-select: none !important;
}

.header_menu_content.active {
    transform: scale(1);
}

.opacity-transition {
    opacity: 1;
    transition: opacity .15s ease;
}

.header_menu_item {
    display: flex;
    cursor: pointer;
    line-height: 1.5rem;
    background: none;
    border: none !important;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 5px;
    padding: 10px 5px;
    padding-right: 10px;
}

.header_menu_item:hover {
    background-color: rgb(226 229 233 / 40%);
}

.header_menu_item i {
    max-width: 1.25rem;
    font-size: 1.25rem;
    margin-left: 0.5rem;
    margin-right: 1.25rem;
}

.header_menu_item i {
    color: #fff;
}

.bonus_activate_creating {
    display: flex;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.bonus_activate_creating_title {
    font-size: 14px;
    display: flex;
    align-items: center;
    position: relative;
    top: 10px;
}

.bonus_activate_creating_img {
    display: flex;
    align-items: center;
    margin-left: 20px;
    position: relative;
    top: 10px;
}

.bonus_activate_creating_img img {
    width: 50px;
    height: 50px;
}

.tournaments_coming_soon_panel {
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
    min-height: 200px;
    display: flex;
}

.tournaments_page {
    display: flex;
    width: 100%;
    min-height: 60vh;
    justify-content: center;
}

.main_coming_soon {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #ccc;
    border-radius: 10px;
    padding: 20px;
    font-size: 40px;
    font-weight: 900;
}

.main_coming_soon img {
    width: 150px;
}

.main_coming_soon div {
    text-align: center;
}

@media (max-width: 500px) {
    .main_coming_soon {
        font-size: 25px;
        text-shadow: unset;
        color: #ccc;
        justify-content: flex-start;
        align-items: center;
    }

    .main_coming_soon div {
        text-align: center;
    }

    .main_coming_soon img {
        width: 100px;
    }
}

.tournaments_coming_soon_info {
    margin-top: 40px;
}

.coming_soon_text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    font-size: 40px;
    font-weight: 900;
}

.coming_soon_text > div {
    text-align: center;
}

.coming_soon_text > div.info {
}

.coming_soon_text_img {
    height: 150px;
    display: flex;
    justify-content: center;
}

.coming_soon_text_img img {
    width: 150px;
    height: 150px;
}

.coming_soon_container {
    display: flex;
    width: 100%;
    max-width: 1000px;
    justify-content: center;
    position: relative;
}

@media (max-width: 500px) {

    .coming_soon_text {
        font-size: 25px;
    }

    .coming_soon_text_img {
        height: 100px;
    }

    .coming_soon_text_img img {
        width: 100px;
        height: 100px;
    }
}

.coming_soon_panel {
    position: relative;
    display: flex;
    flex-grow: 1;
}

.coming_soon_panel:before {
}

.bonus_item_img img.gift_bonus_img {
    width: 135px;
}

.verification_panel {
    width: 100%;
    height: 100%;
    background-color: #282f3c;
    border: 1px solid #616977;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0px #0d0e15;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    max-width: 550px;
    min-height: 300px;
}

.verification_panel.email {
    min-height: 190px;
}


.verification_panel .title {
    font-size: 25px;
    color: #fff;
    text-align: center;
    width: 100%;
    display: flex;
    font-weight: 800;
    justify-content: center;
}


.verification_panel.verified .title {
    height: 100%;
    flex-grow: 1;
    align-items: center;
}

.verification_panel .error {
    color: red;
}

.verification_panel .descr {
    width: 100%;
    display: flex;
    font-size: 18px;
    justify-content: center;
    margin-top: 15px;
    text-align: center;
}

.verified .verification_panel_section.down {
    flex-grow: unset;
}

.verification_otp {
    padding: 20px;
    display: flex;
    justify-content: center;
}

.verification_otp_container {
    display: flex;
    flex-direction: column;
}

.verification_otp input {
    font-size: 40px;
    width: 1.8rem;
    outline: none;
    background-color: #1f252f;
    margin-left: 15px;
    color: #fff;
    border: 0;
    text-align: center;
    padding: 10px;
}

.verification_repeat {
    display: flex;
    justify-content: center;
}

.verification_repeat span {
    color: #747683;
}

.phone_navigation {
    display: flex;
    justify-content: center;
}

.phone_navigation_button_main {
    width: 200px;
}

.verification_panel .in_progress {
    height: auto;
}

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

.verification_panel_section.down {
    align-items: flex-end;
}

.verification_panel_section .good {
    color: #86ff57;
}

.confirmation_field {
    padding-bottom: 10px;
    display: flex;

}

.confirmation_field_body {
    display: flex;
    flex-direction: column;
}

.confirmation_field_body.email .confirmation_text {
    color: #c78b60;
    font-size: 14px;
}

.square_button {
    border-radius: 4px;
}

.confirmation_button {
    width: 100px;
}

.confirmation_action {
    padding-top: 5px;
    padding-bottom: 10px;
}

.confirmation_text.done {
    color: #4bc44b;
    font-size: 14px;
}

.confirmation_text i {
    margin-right: 5px;
}

.notificator {
    position: absolute;
    top: 0;
    right: 0;
}

.notificator > div {
    background-color: #ff193e;
    height: 9px;
    width: 9px;
    border-radius: 15px;
    box-shadow: 0 0 1px 1px #0d0e158a;
}

.notificator.top_panel {
    top: 12px;
    right: -2px;
    z-index: 100;
}

.notificator.game_panel {
    top: 0px;
    right: -2px;
    z-index: 100;
}

.notificator.messages {
    top: -4px;
    right: -4px;
}

.notificator.messages_notif {
    top: -10px;
    right: -24px;
}

.notificator.bonuses {
    top: -4px;
    right: -4px;
}

.notificator.statuses {
    top: -4px;
    right: -4px;
}

.notificator.profile_menu_notif {
    top: 10px;
    right: 35px;
}

.games_inplay_user_status_title {
    min-height: 35px;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    box-sizing: border-box;
    text-align: center;
    background-color: #1f222b;
    font-size: 13px;
}

.games_inplay_user_wager_progress {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    max-width: 270px;
    width: 100%;
    background-color: #212431;
    border-radius: 10px;
    border: 1px solid #4e5262;
    box-shadow: 0 0 8px #000;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    will-change: background-color, border;
    transition: background-color .25s ease, border .25s ease;
}

.games_inplay_user_wager_progress:hover {
    background-color: #313649;
    border: 1px solid #6c7181;
}

.games_inplay_user_status_progress {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    max-width: 270px;
    width: 100%;
    background-color: #29252d;
    border-radius: 10px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    will-change: background-color, border;
    transition: background-color .25s ease, border .25s ease;
}

.games_inplay_user_status_progress:hover {
    background-color: #313649;
    border: 1px solid #6c7181;
}

.delta_number {
    position: absolute;
    top: 20%;
    left: 0;
    font-weight: 800;
    right: 0;
    text-align: center;
    animation-name: delta_number_anim, delta_number_opacity_anim;
    animation-timing-function: ease-in, ease-in;
    animation-duration: 1s, 1s;
    animation-fill-mode: forwards;
    z-index: 1000;
}

@keyframes delta_number_anim {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-40px);
    }
}

@keyframes delta_number_opacity_anim {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 1200px) {
    .progresses_layout {
        justify-content: flex-start;
    }

    .game_window_footer_right_menu, .game_window_footer_menu {
        position: relative;
        right: unset;
        top: unset;
    }

    .game_window_footer_right_menu.favorite {
        right: unset;
    }
}


.admin_user_info_page {
    padding-top: 20px;
    box-sizing: border-box;
    align-items: center;
    min-height: 60vh;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.admin_user_info_panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.admin_user_info_header {
    display: flex;
    font-size: 20px;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
}

.admin_user_info_header > div {
    border-bottom: 2px solid #ccc;
}

.admin_user_info_avatar {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.user_info_body {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 20px;
}

.admin_user_info_avatar .avatar_img {
    margin-right: 20px;
}

.admin_user_info_avatar .avatar_img img {
    width: 100px;
    height: max-content;
}

.admin_common_user_info > .nik {
    font-weight: bold;
    font-size: 20px;
}

.admin_common_user_info > .nik > .online {
    width: 10px;
    height: 10px;
    background-color: green;
    border-radius: 20px;
    margin-left: 10px;
}

.admin_common_user_info > div {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}

.admin_common_user_info > div > div.title {
    margin-right: 10px;
    color: #5b657c;
}

.balance_info_container {
    display: flex;
    flex-direction: column;
    background-color: #2a2f3c;
    padding: 20px;
}

.balance_details_field {
    margin-top: 10px;
    margin-bottom: 10px;
}

.balance_info_container > div.title {
    font-size: 20px;
    font-weight: bold;
}

.balance_details_field > .title {
    color: #777e90;
    font-size: 13px;
}

.balance_details_field > .value {
    color: #ccc;
    font-size: 25px;
    font-weight: 800;
    display: flex;
    align-items: center;
}

.balance_details_field > .value img {
    width: 24px;
    height: auto;
    margin-right: 10px;
}

.admin_common_user_info .user_status {
    display: flex;
    align-items: center;
}

.admin_common_user_info .user_status > .value {
    margin-right: 5px;
}

.admin_common_user_info .user_status > .title {
    margin-right: 0;
}

.admin_common_user_info .user_status > .progress {
    display: flex;
    background-color: #2a2f3c;
    padding: 10px;
    flex-wrap: wrap;
    width: 200px;
}

.admin_common_user_info .user_status > .progress > .text {
    color: #808697;
    font-size: 13px;
}

.admin_common_user_info .user_status > .progress > .value {
    font-weight: 800;
}

.admin_common_user_info .user_status > .title img {
    width: 30px;
    height: auto;
    margin-right: 0;
}

.bonuses_info_container {
    margin-top: 4px;
    display: flex;
    max-width: 900px;
    min-width: 770px;
    flex-direction: column;
    width: 100%;
}

.bonuses_info_container .info_header {
    display: flex;
    flex-wrap: nowrap;
    background-color: #2a2f3c;
}

.bonuses_info_container .info_header > div {
    width: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 4px;
    font-size: 13px;
}

.bonuses_info_container .row > div {
    width: 20%;
    display: flex;
    padding: 15px 5px;
}

.bonuses_info_container .row.activated {
    background-color: #1a569d;
}

.bonuses_info_container .row.waiting {
    background-color: #998857;
}

.bonuses_info_container .row {
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    align-items: center;
    background-color: #191e2a;
}

.overflow_admin_container {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
}

.overflow_admin_inner {
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

@media (max-width: 770px) {
    .overflow_admin_inner {
        justify-content: flex-start;
    }
}

.admin_section_title {
    display: flex;
    justify-content: center;
    font-size: 24px;
    font-weight: 800;
    margin-top: 20px;
}

.admin_section_title > div > span {
    font-size: 16px;
    font-weight: normal;
}

.personal_data_admin {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.personal_data_container {
    display: flex;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    flex-direction: column;
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px solid #43485a;
    background-color: #2a303d;
    box-sizing: border-box;
}

.personal_data_admin_field {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.personal_data_admin_field .verified {
    color: greenyellow;
}

.personal_data_admin_field .not_verified {
    color: #fb914a;
}

.personal_data_admin_field > .title {
    display: flex;
    width: 30%;
    align-items: center;
    color: #848998;
}

.personal_data_admin_field > .value {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    flex-direction: column;
}

.deposit_withdrawal_container {
    padding: 20px;
    display: flex;
    box-sizing: border-box;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.deposit_withdrawal_container_block {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #2a2f3c;
    margin: 5px;
    padding: 20px;
}

.deposit_withdrawal_container_block .title {
    font-size: 20px;
    font-weight: 800;
}

.deposit_withdrawal_container_block .value {
    color: #ccc;
    font-size: 25px;
    font-weight: 800;
    display: flex;
    align-items: center;
}

.deposit_withdrawal_container_block .deposit {
    color: #b0e058;
}

.deposit_withdrawal_container_block .withdrawal {
    color: #e0792f;
}

.deposit_withdrawal_container_block .count_title {
    color: #75777c;
}

.deposit_withdrawal_container_block .count {
    font-size: 18px;
}

.deposit_withdrawal_container_block .loss {
    font-weight: normal;
}

.bets_container {
    margin-top: 20px;
    display: flex;
    width: 100%;
    min-width: 770px;
    max-width: 900px;
    flex-direction: column;
}

.bets_container_title {
    font-size: 24px;
    font-weight: bold;
    line-height: 3rem;
    justify-content: center;
    display: flex;
}

.bets_container .bets_list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bets_container .bets_list .bets_list_header {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.bets_container .bets_list {
    background-color: #2a2f3c;
}

.bets_container .bets_list > div > div {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.bets_list_header > div {
    width: 20%;
    background-color: #2a2f3c;
}

.bets_list .bets_row {
    background-color: #191e2a;
}

.bets_list .bets_row {
    flex-wrap: nowrap;
    display: flex;
    width: 100%;
}

.bets_list .bets_row > div {
    width: 20%;
}

.bets_container_title {

}

.bets_row .deposit {
    color: #e0792f;
}

.bets_row .withdrawal {
    color: #b0e058;
}

.bets_container.deposits_list {
    min-width: unset;
}

.deposits_list .bets_list_header > div {
    width: 50% !important;
}

.deposits_list .bets_row > div {
    width: 50% !important;
}


.bonuses_info_list.deposits_list {
    min-width: unset;
}

.bonuses_info_list .bets_list_header > div {
    width: 33% !important;
}

.bonuses_info_list .bets_row > div {
    width: 33% !important;
}

.files_container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.files_container .files_container_title {
    font-size: 24px;
    font-weight: 800;
}

.files_container .files_list {
    display: flex;
    width: 100%;
    justify-content: center;
}

.files_container .file_doc {
    display: flex;
    flex-direction: column;
    width: 200px;
    align-items: center;
    background-color: #2a303d;
    margin: 5px;
    padding: 10px;
    border-radius: 10px;
}

.files_container .file_doc img {
    width: 200px;
    height: auto;
}

.files_container .file_doc .doc_state {
    line-height: 2rem;
}


.files_container .file_doc .doc_state.verified {
    color: yellowgreen;
}

.avatars_container {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-bottom: 60px;
    flex-direction: column;
    align-items: center;
}

.avatars_container .gender_warning {
    padding-top: 20px;
    font-size: 24px;
}

.avatars_container .gender_warning a {
    color: #ff8066;
}

.avatars_container_descr {
    display: flex;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 600px;
}

.avatars_container_descr > .title {
    padding-top: 10px;
    font-size: 20px;
}

.avatars_container_descr > .descr {
    padding-top: 10px;
    color: #8f96a7;
}

.avatars_list {
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 10px;
    flex-wrap: wrap;
}

.avatar_container {
    display: flex;
    width: 200px;
    height: 280px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    background-color: #2d2536;
    border-radius: 10px;
    margin: 5px;
    box-sizing: border-box;
}

.avatar_container.active {
    border: 1px solid #69789b;
    background-color: #303747;
}

.avatar_img {
    height: 200px;
    display: flex;
    align-items: center;
}

.avatar_img img {
    width: 150px;
    height: auto;
}

.avatar_progress {
    display: flex;
    flex-wrap: nowrap;
}

.avatar_custom_title {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.avatar_custom_title i {
    font-size: 13px;
    color: #7a7e8d;
}

.avatar_down {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 15px;
}

.avatar_unavailable {
    color: #e3931a;
}

.avatar_selected {
    color: #787c8a;
}

.avatar_progress_visual {
    display: flex;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 500px) {
    .avatar_container {
        width: 150px;
        height: 220px;
    }

    .avatar_img {
        height: 150px;
    }

    .avatar_img img {
        width: 100px;
    }

    .avatars_container .gender_warning {
        font-size: 18px;
    }

    .avatars_container_descr > .title {
        font-size: 16px;
    }

    .avatar_unavailable {
        font-size: 14px;
    }
}

.avatars_container_footer {
    padding-top: 40px;
    color: #e3cc73;
    padding-right: 10px;
    padding-left: 10px;
}

.avatars_container_footer .descr {
    text-align: center;
}

.register_bonuses_container {
    display: flex;
    width: 100%;
    justify-content: center;
}

.register_bonuses_body {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 500px;
    padding-left: 5px;
    padding-right: 5px;
}

.register_bonuses_container .register_bonuses_img img {
    width: 200px;
    height: auto;
    align-self: center;
}

.register_bonuses_container .register_bonuses_img {
    display: flex;
}

.register_bonuses_container .register_bonuses_descr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 30px;
}

.register_bonuses_container .register_bonuses_descr > .descr1 {
    font-size: 20px;
    padding-bottom: 2px;
    font-weight: 800;
}

.register_bonuses_container .register_bonuses_descr > .descr2 {
    color: #eadd75;
    line-height: 1em;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    flex-wrap: nowrap;
}

.register_bonuses_container .register_bonuses_descr > .descr2 img {
    width: 50px;
    align-self: center;
}

@media (max-width: 450px) {
    .login_panel {
        padding-left: 5px;
        padding-right: 5px;
    }

    .register_bonuses_container .register_bonuses_descr > .descr1 {
        font-size: 15px;
    }

    .register_bonuses_container .register_bonuses_descr > .descr2 {
        font-size: 14px;
    }

    .register_bonuses_container .register_bonuses_img img {
        width: 150px;
    }
}

.contact_greeting {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.contact_greeting .title {
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
}

.contact_greeting .contact_name {
    line-height: 1.6em;
    font-weight: bold;
    text-align: center;
}

.contact_greeting .description {
    line-height: 1.6em;
    text-align: center;
}

.contact_greeting_wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: #7779947d;
    width: 14.5rem;
    padding: 0.75rem 1rem;
    border-radius: 1.5rem;
    color: #fff;
}

.contact_greeting_ava {
    display: flex;
    margin-top: 5px;
}

.contact_greeting_ava img {
    width: 140px;
    height: auto;
    align-self: center;
}

.notifications_panel {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#notifications {
    display: flex;
    width: 100%;
}

.notifications_panel .notification {
    background-color: #1e1f2b;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    text-align: center;
}

.notifications_panel .notification a {
    color: #ccc;
}

.notifications_panel .notification img {
    width: 20px;
    object-fit: contain;
    margin-right: 10px;
}

.notifications_panel .notification div {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.landing_page {
    height: 100vh;
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.landing_container {
    box-sizing: border-box;
    display: flex;
    height: 100vh;
    flex-direction: column;
    width: 100%;
    background: url("base.css") left top #211c25;
    background-size: 256px;
    justify-content: flex-start;
    align-items: center;
}

.landing_container .logo {
    margin-top: 30px;
}

.landing_container .logo img {
    width: 280px;
    height: auto;
    align-self: center;
}

.landing_container .logo_title {
    font-family: Sochi2014;
    font-size: 20px;
}

.landing_container .logo_title span {
    font-size: 15px;
    color: #ccb869;
}

.landing_container .register_title {
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.landing_container .register_title_2 {
    margin-top: 20px;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffb77e;
    text-transform: uppercase;
}

.register_bonuses {
    display: flex;
    margin-top: 20px;
    justify-content: center;
}

.register_bonuses .bonus {
    background-color: #282f3c;
    border: 1px solid #616977;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0px #0d0e15;
    padding: 10px 10px 10px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
}

.register_bonuses .bonus img {
    width: 200px;
    height: auto;
    align-self: center;
}

@media (max-width: 470px) {
    .register_bonuses .bonus img {
        width: 100px;
    }
}

.landing_future {
    margin-top: 30px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
}

.landing_future .descr, .landing_future .descr2 {
    margin-bottom: 10px;
}

.landing_container .register_button_wrap {
    margin-top: 30px;
    margin-bottom: 10px;
}

.landing_container .continue_button_wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.landing_container .bonus_description {
    font-family: Sochi2014;
    font-size: 20px;
    text-align: center;
}


.landing_container .bonus_description span {
    font-family: Sochi2014;
    font-size: 20px;
    color: #ffe88c;
}

.register_button_wrap .btn_register_small {
    font-size: 26px;
    height: 65px;
}

.continue_button_wrap .btn_register_small {
    font-size: 15px;
    height: 35px;
}

.carousel_text_part_static {
    overflow: hidden;
    height: 40px;
    line-height: 1.6em !important;
}

@media (max-width: 668px) {
    .carousel_text_part_static {
        height: 28px;
    }
}

.banner_simple_container {
    display: flex;
    width: 100%;
    color: #fff;
    height: 270px;
    box-sizing: border-box;
    user-select: none;
}

.banner_simple_container.register_banner {
    background: url("base.css");
}

.banner_simple_container.first_bonuses {
    background: url("base.css");
}

.banner_list {
    display: flex;
    width: 100%;
}

.static_banner {
    display: flex;
    width: 100%;
    position: relative;
}

.static_banner.pointer {
    cursor: pointer;
}

.racing_banner {
    flex-direction: column;
}

.racing_banner .background_container {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    background: linear-gradient(0deg, rgba(67, 42, 83, 1) 0%, rgba(253, 29, 29, 1) 50%, rgb(44 35 58) 100%);
    overflow: hidden;

}

.racing_banner .levelup_background_container {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: linear-gradient(0deg, rgb(125 84 134) 0%, rgba(33, 59, 138, 1) 38%, rgba(23, 36, 77, 1) 100%);
}

.background_container_outer {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.static_banner_internal {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-left: 30px;
    z-index: 1;
}

.static_banner_internal.bonuses {
    width: unset;
}

.static_banner_internal_title {
    margin-top: 50px;
    text-transform: uppercase;
    font-size: 32px;
    font-family: Sochi2014;
}


.static_banner_internal_title2 {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 32px;
    font-family: Firs, SansSerif;
    display: flex;
    padding: 5px;
    font-weight: 800;
    flex-direction: column;
}

.static_banner_internal_bonus {
    margin-top: 30px;
    font-size: 22px;
    font-family: Sochi2014;
}

.static_banner_internal_bonus2 {
    font-size: 22px;
    margin-top: 10px;
    font-family: Firs, SansSerif;
    font-weight: normal;
}

.static_banner_top {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    position: relative;
}

.static_banner_top_img {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 30%;
    min-width: 200px;
    justify-content: flex-end;
}

.static_banner_top_bonuses_img {
    display: flex;
    align-items: center;
    position: relative;
    top: -20px;
}

.static_banner_top_img img {
    width: 100%;
    height: auto;
    align-self: flex-end;
    max-width: 300px;

}

.static_banner_internal.bonuses .static_banner_internal_title {
    margin-top: 25px;
}

.static_banner_top_bonuses_img img {
    width: 500px;
    opacity: 0.5;
}

.static_banner_internal_register .button_red_active_small {
    width: 250px;
    margin-top: 20px;
    height: 40px;
    font-size: 20px;
}

.register_money_girl_banner .register_girl_img {
    transform: translate3d(-600px, 0px, 0px);
    transition: transform 0.5s ease;
    will-change: transform;
    width: 540px;
}

.register_money_girl_banner .register_girl_img img {
    width: 540px;
    height: auto;
    align-self: flex-end;
}


.racing_root .racing_girl_img {
    transform: translate3d(0px, 260px, 0px);
    transition: transform 0.5s ease;
    will-change: transform;
}

.racing_root .racing_cars_img {
    transform: scale(0);
    transition: transform 0.5s ease;
    will-change: scale;
}

.register_money_girl_banner .register_girl_img.activate {
    transform: translate3d(115px, 0px, 0px);
}

.racing_root .racing_girl_img.activate {
    transform: translate3d(0px, 0px, 0px);
}

.racing_root .racing_cars_img.activate {
    transform: scale(1);
}

.levelup_banner .wolf_img {
    transform: translate3d(0px, 280px, 0px);
    transition: transform 0.5s ease;
    will-change: transform;
}

.cashback_banner .cashback_img {
    transform: translate3d(45px, 280px, 0px);
    transition: transform 0.5s ease;
    will-change: transform;
}

.levelup_banner .wolf_img.activate {
    transform: translate3d(0px, 0px, 0px);
}

.cashback_banner .cashback_img.activate {
    transform: translate3d(45px, 0px, 0px);
}

.money_girl_banner .static_banner_internal {
    padding-left: 20%;
}

.register_money_girl_banner {
    overflow: hidden;
    padding-right: 0;
    display: flex;
    flex-direction: column;
}

.register_money_girl_banner .background_container {
    background-image: url("img/register_girl_bg-png.webp");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.cashback_banner .background_container {
    background-image: url("img/bg-1-png.webp");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.racing_root .background_container {
    background-image: url("img/bg-2-png.webp");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    justify-content: center;
}

.levelup_banner .background_container {
    background-image: url("img/bg-png.webp");
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.register_girl_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.cashback_img {
    position: absolute;
    right: 20%;
    bottom: 0;
    width: 420px;
    height: 100%;
    display: flex;
}

.cashback_img img {
    align-self: flex-end;
    width: 420px;
    height: auto;
}

.register_money_girl_banner .static_banner_internal {
    position: absolute;
    width: unset;
    right: 10%;
}

.levelup_banner .wolf_img {
    position: absolute;
    right: 20%;
    bottom: 0;
    height: 100%;
    display: flex;
    width: 440px;
}

.levelup_banner .wolf_img img {
    width: 440px;
    height: auto;
    align-self: flex-end;
}

.levelup_banner .static_banner {
    flex-direction: column;
}

.cashback_banner .static_banner {
    flex-direction: column;
}

@media (max-width: 1200px) {
    .static_banner_internal_title {
        margin-top: 60px;
        text-transform: uppercase;
        font-size: 28px;
    }

    .static_banner_internal_bonus {
        margin-top: 30px;
        font-size: 18px;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(-115px, 0px, 0px);
    }

    .register_money_girl_banner .static_banner_internal {
        right: 2%;
    }

    .racing_girl_img {
        width: 30%;
    }
}


@media (max-width: 1000px) {
    .static_banner_internal_title {
        margin-top: 50px;
        text-transform: uppercase;
        font-size: 24px;
    }

    .static_banner_internal_bonus {
        margin-top: 30px;
        font-size: 16px;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(-130px, 0px, 0px);
    }

    .register_money_girl_banner .static_banner_internal {
        position: absolute;
        width: unset;
        right: 2%;
    }

    .levelup_banner .wolf_img {
        right: 10%;
    }
}

@media (max-width: 800px) {
    .levelup_banner .wolf_img {
        width: 300px;
    }

    .levelup_banner .wolf_img img {
        width: 300px;
        height: auto;
    }

    .cashback_img {
        width: 300px;
    }

    .cashback_img img {
        width: 300px;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(0px, 0px, 0px);
    }

    .register_money_girl_banner .register_girl_img {
        width: 400px;
    }

    .register_money_girl_banner .register_girl_img img {
        width: 400px;
    }
}

@media (max-width: 645px) {
    .money_girl_banner .static_banner_internal_register {
        display: none;
    }

    .money_girl_banner .static_banner_internal {
        justify-content: end;
    }
}

@media (max-width: 580px) {

    .static_banner_top_bonuses_img img {
        width: 300px;
    }

    .static_banner_internal_title {
        margin-top: 30px;
        text-transform: uppercase;
        font-size: 24px;
    }

    .static_banner_internal_bonus {
        margin-top: 30px;
        font-size: 16px;
    }

    .static_banner_internal_register {
        display: none;
    }

    .static_banner_top_bonuses_img {
        position: absolute;
        left: 90px;
        top: 0;
        bottom: 0;
    }

    .static_banner_top_bonuses_img img {
        width: 300px;
        opacity: 0.3;
    }

    .money_girl_banner .static_banner_top_img img {
        width: 450px;
        height: auto;
        align-self: flex-end;
        max-width: unset;
    }

    .money_girl_banner .static_banner_top_img {
        bottom: -34px;
    }

    .static_banner_internal_title2 {
        font-size: 25px;
        background-color: #677378;
    }

    .static_banner_internal_bonus2 {
        font-size: 18px;
    }

    .money_girl_banner .static_banner_internal {
        justify-content: end;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(0px, 0px, 0px);
    }

    .levelup_banner .wolf_img {
        right: 10%;
    }
}

@media (max-width: 450px) {

    .static_banner_top_bonuses_img {
        position: absolute;
        left: 90px;
        top: 0;
        bottom: 0;
    }

    .background_container {
        border-radius: 10px;
    }

    .static_banner_top_bonuses_img img {
        width: 300px;
        opacity: 0.3;
    }

    .static_banner_internal_title {
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 20px;
    }

    .static_banner_internal_bonus {
        margin-top: 30px;
        font-size: 16px;
    }

    .static_banner_top_img {
        min-width: 150px;
    }

    .static_banner_top {
        margin-left: 10px;
    }

    .static_banner_internal_title2 {
        font-size: 22px;
        background-color: #677378;
    }

    .static_banner_internal_bonus2 {
        font-size: 15px;
    }

    .money_girl_banner .static_banner_top_img img {
        width: 430px;
        height: auto;
        align-self: flex-end;
        max-width: unset;
    }

    .money_girl_banner .static_banner_top_img {
        bottom: -53px;
        left: -85px;
    }

    .money_girl_banner .static_banner_internal {
        justify-content: end;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(0px, 0px, 0px);
    }

    .levelup_banner .wolf_img {
        right: 0%;
        width: 320px;
    }

    .levelup_banner .wolf_img img {
        width: 320px;
        height: auto;
    }

    .cashback_img {
        width: 300px;
    }

    .cashback_img img {
        width: 300px;
    }

    .register_money_girl_banner .register_girl_img {
        width: 370px;

    }

    .register_money_girl_banner .register_girl_img img {
        width: 370px;
    }

    .racing_cars_img img {
        object-fit: cover !important;
    }
}

@media (max-width: 320px) {

    .money_girl_banner .static_banner_internal {
        justify-content: end;
    }

    .static_banner_internal_title2 {
        font-size: 16px;
        background-color: #677378;
    }

    .static_banner_internal_bonus2 {
        font-size: 12px;
    }

    .money_girl_banner .static_banner_top_img img {
        width: 430px;
        height: auto;
        align-self: flex-end;
        max-width: unset;
    }

    .money_girl_banner .static_banner_top_img {
        bottom: -53px;
        left: -85px;
    }

    .register_money_girl_banner .register_girl_img.activate {
        transform: translate3d(-50px, 0px, 0px);
    }

    .levelup_banner .wolf_img {
        right: 0;
    }

    .racing_cars_img img {
        object-fit: cover !important;
    }
}

.messages_telegram_link {
    color: #6cff9d;
    text-decoration: none;
}

.messages_telegram_link:hover {
    color: #6cff9d;
    text-decoration: underline;
}

.providers_select {
    width: 175px;
    max-width: 250px;
    margin-right: 15px;
}

@media (max-width: 725px) {
    .games_navigation_container {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }

    .providers_select {
        height: 45px;
        margin-right: 0;
        width: 100%;
        max-width: unset;
    }

    .games_search_panel {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .messages_page {
        padding-top: 0;
    }

    .scrollable_content_mobile {
    }
}

@media (max-width: 400px) {
    .messages_page {
        padding-top: 0;
    }

    .scrollable_content_mobile {
    }
}

.messages_root {
    z-index: 800;
    position: fixed;
    top: 0;
}

.messages_scrollable {
    height: 100%;
    overflow: hidden;
}

.messages_page_wrap {
}

.header_messages_wrap {
    height: 60px;
    display: flex;
}

.scrollable_content_contacts_mobile {
    position: fixed;
    top: 0;
    height: calc(100% - 50px);
    width: 100%;
    overflow: hidden;
    z-index: 100;
    padding-top: 60px;
}

.poker_icon {
    width: 20px !important;
    height: auto;
    align-self: center;
}

.partners_footer_wrap {
    display: flex;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-direction: column;
    max-width: 1000px;
}

.game_partners_footer {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.game_provider_logo, .pay_provider_logo {
    display: flex;
    padding: 10px;
    align-items: center;
}

.game_provider_logo img {
    width: 100px;
    height: auto;
    align-self: center;
}

.pay_provider_logo img {
    width: 70px;
    height: auto;
    align-self: center;
}

.payment_providers {
    display: flex;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
}

.payments_bg_wrap {
    display: flex;
    padding: 10px;
    border-radius: 10px;
    background-color: #312938;
    justify-content: center;
    flex-wrap: wrap;
}

.online_box {
    display: flex;
    position: relative;
    align-items: center;
}

.online_text {
}

.online_value {
    margin-left: 5px;
}

.online_notificator {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

#online {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 15px;
}

.online_notificator > div {
    background-color: #2ac120;
    border-radius: 20px;
    width: 10px;
    height: 10px;
}

.online_auth_wrap {
    margin-right: 60px;
    display: flex;
    align-items: center;
}

@media (max-width: 370px) {
    #online {
        display: none;
        font-size: 15px;
    }

    .online_auth_wrap {
        display: none;
    }
}

.top_wins_container {
}

.wins_info {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    /* box-shadow: 0 0 13px #00000069;*/
    /*background-color: #504955;*/
}

.top_win_panel {
    /* border-radius: 10px; */
    /* padding: 7px 10px; */
    box-sizing: border-box;
    /* margin-right: 10px; */
    /* margin-bottom: 10px; */
    /* height: 120px; */
    padding-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

.top_win_panel_overflow {
    /* overflow: hidden; */
    /* min-width: 100%; */
    /* max-height: 120px; */
    white-space: nowrap;
    position: relative;
}

.wins_info_wrap {
    display: flex;
    width: 100%;
    max-width: 1170px;
    height: 75px;
    align-items: center;
    margin-top: 20px;
}

.top_win_game_img_wrap {
    display: flex;
    flex-direction: column;
    /* margin-right: 10px; */
    align-items: center;
}

.top_win_game_img {
    display: flex;
    width: 75px;
    height: 60px;
}

.top_win_game_img img {
    width: 100%;
    height: auto;
    align-self: center;
    border-radius: 6px;
}


.top_win_link {
    text-decoration: none;
    text-transform: none;
    appearance: none;
    cursor: pointer;
    flex-direction: column;
    width: 25%;
    display: inline-block;
}

.top_win_link:nth-child(4) .top_win_delim {
    display: none;
}

.top_win_link_body {
    display: flex;
    width: 100%;
    position: relative;
}

.top_win_link_body_delim {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 15px;
}

.top_win_delim {
    display: flex;
    height: 100%;
    position: absolute;
    padding: 10px 0px;
    box-sizing: border-box;
    right: 0;
}

.top_win_delim_body {
    width: 2px;
    border-radius: 1px;
    background-color: #413749;
}

.top_win_link:hover {
    color: #ccc;
}


.top_win_title {
    margin-bottom: 10px;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
    padding: 0px 10px;
}

.top_win_details {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.top_win_sum {
    font-size: 18px;
    line-height: 26px;
    color: #f2ba76;
    font-weight: 800;
}

.top_win_player {
    font-size: 12px;
}

.top_win {
    width: 100%;
}

.top_bet {
    display: flex;
    flex-wrap: nowrap;
    line-height: 26px;
}

.top_bet .top_bet_multiplier_sign {
    font-size: 20px;
    font-weight: 600;
    color: #f2ba76;
    margin-right: 3px;
}

.top_bet .top_bet_multiplier {
    font-size: 20px;
    font-weight: 600;
    color: #f2ba76;
}

a.top_win_title {
    text-decoration: none;
    /* transition: text-decoration 0.35s; */
    font-weight: 800;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 180px;
    text-align: left;
}

a.top_win_title:hover {
    text-decoration: underline;
}


@media (max-width: 1250px) {
    .top_win_link:nth-child(3) .top_win_delim {
        display: none;
    }

    .top_win_link {
        width: 33%;
    }
}

@media (max-width: 1000px) {
    .top_win_link:nth-child(2) .top_win_delim {
        display: none;
    }

    .top_win_link {
        width: 50%;
    }
}

@media (max-width: 750px) {
    .top_win_link:nth-child(1) .top_win_delim {
        display: none;
    }

    .top_win_link {
        width: 100%;
    }


}

@media (max-width: 720px) {
    .top_wins_container {
        justify-content: center;
    }

    .wins_info_wrap {
        justify-content: center;
    }


}

@media (max-width: 500px) {
    .wins_info {
    }
}

.piastrix_container .wallet_top_up_method_img {
    width: 70px;
    height: auto;
    align-self: center;
}

.payment_icon_method .wallet_top_up_method_img.piastrix {
    width: 70px;
}

.wallet_top_up_method_img.card_to_card {
    width: 60px;
}

.hourses_img {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.racing_cars_img {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    /*animation: racing_cars linear 15s infinite;*/
}

@keyframes racing_cars {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(0px);
    }
    75% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0px);
    }
}

@keyframes racing_girl {
    0% {
        transform: translateX(0px);
    }
    25% {
        transform: translateX(5px);
    }
    50% {
        transform: translateX(0px);
    }
    75% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(0px);
    }
}

.racing_cars_img img {
    width: 100%;
    object-fit: contain;
}

.racing_girl_img {
    position: absolute;
    display: flex;
    width: 50%;
    max-width: 580px;
    min-width: 320px;
    height: 100%;
    bottom: 0;
    /*animation: racing_girl linear 15s infinite;*/
}

.racing_girl_img img {
    width: 100%;
    object-fit: contain;
    align-self: flex-end;
}

.hourses_img img {
    width: 100%;
    object-fit: contain;
}

.static_banner_hourse_title {
    font-size: 50px;
    font-family: Firs, SansSerif;
}

.hourses_text_wrap {
    background-color: #1d0a32db;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.racing_text_wrap {
    /*background-color: #1d0a32db;*/
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Sochi2014;
}

.levelup_text_wrap {
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
    font-family: Sochi2014;
}

.static_banner_hourse_bonus {
    margin-top: 10px;
    font-size: 30px;
    font-family: Firs, SansSerif;
}

.banner_footer {
    display: none;
}

@media (max-width: 500px) {
    .first_bonuses {
        height: 240px !important;
    }

    .static_banner_top {
        display: none;
    }

    .banner_footer {
        display: flex;
    }

    .background_container_outer {
        padding: 0 10px;
    }

    .levelup_background_container {
        border-radius: 10px;
    }

    .racing_root .background_container {
    }

    .racing_root .levelup_background_container {
    }

    .hourses_img {
        height: unset;
    }
}

@media (max-width: 800px) {

    .static_banner_top {
        display: none;
    }

    .banner_footer {
        display: flex;
    }

    .racing_root .background_container {
    }
}


.progress_circle {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke: #ffd737;
}

.progress_circle_wrap {
}

.menu_avatar_icon {
    position: absolute;
    top: 0;
    left: -15px;
}

.progress_level {
    position: absolute;
    bottom: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.progress_level .progress_level_text {
    background-color: #1b1620;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    font-weight: 600;
    padding: 3px 6px;
}

img.progress_user_avatar_icon {
    width: 48px;
    height: auto;
    position: absolute;
    top: 9px;
    left: 9px;
}

img.progress_user_avatar_icon.blondy {
    width: 50px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
}

img.progress_user_avatar_icon.anonym {
    width: 50px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
}

img.progress_user_avatar_icon.bull {
    width: 47px;
    height: auto;
    position: absolute;
    top: 6px;
    left: 8px;
}

img.progress_user_avatar_icon.mafia {
    width: 46px;
    height: auto;
    position: absolute;
    top: 3px;
    left: 9px;
}

img.progress_user_avatar_icon.bond {
    width: 47px;
    height: auto;
    position: absolute;
    top: 6px;
    left: 8px;
}

img.progress_user_avatar_icon.terminator {
    width: 49px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 7px;
}

img.progress_user_avatar_icon.skeleton {
    width: 46px;
    height: auto;
    position: absolute;
    top: 1px;
    left: 8px;
}

img.progress_user_avatar_icon.robot {
    width: 47px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 8px;
}

img.progress_user_avatar_icon.brunette {
    width: 45px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 9px;
}

img.progress_user_avatar_icon.asia {
    width: 45px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 9px;
}

img.progress_user_avatar_icon.curvy {
    width: 47px;
    height: auto;
    position: absolute;
    top: 8px;
    left: 7px;
}

img.progress_user_avatar_icon.redhead {
    width: 45px;
    height: auto;
    position: absolute;
    top: 7px;
    left: 9px;
}

.avatar_with_progress {

}

.user_menu_avatar_icon {
    position: relative;
    left: -15px;
    width: 65px;
}

.exp_level_description {
    display: flex;
    flex-wrap: nowrap;
}

.exp_level_description .exp_level_text {
    margin-right: 4px;
}

.exp_level_description .exp_level_value {

}

@media (max-width: 1150px) {
    .menu_avatar_icon {
        display: block;
    }

    .auth_panel_block {
        top: -2px;
        right: 16px;
    }

    .settings_icon_img {
        display: none;
    }
}

@media (min-width: 1150px) {
    .menu_avatar_icon {
        display: none;
    }

    .settings_icon_img {
        display: block;
    }
}

.avatar_presentation {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.avatar_presentation_wrap {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 155px;
}

.level_page_level_number {
    display: flex;
    flex-wrap: nowrap;
    font-weight: 600;
    justify-content: center;
    align-items: baseline;
    position: absolute;
    bottom: 0px;
    width: 120px;
}

.level_page_level_number_text {
    margin-right: 10px;
}

.level_page_level_number_value {
    font-size: 40px;
}

.level_page_level_number_img {
    width: 40px;
    height: auto;
    align-self: center;
}

.experience_explain {
    display: flex;
    width: 100%;
    max-width: 1200px;
    align-items: center;
    padding: 10px 10px;
    flex-direction: column;
    box-sizing: border-box;
}

.levels_footer {
    background-color: #2d2832;
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-top: 20px;
    align-items: center;
}

.experience_explain_item {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.experience_text_one {
    margin-bottom: 10px;
}

.experience_text_two {
}

.levels_rewards_list {
    display: flex;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    align-items: center;
}

.table_bets_to_exp_container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    flex-direction: column;
    margin-top: 45px;
    align-items: center;
}

.levels_rewards_lit_item {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    width: 100%;
    align-items: flex-start;
    position: relative;
}

.levels_rewards_lit_item.gained {

}

.levels_rewards_lit_item_wrap {
    display: flex;
    width: 100%;
}

.levels_rewards_lit_item_wrap.gained {
}

.level_badge_container {
    position: absolute;
    top: 50px;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    transform: rotate(-21deg);
    left: -6px;
    box-shadow: 0 0 10px -4px #000;
    background-color: #48824b;
    transition: background-color .5s ease;
    height: 18px;
    display: flex;
    align-items: center;
    font-weight: 600;
    z-index: 10;
}

.next_level_number {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.next_level_number_img {
    display: flex;
}

.next_level_number_img img {
    width: 20px;
    height: auto;
    align-self: center;
}

.next_level_number_value {
    font-size: 50px;
    font-weight: 600;
    line-height: 0.5em;
}

.next_level_number_text {
    margin-left: 5px;
    position: relative;
    bottom: -3px;
}

.next_level_number_value > div {

}

.bonuses_rewards_container {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
}

.bonuses_rewards_item {
    margin-top: 10px;
    background-color: #29252d;
    border-radius: 10px;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.gained .bonuses_rewards_item {
    margin-top: 10px;
    background-color: #283c29;
    border: 1px solid #617765;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0px #0d150d;
    padding: 15px 20px 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
}

.gained .next_level_number_value {
    color: #caff42;
}


.bonuses_rewards_img img {
    width: 100px;
    height: auto;
}

.bonus_reward_description_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.bonus_reward_description_title {
    font-size: 25px;
    font-family: Sochi2014;
}

.level_free_spin_name {
    font-weight: 600;
    color: #f071ff;
}

.bonus_reward_params {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

.bonus_reward_param {
    display: flex;
    flex-wrap: nowrap;
    line-height: 1.2em;
    width: 100%;
}

.bonus_reward_param_text {
    margin-right: 10px;
    display: flex;
}

.bonuses_rewards_img_freespin {
    position: relative;
    top: -23px;
    left: -4px;
}

.bonus_reward_param_value {
    margin-right: 10px;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.table_bets_to_exp {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 292px;
    margin-top: 10px;
    margin-bottom: 30px;
    background-color: #211c25;
    padding: 20px;
}

.table_bets_to_exp_row, .table_bets_to_exp_row_header {
    display: flex;
    width: 100%;
    line-height: 1.2em;
}

.table_bets_to_exp_row_text {
    width: 50%;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
}

.table_bets_to_exp_row_text .more {
    margin-left: 5px;
}

.table_bets_to_exp_row_value {
    width: 50%;
    text-align: center;
    display: flex;
}

.experience_details {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    align-items: center;
}

.experience_details_value {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 10px 0;
    justify-content: center;
    align-items: baseline;
}

.left_exp {
    font-size: 30px;
    font-weight: 600;
    color: #ccb869;
}

.right_exp {
    font-size: 20px;
}

.experience_details_text {
    color: #ccb869;
}

.racing_root {
    /*background: linear-gradient(0deg, rgba(67,42,83,1) 0%, rgba(253,29,29,1) 50%, rgba(255,228,119,1) 100%);*/
    padding-right: 0 !important;
    overflow: hidden;
}

.banner_footer {
    width: 100%;
    justify-content: center;
}

.banner_footer_wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 30px;
}

.levelup_banner_top_text {
    font-size: 24px;
    font-family: Firs, SansSerif;
}

.cashback_title {
    font-size: 50px !important;
    font-family: Firs, SansSerif;
}

.cashback_text {
    font-size: 20px !important;
    font-family: Firs, SansSerif;
}

.levelup_text_wrap .levelup_banner_bottom_text {
    font-size: 40px;
    font-family: Firs, SansSerif;
    font-weight: 800;
}

.levelup_banner_bottom_text {
    margin-top: 10px;
}

.levelup_banner_footer_wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    font-family: Firs, SansSerif;
    padding: 5px 0;
}

.footer_banner_title {
    font-size: 18px;
    padding: 5px 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.footer_banner_bonus {
    color: #ee98ff;
}

.tutorial_root_window {
    overflow: hidden;
    height: 100%;
}

.tutorial_step {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.tutorial_comment {
    padding: 10px 0px;
    line-height: 1.2em;
    height: 100%;
    display: flex;
    align-items: end;
}

.tutorial_comment_center {
    align-items: center;
    padding: 20px 0;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.tutorial_comment_text {
    text-align: center;
}

.tutorial_comment_text_bottom {
    font-size: 25px;
    padding: 20px 0;
    font-family: 'Sochi2014';
    text-align: center;
}

.tutorial_img img {
    width: 100%;
    height: auto;
}

.tutorial_img.tight {
    max-width: 210px;
}

.tutorial_step_outer {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: calc(100% - 10px);
    box-sizing: border-box;
    align-items: flex-end;
    padding-right: 15px;
    padding-left: 15px;
}

.top_comment {
    display: flex;
    width: 100%;
    padding: 10px 0;
    line-height: 1.2em;
}

.continue_button_wrap {
    display: flex;
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
}

.cashback_sum_loading {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
}

.cashback_sum_loading img {
    height: 40px;
    position: relative;
    top: -12px;
}

.cashback_sum_wrap {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 10px;
}

.cashback_sum_value {
    margin-left: 10px;
    font-weight: 600;
    color: #ffd140;
}

.minimal_deposit_warning {
    display: flex;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    background-color: #365f3fed;
    border-radius: 10px;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
    font-family: Firs, SansSerif;
    font-size: 18px;
    justify-content: center;
}

.minimal_deposit_wallet_button_wrap {

}

.minimal_deposit_text {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    height: 100px;
    align-items: center;
    color: #fff;
    font-weight: 600;
    line-height: 1.2em;
}

.bonus_overlay_close {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #c63434;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    right: 10px;
}

.bonus_overlay_close img {
    width: 20px;
    height: 20px;
}

.minimal_deposit_garanty {
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    display: flex;
    margin-top: 20px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.minimal_deposit_descr {
    font-family: "Graphik LC Web", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.minimal_deposit_garanty_footer {
    margin-top: 10px;
    font-weight: 600;
    font-size: 16px;
}

.minimal_deposit_garanty_licence {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

.minimal_deposit_garanty_licence > div {
    text-align: left;
    margin-left: 10px;
}

.minimal_deposit_garanty_licence img {
    width: 50px;
    height: 50px;
}

.avatar_verified {
    position: absolute;
    top: 0;
    left: 0;
}

.avatar_verified img {
    width: 24px;
    height: 24px;
}

.player_menu_user_verified {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
}

.player_menu_user_verified img {
    width: 20px;
    height: 20px;
}

.player_menu_user_verified_img {
    display: flex;
}

.player_menu_user_verified_text {
    margin-left: 4px;
    color: #71ff60;
    font-size: 14px;
}

.profile_user_info_verified {
    margin-bottom: 20px;
    justify-content: center;
}

.bonus_original_sum_gift {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.bonus_original_sum_gift_title {
    color: #fff495;
    font-weight: bold;
    font-family: Sochi2014;
    margin-top: 5px;
}

.bonus_original_sum_gift_text {
    font-size: 15px;
    text-align: center;
}

.faq_questions_content {
    margin-bottom: 30px;
    list-style: auto;
    margin-left: 20px;
}

.faq_questions_content .faq_questions_content_link {
    line-height: 1.2em;
    margin-bottom: 20px;
}

.faq_questions_content_link a {
    color: #ffcd8e;
    font-size: 18px;
}

.support_faq_link {
    color: #ffd151;
}

.support_faq_link:hover {
    color: #ffe8a8;
}

.input_form_field_name_filled {
    display: flex;
    width: 100%;
    padding-left: 5px;
    color: #b3acb8;
}

.simple_admin {
    padding: 30px;
}

#carousel .swiper-pagination-bullet {
    background-color: #fff;
}

.bank_minimal_amount b {
    margin-left: 5px;
}

#underFooterContent {
    display: flex;
    width: 100%;
    justify-content: center;
}

.centered_content {
    padding: 10px 0;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: 700px;
    flex-direction: column;
    justify-content: center;
    align-self: center;
}

.centered_content .control_panel {
    display: flex;
    justify-content: center;
}

.centered_content .content_title {
    display: flex;
    justify-content: center;
    padding: 20px;
    font-size: 30px;
}

.enter_site {
    max-width: 300px;
    font-size: 20px;
    height: 60px;
}

.questions {
    max-width: 1200px;
    flex-direction: column;
    margin: 0 auto  ;
    width: 100%;
}

.q-question {
    padding: 1rem 0;
}

.icon-star {
    height: 20px;
    margin-bottom: 0px;
    position: relative;
    margin-right: 4px;
    top: 3px;
    margin-top: 0;
    width: 20px;
  }
  
  .q-question-block {
    border: 2px solid #000;
    border-radius: 1rem;
    margin-bottom: 1rem;
  }
  
  .q-question {
    padding: 10px 5px;
    font-weight: bold;
  }
  
  .q-answer {
    padding: 10px 5px;
  }

.table-responsive {
  text-align: center;
  display: inline-block; 
}

@media screen and (max-width: 600px) {
  .table-responsive {
    overflow-y: scroll;
        width: 100%;
  }
}