.small_achs {
    height: 40px;
    width: 40px;
    margin-right: 15px;
    border: 2px solid #486b91;
    float: left;
}

/* -------------------- -------------------- */
.snow-flake {
    display: none;
}

.snow-canvas {
    pointer-events: none;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 900;
}

/* --------------------  -------------------- */
.no_select {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/* --------------------  -------------------- */
.snow_three_top {
    position: absolute;
    top: -27px;
    width: 180px;
    left: 50%;
    transform: translateX(-50%);
}

.snow_one_top {
    position: absolute;
    top: 17%;
    width: 105px;
    right: 322px;
    z-index: 100;
}

.snow_two_chat {
    position: absolute;
    top: 50px;
    width: 103px;
    left: 10px;
}

.snow_six_events {
    position: absolute;
    top: -20px;
    width: 180px;
    right: 10px;
}

.snow_four_bottom {
    position: absolute;
    top: -30%;
    width: 180px;
    left: 50px;
}

.snow_three_forum {
    display: none;
    position: absolute;
    top: -15px;
    width: 180px;
    right: 0;
}

#forum .block_forum:nth-child(1) .snow_three_forum {
    display: block;
}

/* --------------------  -------------------- */
.sub_menu {
    position: relative;
}

/*  */
.sub_menu .btn_sub_menu {
    position: relative;
}

/* --------------------  -------------------- */

.sub_menu .santa_hat_sub {
    position: absolute;
    top: -17px;
    left: 66%;
    transform: translateX(-50%) rotate(-18deg);
    width: 66px;
    z-index: 20;
    pointer-events: none;
}

/* --------------------  -------------------- */
@media (max-width: 991.99px) {

    .snow_three_top {
        top: -24px;
        left: 215px;
        transform: none;
    }

    .sub_menu .santa_hat_sub {
        top: 14px;
        width: 38px;
    }
}

.top2 {
    position: absolute;
    z-index: 20;
    background: linear-gradient(34deg, #c77b56 0%, #ffb372 55%);
    padding: 1px 9px;
    border-radius: 50px;
    box-shadow: 0 0 20px #ffb37299;
    font-weight: 600;
    text-shadow: #00000096 1px 0 7px;
    font-size: 8.5px;
    color: #fff;
    margin-top: 18px;
    right: 50px
}

.top3 {
    position: absolute;
    z-index: 20;
    background: linear-gradient(34deg, #a65050 0%, #eb7979 65%);
    padding: 1px 9px;
    border-radius: 50px;
    box-shadow: 0 0 20px #eb7979ba;
    font-weight: 600;
    text-shadow: #00000096 1px 0 7px;
    font-size: 8.5px;
    color: #fff;
    margin-top: 18px;
    right: 50px
}


.flex_rait .frags {
    border-radius: 4px;
    /*  */
    background: linear-gradient(34deg, #386650 0%, #4acf8f 55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    height: 20px;
    padding-top: 1px;
    display: flex;
    width: 20px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.flex_rait .deaths {
    border-radius: 4px;
    background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    height: 20px;
    display: flex;
    width: 20px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.rait_top .headshots {
    border-radius: 4px;
    background: linear-gradient(34deg, #ad6f2c 0%, #ffa33e 55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    height: 20px;
    display: flex;
    width: 20px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.col-lg-2 li {
    list-style-type: none;
    line-height: 0;
    margin-bottom: 3px
}

.block_my_stores,
.block_support_add {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.position_player {
    background: #da92562e !important;
    color: #e5ae81 !important;
}

.player_number_info {
    background: #da92562e;
    color: #e5ae81;
}

.server_info {
    background-size: cover;
}

.gradient_server_info {
    background: linear-gradient(1deg, #2d2d2d 6%, #2d2d2d73 100%);
}

.icon {
    color: #a5a5a5;
    background: #606060;
}

.desp_support_btn {
    color: #8a8a8a;
}

.btn_support i {
    background: #da925629;
    color: #eeaf7b;
    border: 1px dashed #da92566b;
    text-shadow: #eeaf7b8f 1px 0 10px;
}

.add_ticket_support {
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
}

.active_btn_support_top {
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    font-weight: 600;
    box-shadow: 0 10px 40px #da925636;
}

.btn_support_top {
    color: #7f7f7f;
}

.btn_support_top:hover {
    color: #ffffff;
    background: #404040;
}


.support_btn_top {
    border: 1px solid #464646;
}

.block_support_left {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.block_complaints,
.block_complaints1 {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.name_reaction_forum {
    color: #efbf98;
}

.block_forum_profile_top {
    background: linear-gradient(1deg, #4242429e 30%, #424242 100%);
}

.info_reactions_profile {
    background: linear-gradient(262deg, #3f3f3f 30%, #da925621 100%);
}

.btn_add_forum {
    background: linear-gradient(1deg, #43434394 30%, #434343 100%);
}

.block_top_topic {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.forum_answer_top,
.forum_views_top {
    background: #8a8a8a26;
}

.forum_views_top {
    border: 1px solid #67676791;
}

.user_info_forum {
    background: linear-gradient(1deg, #49494991 30%, #585858 100%);
}

.block_forum_item {
    background: linear-gradient(1deg, #343434 30%, #404040 100%);
}

.discount_block {
    background: linear-gradient(1deg, #dc6b6b1a 30%, #dc6b6b52 100%);
}

.personal_card {
    border-bottom: 1px solid #4e4e4e;
}

.block-stats {
    color: #fff;
    border: 1px solid #5c5c5c;
    background: #8b8b8b24;
}

.flip-tr_edit {
    background: #373737;
}

.block_solution {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.block_edit_user {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.flex_contacts_btn {
      display: flex;
      justify-content: space-between;
      margin-top: 12px;
      border-bottom: solid 1px #373744;
      padding-bottom: 14px;
}




.all_friends_btn {
    color: #ffffff;
    font-size: 10px;
    display: flex;
    width: 160px;
    background: linear-gradient(195deg, #ffb15f24 30%, #ffb15f2e 100%);
    border: solid 1px #ffb15f2e;
    padding: 1px 16px 0px 16px;
    border-radius: 50px;
    height: 35px;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

.all_friends_btn:hover {
    background: linear-gradient(195deg, #ffb15f3d 30%, #ffb15f4a 100%);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(255, 177, 95, 0.1);
}

#mini-friends {
    display: flex;
    margin-top: 10px;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding-bottom: 5px;
}

#mini-friends::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.small-friend {
    display: flex;
    gap: 6px;
    padding: 13px 10px;
    min-width: 85px;
    font-size: 10.5px;
    color: #fff;
    max-width: 83px;
    margin-right: 2.2%;
    background: linear-gradient(154deg, #6f6f6f1c 10%, #474645 60%);
    text-align: center;
    border-radius: 14px;
    flex-direction: column;
    align-items: center;
    transition: 0.3s all;
}

.small-friend span {
    text-overflow: ellipsis;
    width: 60px;
    overflow: hidden;
    white-space: nowrap;
}

.small-friend img {
    width: 44px;
    border-radius: 50%;
    height: 44px;
    z-index: 1;
    padding: 3px;
}

.small-friend:hover {
    opacity: 0.7;
    color: #fff;
    text-decoration: none;
}

.profile_top {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.profile_r_block {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 13px;
    border: 1px solid rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}

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

.flex_head_l {
    display: flex;
    align-items: center;
    gap: 12px;
}

.flex_head_l i {
    font-size: 20px;
    color: #da9256;
    background: rgba(218, 146, 86, 0.1);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.name_top_usr {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    font-family: 'Unbounded', sans-serif;
}

.desp_top_usr {
    display: block;
    font-size: 10px;
    color: rgba(255,255,255,0.5);
    margin-top: 1px;
}

.snow_happy_gift {
    position: absolute;
    right: -10px;
    top: 50px;
    width: 140px;
    z-index: 10;
    pointer-events: none;
}

.lst_activity_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: rgba(255,255,255,0.02);
    border-radius: 12px;
    margin-bottom: 8px;
    transition: 0.2s all;
}

.lst_activity_block:hover {
    background: rgba(255,255,255,0.04);
}

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

.activity_flex {
    display: flex;
    flex-direction: column;
}

.last_activity_theme {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    display: block;
    margin-bottom: 2px;
}

.description_activity {
    font-size: 9px;
    color: rgba(255,255,255,0.4);
}

.activity_btn {
    width: 28px;
    height: 28px;
    background: rgba(218, 146, 86, 0.1);
    color: #da9256;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
}

.row_events {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

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

.flex_online_users {
    border-radius: 15px;
    padding: 15px;
    background: linear-gradient(1deg, #2f2f2f 30%, #363636 100%);
    margin-bottom: 4px;
}

.chat_block {
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.navigation_profile {
    background: linear-gradient(1deg, #222222 30%, #2f2f2f 100%);
    box-shadow: 0 5px 10px #13151a00;
}

.block_t_u {
    background: linear-gradient(1deg, #222222 30%, #2f2f2f 100%);
}

.wapper .header {
    background: #1f1f1feb;
}

.double_heading i,
.pro {
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
}

.two_top_menu {
    background: linear-gradient(0deg, #262626 30%, #343434 100%);
    border: 1px solid #313131;
}

.head_rside {
    background: linear-gradient(15deg, #2a2a2a 30%, #2f2e2e 100%);
}

.small_us_av {
    height: 17px !important;
    width: 17px !important;
    position: inherit !important;
    border-radius: 50px !important;
    margin-right: 3px !important;
    left: 0px;
    top: -15px;
    margin-bottom: 2px !important;
}

.btn_language {
    width: 150px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 8px;
    margin: 0px 0px !important;
    display: flex !important;
    padding: 11px 12px;
    color: #fff;
    gap: 8px;
    background: #23252d00;
    align-items: center;
}

.btn_language:hover {
    background: #434343 !important;
}

.dropdown_language {
    height: 40px;
    position: relative;
}

.dropdown_language .select {
    cursor: pointer;
    display: block;
}

.dropdown_language .select>i {
    color: #707070;
    line-height: 34px;
    height: 40px;
    display: flex;
    position: relative;
    z-index: 1;
    font-size: 17px;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 50px;
    top: 12px;
    margin-right: -5px !important;
    width: 40px;
    background: linear-gradient(222deg, #3c3c3c 0, #313131 55%);
    align-items: center;
    justify-content: center;
}

.dropdown_language .select>i:hover {
    opacity: 0.8;
}

.dropdown_language .dropdown-menu_language {
    position: absolute;
    width: fit-content;
    background: linear-gradient(45deg, #303030 30%, #393939 100%);
    left: -40px;
    padding: 0px 15px !important;
    z-index: 100;
    top: 60px;
    border-radius: 15px;
    display: none;
}

.dropdown_language .dropdown-menu_language li {
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dropdown_language .dropdown-menu_language {
    padding: 0;
    list-style: none
}

.dropdown_language .dropdown-menu_language li:hover {
    background-color: #f2f2f2
}

.dropdown_language .dropdown-menu_language li:active {
    background-color: #e2e2e2
}

.language_btn {}

#operations .empty-element {
    border-radius: 14px;
    background: #52566e00 !important;
    display: flex;
    margin-bottom: 13px;
    width: 100%;
    font-weight: 700;
    color: #9d9d9d;
    font-size: 11px;
    border: none !important;
    padding: 0px;
    padding-top: 20px;
    align-items: center;
    justify-content: center;
}

.label-info {
    color: #e0b18a;
}

.col-lg-2 ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-top: 6px;
    margin-bottom: 0
}

.col-lg-3 li {
    list-style-type: none;
    line-height: 0;
    margin-bottom: 3px
}

.col-lg-3 ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-top: 6px;
    margin-bottom: 0
}

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

.chat {
    width: 100%;
    padding: 10px !important;
    padding-bottom: 0px !important;
    background: #fff0 !important;
    margin-bottom: 0px !important
}

.slider_menu {
    height: 125px
}

.left_btns {
    width: 60px;
    height: 116px;
    gap: 8px;
    display: flex;
    z-index: 1;
    position: relative;
    margin-right: 9px;
    float: left;
    flex-direction: column;
    justify-content: space-between
}

.bans_btn_slider {
    height: 55px;
    border-radius: 11px;
    display: flex;
    background: linear-gradient(49deg, #3c3c3c 30%, #4e4e4e 100%);
    color: #767676;
    font-size: 20px;
    transition: .2s all;
    align-items: center;
    justify-content: center
}

.bans_btn_slider:hover {
    opacity: .8;
    color: #767676
}

.muts_btn_slider {
    height: 55px;
    border-radius: 11px;
    display: flex;
    font-size: 20px;
    background: linear-gradient(49deg, #3c3c3c 30%, #454545 100%);
    color: #767676;
    align-items: center;
    justify-content: center
}

.muts_btn_slider:hover {
    opacity: .8;
    color: #767676
}

.news_block {
    height: 184px;
    display: flex;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    gap: 20px;
    padding: 18px;
    border-radius: 18px;
    margin-bottom: 3px;
    align-items: center;
    justify-content: space-between
}

.dropdown {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: 100%
}

.dropdown .select {
    cursor: pointer;
    display: block
}

.dropdown .select>i {
    font-size: 16px;
    color: #707387;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 37px
}

.dropdown.active .select>i {
    transform: rotate(-180deg)
}

.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}

.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}

.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}

.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}

.online_now {
    background: #202947;
    width: 85px;
    display: flex;
    border-radius: 50px;
    cursor: pointer;
    transition: .2s all;
    position: relative;
    height: 40px;
    top: 9px;
    align-items: center
}

.online_now:hover {
    background: #263153;
    width: 85px;
    display: flex;
    border-radius: 50px;
    cursor: pointer;
    transition: .2s all;
    height: 40px;
    align-items: center
}

.online_now i {
    border-radius: 50px;
    color: #fff;
    background: linear-gradient(237deg, #4856ff 0%, #6874ff 55%);
    height: 29px;
    margin-left: 6px;
    font-size: 13.5px;
    line-height: 5px;
    top: -1px;
    position: relative;
    width: 29px;
    display: flex;
    align-items: center;
    justify-content: center
}

.online_now .bx-chevron-down {
    border-radius: 0;
    color: #55628e;
    height: 0;
    background: #fff0;
    margin-left: 34px;
    font-size: 16px;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.number_online {
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    margin-left: 9px
}

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

.cf:after {
    clear: both
}

.cf {
    background: #7b7b7b12;
    border-radius: 15px;
    padding: 23px;
    width: 65%
}

.cTabs>div {
    list-style: none;
    float: left;
    width: 90%
}

.support_cTabs {
    width: 40px;
    cursor: pointer;
    transition: 0.2s;
    height: 40px;
    background: #263350;
    border-radius: 10px;
    margin-right: 16px;
    font-size: 17px;
    color: #596887;
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: center
}

.support_cTabs:hover {
    width: 40px;
    transition: 0.2s;
    height: 40px;
    background: #2e3c5b;
    border-radius: 10px;
    margin-right: 16px;
    font-size: 17px;
    color: #fff;
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: center
}

.text_left_cTabs {
    backdrop-filter: blur(5px);
    background: #00000038;
    border-radius: 12px;
    margin: 17px;
    width: 100%;
    padding: 20px;
    font-weight: 600;
    font-size: 10.5px
}

.text_left_cTabs i {
    background: #ffffff17;
    border-radius: 8px;
    font-weight: 100;
    font-size: 14px;
    right: 10px;
    top: 10px;
    height: 30px;
    display: flex;
    position: absolute;
    width: 30px;
    align-items: center;
    justify-content: center
}

.number_rules {
    display: flex;
    width: 40px;
    font-weight: 600;
    height: 40px;
    font-size: 13px;
    color: #516283;
    background: #293752;
    border-radius: 8px;
    justify-content: center;
    align-items: center
}

.twoname_rules {
    padding-left: 16px;
    font-weight: 600;
    background: #ff74691a;
    color: #ff6c6c;
    display: flex;
    font-size: 10.5px;
    gap: 10px;
    border-radius: 8px;
    align-items: center;
    flex-direction: row-reverse
}

.twoname_rules i {
    color: #fff;
    display: flex;
    font-size: 20px;
    height: 39px;
    position: relative;
    left: 1px;
    width: 39px;
    background: linear-gradient(34deg, #e75a50 0%, rgb(255 116 105) 55%);
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.two_rules {
    display: flex;
    gap: 17px;
    align-items: center
}

.block_rules {
    display: flex;
    gap: 16px;
    background: #1e2a42;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 8px;
    justify-content: space-between
}

.block_rules1 {
    display: flex;
    gap: 16px;
    background: #232f49;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 8px;
    justify-content: space-between
}

.cTabs>div {
    font-size: 14px;
    text-decoration: none;
    width: 100% !important;
    height: 75px;
    gap: 13px;
    transition: 0.2s;
    overflow: hidden;
    padding: 0 18px;
    border-radius: 12px;
    display: flex;
    margin-bottom: 8px;
    background: #373737;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    align-items: center
}

.cTabs>div .push_cTabs {
    display: none
}

.cTabs>div>i {
    font-size: 20px;
    height: 40px;
    transition: 0.2s;
    border-radius: 10px;
    width: 40px;
    display: flex;
    background: #427cff30;
    cursor: pointer;
    color: #4e85ff;
    align-items: center;
    justify-content: center
}

.cTabs>div:hover {
    font-size: 14px;
    text-decoration: none;
    width: 100% !important;
    height: 75px;
    gap: 13px;
    transition: 0.2s;
    overflow: hidden;
    padding: 0 18px;
    border-radius: 12px;
    display: flex;
    margin-bottom: 8px;
    background: #212e49;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    align-items: center
}

.cTabs>div:hover .name_cTabs {
    font-size: 13.5px;
    color: #fff;
    transition: 0.2s
}

.cTabs>div:hover i {
    font-size: 20px;
    height: 40px;
    border-radius: 10px;
    width: 40px;
    transition: 0.2s;
    display: flex;
    background: #427cff57;
    cursor: pointer;
    color: #4e85ff;
    align-items: center;
    justify-content: center
}

.cTabContent {
    padding: 20px;
    background: #18233a;
    color: #fff;
    border-radius: 15px;
    margin-bottom: 30px
}

.wrapper {
    width: 100%;
    margin: 0 auto
}

.cTabs>div.active {
    font-size: 14px;
    text-decoration: none;
    width: 100% !important;
    height: 75px;
    gap: 13px;
    transition: 0.2s;
    overflow: hidden;
    padding: 0 18px;
    border-radius: 12px;
    display: flex;
    margin-bottom: 8px;
    background: #424242;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    align-items: center
}

.cTabs>div.active .number_cTabs {
    font-size: 70px;
    position: relative;
    right: 0;
    height: 100%;
    top: 15px;
    font-weight: 600;
    background: linear-gradient(to top, #2c3b57d6 0%, #26344ec4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: sans-serif;
    line-height: 70px
}

.cTabs>div.active .push_cTabs {
    color: #ffae4e;
    background: #ffae4e29;
    font-size: 10px;
    padding: 4px 8px;
    margin-left: 8px;
    margin-top: -3px;
    position: absolute;
    display: inline;
    border-radius: 5px
}

.cTabs>div.active i {
    font-size: 20px;
    height: 40px;
    transition: 0.2s;
    border-radius: 10px;
    width: 40px;
    display: flex;
    background: #ffae4e40;
    cursor: pointer;
    color: #ffae4e;
    align-items: center;
    justify-content: center
}

.cTabs>div.active .name_cTabs {
    font-size: 13.5px;
    color: #fff;
    transition: 0.2s
}

.cTabs_block {
    display: flex;
    gap: 20px;
    margin-bottom: 30px
}

.cTabs_left_block {
    background: #7b7b7b12;
    width: 70%;
    border-radius: 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-end
}

.twoname_cTabs {
    font-size: 10.9px;
    color: #da9256
}

.name_cTabs {
    font-size: 13.5px;
    color: #c5d9fe;
    transition: 0.2s
}

.number_cTabs {
    font-size: 70px;
    position: relative;
    right: 0;
    height: 100%;
    top: 15px;
    font-weight: 600;
    background: linear-gradient(to top, #26344e 0%, #26344ec4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: sans-serif;
    line-height: 70px
}

.b_cTabs {
    display: flex;
    line-height: 17px;
    width: 240px;
    flex-direction: column
}

.button_player1 {
    border: none;
    background: #293651;
    padding: 8px 20px;
    color: #4d5c7b;
    margin-left: -11px;
    font-weight: 600;
    font-size: 10.5px !important;
    border-radius: 8px;
    transition: 0.2s
}

.button_player1:hover {
    border: none;
    background: #2f3d59;
    padding: 8px 20px;
    color: #fff;
    margin-left: -11px;
    font-weight: 600;
    font-size: 10.5px !importan;
    border-radius: 8px;
    transition: 0.2s
}

.success {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    background: #da925621
}

#chat #chat_messages,
#chat #messages {
    overflow-y: auto;
    width: calc(100% - 10px);
    height: 317px !important;
    margin-left: 7px;
    overscroll-behavior: contain;
}

.block_select_servers {
    padding: 13px;
    border-radius: 50px;
    background: linear-gradient(1deg, #2b2b2c 30%, #343434 100%);
    margin-bottom: 20px
}

.block_select_servers_blocked {
    padding: 13px 14px;
    border-radius: 50px;
    display: flex;
    background: linear-gradient(1deg, #2b2b2c 30%, #343434 100%);
    margin-bottom: 20px;
    justify-content: space-between
}

.bar_top {
    width: 250px;
    background: linear-gradient(237deg, #2d2c2c85 60%, #ec935133 100%);
    font-size: 10.5px;
    border: solid 1px #3a3a3a;
    padding: 8px;
    gap: 4px;
    backdrop-filter: blur(2px);
    display: flex;
    color: #6c79a3;
    border-radius: 50px;
    font-weight: 600;
    justify-content: center;
    align-items: center
}

.tune_complain {
    border: none;
    background: #293651;
    padding: 10px 15px;
    color: #4d5c7b;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 11px !important;
    border-radius: 8px;
    transition: 0.2s
}

.tune_complain:hover {
    border: none;
    background: #313f5c;
    padding: 10px 15px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 11px !important;
    border-radius: 8px;
    transition: 0.2s
}

.posetili {
    height: 254px;
    overflow: auto;
    padding-right: 5px
}

.button_admins {
    height: 40px;
    border: none;
    display: flex;
    margin-right: 6px;
    transition: 0.2s;
    background: #2a3854;
    font-weight: 600;
    color: #fff;
    border-radius: 9px;
    padding: 0 26px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.button_admins:hover {
    height: 40px;
    border: none;
    display: flex;
    transition: 0.2s;
    margin-right: 6px;
    background: #334362;
    font-weight: 600;
    color: #fff;
    border-radius: 9px;
    padding: 0 26px;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.razban1 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #273451;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban1:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #2f3d5d;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban2 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #4f9a52;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban2:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #438746;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban3 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #f15454;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban3:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #d03e3e;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban4 {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #f19854;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.razban4:hover {
    border: none;
    padding: 10px 15px;
    border-radius: 9px;
    background: #ce7e41;
    font-weight: 600;
    font-size: 10.5px !important;
    color: #fff;
    transition: 0.2s
}

.version_fixed {
    font-weight: 600;
    color: #73737382;
    position: fixed;
    bottom: 10px;
    font-size: 9px;
    left: 20px
}

.button_right_menu {
    width: 45px;
    padding-left: 5px;
    transition: 0.2s;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    color: #718fcb;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
    margin-right: -8px;
    line-height: 0;
    display: flex;
    font-size: 17px;
    height: 40px;
    align-items: center;
    justify-content: center
}

.button_right_menu:hover {
    width: 45px;
    padding-left: 5px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    transition: 0.2s;
    color: #fff;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
    margin-right: -8px;
    line-height: 0;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center
}

.button_right_menu1 {
    width: 45px;
    transition: 0.2s;
    padding-right: 2px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    font-size: 17px;
    color: #718fcb;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    line-height: 0;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center
}

.button_right_menu1:hover {
    width: 45px;
    padding-right: 2px;
    background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
    transition: 0.2s;
    color: #fff;
    border-radius: 0 50px 50px 0;
    overflow: hidden;
    line-height: 0;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center
}

.fire_top {
    width: 34px !important;
    background: #ff957329;
    border-radius: 8px;
    height: 34px;
    padding: 8px
}

.block_servers {
    height: 190px;
    margin-top: 20px;
}

.overlay-content {
    background: rgba(0, 0, 0, 0.45);
    height: 100%;
    padding: 30px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.online_servers_full {
    background: #212d47;
    display: flex;
    padding: 0 10px 0 10px;
    flex-wrap: nowrap;
    border-radius: 10px;
    height: 45px;
    justify-content: space-between;
    align-items: center
}

.online_servers_full span {
    color: #fff;
    font-weight: 600;
    font-size: 11.5px;
    display: flex;
    align-items: center
}

.button_cases {
    background: #272f42;
    width: 100%;
    height: auto;
    border-radius: 13px
}

.button_sortion .bx-crown {
    display: flex;
    padding-left: 1px;
    background: linear-gradient(34deg, #15c8f6 0%, rgb(71 166 255) 55%);
    height: 36px;
    font-size: 16px;
    width: 36px;
    border-radius: 10px;
    justify-content: center;
    align-items: center
}

.button_sortion .bx-trophy {
    display: flex;
    padding-left: 1px;
    background: linear-gradient(34deg, #ae6244 0%, #e59474 55%);
    height: 36px;
    font-size: 16px;
    width: 36px;
    color: #fff;
    border-radius: 10px;
    justify-content: center;
    align-items: center
}

.menuq {
    background: #212d4700;
    width: 100px;
    display: flex;
    height: auto;
    transition: 0.2s;
    gap: 9px;
    border-radius: 10px;
    flex-direction: column;
    align-items: center
}

.button_sortion {
    width: 100%;
    background: #283d65;
    overflow: hidden;
    position: relative;
    display: flex;
    padding: 15px;
    height: auto;
    transition: 0.2s;
    border-radius: 15px;
    flex-direction: column;
    justify-content: space-between
}

.open_open {
    font-size: 10px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    width: fit-content;
    line-height: 15px;
    height: 15px;
    color: #6e8bc4;
    margin-top: 2px;
    border-radius: 50px
}

.news_admin {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: space-between
}

.news_edit_news {
    display: flex;
    transition: 0.1s;
    background: #28304300;
    border: solid 1px #24304b;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #414f6d !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.news_edit_news:hover {
    display: flex;
    transition: 0.1s;
    border: solid 1px #212d47;
    background: #212d47;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #ffffff !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.news_delete_news {
    display: flex;
    transition: 0.1s;
    background: #212d47;
    border: solid 1px #212d47;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #5a6a8c !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.news_delete_news:hover {
    display: flex;
    transition: 0.1s;
    background: #283652;
    border: solid 1px #283652;
    padding: 4px 20px;
    font-size: 10px !important;
    color: #ffffff !important;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.news_info {
    display: flex;
    background: linear-gradient(15deg, #333334 30%, #414141 100%);
    width: 180px;
    padding: 14px;
    border-radius: 15px;
    height: 100%;
    flex-direction: column
}

.text_info_news {
    color: #5a6a8c;
    font-size: 11px;
    font-weight: 600;
    gap: 7px;
    display: flex;
    align-items: center
}

.text_info_news i {
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    background: linear-gradient(34deg, #c85353 0%, rgb(255 105 105) 55%);
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.text_info_news .bx-time {
    color: #5d6d8e;
    font-size: 13px;
    font-weight: 100;
    background: linear-gradient(213deg, #384665 0%, rgb(51 65 95) 55%);
    width: 25px;
    height: 25px;
    display: flex;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.menu_top_push_active {
    display: flex;
    font-weight: 600;
    background: linear-gradient(360deg, #da9256ad 0%, #da925663 55%);
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    justify-content: center
}

.menu_top_push_active:hover {
    opacity: .7
}

.menu_top_push_active i {
    color: #fff;
    font-size: 16px;
    transition: 0.2s
}

.menu_top_push {
    background: #414b6100;
    padding: 10px 15px;
    display: flex;
    color: #6278ae;
    font-weight: 600;
    gap: 7px;
    transition: 0.2s;
    cursor: pointer;
    align-items: center;
    border-radius: 9px
}

.menu_top_push:hover {
    background: #2e374c00;
    padding: 10px 15px;
    display: flex;
    color: #fff;
    font-weight: 600;
    gap: 7px;
    transition: 0.2s;
    align-items: center;
    border-radius: 9px
}

.menu_top_push:hover .line_menu {
    background: #6169ff;
    width: 35%;
    box-shadow: 0 0 7px #4f5eff;
    height: 2.1px;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto
}

.menu_top_push:hover i {
    color: #666fff;
    font-size: 16px;
    transition: 0.2s
}

.menu_top_push i {
    color: #6278ae;
    font-size: 16px;
    transition: 0.2s;
    margin-left: -3px
}

.menu_top_left {
    display: flex;
    position: relative
}

.menu_top_left1 {
    display: flex;
    position: relative;
    margin-left: -3px;
    top: -1px
}

.menu_top_rigth {
    display: flex;
    gap: 6px
}

.search_user {
    background: #2a2a2a00;
    font-size: 10.8px;
    color: #6b6b6b;
    padding: 6px 25px 6px 8px;
    border: solid 1px #383838;
    cursor: pointer;
    float: left;
    position: relative;
    display: flex;
    margin-left: 0px;
    top: 16px;
    transition: 0.2s;
    height: 45px;
    font-weight: 600;
    border-radius: 50px;
    align-items: center
}

.search_user:hover {
    background: #2f2f2f;
    border: solid 1px #2f2f2f;
    color: #fff
}

.search_user:hover .svg_sdg {
    font-size: 13px;
    width: 31px;
    background: #505050;
    transition: 0.2s;
    height: 31px;
    display: flex;
    fill: #979797;
    margin-right: 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: center
}

.button_plus_purse {
    transition: 0.2s;
    display: flex;
    padding: 0 19px;
    border-radius: 8px;
    background: linear-gradient(68deg, #553820 0%, #da9256db 55%);
    cursor: pointer;
    font-size: 10.5px;
    color: #fff;
    height: 34px;
    align-items: center;
    justify-content: center
}

.button_plus_purse:hover {
    transition: 0.2s;
    opacity: .7
}

.version {
    background: #212d47;
    border-radius: 12px;
    display: flex;
    padding: 0 12px;
    padding-right: 20px;
    align-items: center
}

.version i {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    padding-right: 1px;
    display: flex;
    background: linear-gradient(237deg, #ffb875 0%, rgb(218 151 95) 55%);
    color: #fff;
    margin-right: 10px;
    font-size: 16px;
    align-items: center;
    justify-content: center
}

.button_bottom_left {
    height: 45px;
    transition: 0.2s;
    border: none;
    margin-right: 6px;
    background: #24304c;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    border-radius: 9px;
    padding: 0 26px;
    cursor: pointer
}

.button_bottom_left:hover {
    height: 45px;
    transition: 0.2s;
    border: none;
    margin-right: 6px;
    background: #2b3856;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    border-radius: 9px;
    padding: 0 26px;
    cursor: pointer
}

.bottom_water_info {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bottom_water_info_right {
    display: flex;
    flex-direction: row-reverse;
    background: #212d47;
    border-radius: 12px;
    padding: 12px 0;
    align-items: center
}

.bottom_new {
    background: #18233a;
    border-radius: 15px;
    margin-top: 10px;
    padding: 30px;
    margin-bottom: 30px
}

.left_bottom_logo {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0px;
}

.bottom_info {
    background: #2d303a00;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo_button {
    width: 60px;
    height: 60px;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 10px
}

.logo_button:hover {
    opacity: .7
}

.shield_bottom {
    color: #7f7f7f;
}

.bottom_info_left {
    display: flex;
    flex-direction: column;
    font-size: 11.5px;
    font-weight: 600
}

.t1 {
    color: #5f6a82 !important;
    font-size: 10.5px;
    margin-top: -23px
}

.flip-tr {
    background: #373737;
    padding: 10px 20px;
    display: flex;
    gap: 16px;
    border-radius: 11px;
    margin-bottom: 7px;
    align-items: center
}

.flip-tr i {
    color: #898888e6;
    font-size: 20px
}

.h1-tr {
    color: #8e8e8ee6;
    font-size: 11px;
    font-weight: 600
}

.h2-tr {
    font-size: 12px;
    font-weight: 600
}

.edit-user-tag {
    font-size: 11px;
    display: block;
    margin-bottom: 3px;
    color: #6e7a91
}

#copyright {
    display: none
}

.img_navigation {
    width: 38px;
    height: 38px;
    transition: .3s all;
    border-radius: 8px
}

.img_navigation:hover {
    opacity: .7;
    transition: .1s all
}

.div_edit_user {
    padding: 20px;
    border-radius: 16px;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    gap: 20px;
    margin-bottom: 15px;
    display: flex
}

#users_visit .empty-element {
    padding: 0px 10px;
    margin: 0;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 9px;
    font-weight: 500;
    color: #888;
    white-space: nowrap;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ring-container {
    position: relative;
    left: 50px;
    top: -125px;
    display: flex;
    align-items: center;
    justify-content: center
}

.password_setting {
    border: none;
    padding: 14px;
    margin-top: 21px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    color: #fff;
    transition: .2s all;
    font-weight: 600;
    width: 100%;
    border-radius: 10px
}

.password_setting:hover {
    opacity: .7
}

.black_list_h1 {
    font-weight: 600
}

.black_list_h2 {
    color: #8e8e8e;
    font-weight: 600;
    font-size: 10.5px;
    line-height: 13px
}

.player_servers {
    height: 328px;
    overflow: auto;
    padding-right: 7px
}

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

.toper_mini_block {
    height: 135px;
    margin-bottom: 5px;
    width: 100%;
    display: flex;
    padding-bottom: 6px;
    gap: 11px;
    border-radius: 15px
}

.topic-answers div[id^="answer"] {
    position: relative;
    display: flex;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    border-radius: 20px;
    margin-bottom: 35px
}

.block_mini_profile {
    border-radius: 17px;
    padding: 15px 16px;
    margin-bottom: 30px;
    background: linear-gradient(1deg, #272a39 30%, #2c2f3f 100%);
    position: relative
}

.block_authorization {
    border-radius: 16px;
    display: flex;
    flex-wrap: nowrap;
    background: linear-gradient(247deg, #1e2a42 0%, #18233a 20%)
}

.authorization_img {
    background: #212e49;
    width: 80%;
    border-radius: 16px 0 0 16px
}

.authorization_plaza {
    display: flex;
    width: 100%;
    margin: 24px;
    justify-content: center
}

.users_online_chat {
    width: 50%;
    margin-right: 7px;
    padding: 0;
    gap: 9px;
    display: flex;
    flex-direction: column
}

.btn_heading i {
    height: 45px;
    border: none;
    width: 45px;
    transition: 0.2s;
    margin-right: 6px;
    background: #2d3d62;
    font-weight: 600;
    color: #fff;
    font-size: 11px;
    border-radius: 13px
}

.btn_heading {
    height: 45px;
    border: none;
    width: 45px;
    cursor: pointer;
    transition: 0.2s;
    background: #343434;
    font-weight: 600;
    color: #787878;
    font-size: 20px;
    border-radius: 13px
}

.btn_heading:hover {
    height: 45px;
    border: none;
    width: 45px;
    transition: 0.2s;
    background: #484848;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    border-radius: 13px
}

.btn_heading_full {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    transition: 0.2s;
    padding: 0 23px;
    background: linear-gradient(360deg, #3f3f3f 0%, #43434373 55%);
    font-weight: 600;
    color: #fff;
    font-size: 11.5px;
    border-radius: 11px;
    align-items: center;
    justify-content: center
}

.btn_heading_full:hover {
    background: linear-gradient(360deg, #3f3f3f 0%, #434343 55%);
    color: #fff
}

.btn_admin_stn {
    height: 45px;
    border: none;
    cursor: pointer;
    display: flex;
    width: 45px;
    transition: 0.2s;
    padding: 0 23px;
    background: #424242;
    font-weight: 600;
    color: #797979;
    font-size: 19px;
    border-radius: 11px;
    align-items: center;
    justify-content: center
}

.btn_admin_stn:hover {
    background: #585858;
    color: #fff
}

.button_mess_user {
    background: #272f42;
    width: 35px;
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #4f5a6f;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.button_mess_user:hover {
    background: #2d364b;
    width: 35px;
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #fff;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.news_view_osn {
    font-size: 10.5px;
    display: flex;
    font-weight: 600;
    padding: 5px 14px;
    text-align: center;
    float: right;
    position: relative;
    top: -7px;
    line-height: 24px;
    margin-right: -7px;
    color: #6e7a91;
    align-items: center
}

.news-block-info {
    padding: 0;
    bottom: 15px;
    position: absolute;
    background: #fff0;
    width: -webkit-fill-available;
    margin-bottom: 30px;
    border-radius: 0
}

.news-block-imgg {
    padding: 13px;
    width: 100%;
    height: 270px;
    background: #fff0;
    display: flex;
    border-radius: 15px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column
}

.news-block-imgg span {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    gap: 10px;
    padding: 6px 16px 6px 7px;
    background: rgb(218 146 86 / 14%);
    align-items: center;
    font-size: 10px;
    color: rgb(224 177 137);
    font-weight: 600;
    border-radius: 50px
}

.news-block-imgg span i {
    border-radius: 50%;
    font-size: 13px;
    color: rgb(255 255 255 / 93%);
    display: flex;
    padding-left: 1px;
    width: 26px;
    height: 26px;
    background: rgb(218 146 86 / 56%);
    align-items: center;
    justify-content: center
}

.news_delete {
    background: #00000029;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    border: none;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px
}

.news_delete:hover {
    background: #00000045;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px
}

.punkt_news {
    font-size: 11px;
    font-weight: 600;
    background: #272f428f;
    padding: 13px;
    line-height: 13px;
    height: 49px;
    display: block;
    margin-top: 5px;
    border-radius: 10px
}

.punkt_news i {
    height: 30px;
    color: #fff;
    background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    position: relative;
    line-height: 31px;
    text-align: center;
    top: -3px;
    width: 30px;
    font-size: 13px;
    float: left;
    margin-right: 10px
}

.news_delete:active {
    background: #00000045;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    height: 39px;
    margin-left: 6px;
    width: 39px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 10px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.news-data {
    padding: 10px 0;
    margin-top: 20px;
    font-size: 11px;
    margin-bottom: 30px;
    font-weight: 600;
    border-radius: 0;
    border-bottom: solid 1px #383e4e9c;
    background: #fff0;
    border-top: solid 1px #383e4e9c
}

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

.danger {
    background: #5086ff1a;
    border: dashed 1px #5086ff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 30px;
    margin-bottom: -15px;
    font-size: 11px
}

.block_message {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px
}

#companions {
    width: 30%;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    border-radius: 20px;
    gap: 8px;
    overflow: auto;
    max-height: 398px;
    display: flex;
    padding: 20px;
    flex-direction: column
}

#companions::-webkit-scrollbar {
    display: none
}

.block_auth_push {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 10px;
    margin-right: auto;
    flex-direction: column
}

.vaucher_activated {
    border: dashed 1px #5086ff;
    background: #5086ff1a;
    height: 70px;
    padding: 24px 16px;
    border-radius: 15px;
    font-size: 12px;
    display: flex;
    cursor: pointer;
    transition: .2s all;
    font-weight: 600;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center
}

.vaucher_activated:hover {
    border: dashed 1px #5086ff;
    background: #5086ff30;
    height: 70px;
    padding: 24px 16px;
    border-radius: 15px;
    font-size: 12px;
    transition: .2s all;
    display: flex;
    font-weight: 600;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center
}

.vaucher_activated:active {
    border: dashed 1px #5086ff;
    background: #5086ff30;
    height: 70px;
    padding: 24px 16px;
    border-radius: 15px;
    font-size: 12px;
    transition: .2s all;
    display: flex;
    font-weight: 600;
    margin-bottom: 15px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    transition: .15s all;
    align-items: center;
    justify-content: center
}

.nav_bottom_soc {
    background: #ffffff00;
    gap: 13px;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center
}

.span_number {
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    box-shadow: 0 0 20px #66878200;
    max-width: fit-content;
    transition: .2s all;
    display: flex
}

.name_stats {
    font-size: 11px;
    color: #9b9b9b;
}

.span_number small {
    font-weight: 600;
    font-size: 9px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    padding: 0 7px;
    border-radius: 50px;
    margin-left: 6px;
    position: relative;
    display: flex;
    height: 16px;
    box-shadow: 0 0 30px #da925652;
    color: #fff;
    align-items: center;
    justify-content: center
}

.span_text {
    font-weight: 600;
    font-size: 9.5px;
    transition: .2s all;
    letter-spacing: 1px;
    font-family: inherit;
    position: relative;
    color: #60667f
}

.razrabotal {
    float: right;
    font-size: 10.8px;
    line-height: 17px;
    margin-right: 2px;
    top: 4px;
    position: relative
}

.stats_mini_block {
    display: flex;
    height: 60px;
    width: 96%;
    padding: 0 12px;
    background: #444444;
    transition: .2s all;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 10px;
    align-items: center;
    justify-content: space-between
}

.stats_mini_block:hover {
    opacity: .8
}

.online5 {
    position: relative;
    width: 15px;
    height: 15px;
    display: flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center
}

.online5::before,
.online5::after {
    border: 2px solid #5086ff21;
    border-radius: 50%;
    position: absolute;
    content: '';
    display: block
}

.online5::before {
    width: 6px;
    height: 6px;
    border-bottom-color: #5086ff;
    border-left-color: #5086ff;
    animation: spinner-1o3y8q 0.75s infinite linear reverse
}

.online5::after {
    animation: spinner-1o3y8q 1.5s infinite linear;
    height: 14px;
    width: 14px;
    border-right-color: #5086ff;
    border-top-color: #5086ff
}

.top_mecenat {
    padding: 16px 20px;
    font-weight: 600;
    background: #272f428f;
    margin: -4px 0 10px;
    padding-left: 78px;
    font-size: 11.5px;
    border-radius: 11px
}

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

.info_button {
    line-height: 0;
    font-weight: 600;
    margin-left: 15px;
    position: relative;
    top: 2px;
    font-size: 11px
}

.h2_button {
    font-weight: 600;
    font-size: 10.5px;
    right: 1px;
    position: relative;
    line-height: 16px;
    color: #6e7a91;
    top: -3px
}

.author {
    color: #8e8e8e;
    font-size: 11.4px !important;
    transition: .2s all
}

.logo {
    width: 60px;
    float: left;
    height: 60px;
    position: relative;
    top: 10px;
    margin-left: 2px;
    cursor: pointer;
    border-radius: 10px;
    transition: .20s all
}

.logo:hover {
    opacity: .7;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    transition: .20s all
}

.author:hover {
    color: #fff
}

.navigation_head {
    border-radius: 13px 13px 0 0;
    transition: .2s all;
    background: linear-gradient(9deg, #404040 30%, #4d4d4d 100%);
    box-shadow: 0 5px 10px #3d405329;
    height: 56px;
    padding: 11px 18px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notification_collapse {
    padding: 0;
    width: 70% !important;
    margin-bottom: 0;
    background: #fff0;
    line-height: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.notification_all_uved {
    color: #818181;
    font-weight: 600;
    text-align: center;
    font-size: 11px !important;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: -8px;
    position: relative;
    padding: 11px 20px;
    border: solid 1px #4d4d4d;
    border-radius: 10px;
    transition: .2s all
}

.notification_all_uved:hover {
    border: solid 1px #424242;
    color: #fff;
    background: #424242
}

.notification_delete_all {
    color: #818181;
    font-weight: 600;
    font-size: 17px !important;
    width: auto !important;
    border: none;
    background: none;
    transition: .2s all
}

.notification_delete_all:hover {
    color: #fff
}

.discord_contact {
    background: #5865f2;
    width: 34px;
    display: block;
    float: left;
    position: relative;
    top: -2px;
    font-size: 16px;
    line-height: 37px;
    height: 34px;
    text-align: center;
    border-radius: 10px
}

.vk_contact {
    font-size: 18px;
    width: 42px;
    transition: 0.2s;
    display: flex;
    color: #838383;
    background: #404040;
    height: 42px;
    border-radius: 11px;
    align-items: center;
    justify-content: center
}

.vk_contact:hover {
    background: #0076ff;
    color: #ffff
}

.tg_contact {
    font-size: 18px;
    width: 42px;
    transition: 0.2s;
    display: flex;
    color: #838383;
    background: #404040;
    height: 42px;
    border-radius: 11px;
    align-items: center;
    justify-content: center
}

.tg_contact:hover {
    background: #3390ec;
    color: #ffff
}

.steam_contact {
    font-size: 18px;
    width: 42px;
    display: flex;
    background: #404040;
    height: 42px;
    border-radius: 11px;
    color: #838383;
    transition: 0.2s;
    align-items: center;
    justify-content: center
}

.steam_contact:hover {
    background: #53567f;
    color: #ffff
}

.info_notification {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #353e52;
    background: #353e52;
    transition: .2s all
}

.info_notification:hover {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #30394f;
    background: #30394f;
    transition: .2s all
}

.info_notification:active {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 31px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #30394f;
    background: #30394f;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    transition: .15s all
}

.notification_img {
    border-radius: 9px;
    padding: 9px;
    background: linear-gradient(41deg, rgb(39 47 66) 0%, rgb(49 58 80) 55%);
    margin-top: 3px;
    margin-bottom: 30px;
    margin-right: 15px;
    width: 35px;
    float: left;
    height: 35px;
    margin-left: -10px;
    color: #fff
}

.block_nick_group {
    text-align: left;
    margin-left: 35px;
    width: 125px;
    top: 2px;
    position: relative;
    height: 10px
}

.slick-active {
    width: 6px;
    position: relative;
    border-radius: 50px
}

.slick-dots {
    color: #ffffff3d;
    font-size: 18px;
    position: absolute;
    left: 78px;
    bottom: -8px;
    transform: rotate(270deg);
    width: 0;
    margin-bottom: -75px
}

#slick-slide-control00 {
    display: none
}

#slick-slide-control01 {
    display: none
}

#slick-slide-control02 {
    display: none
}

#slick-slide-control03 {
    display: none
}

.balance_block {
    padding: 0;
    display: flex;
    justify-content: space-between
}

.balance_mini_profile {
    background: #363636;
    padding: 8px 9px;
    border-radius: 12px;
    transition: .2s all;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.info_navigation .bx-ruble {
    color: #fff;
    font-weight: 500;
    background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
    font-size: 10px;
    padding: 3px 3px 3px 4px;
    border-radius: 5px;
    top: 1px;
    position: relative
}

.navigation_profile .bxs-door-open {
    color: #ff7a70;
    transition: all 0.2s;
    background: #ff605424;
    width: 35px;
    border: solid 1px #ff665a3b;
    height: 35px;
    cursor: pointer;
    display: flex;
    position: relative;
    font-size: 15px;
    border-radius: 10px;
    justify-content: center;
    align-items: center
}

.navigation_profile .bxs-door-open:hover {
    background: #ff756b;
    color: #fff
}

.topusers-block {
    padding: 0;
    background: #fff0;
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    box-shadow: 0 5px 10px #13151a00;
    justify-content: space-between
}

.topdonators-block {
    width: 48.3%;
    height: 65px;
    display: flex;
    background: #1e2638;
    padding: 24px 16px;
    border-radius: 12px;
    margin-bottom: 30px
}

.topuserss-block {
    width: 48.2%;
    height: 65px;
    display: flex;
    padding: 24px 16px;
    margin-bottom: 30px;
    background: #1e2638;
    border-radius: 12px
}

.userstext-block {
    font-size: 11px;
    font-weight: 900;
    line-height: 15px;
    width: 95px;
    padding-top: 5px;
    height: 40px;
    background: #ff4d4d00;
    margin-left: 20px;
    border-right: solid 1px #2a3346;
    position: relative;
    display: block;
    top: -11px
}

.fa-message-lines:before {
    content: "\f4a6";
    color: #3330;
    transition: 0.2s;
    font-size: 15.5px;
    background: #272f42;
    padding: 11.5px;
    height: 38px;
    cursor: pointer;
    top: 6px;
    border-radius: 10px;
    margin-right: -20px;
    margin-left: 5px;
    position: relative;
    font-weight: 500
}

.steamid-where {
    height: 45px;
    margin-top: 35px;
    cursor: pointer;
    font-weight: 600;
    border: solid 1px #2c3448;
    font-size: 11px;
    line-height: 45px;
    padding-left: 20px;
    border-radius: 10px;
    transition: .2s all
}

.steamid-where:hover {
    background: #2c3448;
    height: 45px;
    margin-top: 35px;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px;
    line-height: 45px;
    padding-left: 20px;
    border-radius: 10px;
    transition: .2s all
}

.img-bell {
    width: 15px;
    margin-right: 0;
    top: 5px;
    left: 16px;
    position: relative;
    cursor: pointer;
    display: block
}

.servers-block {
    display: flex;
    box-shadow: 0 5px 10px #13151a00;
    background: #fff0;
    justify-content: space-between
}

.servers-online-block {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0 5px 10px #13151a0a;
    border: solid 4px #535353;
    margin-bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.servers-online-block:hover {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0 5px 10px #13151a0a;
    border: solid 4px #696969;
    margin-bottom: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.servers-info-block {
    display: flex;
    height: 90px;
    padding: 0 20px 2px 20px;
    background: #383838;
    background-size: cover;
    border-radius: 16px;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 8px;
    align-items: center
}

.servers-info-block .bx-cog {
    font-size: 17px;
    position: relative;
    display: flex;
    transition: 0.2s;
    color: #ab876a;
    border-radius: 50px;
    align-items: center;
    justify-content: center
}

.servers-info-block .bx-cog:hover {
    color: #e9ae7e
}

.servers-info-block .bx-heart:active {
    width: 24px;
    height: 24px;
    padding-right: 1px;
    display: flex;
    background: #ff6b7c;
    cursor: pointer;
    color: #fff;
    border: solid 1px #ff6b7c;
    transition: 0.2s;
    font-size: 12px;
    padding-left: 2px;
    border-radius: 7px;
    justify-content: center;
    align-items: center
}

.servers-online-now {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 45px;
    width: 45px;
    z-index: 1;
    transition: .2s all;
    position: relative;
    font-size: 15px;
    border-radius: 50px;
    justify-content: center;
    align-items: center
}

.servers-info-span {
    font-size: 11.5px;
    line-height: 20px;
    text-overflow: ellipsis;
    width: 60%;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10px;
    display: block
}

.pursee-button {
    padding: 9px;
    height: 35px;
    line-height: 16px;
    font-size: 25px;
    background: linear-gradient(0deg, #404040 30%, #494949 100%);
    top: 4px;
    color: #606676;
    position: relative;
    float: right;
    margin-left: auto;
    border-radius: 10px
}

.pursee-button:hover {
    opacity: .7;
    padding: 9px;
    height: 35px;
    line-height: 16px;
    font-size: 25px;
    top: 4px;
    color: #606676;
    position: relative;
    float: right;
    margin-left: auto;
    border-radius: 10px
}

.mess-button {
    background: #5086ff;
    padding: 10px;
    height: 35px;
    line-height: 16px;
    font-size: 25px;
    top: 2px;
    color: #606676;
    position: relative;
    float: right;
    margin-left: auto;
    border-radius: 10px
}

.mess-button:hover {
    background: #4976db;
    padding: 10px;
    height: 35px;
    line-height: 16px;
    font-size: 25px;
    top: 2px;
    color: #606676;
    position: relative;
    float: right;
    margin-left: auto;
    border-radius: 10px
}

.right-sidebar {
    width: 330px;
    top: 0;
    bottom: 0;
    margin-top: 20px;
    border-radius: 13px;
    margin-bottom: 20px;
    margin-left: 30px;
    z-index: 900;
    background-color: #fff;
    position: fixed
}

.cifr-block {
    padding: 0;
    display: flex;
    margin-bottom: 20px;
    background: #fff0;
    flex-wrap: nowrap;
    justify-content: space-between
}

.cifr-price {
    background: #fff0;
    border: solid 1px #393f52;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
    width: 49%
}

.cifr-price-buy {
    background: #ffffff00;
    padding: 0;
    position: relative;
    margin-top: 10px;
    display: flex;
    bottom: -1px;
    margin-bottom: 0;
    flex-wrap: nowrap;
    justify-content: space-between
}

.cifr-buy {
    background: #f5bf6d;
    border-radius: 10px;
    padding: 18px 30px;
    color: #222;
    width: 48%;
    border: solid 1px #f5bf6d;
    line-height: 1px;
    font-size: 11px;
    font-weight: 600;
    transition: 0.2s
}

.cifr-buy:hover {
    background: #d1a056;
    border-radius: 10px;
    padding: 18px 30px;
    transition: 0.2s;
    width: 48%;
    color: #222;
    border: solid 1px #d1a056;
    line-height: 1px;
    font-size: 11px;
    font-weight: 600
}

.cifr-img {
    width: 49%;
    margin-bottom: 0;
    height: 217px;
    border-radius: 15px;
    background-size: cover
}

.cifr-info {
    width: 49%;
    margin-bottom: 0;
    padding: 11px;
    border-radius: 15px;
    background: #212531
}

.block-aut {
    padding: 10px;
    display: flex;
    width: 34.4%;
    background: #1e2638;
    border-radius: 13px;
    position: relative;
    margin-right: auto;
    top: 230px;
    margin-left: auto;
    flex-direction: column;
    flex-wrap: nowrap
}

.img-setting {
    width: 100px;
    border-radius: 15px
}

.modal-bans {
    padding: 0;
    display: flex;
    margin-left: -14px;
    margin-bottom: 0;
    background: #21253100;
    margin-right: -14px
}

.login_account_btn {
    width: 100%;
    border: none;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    font-size: 11.5px;
    box-shadow: 0 10px 40px #da92562b;
    color: #fff;
    transition: .2s all;
    display: flex;
    font-weight: 600;
    justify-content: center;
    align-items: center
}

.login_account_btn:hover {
    opacity: .7
}

.authoriz {
    border: none;
    background: #25324d;
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 8px;
    display: flex;
    padding: 11px 20px 11px 16px;
    color: #5a6a8c;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center
}

.authoriz:hover {
    border: none;
    background: #2a3855;
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 8px;
    display: flex;
    padding: 11px 20px 11px 16px;
    color: #fff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center
}

.authoriz i {
    font-size: 17px;
    margin-right: 6px
}

.zareg {
    border: none;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center
}

.zareg i {
    font-size: 17px;
    margin-right: 6px
}

.zareg:hover {
    border: none;
    opacity: .7;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center
}

.autorization {
    background: #212531;
    padding: 12px 30px;
    border-radius: 8px;
    margin-right: 7px
}

.registrationn {
    background: #212531;
    padding: 12px 30px;
    border-radius: 8px
}

#exTab1 .tab-content {
    color: white;
    background-color: #428bca00;
    margin-top: -20px
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px
}

#exTab1 .nav-pills>li>a {
    border-radius: 0;
    margin-right: 10px;
    background: #323748;
    border-radius: 8px;
    color: #fff;
    top: -52px;
    position: relative;
    display: flex;
    padding: 12px 30px
}

#exTab1 .nav-pills>li>a:hover {
    border-radius: 0;
    margin-right: 10px;
    background: #3a4053;
    border-radius: 8px;
    color: #fff;
    display: flex;
    top: -52px;
    position: relative;
    padding: 12px 30px
}

#exTab3 .nav-pills>li>a {
    border-radius: 4px 4px 0 0
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px
}

.but-bonus {
    padding: 16px;
    display: flex;
    background: linear-gradient(1deg, #42424280 30%, #424242 100%);
    border-radius: 14px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    align-items: center
}

.but-bonus i {
    background: linear-gradient(34deg, #be5555 0%, #ed7171 55%);
    height: 40px;
    min-width: 40px;
    border-radius: 11px;
    font-size: 18px;
    display: flex;
    margin-right: 11px;
    align-items: center;
    justify-content: center
}

.bottom-text {
    color: #7a8091;
    font-size: 11px
}

.footer-osn {
    background: #1e2638;
    padding: 10px;
    padding-left: 30px;
    line-height: 20px;
    margin-top: 10px;
    padding-right: 30px;
    display: flex;
    margin-bottom: 20px;
    height: 110px;
    border-radius: 15px;
    align-items: center;
    justify-content: space-between
}

.but-block {
    display: flex;
    width: 100%;
    padding: 0;
    background: #fff0;
    margin-bottom: -18px;
    flex-wrap: nowrap;
    justify-content: space-between
}

.bottom-nav {
    background: #272b3800;
    display: flex;
    flex-wrap: nowrap;
    width: 500px;
    padding: 20px 20px 0 20px;
    margin-bottom: 11px;
    border-radius: 15px
}

.bottom-link {
    display: flex;
    padding: 0;
    margin-bottom: 30px;
    background: #5b6b9b00;
    margin-right: 15px;
    border-radius: 15px;
    flex-wrap: wrap;
    flex-direction: column
}

.logo-img {
    width: 125px;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
    margin-left: -10px
}

.logo-img-top {
    width: 100px;
    margin-right: -10px;
    position: relative;
    margin-left: -8px;
    top: 2px
}

.bonus-block {
    display: flex;
    border-radius: 15px;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
    padding: 18px;
    margin-bottom: 30px;
    gap: 10px;
    flex-direction: column
}

.button-m {
    border: none;
    background: linear-gradient(0deg, #49494999 30%, #494949 100%);
    font-weight: 600;
    padding: 16px 25px;
    transition: 0.2s;
    border-radius: 11px;
    color: #fff
}

.button-plateji {
    display: flex;
    padding: 0;
    background: #fff0;
    margin-bottom: 0;
    justify-content: space-between
}

.user-full {
    display: flex;
    background: linear-gradient(1deg, #2f3243 30%, #3c4155 100%);
    border-radius: 19px;
    background-size: cover;
    transition: 0.2s;
    padding: 15px;
    padding-left: 27px;
    justify-content: space-between
}

.user-full:hover .buttons_friends {
    display: flex;
    gap: 10px;
    animation: 0.5s show ease
}

@keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.user-img {
    width: 35px;
    border-radius: 11px
}

.user_name_block {
    padding: 0;
    display: flex;
    margin-left: 12px;
    line-height: 15px;
    border-radius: 0;
    margin-bottom: 0;
    float: right;
    flex-direction: column
}

.button-m:hover {
    opacity: .7
}

.komissia-block {
    background: #89898900;
    width: 60%;
    padding-left: 20px;
    padding-top: 0;
    margin-left: 20px;
    margin-top: 30px;
    border-radius: 0
}

.date-not {
    padding: 0;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    padding-top: 10px;
    background: #fff0;
    margin-top: 10px
}

.komissia-h1 {
    font-size: 13.1px;
    margin-bottom: 7px;
    margin-top: -5px;
    display: block
}

.komissia-text {
    font-size: 11px;
    font-weight: 500;
    color: #7a8091
}

.tabs-payment {
    background: #fff0;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    border-radius: 15px;
    padding: 0;
    justify-content: space-between
}

.block-history {
    padding: 0;
    height: 200px;
    background: #fff0;
    overflow: auto;
    border-radius: 0;
    margin-bottom: 0
}

.tabs-payment-selector {
    width: 35%;
    padding: 0;
    border-radius: 15px;
    margin-bottom: 0;
    background: #fff0;
    height: auto
}

.tabs-payment-metod {
    padding: 0;
    width: 63%;
    display: flex;
    height: 164px;
    margin-bottom: 0;
    border-radius: 15px;
    background: #212531
}

.tab {
    float: left;
    background-color: #171a2400;
    width: 100%
}

.tab button {
    display: block;
    color: white;
    padding: 8px 20px;
    width: 100%;
    background: #212531;
    border-radius: 11px;
    border: none;
    margin-bottom: 5px;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.2s;
    font-size: 12px;
    font-weight: 600
}

.tab button:hover {
    background-color: #2f3442
}

.tab button.active {
    background-color: #2f3442
}

.tabcontent {
    float: left;
    padding: 0 20px;
    width: 100%;
    margin-top: 15px;
    border-left: none;
    height: 300px
}

.steamid_recomended {
    display: flex;
    border-radius: 15px;
    padding: 17px 25px;
    height: 205px;
    margin-bottom: 30px;
    box-shadow: 0 5px 10px #13151a0a;
    background: #18233a;
    flex-wrap: nowrap;
    flex-direction: column
}

.promocode-block {
    display: flex;
    border-radius: 15px;
    padding: 24px 16px;
    margin-bottom: 30px;
    height: 95px;
    background: #212531
}

.steamid_left {
    width: auto;
    background: #f6f8ff00;
    border-radius: 0;
    padding: 10px 0;
    margin-bottom: -10px
}

.steamid_right {
    background: #ffffff00;
    padding: 0;
    width: auto;
    position: relative
}

.circle-h1 {
    background: #fff0;
    width: 8px;
    padding: 0;
    height: 8px;
    top: 1.1px;
    position: relative;
    border-radius: 50%;
    border: solid 2px #fcc776
}

.news-block-info {
    padding: 0;
    bottom: 50px;
    width: auto;
    position: absolute;
    border-radius: 0
}

.news-block-img {
    height: 150px;
    display: flex;
    width: 225px;
    background: #383c4d;
    border-radius: 16px;
    flex-direction: column;
    justify-content: space-between
}

.news-block-index {
    height: 100%;
    padding: 16px;
    border-radius: 15px;
    background: #18233a;
    display: flex;
    box-shadow: 0 5px 10px #13151a0a;
    margin-bottom: 30px;
    flex-direction: column
}

.news-block {
    float: right;
    display: flex;
    padding: 3px;
    width: 100%;
    border-radius: 15px 0 0 15px;
    flex-direction: column;
    justify-content: space-between
}

.news-button-bottom i {
    font-size: 15px;
    margin-left: 8px
}

.news-button-bottom {
    cursor: pointer;
    text-align: center;
    display: flex;
    font-size: 9.5px;
    border: solid 1px #dda474;
    letter-spacing: 1px;
    padding: 11px 0;
    background: #fff0;
    width: 190px;
    position: relative;
    font-weight: 600;
    color: #dda474;
    border-radius: 50px;
    transition: .2s all;
    justify-content: center;
    align-items: center
}

.news-button-bottom:hover {
    box-shadow: 0 0 20px #e59a5b52;
    background: #e59a5b;
    border: solid 1px #3f517d00;
    color: #fff4eb
}

.news-button-vk {
    cursor: pointer;
    text-align: center;
    display: flex;
    font-size: 11px;
    margin-top: 6px;
    padding: 9px 0;
    position: relative;
    font-weight: 600;
    background: linear-gradient(360deg, #da9256ad 0%, #da925663 55%);
    color: #fff;
    border-radius: 9px;
    transition: .2s all;
    justify-content: center;
    align-items: center
}

.news-button-vk:hover {
    background: linear-gradient(360deg, #ffa75dad 0%, #ff9d4b63 55%);
    color: #fff
}

.block-profile-user {
    display: flex;
    background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%);
    flex-wrap: nowrap;
    padding: 0;
    height: 130px;
    border-radius: 15px;
    margin-bottom: 30px
}

.block-profile-left {
    width: 50%;
    background: #fff0;
    display: flex;
    border-radius: 15px;
    padding: 24px 0;
    margin-bottom: 0
}

.block-profile-right {
    width: 50%;
    padding: 0;
    border-radius: 15px;
    margin-bottom: 0;
    background: #fff0
}

.opiss {
    color: #5a6a8c;
    position: relative;
    font-size: 10px;
    top: -9px;
    font-weight: 600
}

@charset "UTF-8";

.table-adaptive .table-row>.row>div>strong,
.table-adaptive .table-row>.row>div>p,
.table-adaptive .table-row>.row>div>span,
.table-adaptive .table-row>.row>div>.area-user,
.wapper .monitoring .server p,
.wapper .monitoring .server strong,
.wapper .monitoring .server a,
.block .block_head,
.vertical-navigation li a,
#place_for_messages .dialog>div:nth-child(1) div p,
#events .event>a:not(.btn),
#events .event>span,
#top_users a div>span,
#companions a div>span,
#last_activity>div>p,
#last_activity>span>p,
#mybans>div>p,
#mybans>span>p,
#forum .row .col-lg-8>div h3,
#forum .row .col-lg-4 div p,
#forum_topics .row .col-lg-9 h3,
#forum_topics .row .col-lg-3 div p,
.user a[href^="../profile"]:not(:first-child),
.user .btn,
.detailed-profile>div:nth-child(1)>div span,
.detailed-profile table tr td:nth-child(2) span,
.detailed-profile ul li a,
#stats tr td,
#news a.small-new div p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.table-adaptive .table-row,
.block,
.block .block_head,
.our-steam-group,
.vertical-navigation,
.forum-info,
.money-info-block,
.profile-top-menu {
    border-radius: 20px;
    background: linear-gradient(1deg, #222222 30%, #2d2d2d 100%);
}

.btn,
.form-control,
[class^="custom-"] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.form-control:hover,
.form-control:focus,
.form-control:active,
.form-control.active,
.form-control:active:focus,
.form-control:not(:disabled):not(.disabled):active,
.form-control:not(:disabled):not(.disabled).active,
.form-control:not(:disabled):not(.disabled):active:focus,
.form-control:not(:disabled):not(.disabled).active:focus,
[class^="custom-"]:hover,
[class^="custom-"]:focus,
[class^="custom-"]:active,
[class^="custom-"].active,
[class^="custom-"]:active:focus,
[class^="custom-"]:not(:disabled):not(.disabled):active,
[class^="custom-"]:not(:disabled):not(.disabled).active,
[class^="custom-"]:not(:disabled):not(.disabled):active:focus,
[class^="custom-"]:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

*[onclick],
*[data-toggle="modal"] {
    cursor: pointer;
    font-size: 11px
}

*[onclick],
*[data-toggle="modal"]:hover {
    cursor: pointer;
    font-size: 11px
}

*[class^="btn"]:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.modal .modal-content {
    border-radius: 20px;
    margin-left: auto;
    background: #2d2d2d;
    padding: 5px;
    margin-right: auto
}

.modal .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 20px 20px 20px;
    display: flex
}

.modal .modal-content .modal-header .close {
    font-size: 20px;
    margin: 0;
    height: 28px;
    opacity: 1;
    border-radius: 50%;
    width: 28px;
    background: linear-gradient(228deg, #ff76761c 10%, #ff767654 100%);
    font-weight: 500;
    transition: .2s all;
    padding: 0;
    color: #e69494a1;
    right: 16px;
    top: 10px;
    text-align: center;
    position: absolute;
}

.modal .modal-content .modal-header .close:hover {
    opacity: .7
}

.modal .modal-content .modal-header h4 {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.modal .modal-content .modal-body {
    padding: 0 20px 20px 20px
}

.modal .modal-content .modal-body h4 {
    font-weight: 600;
    font-size: 16px;
    color: #fff
}

.modal .modal-content .modal-body table td {
    vertical-align: middle
}

.modal-backdrop.show {
    opacity: .75
}

.modal-lg2 {
    width: 1200px
}

.input-search {
    height: 80px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-top: -40px;
    margin-bottom: -23px
}

.search_btn {
    z-index: 2;
    position: absolute;
    left: 4px;
    transition: 0.2s;
    top: 30px;
    width: 36px;
    display: flex;
    height: 36px;
    fill: #898989;
    border-radius: 50px;
    background: linear-gradient(28deg, #5858589e 30%, #616161 100%);
    cursor: pointer;
    justify-content: center;
    align-items: center
}

.search_btn:hover {
    opacity: .7
}

.input-search i.fa-search {
    z-index: 1000;
    position: absolute;
    left: 16px;
    top: 43px;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.input-search .custom-input,
.input-search .custom-input input,
.input-search .custom-input .custom-file label,
.custom-file .input-search .custom-input label {
    border-radius: 15 !important;
    text-indent: 0 !important;
    border: 0 !important;
    margin: 0
}

.input-search .custom-input {
    margin-left: 35px;
    height: 50px;
    width: calc(100% - 0px);
    top: 19px;
    padding-right: 60px
}

.input-search .custom-input.with-title span {
    top: 19px !important
}

.input-search .custom-select {
    width: 130px;
    position: absolute;
    right: 10px;
    top: 28px;
    height: 40px
}

.input-search .custom-select.with-title>select {
    line-height: 22px;
    font-size: 12px;
    padding-top: 13px;
    position: relative
}

.input-search .custom-select.with-title>span {
    font-size: 10px;
    line-height: 14px;
    top: 4px
}

#toCopy {
    display: none
}

.custom-input {
    cursor: text;
    background: #f9faff00;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
    width: 100%
}

.custom-input i {
    z-index: 100 !important;
    position: absolute;
    color: #898888e6;
    left: 16px;
    top: 17px;
    font-size: 20px
}

.custom-input>small {
    cursor: default;
    position: relative;
    line-height: 17px;
    font-size: 11px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    z-index: 2
}

.custom-input>small:not(:empty) {
    opacity: 1;
    height: 30px;
    color: #a0c0bb;
    gap: 8px;
    display: flex;
    align-items: center
}

.custom-input>input,
.custom-file .custom-input>label {
    border-radius: 10px;
    z-index: 2;
    border: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px
}

.custom-input>input::-webkit-input-placeholder,
.custom-file .custom-input>label::-webkit-input-placeholder {
    color: #8a94a6
}

.custom-input>input:-ms-input-placeholder,
.custom-file .custom-input>label:-ms-input-placeholder {
    color: #8a94a6
}

.custom-input>input::-ms-input-placeholder,
.custom-file .custom-input>label::-ms-input-placeholder {
    color: #8a94a6
}

.custom-input>input::placeholder,
.custom-file .custom-input>label::placeholder {
    color: #8a94a6
}

.custom-input.with-button>input,
.custom-file .custom-input.with-button>label {
    padding-right: 58px
}

.custom-input.with-button>button {
    z-index: 3;
    right: 6px;
    background: linear-gradient(0deg, #51515196 30%, #515151 100%);
    width: 115px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    color: #fff;
    margin-top: 6px;
    border-top: solid 1px #616161d4;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center
}

.custom-select.with-button>button {
    z-index: 3;
    right: 6px;
    width: 115px;
    background: linear-gradient(0deg, #51515196 30%, #515151 100%);
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    color: #fff;
    margin-top: 6px;
    border-top: solid 1px #616161d4;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center
}

.custom-input.with-button>button>i {
    color: #fff
}

.custom-input.with-button>button:hover {
    opacity: .7
}

.custom-select.with-button>button:hover {
    opacity: .7
}

.custom-input.with-button>button:hover>i {
    color: #fff
}

.custom-input.with-button>button>i.fa-pencil {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 31px;
    font-weight: 100;
    font-size: 11px !important
}

.custom-input.with-title>input,
.custom-file .custom-input.with-title>label {
    position: relative;
    font-size: 12px;
    background-color: #373737;
    color: #fff;
    height: 55px;
    padding-top: 15px;
    padding-left: 50px
}

.custom-input.with-title>span {
    z-index: 3;
    font-size: 11px;
    line-height: 18px;
    position: absolute;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height: 18px;
    top: 19px;
    font-weight: 600;
    left: 50px;
    color: #898888e6;
}

.custom-input.with-title>input:not(:placeholder-shown)+span,
.custom-file .custom-input.with-title>label:not(:placeholder-shown)+span,
.custom-input.with-title>input:focus+span,
.custom-file .custom-input.with-title>label:focus+span {
    =: 15px;
    font-size: 11px;
    top: 20px;
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px)
}

.custom-input.with-title input.placeholder-hidden+span,
.custom-input.with-title .custom-file label.placeholder-hidden+span,
.custom-file .custom-input.with-title label.placeholder-hidden+span {
    left: 15px;
    font-size: 12px;
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px)
}

.custom-select {
    cursor: text;
    background: #262f4200;
    z-index: 1;
    position: relative;
    border: 1px solid #262f4200;
    height: 49px;
    width: 100%;
    min-width: 90px;
    border-radius: 9px;
    margin-bottom: 14px;
    padding: 0
}

.custom-select i {
    z-index: 100 !important;
    position: absolute;
    color: #898989;
    left: 16px;
    top: 17px;
    font-size: 20px
}

.custom-select>small {
    cursor: default;
    bottom: -22px;
    position: absolute;
    line-height: 17px;
    font-size: 12px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    z-index: 2
}

.custom-select>small:not(:empty) {
    opacity: 1
}

.custom-select>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 6px;
    z-index: 2;
    border: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 13px;
    font-weight: 500;
    font-size: 14px
}

.custom-select>select::-webkit-input-placeholder {
    color: #8a94a6
}

.custom-select>select:-ms-input-placeholder {
    color: #8a94a6
}

.custom-select>select::-ms-input-placeholder {
    color: #8a94a6
}

.custom-select>select::placeholder {
    color: #8a94a6
}

.custom-select.with-title>select {
    font-size: 11px;
    padding-top: 16px;
    background: #373737;
    font-weight: 600;
    padding-left: 50px;
    height: 55px !important;
    top: -1px;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 10px;
    color: #ffff
}

.custom-select.with-title>select:focus {
    background: #404040
}

.custom-select.with-title>span {
    z-index: 3;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    height: 18px;
    font-weight: 600;
    top: 10px;
    left: 50px;
    color: #949494e6;
}

.form-control {
    font-size: 11px;
    font-weight: 600;
    border-radius: 10px;
    height: 55px;
    text-indent: 0;
    background: #373737 !important;
    border: 1px solid #373737;
    color: #fff;
    transition: 0.2s
}

.form-control:focus {
    border-color: #373737;
    color: #fff;
    background: #373737 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input.form-control,
.custom-file label.form-control,
input[type="file"],
.custom-file label[type="file"],
select.form-control,
select[type="file"] {
    padding: 0 15px;
    line-height: 40px;
    margin-bottom: 10px
}

input.form-control::-webkit-input-placeholder,
.custom-file label.form-control::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
.custom-file label[type="file"]::-webkit-input-placeholder,
select.form-control::-webkit-input-placeholder,
select[type="file"]::-webkit-input-placeholder {
    font-size: 13px;
    color: #fff
}

input.form-control:-ms-input-placeholder,
.custom-file label.form-control:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
.custom-file label[type="file"]:-ms-input-placeholder,
select.form-control:-ms-input-placeholder,
select[type="file"]:-ms-input-placeholder {
    font-size: 13px;
    color: #fff
}

input.form-control::-ms-input-placeholder,
.custom-file label.form-control::-ms-input-placeholder,
input[type="file"]::-ms-input-placeholder,
.custom-file label[type="file"]::-ms-input-placeholder,
select.form-control::-ms-input-placeholder,
select[type="file"]::-ms-input-placeholder {
    font-size: 13px;
    color: #fff
}

input.form-control::placeholder,
.custom-file label.form-control::placeholder,
input[type="file"]::placeholder,
.custom-file label[type="file"]::placeholder,
select.form-control::placeholder,
select[type="file"]::placeholder {
    font-size: 11px;
    color: #828282
}

input[disabled],
.custom-file label[disabled],
select[disabled] {
    color: #777 !important;
    cursor: not-allowed !important
}

.custom-file {
    border-radius: 4px;
    cursor: pointer
}

.custom-file input,
.custom-file label {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #1247eb00 !important
}

.custom-file label {
    width: 100%;
    height: 50px;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
    transition: 0.2s;
    color: #909090;
    font-size: 11px;
    font-weight: 600;
    background-color: #4f4f4f91;
    border-radius: 11px;
    border: dashed 1px #656565 !important;
    padding: 0 16px;
    align-items: center;
    justify-content: center
}

.custom-file label:hover {
    color: #fff;
    background-color: #515050;
    border: dashed 1px #6a6a6a !important
}

.custom-file label::after {
    display: none
}

.custom-file:hover label::after {
    opacity: .7
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background: #6292ff;
    border-radius: 1.5px;
    border: 0;
    margin: 5px;
    width: 6px;
    height: 6px
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    color: #ffffff00;
    background-color: transparent
}

.custom-radio .custom-control-label {
    color: #5a6a8c;
    line-height: 24px;
    cursor: pointer;
    font-weight: 600;
    font-size: 11px
}

.custom-radio .custom-control-label::before {
    background: #17171700 !important;
    border: 1px solid #5a6a8c !important
}

.custom-radio .custom-control-label::after,
.custom-radio .custom-control-label::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.custom-checkbox {
    cursor: pointer
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border: 0
}

.custom-checkbox .custom-control-label {
    color: #5a6a8c;
    line-height: 25px;
    cursor: pointer;
    font-size: 10.9px;
    font-weight: 600
}

.custom-checkbox .custom-control-label::before {
    background-color: #212d47;
    border: 1px solid #212d47
}

.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

textarea:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

select.form-control {
    text-indent: 0;
    height: 41px !important;
    position: relative;
    top: 8px;
    font-size: 10.5px;
    color: #fff;
    font-weight: 600;
    border-radius: 8px
}

input[disabled],
.custom-file label[disabled] {
    cursor: text !important;
    background: transparent
}

input[type="file"],
.custom-file label[type="file"] {
    text-indent: 0;
    border: 0;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin-left: -60px;
    color: #546489;
    overflow: hidden;
    max-width: 100%
}

.input-xs {
    height: 18px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
    width: auto
}

.input-xsselect {
    height: 23px;
    line-height: 23px
}

.input-xs[type="file"] {
    border-radius: 3px;
    padding: 0;
    height: 23px;
    width: auto;
    font-size: 12px;
    line-height: 23px
}

a.btn {
    line-height: 28px
}

a[data-toggle="popover"] {
    cursor: pointer
}

.input-group-sm {
    min-width: 150px
}

.input-group-sm input,
.input-group-sm .custom-file label,
.custom-file .input-group-sm label {
    text-indent: 5px
}

.input-group .input-group-prepend .btn {
    margin: 0
}

.input-group .input-group-text {
    height: 40px;
    background-color: whitesmoke
}

.input-group.editing-date select {
    padding-left: 5px;
    text-indent: 0
}

.form-group label h4 {
    font-size: 16px;
    margin: 0;
    color: #fff
}

small {
    font-size: 10px;
    color: rgb(95 104 127);
    font-weight: 600
}

*>p:last-child {
    color: #fff;
    font-weight: 600
}

p {
    margin-top: 0;
    margin-bottom: 20px
}

.text-warning {
    color: #f2c095 !important;
    font-weight: 600
}

.text-success {
    color: #f7a96d !important;
}

.text-info {
    color: #f5be90 !important;
}

.text-error,
.text-danger {
    color: #ff8b8b !important;
    font-size: 11.5px;
    border-radius: 8px;
    padding: 0
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background-image: none;
    background: linear-gradient(358deg, #375955 0%, #668782 55%);
    opacity: 1;
    border: none;
    color: #ffff;
    padding: 25px !important;
    border-radius: 10px !important;
    border-radius: 11px
}

a.btn:not(.disp-n),
input.btn:not(.disp-n),
.custom-file label.btn:not(.disp-n),
button.btn:not(.disp-n),
label.btn:not(.disp-n) {
    position: relative;
    font-size: 11px;
    color: #ffffff !important;
    display: flex;
    height: 50px !important;
    padding: 0 25px !important;
    !important;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%) !important;
    transition: 0.2s;
    font-weight: 600;
    align-items: center
}

a.btn:not(.disp-n),
input.btn:not(.disp-n),
.custom-file label.btn:not(.disp-n),
button.btn:hover:not(.disp-n),
label.btn:not(.disp-n) {
    opacity: .7;
    font-size: 11px !important;
    border-radius: 11px !important;
    padding: 0 25px !important
}

a.btn:not(.disp-n).btn-primary span,
input.btn:not(.disp-n).btn-primary span,
.custom-file label.btn:not(.disp-n).btn-primary span,
button.btn:not(.disp-n).btn-primary span,
label.btn:not(.disp-n).btn-primary span {
    color: #fff !important
}

a.btn:not(.disp-n).btn-default,
a.btn:not(.disp-n).btn-outline-primary,
input.btn:not(.disp-n).btn-default,
.custom-file label.btn:not(.disp-n).btn-default,
input.btn:not(.disp-n).btn-outline-primary,
.custom-file label.btn:not(.disp-n).btn-outline-primary,
button.btn:not(.disp-n).btn-default,
button.btn:not(.disp-n).btn-outline-primary,
label.btn:not(.disp-n).btn-default,
label.btn:not(.disp-n).btn-outline-primary {
    background: #494949 !important;
    border-radius: 11px;
    border: none;
    color: #8389a3;
    padding: 25px !important;
    border-radius: 10px;
    font-size: 11px
}

a.btn:not(.disp-n).btn-default span,
a.btn:not(.disp-n).btn-default i,
a.btn:not(.disp-n).btn-outline-primary span,
a.btn:not(.disp-n).btn-outline-primary i,
input.btn:not(.disp-n).btn-default span,
.custom-file label.btn:not(.disp-n).btn-default span,
input.btn:not(.disp-n).btn-default i,
.custom-file label.btn:not(.disp-n).btn-default i,
input.btn:not(.disp-n).btn-outline-primary span,
.custom-file label.btn:not(.disp-n).btn-outline-primary span,
input.btn:not(.disp-n).btn-outline-primary i,
.custom-file label.btn:not(.disp-n).btn-outline-primary i,
button.btn:not(.disp-n).btn-default span,
button.btn:not(.disp-n).btn-default i,
button.btn:not(.disp-n).btn-outline-primary span,
button.btn:not(.disp-n).btn-outline-primary i,
label.btn:not(.disp-n).btn-default span,
label.btn:not(.disp-n).btn-default i,
label.btn:not(.disp-n).btn-outline-primary span,
label.btn:not(.disp-n).btn-outline-primary i {
    color: #585f74;
    font-size: 22px;
    transition: .2s all;
    line-height: 46px
}

label.btn.btn-sm {
    height: 32px;
    line-height: 20px !important;
    font-size: 12px !important
}

blockquote {
    padding: 20px;
    margin: 15px 0 10px;
    border-radius: 0 13px 13px 0;
    font-size: 11px;
    background: #da92561a;
    border-left: solid 3px #da92568c;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

blockquote:before,
blockquote:after {
    content: ""
}

@media (max-width: 991.99px) {
    .order-is-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-is-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
}

@media (min-width: 992px) {
    .order-is-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .order-is-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        order: 13
    }
}

.table-adaptive {
    border-radius: 14px;
    color: #818181;
    font-size: 11px;
    font-weight: 700
}

.table-adaptive.table-fused {
    overflow: hidden;
    border-radius: 4px
}

.table-adaptive.table-fused .loader {
    margin: 16px 0
}

.table-adaptive.table-fused .table-row {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 20px;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    background: #373737;
}

.table-adaptive.table-fused .table-row:hover {
    background: #404040
}

.table-adaptive.table-fused .table-row:last-child {
    border-bottom: 0
}

.table-adaptive .table-row {
    margin-bottom: 9px;
    border-radius: 11px;
    padding: 5px 28px;
    background: #343434;
    transition: 0.2s
}

.table-adaptive .table-row:hover {
    background: #3c3c3c
}

.table-adaptive .table-row>.row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap
}

.table-adaptive .table-row>.row>div {
    padding: 0 16px
}

.table-adaptive .table-row>.row>div>strong,
.table-adaptive .table-row>.row>div>p,
.table-adaptive .table-row>.row>div>span {
    display: inline-block;
    max-width: 110%
}

.table-adaptive .table-row>.row>div>p {
    width: auto;
    color: #6c6e8100;
    font-weight: 600;
    font-size: 0;
    line-height: 52px
}

.table-adaptive .table-row>.row>div>strong {
    color: #5a6a8c;
    font-weight: 600;
    line-height: 48px;
    font-size: 12px
}

.table-adaptive .table-row>.row>div>.area-user {
    color: #fff;
    font-weight: 600;
    line-height: 48px;
    font-size: 13px
}

.table-adaptive .table-row>.row>div>.area-user a img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-right: 5px
}

.table-adaptive .table-row>.row>div>.area-user a i {
    font-style: normal
}

.table-adaptive .table-row>.row>div>.area-image img {
    margin: 10px;
    max-height: 30px;
    width: auto
}

.table-adaptive .table-row>.row>div.with-icon {
    position: relative;
    padding-left: 46px
}

.table-adaptive .table-row>.row>div.with-icon>i,
.table-adaptive .table-row>.row>div.with-icon>img {
    position: absolute;
    left: 1px;
    top: 18px
}

.table-adaptive .table-row>.row>div.with-icon>i {
    color: #e2b085;
    font-size: 15px;
    border-radius: 9px;
    background: #da92563d;
    top: 9px;
    padding: 9px
}

.table-adaptive .table-row>.row>div.with-icon>img {
    height: 20px;
    width: 20px;
    border-radius: 50px;
    top: 16px
}

.table-adaptive .table-row>.row>div.with-description>p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0 0;
    position: relative;
    top: -2px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600
}

.table-adaptive .table-row>.row>div.with-description>p a {
    color: #fff
}

.table-adaptive .table-row>.row>div.with-description>.area-user img {
    display: none
}

.table-adaptive .table-row>.row>div.with-description>span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -10px;
    position: relative;
    color: #858585;
}

.table-adaptive .table-row>.row>div.with-description>span a {
    color: #ffffff !important;
    margin-left: 5px
}

.table-adaptive .table-row>.row>div.with-description>span p {
    color: #7a8091 !important;
    margin: 0;
    font-weight: 600;
    margin-left: 68px;
    text-align: center;
    position: relative;
    display: flex;
    font-size: 10px;
    top: -3px;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.table-adaptive .table-row>.row>div.with-button>.btn {
    margin: 8px 0 0
}

.table-adaptive .table-row>.row>div.with-button>.btn i {
    font-size: 14px;
    line-height: 30px;
    text-align: center
}

@media (max-width: 991.99px) {
    .table-adaptive .table-row>.row {
        height: auto;
        display: flex;
        padding-bottom: 15px;
        padding-top: 15px;
        flex-direction: column
    }

    .table-adaptive .table-row>.row>div {
        padding: 0 16px;
        height: 42px;
        margin-left: 0px !important
    }

    .table-adaptive .table-row>.row>div.with-icon {
        padding-left: 16px
    }

    .table-adaptive .table-row>.row>div.with-icon>i,
    .table-adaptive .table-row>.row>div.with-icon>img {
        display: none
    }

    .table-adaptive .table-row>.row>div.with-button .btn {
        width: 100%
    }
}

#cote {
    height: 150px;
    width: 150px;
    position: absolute;
    right: -25px;
    cursor: pointer;
    bottom: -29px;
    z-index: 1001
}

#cote img {
    height: 150px;
    width: 150px
}

@media (max-width: 991.99px) {
    #cote {
        display: none
    }

    .double_heading i {
        min-width: 45px
    }
}

.m-icon {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
    font-weight: 900
}

.m-icon.icon-trash:before {
    font-weight: 400;
    content: "\f1f8"
}

.m-icon.icon-remove:before {
    content: "\f00d"
}

.m-icon.icon-ok:before {
    content: "\f00c"
}

.m-icon.icon-pencil:before {
    font-weight: 400;
    content: "\f040"
}

.m-icon.icon-link:before {
    content: "\f0c1"
}

.m-icon.icon-time:before {
    font-weight: 400;
    content: "\f017"
}

.m-icon.icon-user:before {
    content: "\f007"
}

.m-icon.icon-up:before {
    content: "\f077"
}

.m-icon.icon-down:before {
    content: "\f078"
}

.m-icon.icon-left:before {
    content: "\f104"
}

.m-icon.icon-right:before {
    content: "\f105"
}

.m-icon.icon-plus:before {
    content: "\f067"
}

.m-icon.icon-minus:before {
    content: "\f068"
}

.m-icon.icon-bank:before {
    content: "\f19c"
}

.m-icon.icon-marker:before {
    content: "\f041"
}

.m-icon.icon-vk:before {
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f189"
}

.m-icon.icon-steam:before {
    font-weight: 400;
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f3f6"
}

.m-icon.icon-fb:before {
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f39e"
}

.m-icon.icon-bars:before {
    content: "\f0c9"
}

.m-icon.icon-compress:before {
    content: "\f066"
}

.with_code {
    overflow-wrap: break-word;
    height: auto;
    font-weight: 500;
    background: rgb(30 34 47 / 0%);
    border-radius: 15px;
    flex: 0 0 auto
}

.with_code:hover .answer {
    color: #586378
}

.with_code:hover .answer:hover {
    color: #fff
}

.with_code ol {
    list-style: decimal;
    margin-left: 15px
}

.with_code ul {
    list-style: disc;
    margin-left: 15px
}

.with_code em {
    font-style: italic
}

.with_code video {
    max-width: 100%
}

.with_code .player {
    height: 40px;
    overflow: hidden
}

.with_code .player object {
    position: relative;
    margin-top: -22px
}

.with_code video,
.with_code iframe {
    border: 0;
    max-width: 100%
}

.with_code img {
    width: fit-content;
    height: auto;
    max-width: 100%;
}

.with_code img[style="margin-left:auto;margin-right:auto;"] {
    margin: 0 auto;
    display: block
}

.with_code .m-icon {
    font-size: 11px;
    margin-right: 2px;
    color: #dba273;
}

.with_code::after {
    clear: both;
    display: table;
    content: " "
}

.with_code table {
    width: auto;
    max-width: 100% !important
}

.with_code table tr td {
    border: 1px solid #f1f2f4;
    padding: 5px;
    word-break: break-all;
    white-space: pre-wrap;
    word-wrap: break-word
}

.with_code .g_sticker {
    max-width: 250px !important
}

.order-is-first {
    order: 13
}

.order-is-last {
    order: -1
}

img.thumbnail-img {
    border-radius: 13px;
    height: auto;
    margin: 0;
    width: 100%;
    margin-top: 10px
}

#imgs .thumbnail {
    max-width: 100px;
    margin-right: 10px;
    margin-bottom: 0;
    float: left
}

#imgs::before,
#imgs::after {
    display: table;
    content: " "
}

#imgs::after {
    clear: both
}

div.spoiler div.spoiler-title {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 3px;
    border: 1px solid #f1f2f4;
    cursor: pointer;
    line-height: 25px;
    background: whitesmoke;
    height: 35px
}

div.spoiler div.spoiler-title div.spoiler-toggle {
    display: inline-block;
    float: left;
    width: 11px;
    height: 11px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-user-modify: read-only
}

div.spoiler div.spoiler-title div.hide-icon {
    background: url("../img/minus.png") no-repeat scroll left center transparent
}

div.spoiler div.spoiler-title div.show-icon {
    background: url("../img/plus.png") no-repeat scroll left center transparent
}

div.spoiler div.spoiler-content {
    font-size: 13px;
    border: 1px solid #f1f2f4;
    border-top: 0;
    padding: 6px 10px;
    background: #fff
}

div.spoiler div.title-text {
    float: left;
    height: 24px;
    line-height: 20px;
    font-weight: 400
}

.error_message,
.success_message {
    height: 0;
    margin: 0;
    font-size: 12px;
    position: relative;
    float: right;
    top: -54px;
    right: 55px
}

.input_error {
    background-color: #ed717121 !important
}

.input_success {
    border-color: #8fc47a !important;
    background-color: #e3f5dc !important
}

.success_message {
    color: #0BB07B !important
}

.error_message {
    color: #ff686800 !important
}

.table-responsive {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #f1f2f400
}

@media (min-width: 992px) {
    .table-responsive {
        overflow: hidden;
        background: #212d4700;
        padding: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td {
        white-space: normal !important
    }
}

.table-responsive>.table {
    margin-bottom: 0
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
}

.table-responsive>table.table {
    border: 0 !important
}

.table-responsive>table.table>tbody:first-child>tr:first-child>th,
.table-responsive>table.table>tbody:first-child>tr:first-child>td,
.table-responsive>table.table>thead>tr:first-child>th,
.table-responsive>table.table>thead>tr:first-child>td {
    border-top: 0 !important
}

.table-responsive>table.table>thead>tr>th:first-child,
.table-responsive>table.table>tbody>tr>th:first-child,
.table-responsive>table.table>tfoot>tr>th:first-child,
.table-responsive>table.table>thead>tr>td:first-child,
.table-responsive>table.table>tbody>tr>td:first-child,
.table-responsive>table.table>tfoot>tr>td:first-child {
    border-left: 0 !important;
    padding-right: 0;
    color: #fff;
    border-radius: 12px 0 0 12px;
    padding-left: 20px
}

.table-responsive>table.table>thead>tr>th:last-child,
.table-responsive>table.table>tbody>tr>th:last-child,
.table-responsive>table.table>tfoot>tr>th:last-child,
.table-responsive>table.table>thead>tr>td:last-child,
.table-responsive>table.table>tbody>tr>td:last-child,
.table-responsive>table.table>tfoot>tr>td:last-child {
    border-right: 0 !important;
    border-radius: 0 12px 12px 0
}

.table-responsive>table.table>tbody>tr:last-child>th,
.table-responsive>table.table>tfoot>tr:last-child>th,
.table-responsive>table.table>tbody>tr:last-child>td,
.table-responsive>table.table>tfoot>tr:last-child>td {
    border-bottom: 0 !important
}

table.table.table-bordered {
    border-color: #e1e4e800 !important
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222222;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s, visibility 0s 0s;
}

.preloader_hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s, visibility 0s 0.8s;
}

.loader_spinner {
    transform-origin: center;
    animation: rotate-spinner 1.4s linear infinite;
}

@keyframes rotate-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


table.table.table-bordered tr {
    position: relative;
    background: #3b3b3b;
    height: 55px
}

table.table.table-bordered tr td {
    font-size: 11px;
    padding-left: 0;
    border: none;
    font-weight: 600;
    border-color: #21253100 !important
}

table.table>thead tr td {
    font-size: 13px
}

table.table>tbody>tr.danger>td {
    background: #fff0d200;
    border-color: #e8ddca;
    color: #da92564f
}

table.table>tbody>tr.danger>td span {
    color: #FF5D5D
}

table.table>tbody>tr.success>td {
    background: #e3f5dc;
    border-color: #cde8c3;
    color: #0BB07B
}

table.table>tbody>tr.success>td span {
    color: #0BB07B
}

table.table>tbody>tr.warning>td {
    background: #fff0d200;
    border-color: #e8ddca;
    color: #da92564f
}

table.table>tbody>tr.warning>td span {
    color: #e76969
}

table.table>tbody>tr>td {
    vertical-align: middle;
    font-size: 13px;
    line-height: 15px;
    color: #fff
}

table.table>tbody>tr>td .btn {
    margin: 0
}

table.table>tbody>tr>td p {
    margin: 0
}

table.table>tbody>tr>td a {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

table.table>tbody>tr>td a[href*="profile"] img,
table.table>tbody>tr>td a img[src="../files/avatars/no_avatar.jpg"] {
    height: 18px;
    width: 18px;
    margin-right: 5px;
    border-radius: 4px
}

table.table>tbody>tr>td a[href*="profile"] i {
    font-style: normal
}

#search_ban_res_min>tr:nth-child(2n) {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

#search_ban_res_min>tr:nth-child(2n)>td {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important
}

#bans tr td:nth-child(1):hover,
#tickets tr td:nth-child(2):hover,
#open_tickets tr td:nth-child(2):hover,
#close_tickets tr td:nth-child(2):hover,
#search_ban_res_min tr td:nth-child(2):hover {
    background-color: #1f1f1f00
}

#bans tr td:nth-child(1) a,
#tickets tr td:nth-child(2) a,
#open_tickets tr td:nth-child(2) a,
#close_tickets tr td:nth-child(2) a,
#search_ban_res_min tr td:nth-child(2) a {
    max-width: 300px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    top: 4px;
    margin-right: 30px;
    white-space: nowrap;
    display: inline-block
}

#muts td,
#banlist td,
#stats td {
    vertical-align: middle;
    cursor: pointer
}

td[colspan$="10"] img,
td[colspan$="10"] {
    text-align: center;
    padding-bottom: 10px;
    color: #6e6e6e;
    width: 1220px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin: 0 auto
}

table tr[data-toggle="modal"]>td,
table.admins tr>td {
    border-bottom: 0 !important
}

.hidden-tr>td {
    height: 0 !important;
    border: 0 !important;
    padding: 0 !important
}

.mce-tinymce {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.mce-tinymce .mce-btn-small button {
    padding: 7px 6px
}

.mce-tinymce .mce-path {
    padding: 14px
}

.mce-tinymce .mce-btn-group:not(:first-child) {
    border-left: 0
}

.mce-fullscreen div[id^="mceu_"].mce-container.mce-fullscreen {
    z-index: 2000
}

.label.label-default {
    color: #466ea5
}

.label.label-success {
    color: #ffa0a0
}

.label.label-danger {
    color: #FF5D5D
}

.empty-element {
    border-radius: 14px;
    background: #4a4a4a33;
    display: flex;
    margin-bottom: 13px;
    margin-right: 15px;
    width: 100%;
    font-weight: 700;
    color: #7b7b7b;
    font-size: 11px;
    border: dashed 1px #4c4c4c;
    padding: 40px;
    align-items: center;
    justify-content: center
}

div[id^="pagination"]::after {
    display: table;
    clear: both;
    content: ' '
}

.pagination {
    display: inline-block;
    background: #232323;
    padding: 7px 4px;
    border: solid 1px #303030;
    border-radius: 50px;
}

.pagination>li {
    display: inline
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
    background: #343434;
}

.pagination>li:first-child>a span,
.pagination>li:last-child>a span {
    color: #ffffff !important
}

.pagination>li:first-child>a>span,
.pagination>li:last-child>a>span {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 0;
    line-height: 30px;
    vertical-align: -.0667em;
    font-weight: 400;
    color: #fff
}

.pagination>li:first-child>a>span:before,
.pagination>li:last-child>a>span:before {
    color: #636363;
    font-size: 9px;
    position: relative;
    font-weight: 600;
    top: -1px
}

.pagination>li:first-child>a>span:before {
    content: "\f060"
}

.pagination>li:last-child>a>span:before {
    content: "\f061"
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    height: 35px;
    width: 35px;
    text-align: center;
    margin: 0 5px;
    border-radius: 50px;
    font-size: 11px;
    line-height: 34px;
    color: #636363;
    border: 1px solid #343434;
    background: #343434;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    border: 1px solid #444444;
    background: #444444;
    color: #ffff
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #444444;
    border-color: #444444;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    cursor: not-allowed
}

div[id^="pagination"] {
    display: block;
    text-align: center;
    margin: 0 auto 25px
}

div[id^="pagination"] ul {
    float: left;
    margin: 0 -5px;
}

@media (max-width: 991.99px) {

    .pagination>li:nth-child(4),
    .pagination>li:nth-child(5),
    .pagination>li:nth-child(6),
    .pagination>li:nth-child(7),
    .pagination>li:nth-child(8),
    .pagination>li:nth-child(9),
    .pagination>li:nth-child(10) {
        display: none
    }

    .pagination>li:nth-last-child(1),
    .pagination>li:nth-last-child(2),
    .pagination>li:nth-last-child(3),
    .pagination>li:nth-last-child(4) {
        display: inline !important
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel>.container {
    padding: 0
}

.owl-carousel.smiles_panel *::selection,
.owl-carousel.smiles_panel *::-moz-selection {
    background: none
}

.owl-carousel .owl-dots {
    display: none
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.no-js .owl-carousel {
    display: block
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    background-color: black;
    opacity: .75;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1110;
    text-align: center;
    line-height: 0;
    font-weight: 400
}

.lightbox .lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 2px
}

.lightbox .lb-outerContainer .lb-container {
    padding: 2px
}

.lightbox .lb-outerContainer .lb-container>.nav {
    left: 0
}

.lightbox .lb-outerContainer .lb-container .lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lightbox .lb-outerContainer .lb-container .lb-loader .lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url("../img/loader.gif") no-repeat
}

.lightbox .lb-outerContainer .lb-container .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    border-radius: 3px
}

.lightbox .lb-outerContainer .lb-container .lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lightbox .lb-outerContainer .lb-container .lb-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}

.lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev,
.lightbox .lb-outerContainer .lb-container .lb-nav .lb-next {
    height: 100%;
    cursor: pointer;
    display: block
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev,
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    background: rgba(0, 0, 0, .26)
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after,
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
    line-height: .75em;
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -.325em
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev {
    width: 20%;
    left: 0;
    float: left
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev::after {
    margin-left: -8px;
    left: 10%;
    content: "\f104"
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
    width: 20%;
    right: 0;
    float: right
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next::after {
    margin-right: -8px;
    right: 10%;
    content: "\f105"
}

.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover,
.lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover {
    opacity: .8
}

.lightbox .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lightbox a img {
    border: none
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%
}

.lb-dataContainer::after {
    content: "";
    display: table;
    clear: both
}

.lb-dataContainer .lb-data {
    padding: 0 4px;
    color: #ccc
}

.lb-dataContainer .lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-dataContainer .lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}

.lb-dataContainer .lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-dataContainer .lb-data .lb-close {
    color: #ccc;
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    text-align: right;
    outline: none;
    opacity: .7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s
}

.lb-dataContainer .lb-data .lb-close::after {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
    font-weight: 900;
    content: "\f00d"
}

.lb-dataContainer .lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1
}

.noty_bar.noty_type_error .noty_message {
    background: #fce3e3;
    color: #FF5D5D;
    border: 1px solid #e8caca
}

.noty_bar.noty_type_error a {
    color: #FF5D5D
}

.noty_bar .noty_message {
    background: #272f42;
    border-radius: 15px;
    color: #fff;
    border-radius: 2px;
    padding: 15px !important
}

.noty_bar .noty_message .noty_text {
    margin: -15px;
    display: block;
    font-weight: 400
}

.noty_bar .noty_message .noty_text a {
    display: block;
    background: #dba27366;
    color: #fff;
    font-size: 11px;
    padding: 15px 25px
}

.noty_bar .noty_message .noty_text a:hover {
    display: block;
    background: #da9256;
    color: #fff;
    font-size: 11px;
    padding: 15px 25px
}

.animated {
    border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated .infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated .hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fadeIn {
    border-radius: 10px !important;
    background-color: rgb(39 47 66) !important;
    width: auto !important;
    float: right
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

#nprogress {
    z-index: 1200;
    pointer-events: none
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1200;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 20px;
    display: none;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #8670ff00;
    border-left-color: #8670ff;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent .spinner,
.nprogress-custom-parent .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.result_ok,
.result_ok_b {
    display: block;
    position: fixed;
    z-index: 1200;
    top: 16px;
    right: 18px;
    color: #5086ff;
    font-size: 16px
}

.result_error,
.result_error_b {
    display: block;
    position: fixed;
    z-index: 1200;
    top: 17px;
    right: 18px;
    color: #5086ff;
    font-size: 16px
}

.wapper .header {
    position: relative
}

.b-page__content {
    height: 50px;
    background-color: #171a2400
}

.b-head-decor {
    display: none
}

.b-page_newyear .b-head-decor {
    z-index: 1200;
    position: absolute;
    top: 0;
    margin-top: -35px;
    left: 0;
    display: block;
    height: 105px;
    width: 100%;
    overflow: hidden;
    background: url(../img/balls/b-head-decor_newyear.png) repeat-x 0 0
}

.b-page_newyear .b-head-decor__inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 115px;
    display: block;
    width: 373px
}

.b-page_newyear .b-head-decor::before {
    content: '';
    display: block;
    position: absolute;
    top: -115px;
    left: 0;
    z-index: 3;
    height: 115px;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .75);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .75)
}

.b-page_newyear .b-head-decor__inner_n2 {
    left: 373px
}

.b-page_newyear .b-head-decor__inner_n3 {
    left: 746px
}

.b-page_newyear .b-head-decor__inner_n4 {
    left: 1119px
}

.b-page_newyear .b-head-decor__inner_n5 {
    left: 1492px
}

.b-page_newyear .b-head-decor__inner_n6 {
    left: 1865px
}

.b-page_newyear .b-head-decor__inner_n7 {
    left: 2238px
}

.b-ball {
    position: absolute
}

.b-ball_n1 {
    top: 0;
    left: 3px;
    width: 59px;
    height: 83px
}

.b-ball_n2 {
    top: -19px;
    left: 51px;
    width: 55px;
    height: 70px
}

.b-ball_n3 {
    top: 9px;
    left: 88px;
    width: 49px;
    height: 67px
}

.b-ball_n4 {
    top: 0;
    left: 133px;
    width: 57px;
    height: 102px
}

.b-ball_n5 {
    top: 0;
    left: 166px;
    width: 49px;
    height: 57px
}

.b-ball_n6 {
    top: 6px;
    left: 200px;
    width: 54px;
    height: 70px
}

.b-ball_n7 {
    top: 0;
    left: 240px;
    width: 56px;
    height: 67px
}

.b-ball_n8 {
    top: 0;
    left: 283px;
    width: 54px;
    height: 53px
}

.b-ball_n9 {
    top: 10px;
    left: 321px;
    width: 49px;
    height: 66px
}

.b-ball_n1 .b-ball__i {
    background: url(../img/balls/b-ball_n1.png) no-repeat
}

.b-ball_n2 .b-ball__i {
    background: url(../img/balls/b-ball_n2.png) no-repeat
}

.b-ball_n3 .b-ball__i {
    background: url(../img/balls/b-ball_n3.png) no-repeat
}

.b-ball_n4 .b-ball__i {
    background: url(../img/balls/b-ball_n4.png) no-repeat
}

.b-ball_n5 .b-ball__i {
    background: url(../img/balls/b-ball_n5.png) no-repeat
}

.b-ball_n6 .b-ball__i {
    background: url(../img/balls/b-ball_n6.png) no-repeat
}

.b-ball_n7 .b-ball__i {
    background: url(../img/balls/b-ball_n7.png) no-repeat
}

.b-ball_n8 .b-ball__i {
    background: url(../img/balls/b-ball_n8.png) no-repeat
}

.b-ball_n9 .b-ball__i {
    background: url(../img/balls/b-ball_n9.png) no-repeat
}

.b-ball_i1 .b-ball__i {
    background: url(../img/balls/b-ball_i1.png) no-repeat
}

.b-ball_i2 .b-ball__i {
    background: url(../img/balls/b-ball_i2.png) no-repeat
}

.b-ball_i3 .b-ball__i {
    background: url(../img/balls/b-ball_i3.png) no-repeat
}

.b-ball_i4 .b-ball__i {
    background: url(../img/balls/b-ball_i4.png) no-repeat
}

.b-ball_i5 .b-ball__i {
    background: url(../img/balls/b-ball_i5.png) no-repeat
}

.b-ball_i6 .b-ball__i {
    background: url(../img/balls/b-ball_i6.png) no-repeat
}

.b-ball_i1 {
    top: 0;
    left: 0;
    width: 25px;
    height: 71px
}

.b-ball_i2 {
    top: 0;
    left: 25px;
    width: 61px;
    height: 27px
}

.b-ball_i3 {
    top: 0;
    left: 176px;
    width: 29px;
    height: 31px
}

.b-ball_i4 {
    top: 0;
    left: 205px;
    width: 50px;
    height: 51px
}

.b-ball_i5 {
    top: 0;
    left: 289px;
    width: 78px;
    height: 28px
}

.b-ball_i6 {
    top: 0;
    left: 367px;
    width: 6px;
    height: 69px
}

.b-ball__i {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    pointer-events: none
}

.b-ball_bounce .b-ball__right {
    position: absolute;
    top: 0;
    right: 0;
    left: 50%;
    bottom: 0;
    z-index: 9
}

.b-ball_bounce:hover .b-ball__right {
    display: none
}

.b-ball_bounce .b-ball__right:hover {
    left: 0;
    display: block !important
}

.b-ball_bounce.bounce>.b-ball__i {
    -webkit-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg)
}

.b-ball_bounce .b-ball__right.bounce+.b-ball__i {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg)
}

.b-ball_bounce.bounce1>.b-ball__i {
    -webkit-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg)
}

.b-ball_bounce .b-ball__right.bounce1+.b-ball__i {
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

.b-ball_bounce.bounce2>.b-ball__i {
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.b-ball_bounce .b-ball__right.bounce2+.b-ball__i {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg)
}

.b-ball_bounce.bounce3>.b-ball__i {
    -webkit-transform: rotate(1.5deg);
    -ms-transform: rotate(1.5deg);
    transform: rotate(1.5deg)
}

.b-ball_bounce .b-ball__right.bounce3+.b-ball__i {
    -webkit-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg)
}

.win_day {
    background: url("../img/balls/win_day.png");
    background-size: 100% 100%;
    height: 80px;
    width: 170px;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 103px
}

@media (max-width: 991.99px) {

    .win_day,
    .b-page__content {
        display: none
    }
}

* {
    margin: 0;
    padding: 0;
    outline: none !important
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    font-family: "Montserrat", sans-serif;
    line-height: 20px;
    background: url(../img/2aacafemyxrmt0cxakgs1r2zd8_result_0.jpeg) no-repeat fixed center top;
    background-color: #171717;
    background-size: cover;
    font-size: 12px;
    color: #fff
}

a {
    color: #dba273;
    font-weight: 600;
    transition: 0.2s
}

a:hover {
    color: #bc865a
}

a.small {
    color: #7b839b;
    font-size: 9px;
    transition: 0.2s;
    font-family: revert;
    font-weight: 600;
    border-bottom: 1px solid #0c66ff
}

a.small:hover,
a.small:focus,
a.small:visited {
    color: #fff;
    transition: 0.2s
}

a:hover {
    text-decoration: none
}

a[onclick] {
    color: #fff;
    cursor: pointer
}

h2 {
    font-weight: 700;
    line-height: 32px;
    font-size: 19px
}

.loader {
    border: 4px solid #464646;
    border-radius: 50%;
    border-top: 4px solid #da9256;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 0.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.logo h1 {
    line-height: 0;
    margin: 0;
    display: none
}

.logo span {
    display: none;
    font-weight: 700;
    line-height: 56px;
    font-size: 20px;
    letter-spacing: 2px
}

.logo span:nth-child(1) {
    color: #0a1f44
}

.logo span:nth-child(2) {
    color: #0c66ff
}

.wapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0
}

.wapper>.content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.wapper>.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    place-self: center;
    background-color: #242a40;
    padding-top: 36px;
    width: 59.5%;
    border-radius: 15px;
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative
}

.wapper>.footer .col-lg-4 .logo {
    display: block
}

.wapper>.footer .col-lg-4 .logo span {
    font-size: 28px
}

.wapper>.footer .col-lg-4 p {
    line-height: 20px;
    font-size: 12px;
    margin-top: 20px;
    text-align: justify
}

.wapper>.footer .col-lg-2 strong {
    font-weight: 700;
    font-size: 16px;
    color: #989898;
    margin-bottom: 20px;
    display: block
}

.wapper>.footer .col-lg-2 ul {
    position: relative;
    display: block;
    list-style: none
}

.wapper>.footer .col-lg-2 ul li {
    margin: 0 0 8px
}

.wapper>.footer .col-lg-2 ul li a {
    color: #fff;
    font-size: 14px
}

.wapper>.footer hr {
    border-color: #f1f2f4
}

.wapper>.footer .copyright #copyright {
    display: inline-block;
    margin: 0
}

.wapper>.footer .copyright #copyright br {
    display: none
}

.wapper>.footer .copyright a {
    font-weight: 600
}

.wapper>.footer .copyright p {
    color: #fff;
    display: inline-block;
    margin: 0
}

.wapper>.footer .copyright p span {
    position: relative;
    top: 2px;
    margin: 0 5px;
    color: #a6aebc
}

@media (max-width: 991.99px) {
    .wapper>.footer .copyright p {
        min-height: 30px;
        line-height: 21px
    }

    .wapper>.footer #copyright {
        width: 100%;
        display: block;
        height: 30px !important;
        line-height: 30px !important
    }
}

@media (min-width: 992px) {
    .wapper>.footer #copyright {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        border-left: 1px solid #f1f2f4
    }

    .wapper>.footer .copyright p {
        height: 40px;
        line-height: 40px;
        margin-right: 15px
    }
}

@media (max-width: 991.99px) {
    .wapper>.footer {
        padding-top: 50px;
        width: 72.5%;
        padding-left: 30px
    }

    .wapper>.footer .col-lg-2 ul {
        margin-bottom: 30px
    }
}

@media (min-width: 1200px) {
    .wapper .container {
        max-width: 1300px
    }
}

.forum_info_answer {
    display: flex;
    gap: 7px;
    height: 24px;
    margin-bottom: 10px
}

.wapper .header .auth-in,
.wapper .header .reg-in {
    display: block;
    float: right;
    margin-left: 10px;
    margin-top: 12px
}

.wapper .header .menu-trigger {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
    font-weight: 900;
    text-align: center;
    color: #0a1f44;
    border: 1px solid #e8ebee;
    background-color: #fff;
    float: right;
    margin-left: 10px;
    margin-top: 12px
}

.wapper .header .menu-trigger.collapsed:before {
    content: "\f0c9"
}

.wapper .header .menu-trigger:not(.collapsed):before {
    content: "\f066"
}

@media (min-width: 992px) {
    .wapper .header {
        position: relative
    }

    .wapper .header ul {
        display: block;
        float: left;
        height: fit-content;
        list-style: none;
        margin: 0 0 0 40px;

    }

    .wapper .header ul>li {
        display: block;
        float: left;
        margin: 0 17px;
    }

    .wapper .header ul>li>a {
        font-size: 12px;
        display: block;
        height: 56px;
        color: #333
    }

    .wapper .header ul>li>a:hover {
        font-size: 12px;
        display: block;
        color: #5086ff
    }

    .wapper .header ul.user-menu {
        margin: 6px -8px;
        height: 32px;
        float: right;
        position: relative
    }

    .wapper .header ul.user-menu>li {
        margin: 0 5px
    }

    .wapper .header ul.user-menu>li.balance {
        color: #fff;
        position: relative;
        padding: 9px 7px 9px 50px;
        font-size: 11px;
        font-weight: 600;
        top: 10px;
        margin-left: 15px;
        line-height: 26px;
        margin-right: 5px;
        background: #2f2f2f;
        border-radius: 50px
    }

    .wapper .header ul.user-menu>li.balance i {
        font-size: 13px;
        width: 31px;
        background: linear-gradient(23deg, #865023 0%, #da9256 55%);
        transition: 0.2s;
        height: 31px;
        position: absolute;
        display: flex !important;
        left: 7px;
        top: 6px;
        color: #f0fffd;
        margin-right: 10px;
        border-radius: 50px;
        align-items: center;
        justify-content: center
    }

    .wapper .header ul.user-menu>li.balance span,
    .wapper .header ul.user-menu>li.balance i,
    .wapper .header ul.user-menu>li.balance a {
        display: inline-block
    }

    .wapper .header ul.user-menu>li.balance span,
    .wapper .header ul.user-menu>li.balance i {
        font-size: 14px;
        line-height: 30px
    }

    .wapper .header ul.user-menu>li.balance span {
        font-weight: 600;
        font-size: 11px;
        top: 5px;
        position: relative;
        padding-left: 6px
    }

    .wapper .header ul.user-menu>li.balance i {
        font-weight: 500
    }

    .wapper .header ul.user-menu>li.balance a {
        height: 32px;
        width: 95px;
        margin-top: -7px;
        margin-left: 12px;
        font-size: 10.5px;
        font-weight: 600;
        border-radius: 50px;
        line-height: 14px;
        color: #fff
    }

    .wapper .header ul.user-menu>li.balance a i {
        color: #fff;
        top: -4px;
        left: -3px
    }

    .wapper .header ul.user-menu>li a i.fa-envelope {
        left: -2px
    }

    .wapper .header ul.user-menu>li.collapsible {
        width: 38px;
        position: relative;
        margin-top: 1px;
        margin-left: 20px
    }

    .wapper .header ul.user-menu>li.collapsible>a {
        width: 42px
    }

    .wapper .header ul.user-menu>li.collapsible>a img {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        margin-left: -15px;
        top: -16px;
        position: relative;
        display: block;
        float: left
    }

    .wapper .header ul.user-menu>li.collapsible>a i {
        display: block;
        float: right;
        color: #f000;
        line-height: 30px;
        font-size: 10px
    }

    .collapsible_head {
        padding: 17px;
        background: linear-gradient(9deg, #3c4155 30%, #464c62 100%);
        border-radius: 15px;
        overflow: hidden;
        display: flex;
        gap: 10px;
        margin: 15px 15px 10px 15px;
        align-items: center;
        justify-content: space-between
    }

    .collapsible_head .bxs-door-open {
        color: #ff7a70;
        transition: all 0.2s;
        background: #ff605424;
        width: 35px;
        border: solid 1px #ff665a3b;
        height: 35px;
        cursor: pointer;
        display: flex;
        position: relative;
        font-size: 15px;
        border-radius: 10px;
        justify-content: center;
        align-items: center
    }

    .collapsible_head .bxs-door-open:hover {
        color: #fff;
        background: #ff7a70;
        border: solid 1px #ff7a70
    }

    .collapsible_profile {
        position: relative;
        padding-left: 26%;
        top: 13px
    }

    .wapper .header ul.user-menu>li>a {
        height: 32px;
        width: 32px;
        line-height: 39px;
        text-align: center;
        margin: 0
    }

    .wapper .header ul.user-menu>li>a i {
        color: #696969;
        transition: 0.2s;
        padding: 9px;
        font-size: 20px;
        top: 13px;
        position: relative;
        font-weight: 500
    }

    .wapper .header ul.user-menu>li>a i:hover {
        color: #fff;
        transition: 0.2s;
        font-size: 20px;
        top: 13px;
        position: relative;
        font-weight: 500
    }

    .wapper .header ul.user-menu>li>ul {
        z-index: 1013;
        display: none;
        position: absolute;
        right: calc(100% - 35px);
        width: 330px;
        height: auto;
        list-style: none;
        top: 66px;
        box-shadow: 0 5px 10px #13151a4f;
        border-radius: 20px;
        background: linear-gradient(19deg, #323232 30%, #363636 100%);
        overflow: hidden
    }

    .wapper .header ul.user-menu>li>ul>li {
        text-align: left;
        width: 100%;
        margin: 0
    }

    .wapper .header ul.user-menu>li>ul>li:hover {
        color: #171717
    }

    .wapper .header ul.user-menu>li>ul>li>a {
        font-weight: 600;
        color: #5a6a8c;
        font-size: 11px;
        border-radius: 10px;
        position: relative;
        height: 43px;
        text-overflow: ellipsis;
        transition: 0.2s;
        margin-bottom: 7px;
        overflow: hidden;
        white-space: nowrap;
        padding: 10px
    }

    .wapper .header ul.user-menu>li>ul>li>a:hover {
        background: #212d47
    }

    .header ul.user-menu>li>ul>li>a i {
        color: #5a6a8c;
        font-size: 17px;
        margin-right: 5px;
        transition: .2s all;
        margin-left: 5px;
        position: relative;
        top: 3px
    }

    .header ul.user-menu>li>ul>li>a b {
        color: #5a6a8c;
        font-size: 8px;
        transition: .2s all;
        margin-left: 5px;
        background: #26334e;
        border-radius: 50px;
        position: relative;
        top: -1px;
        padding: 2px 9px
    }

    .wapper .header ul.user-menu>li>ul>li:last-child>a {
        border-bottom: 0
    }

    .wapper .header-menu {
        background-color: #1e263800;
        position: relative;
        border-radius: 10px
    }

    .wapper .header-menu .collapsible-menu {
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: -3px;
        overflow: hidden;
        height: 40px
    }

    .wapper .header-menu .collapsible-menu>li {
        margin: 0;
        padding: 0;
        display: inline-block
    }

    .wapper .header-menu .collapsible-menu>li.collapsible::after {
        font-family: Font Awesome\ 5 Pro;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: .75em;
        vertical-align: -.0667em;
        font-weight: 900;
        content: "\f078";
        position: relative;
        z-index: 10;
        background: #424242;
        color: #828282;
        font-size: 7.4px;
        line-height: 1px;
        width: 16px;
        display: flex;
        height: 16px;
        border-radius: 50px;
        float: left;
        margin-top: 15px;
        margin-right: 10px;
        margin-left: -5px;
        justify-content: center;
        align-items: center
    }

    .wapper .header-menu .collapsible-menu>li>a {
        position: relative;
        display: block;
        height: 48px;
        float: left;
        line-height: 46px;
        font-weight: 600;
        color: #767676;
        font-size: 12px;
        padding: 0 12px
    }

    .wapper .header-menu .collapsible-menu>li>a:hover,
    .wapper .header-menu .collapsible-menu>li>a.open {
        color: #fff
    }

    .wapper .header-menu .collapsible-menu>li:first-child>a {
        padding-left: 0
    }

    .wapper .header-menu .collapsible-menu>li ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 11px;
        position: absolute;
        box-shadow: 0 5px 10px #13151a4f;
        background: linear-gradient(19deg, #323232 30%, #363636 100%);
        min-width: 200px !important;
        z-index: 1011;
        top: 56px;
        border-radius: 15px;
        overflow: hidden
    }

    .wapper .header-menu .collapsible-menu>li ul>li>a:hover {
        font-weight: 600;
        color: #fffff;
        border-radius: 10px;
        font-size: 11px;
        background: #454545;
        display: block;
        transition: .2s all
    }

    .wapper .header-menu .collapsible-menu>li ul>li>a {
        font-weight: 600;
        color: #fff;
        font-size: 11px;
        border-radius: 10px;
        transition: .2s all;
        display: block;
        position: relative;
        height: 45px;
        line-height: 45px;
        padding-left: 15px;
        margin: 0
    }

    .wapper .header-menu .collapsible-menu>li ul>li:last-child>a {
        border-bottom: 0
    }
}

.pays {
    margin-top: 20px
}

.table .table {
    background-color: #1b1b1b00
}

.product_block2 {
    background: #191d28;
    justify-content: space-between;
    max-height: 400px;
    display: flex;
    flex-direction: column
}

.block_flex2 {
    background: #1e1f36;
    justify-content: space-between
}

.product-content {
    width: 450px;
    padding: 0;
    height: 70px;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto
}



.product-content1 {
    width: 450px;
    height: 70px;
    padding: 0;
    text-align: center;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto
}

@media (max-width: 576px) {
    .with_code {

        overflow-wrap: break-word;
        height: 100%;
        font-weight: 600;
        background: rgb(42 43 71 / 0%);
        border-radius: 15px;
        flex: 0 0 auto
    }

    .btn5 {
        background: #303546;
        padding: 10px 10px;
        width: 40px;
        border-radius: 10px
    }

    .product-content {
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgb(42 43 71 / 0%);
        border-radius: 15px;
        flex: 0 0 auto;
        margin-top: 20px
    }

    .product_block2 {
        background: #1e1f36;
        justify-content: space-between;
        max-height: 400px;
        display: flex;
        padding: 0;
        height: 100%;
        margin: 0 auto;
        flex-direction: row-reverse
    }
}

.rules1 {
    background: #272f42;
    padding: 10px 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rules2 {
    background: #272f42;
    padding: 10px 20px;
    border-radius: 11px;
    margin-top: 6px;
    display: flex;
    margin-bottom: 6px;
    justify-content: space-between;
    align-items: center
}

.rules_nakaz {
    font-size: 12px;
    padding: 10px 0 10px 20px;
    width: 210px;
    color: #1f9dd9b0;
    margin-left: 10px;
    border-left: dashed 1px #3d4250;
    font-weight: 700
}

.rules {
    width: 475px;
    display: block;
    font-size: 11px;
    font-weight: 600
}

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

.promo-code {
    margin-top: -20px
}

.last_activ {
    background: #fff0;
    padding: 13px;
    border: solid 1px #2a3346;
    border-radius: 13px;
    margin-bottom: 18px;
    margin-top: 14px
}

.name_sidebar {
    color: #ffff;
    position: relative;
    font-weight: 700;
    text-overflow: ellipsis;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px
}

.heading_block {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
    justify-content: space-between
}

.button_servers {
    display: flex;
    align-items: center;
    right: 18px;
    position: absolute;
    margin-top: -47px
}

.online_scroll .block_online {
    display: none
}

.online_scroll {
    overflow: auto;
    color: #fff0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 129px;
    overscroll-behavior: contain;
}

.online_scroll .user_online_top {
    display: none
}

.online_scroll::-webkit-scrollbar {
    display: none
}

.topic-answers div[id^="answer"] .left-side {
    flex-grow: 3;
    border-radius: 20px;
    float: left;
    width: 27%;
    height: 100%;
    padding: 17px;
    text-align: center
}

.topic-answers div[id^="answer"] .right-side {
    position: relative;
    -webkit-box-flex: 3;
    flex-grow: 3;
    border-radius: 20px;
    float: right
}

.chat_icon {
    background: #ff8b8b;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    display: inherit;
    line-height: 32px;
    margin-left: 9px;
    position: relative;
    margin-right: 10px;
    top: 2px;
    border-radius: 8px
}

.buttons_top {
    display: flex;
    position: relative
}

.money {
    background: #1e2638;
    margin-bottom: 10px;
    border-radius: 13px;
    height: 60px
}

.forum_profile_reaction {
    =: 10px;
    display: flex;
    align-items: center
}

.forum_profile_reaction .bx-heart {
    border-radius: 9px;
    width: 35px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #fff;
    align-items: center;
    justify-content: center
}

.forum_profile_reaction .bx-message-square-detail {
    border-radius: 9px;
    width: 35px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #fff;
    align-items: center;
    justify-content: center
}

.forum_profile_reaction .bx-star {
    border-radius: 9px;
    width: 35px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    height: 35px;
    display: flex;
    font-size: 15px;
    color: #fff;
    align-items: center;
    justify-content: center
}

.reaction_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 15px;
    font-weight: 700;
    margin-left: 10px
}

.button_player {
    border: none;
    background: #293651;
    padding: 10px 15px;
    margin-right: 10px;
    color: #4d5c7b;
    font-weight: 600;
    font-size: 10.5px;
    border-radius: 8px;
    transition: 0.2s
}

.button_player:hover {
    border: none;
    color: #ffff;
    background: #394867;
    padding: 10px 15px;
    margin-right: 10px;
    font-weight: 600;
    font-size: 10.5px;
    border-radius: 8px;
    transition: 0.2s
}

.p_mobile {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: #5a6a8c !important;
    width: 90%;
    margin-top: 4px
}

.span_monile {
    font-size: 12.5px;
    font-weight: 600;
    position: relative
}

.text_online {
    display: flex;
    flex-direction: column;
    align-items: center
}

.black_list_text {
    display: flex;
    flex-direction: column
}

.referal_procent {
    border: none;
    background: #303e5b;
    padding: 11px 35px;
    border-radius: 9px;
    color: #5a6a8c;
    font-size: 11px;
    transition: .2s all;
    font-weight: 600
}

.black_list_button {
    border: none;
    padding: 13px 35px;
    background: linear-gradient(34deg, #e75a50 0%, rgb(255 116 105) 55%);
    border-radius: 10px;
    color: #fff;
    transition: .2s all;
    font-weight: 600
}

.black_list_button:hover {
    opacity: .7
}

.black_list {
    border: solid 1px #404040;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    padding: 17px;
    padding-left: 19px;
    justify-content: space-between;
    align-items: center
}

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

.block_setting_top {
    display: flex;
    padding: 0;
    flex-direction: row;
    justify-content: space-between
}

.block_setting_left {
    width: 40%;
    padding: 0;
    margin-bottom: 0
}

.block_setting_right {
    width: 60%;
    padding: 0;
    margin-left: 20px
}

.block_setting_left1 {
    width: 60%;
    padding: 0;
    margin-bottom: 0
}

.block_setting_right1 {
    width: 40%;
    padding: 0;
    margin-left: 20px
}

.referal_text {
    display: flex;
    flex-direction: column
}

.referal_h1 {
    font-size: 15px;
    margin-bottom: 13px;
    padding-bottom: 13px;
    color: #fff;
    border-bottom: solid 1px #283652
}

.black_list i {
    min-width: 40px;
    height: 40px;
    background: linear-gradient(34deg, #e75a50 0%, rgb(255 116 105) 55%);
    border-radius: 10px;
    display: flex;
    color: #fff;
    margin-right: 11px;
    font-size: 18px;
    align-items: center;
    justify-content: center
}

.copyref {
    border: none;
    font-size: 16px;
    color: #a0a0a0;
    padding-top: 3px;
    transition: .2s all;
    background: #fff0
}

.copyref:hover {
    color: #fff
}

.copy_link {
    background: #585858;
    border-radius: 10px;
    border: dashed 1px #737373;
    display: flex;
    font-size: 12px;
    height: 40px;
    gap: 12px;
    padding: 6px 11px;
    justify-content: space-between;
    align-items: center
}

.copy_link span {
    color: #999999;
    font-weight: 700;
    font-size: 11px
}

.vk_block_setting_exit {
    background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%);
    width: 100%;
    padding: 13px 12px;
    font-size: 10.5px;
    transition: 0.2s;
    font-weight: 600;
    height: 55px;
    color: #fff;
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: space-between
}

.vk_block_setting {
    background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%);
    width: 100%;
    padding: 13px 12px;
    font-size: 10.5px;
    transition: 0.2s;
    font-weight: 600;
    height: 55px;
    color: #fff;
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: flex-start
}

.vk_block_setting:hover {
    opacity: .7
}

.steam_block_setting_exit {
    background: linear-gradient(358deg, #53598687 0%, #535986 55%);
    width: 100%;
    padding: 13px 12px;
    font-size: 10.5px;
    transition: 0.2s;
    font-weight: 600;
    height: 55px;
    color: #fff;
    display: flex;
    border-radius: 11px;
    justify-content: space-between;
    align-items: center
}

.steam_block_setting {
    background: linear-gradient(358deg, #53598687 0%, #535986 55%);
    width: 100%;
    padding: 13px 12px;
    font-size: 10.5px;
    transition: 0.2s;
    font-weight: 600;
    height: 55px;
    color: #fff;
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: flex-start
}

.steam_block_setting:hover {
    opacity: .7
}

.vk_block_setting .bxl-vk {
    font-size: 17px;
    margin-right: 13px;
    height: 36px;
    display: flex;
    background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%);
    width: 36px;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.vk_block_setting_exit .bxl-vk {
    font-size: 17px;
    margin-right: 13px;
    height: 36px;
    display: flex;
    background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%);
    width: 36px;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.steam_block_setting i {
    font-size: 17px;
    margin-right: 13px;
    height: 36px;
    display: flex;
    background: linear-gradient(358deg, #7078ae91 0%, #7078ae 55%);
    width: 36px;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.steam_block_setting_exit .bxl-steam {
    font-size: 17px;
    margin-right: 13px;
    height: 36px;
    display: flex;
    background: linear-gradient(358deg, #7078ae91 0%, #7078ae 55%);
    width: 36px;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.button_vk_login {
    background: #ffffff26;
    padding: 6px 20px;
    border: solid 1px #ffffff26;
    border-radius: 7px;
    color: #ffffff9c;
    font-size: 10px;
    margin-right: -10px
}

.button_vk_login:hover {
    background: #ffffff4a;
    padding: 6px 20px;
    border: solid 1px #ffffff26;
    border-radius: 7px;
    color: #fff;
    margin-right: -10px
}

.button_steam_login {
    background: #ffffff0a;
    padding: 6px 20px;
    border: solid 1px #ffffff0a;
    border-radius: 7px;
    color: #ffffff66;
    font-size: 10px;
    margin-right: -10px
}

.button_steam_login:hover {
    background: #ffffff17;
    padding: 6px 20px;
    border: solid 1px #ffffff1f;
    border-radius: 7px;
    color: #fff;
    margin-right: -10px
}

.succesy_button_player {
    z-index: 2;
    border: none;
    color: #fff;
    background: linear-gradient(23deg, #995d2b 0%, #da9256 55%);
    right: 7px;
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin-top: 26px;
    position: absolute;
    font-weight: 600;
    border-radius: 8px;
    transition: 0.2s
}

.succesy_button_player:hover {
    opacity: .7
}

.succesy_button {
    z-index: 2;
    border: none;
    color: #fff;
    background: linear-gradient(0deg, #454545 30%, #505050 100%);
    right: 42px;
    width: 130px;
    margin-top: 26px;
    border-top: solid 1px #5f5f5fd4;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    padding: 11px 25px;
    transition: 0.2s
}

.succesy_button:hover {
    opacity: .7
}

.succesy_button_forum {
    z-index: 3;
    border: none;
    color: #fff;
    background: linear-gradient(0deg, #464b61 30%, #525770 100%);
    right: 7px;
    width: 130px;
    margin-top: 7px;
    border-top: solid 1px #60657fd4;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    padding: 11px 25px;
    transition: 0.2s
}

.succesy_button_forum:hover {
    opacity: .7
}

.block_search {
    background: #404040;
    height: 50px;
    border-radius: 50px;
    display: flex;
    padding-left: 4px;
    align-items: center
}

.group_sidebar {
    font-size: 11px;
    font-weight: 600;
    color: #757b98
}

.servers-online-max {
    font-size: 7.8px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    margin-top: 37px;
    display: flex;
    margin-left: 27px;
    border: solid 5px #1d233a;
    background: linear-gradient(219deg, #337dff 0%, #005cff 95%);
    width: 29px;
    border-radius: 50px;
    height: 29px;
    justify-content: center;
    align-items: center
}

.play-servers {
    font-size: 8px;
    width: 120px;
    position: relative;
    display: flex;
    background: linear-gradient(360deg, #da9256ad 0%, #da925663 55%);
    color: #fff;
    opacity: 1;
    height: 18px;
    margin-top: 6px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.play-servers:hover {
    opacity: .6;
    color: #fff
}

.button_head_top {
    background: #364f7f;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    transition: 0.2s;
    display: flex;
    height: 37px;
    cursor: pointer;
    width: 102px;
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.button_head_top:hover {
    background: #3d588c;
    color: #fff;
    font-weight: 600;
    transition: 0.2s;
    font-size: 10px;
    display: flex;
    height: 37px;
    width: 102px;
    border-radius: 7px;
    align-items: center;
    justify-content: center
}

.button_head_top i {
    font-size: 12px;
    margin-left: 4px
}

.button_head_top1 {
    background: #666fff2e;
    color: #747cff;
    font-weight: 600;
    font-size: 10px;
    transition: 0.2s;
    display: flex;
    cursor: pointer;
    height: 37px;
    width: 37px;
    border: solid 1px #747cff63;
    border-radius: 9px;
    align-items: center;
    justify-content: center
}

.button_head_top1:hover {
    background: #666fff;
    color: #fff;
    font-weight: 600;
    transition: 0.2s;
    font-size: 10px;
    display: flex;
    height: 37px;
    width: 37px;
    border-radius: 9px;
    align-items: center;
    justify-content: center
}

.button_head_top1 i {
    font-size: 17px
}

.button_head_top2 {
    background: #e5947421;
    color: #e59474;
    font-weight: 600;
    font-size: 10px;
    border: solid 1px #e594743b;
    transition: 0.2s;
    display: flex;
    cursor: pointer;
    height: 37px;
    width: 102px;
    border-radius: 9px;
    align-items: center;
    justify-content: center
}

.button_head_top2:hover {
    background: #e5947433;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    border: solid 1px #e59474a1;
    transition: 0.2s;
    display: flex;
    cursor: pointer;
    height: 37px;
    width: 102px;
    border-radius: 9px;
    align-items: center;
    justify-content: center
}

.button_head_top2 i {
    font-size: 12px;
    margin-left: 4px
}

.online_line_top {
    border-radius: 50px;
    padding: 5px 17px 5px 7px;
    background: linear-gradient(212deg, #ffc4913d 0%, #ffc49117 85%);
    color: #8087a5;
    font-size: 10.2px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    line-height: 18px;
    align-items: center
}

.online_line_top i {
    font-size: 17px;
    color: #ffc491;
    background: #ffc28f30;
    height: 29px;
    width: 29px;
    font-weight: 100;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

@keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 109, 74, .7), 0 0 0 0 rgba(255, 109, 74, .7)
    }

    40% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 109, 74, .7)
    }

    80% {
        box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0)
    }
}

.online_line_top span {
    font-size: 9.9px;
    font-weight: 600;
    color: #ffc491
}

.nomer_rules {
    padding: 10px;
    float: left;
    margin-right: 20px;
    width: 45px;
    font-size: 12px;
    color: snow;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    background: #447eff
}

.name_news {
    font-size: 17px;
    background-clip: text;
    font-weight: 600;
    color: white;
    text-overflow: ellipsis;
    width: 400px;
    overflow: hidden;
    white-space: nowrap;
}

.short_news {
    color: #7f7f7f;
    line-height: 18px;
    font-size: 11px;
    overflow: hidden;
    max-height: 40px;
    height: 40px;
    width: 300px;
    margin-top: 8px;
    margin-bottom: 22px;
    font-weight: 600;
    text-overflow: ellipsis;
}

.view_news {
    color: #a6adcd;
    gap: 10px;
    display: flex;
    border-radius: 12px;
    width: 60px;
    padding: 6px 12px;
    border: solid 1px #344161;
    font-size: 13px;
    align-items: center
}

.line_menu {
    background: #6169ff;
    width: 35%;
    box-shadow: 0 -3px 13px #4f5eff;
    height: 2.1px;
    border-radius: 50px;
    position: relative;
    margin-left: auto;
    top: 14px;
    margin-right: auto
}

#ending {
    display: flex
}

.ending span {
    display: flex;
    font-size: 14px;
    color: #fff;
    padding-left: 4px;
    padding-top: 1px;
    padding-right: 4px;
    margin-right: 5px;
    flex-direction: column;
    align-items: center
}

.ending i {
    font-size: 9px;
    font-style: normal;
    margin-top: -3px;
    color: #6f6f6f;
    text-transform: uppercase
}

.new_news {
    position: absolute;
    z-index: 20;
    background: linear-gradient(34deg, #b86666 0%, #ff8686 55%);
    padding: 1px 9px;
    border-radius: 50px;
    box-shadow: 0 0 20px #fd86862e;
    font-weight: 600;
    text-shadow: #00000096 1px 0 7px;
    font-size: 8.5px;
    color: #fff;
    margin-top: 30px;
    margin-left: 48px
}

.border_absolute {
    height: 116px;
    background: #2b2b2b;
    width: 6px;
    z-index: 1;
    position: absolute;
    margin-left: 62px
}

.first_text_news {
    color: #828282;
    font-weight: 600;
    font-size: 10.5px;
    margin-bottom: -3px
}

.second_text_news {
    font-weight: 600;
    font-size: 11.5px;
    color: #fff;
    padding-left: 1px
}

.news_info_set {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 45px;
    margin-top: -5px
}

.btn_sortition {
    width: 40px;
    height: 40px;
    color: #868686;
    display: flex;
    background: linear-gradient(21deg, #3c3c3c 0%, #494949 55%);
    font-size: 16px;
    align-items: center;
    border-radius: 50px;
    justify-content: center
}

.btn_sortition:hover {
    opacity: .7;
    color: #868686
}

.sortition_lite_banner {
    display: flex;
    align-items: center;
    margin-top: 50px
}

.right_stats_info {
    margin-left: 15px;
    line-height: 17px
}

.flex_balance_mp {
    display: flex;
    align-items: center;
    gap: 10px
}

.flex_balance_mp i {
    width: 35px;
    transition: all 0.2s;
    height: 35px;
    background: linear-gradient(360deg, #da9256ad 0%, #da925663 55%);
    font-size: 15px;
    display: flex;
    color: #fff;
    border-radius: 10px;
    align-items: center;
    justify-content: center
}

.flex_balance_mp span {
    font-weight: 700;
    font-size: 12px
}

.group_name {
    font-size: 11px
}

.activity_name {
    color: #7e7e7e;
    font-size: 11px;
    border-radius: 11px;
    height: 45px;
    padding: 0 25px;
    display: flex;
    background: #303030;
    font-weight: 700;
    align-items: center;
    justify-content: center
}

.prof_l {
    display: flex;
    gap: 15px;
    align-items: center
}

.persobal_card_flex {
    display: flex;
    gap: 15px;
    align-items: center
}

.prof_r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end
}

.prof_r .bxs-door-open {
    color: #ff7a70;
    transition: all 0.2s;
    background: #ff605424;
    width: 40px;
    border: solid 1px #ff665a3b;
    height: 40px;
    cursor: pointer;
    display: flex;
    position: relative;
    font-size: 17px;
    border-radius: 10px;
    justify-content: center;
    align-items: center
}

.prof_r .bxs-door-open:hover {
    background: #ff756b;
    color: #fff
}

.id {
    font-size: 12px !important;
    color: #cacaca !important;
    margin-left: 1px
}

.prof_r_top {
    display: flex;
    gap: 10px
}

.date_short {
    font-size: 10px;
    margin-left: 7px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #757575;
}

.send_comment {
    width: 100%;
    cursor: pointer;
    padding: 5px;
    margin-top: 5px;
    font-size: 10px;
    transition: .2s all;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 50px;
    color: #e6a874;
    border: solid 1px #da92568c;
    background: #da925624;
}

.send_comment:hover {
    box-shadow: 0 0 20px #da92564d;
    background: #da9256;
    border: solid 1px #da9256;
    color: #ffffff
}

.right_profile {
    width: 40%
}

.admin_menu_block {
    display: flex;
    gap: 15px
}

.left_block_admin {
    width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: column
}

.flex_modal_head {
    color: #ffff
}

.flex_merchant_head {
    color: #ffff;
    margin-bottom: 10px
}

.card-btn {
    color: white;
    gap: 10px;
    background: #444444;
    font-size: 11px;
    border-radius: 10px;
    display: flex;
    height: 42px;
    padding: 0 15px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.card-btn:hover {
    color: #ffffff !important;
    background: #4a4a4a;
}

.card-btn-s {
    color: #ffffff !important;
    gap: 10px;
    font-size: 17px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    border-radius: 10px;
    display: flex;
    height: 42px;
    width: 42px;
    transition: 0.2s;
    align-items: center;
    justify-content: center
}

.card-btn-s:hover {
    opacity: .7
}

.flexinfo_card {
    display: flex;
    flex-direction: column
}

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

.activity_last_card {
    font-size: 11px;
    font-weight: 700;
    color: #878787;
}

.btn_admins_menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 7px
}

.admins_img {
    border-radius: 7px !important;
    width: 25px !important;
    height: 25px !important;
    top: 14px !important;
    left: 10px !important
}

.head_text_one {
    font-size: 11px;
    color: #8288a1
}

.head_text_two {
    color: #fff;
    font-size: 12px
}

.btn_setting_admins {
    height: 33px;
    border: none;
    cursor: pointer !important;
    display: flex !important;
    width: 120px !important;
    padding: 0px !important;
    transition: 0.2s;
    background: #da92564f;
    font-weight: 600;
    color: #fff !important;
    font-size: 11px;
    border-radius: 8px;
    align-items: center;
    justify-content: center
}

.btn_setting_admins:hover {
    background: #f3ac7180;
    color: #ffffff !important;
    font-size: 11px
}

.flex_text_head {
    display: flex;
    flex-direction: column;
    line-height: 17px
}

.block_admins_select {
    margin-bottom: 20px;
    padding: 17px;
    padding-bottom: 11px;
    border: solid 1px #424242;
    border-radius: 18px
}

.block_user {
    display: flex
}

.place_search {
    background: #393d5000 !important
}

.line_info_stats {
    height: 2px;
    background: #da9256;
    border-radius: 50px;
    display: block;
    box-shadow: 0 0 20px #da9256;
    width: 100px
}

.bans_muts {
    display: flex;
    gap: 8px;
    align-items: center;
    border: solid 1px #464646;
    border-radius: 14px;
    padding: 8px;
    margin-bottom: 45px;
    width: 280px
}

.active_btn_bans_muts {
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: flex;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    font-weight: 600;
    box-shadow: 0 10px 40px #da92563b;
    border-radius: 11px;
    align-items: center;
    transition: 0.2s;
    justify-content: center
}

.active_btn_stats {
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: flex;
    text-shadow: #00000059 1px 0 11px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    font-weight: 600;
    border-radius: 11px;
    box-shadow: 0 10px 40px #dda66c4a;
    align-items: center;
    transition: 0.2s;
    justify-content: center
}

.btn_bans_muts {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    border-radius: 11px;
    width: 100%;
    color: #838383;
    align-items: center;
    transition: 0.2s;
    justify-content: center
}

.btn_bans_muts:hover {
    color: #fff;
    background: #464646
}

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

.info_block_names {
    background: #3d3d3d;
    display: flex;
    padding: 10px;
    gap: 10px;
    border-radius: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    align-items: center
}

.info_block_names i {
    display: flex;
    width: 36px;
    height: 36px;
    font-size: 16px;
    border-radius: 10px;
    color: #e7b285;
    background: #e7b28533;
    align-items: center;
    justify-content: center
}

.flex_info_block_names {
    display: flex;
    flex-direction: column;
    line-height: 16px
}

.flex_info_block_names i {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 12px;
    border-radius: 0;
    color: #90b9b3;
    background: #66878200
}

.flex_info_block_names img {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 12px;
    position: revert;
    border-radius: 50px;
    margin-right: 3px;
    color: #90b9b3;
    background: #66878200
}

.line_info_stats_r {
    height: 2px;
    background: #f38788;
    border-radius: 50px;
    display: block;
    box-shadow: 0 0 20px #f38788;
    width: 100px
}

.btn_unban {
    margin-bottom: 20px
}

.price_btn {
    background: #da925640;
    padding: 8px 13px;
    color: #f0bc91;
    border-radius: 7px;
    margin-left: 9px;
    margin-right: -10px;
    transition: 0.2s;
    font-size: 10px
}

.text_desp_info {
    color: #8e8e8e;
    font-size: 10.7px
}

.name_info_block {
    font-size: 11px;
    color: #fff;
    padding-left: 1px
}

.svg_sdg {
    width: 31px;
    background: #3a3a3a;
    transition: 0.2s;
    height: 31px;
    display: flex;
    position: relative;
    margin-left: -1px;
    fill: #767676;
    margin-right: 10px;
    border-radius: 50px;
    align-items: center;
    justify-content: center
}

.blocked_text {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 15px;
    color: #fff
}

.left_blocked {
    width: 40%;
    padding: 20px
}

.blocked_desp {
    font-size: 12.5px;
    font-weight: 600;
    color: #777777;
    line-height: 18px;
    position: relative
}

.btns_blocked {
    display: flex;
    gap: 10px
}

.stats_info {
    display: flex;
    transition: 0.2s;
    position: relative;
    letter-spacing: 1px;
    gap: 10px;
    padding: 7px 22px 7px 7px;
    background: rgb(221 166 108 / 10%);
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    color: rgb(250 199 144);
    border-radius: 11px
}

.stats_info i {
    border-radius: 9px;
    font-size: 16px;
    color: rgb(255 201 145);
    display: flex;
    transition: 0.2s;
    padding-left: 1px;
    width: 33px;
    height: 33px;
    background: rgb(252 191 126 / 18%);
    align-items: center;
    justify-content: center
}

.ban_btn_blocked {
    display: flex;
    cursor: pointer;
    transition: 0.2s;
    position: relative;
    letter-spacing: 1px;
    gap: 10px;
    padding: 7px 22px 7px 7px;
    background: rgb(218 146 86 / 20%);
    align-items: center;
    font-size: 10px;
    font-weight: 600;
    color: rgb(235 186 145);
    border-radius: 11px
}

.ban_btn_blocked:hover {
    background: rgb(218 146 86 / 31%);
    color: rgb(255 255 255)
}

.ban_btn_blocked i {
    border-radius: 9px;
    font-size: 16px;
    color: rgb(242 189 145);
    display: flex;
    transition: 0.2s;
    padding-left: 1px;
    width: 33px;
    height: 33px;
    background: rgb(218 146 86 / 25%);
    align-items: center;
    justify-content: center
}

.ban_btn_blocked:hover i {
    color: rgb(255 255 255);
    background: rgb(218 146 86)
}

.report_btn_blocked {
    display: flex;
    transition: 0.2s;
    position: relative;
    letter-spacing: 1px;
    gap: 10px;
    cursor: pointer;
    padding: 7px 22px 7px 7px;
    background: rgb(255 140 140 / 7%);
    align-items: center;
    font-size: 10px;
    color: rgb(255 133 133 / 93%);
    font-weight: 600;
    border-radius: 11px
}

.report_btn_blocked:hover {
    background: rgb(255 140 140 / 30%);
    color: rgb(255 255 255 / 93%)
}

.report_btn_blocked i {
    border-radius: 9px;
    transition: 0.2s;
    font-size: 16px;
    color: rgb(255 133 133 / 93%);
    display: flex;
    padding-left: 1px;
    width: 33px;
    height: 33px;
    background: rgb(224 116 116 / 21%);
    align-items: center;
    justify-content: center
}

.report_btn_blocked:hover i {
    color: rgb(255 255 255 / 93%);
    background: rgb(224 116 116)
}

.head_text {
    font-size: 12px;
    color: #fff
}

.head_desp {
    font-size: 11px
}

.flex_head {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: 4px
}

.mp_flex {
    display: flex;
    gap: 6px;
    margin-bottom: 5px
}

.img_head {
    width: 36px;
    height: 36px;
    transition: 0.2s;
    border-radius: 50px;
    z-index: 1;
    position: relative
}

.img_head:hover {
    opacity: .7
}

.complaint_btn {
    color: #a6acc9;
    font-size: 14px;
    display: flex !important;
    line-height: 0px !important;
    margin-left: -3px !important;
    flex-direction: column-reverse
}

.complaint_btn i {
    display: flex;
    line-height: 0px !important;
    padding: 0px !important;
    top: 0px !important;
    align-items: center;
    justify-content: center
}

.complaint_btn span {
    width: 24px;
    position: relative;
    height: 24px;
    line-height: 0;
    z-index: 900;
    display: flex;
    top: 2px;
    text-align: center;
    font-size: 9px;
    background: linear-gradient(34deg, #bd6e42 0%, #ff975d 55%);
    color: #fff;
    font-weight: 600;
    left: 15px;
    border: solid 3px #1f1f1f;
    border-radius: 50px;
    align-items: center;
    justify-content: center
}

.unban_btn {
    display: flex !important;
    line-height: 0px !important;
    margin-left: -3px !important;
    flex-direction: column-reverse
}

.unban_btn i {
    display: flex;
    line-height: 0px !important;
    padding: 0px !important;
    top: 0px !important;
    align-items: center;
    justify-content: center
}

.unban_btn span {
    width: 24px;
    position: relative;
    height: 24px;
    line-height: 0;
    z-index: 900;
    display: flex;
    top: 2px;
    text-align: center;
    font-size: 9px;
    background: linear-gradient(34deg, #41658a 0%, #6597c9 55%);
    color: #fff;
    font-weight: 600;
    left: 15px;
    border: solid 3px #1f1f1f;
    border-radius: 50px;
    align-items: center;
    justify-content: center
}

.head_btn {
    display: flex;
    flex-direction: column;
    line-height: 16px;
    font-weight: 700
}

.add_admin_btn {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    transition: 0.2s;
    opacity: .6;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    border: none;
}

.add_admin_btn:hover {
    opacity: 1
}

.status_purse_minus {
    color: #ff9494;
    width: 32px;
    background: #f1838324;
    display: flex;
    box-shadow: 0 0 36px #ed71714a;
    border: dashed 1px #ff94949e;
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    border-radius: 10px;
    justify-content: center;
    align-items: center
}

.status_purse_plus {
    color: #52d797;
    width: 32px;
    background: #4acb8d26;
    display: flex;
    box-shadow: 0px 0px 36px #4acb8d4d;
    border: dashed 1px #4acb8dab;
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}

.text-success-custom {
    color: #4dd191;
}


.rihgt_item_td {
    text-align: -webkit-right;
    padding-right: 12px !important;
    overflow: hidden
}

.text-success-custom-minus {
    color: #ff8b8b
}

.text-danger-custom {
    color: #898989;
}

.text-danger-custom .text-danger {
    color: #ffffff !important
}

.text-danger-custom .text-warning {
    color: #ffffff !important
}

.text-danger-custom .text-success {
    color: #ffffff !important
}

.right_td_head {
    text-align: -webkit-right
}

.left_td_head {
    text-align: -webkit-left;
    padding: 0px !important
}

.purse_list {
    height: 352px;
    overflow: auto;
    margin-bottom: 5px
}

.form-group-custom {
    margin-bottom: 15px;
    margin-top: -15px
}

.avatar_edit {
    margin-bottom: 10px;
    display: flex;
    background: linear-gradient(0deg, #40404080 30%, #404040 100%);
    padding: 20px 10px 10px 10px;
    border-radius: 20px
}

.avatar_edit_result {
    width: 100px;
    height: 100px;
    border-radius: 17px
}

.purse_list::-webkit-scrollbar {
    display: none
}

.text_bonuses {
    font-size: 13px
}

.desp_bonuses {
    color: #777777;
    font-size: 11px;
    display: block;
    line-height: 15px
}

.flex_bonuses {
    display: flex;
    flex-direction: column;
    line-height: 17px
}

.flex_user_avatar_edit {
    width: 73%
}

.not_found_multi {
    color: #8f8f8f;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.transparent_tr {
    background: #fff0 !important;
    height: 0px !important
}

.load_image_edit {
    border: none;
    margin-top: 20px;
    background: linear-gradient(23deg, #865023 0%, #da9256 55%);
    color: #fff;
    width: 35%;
    transition: 0.2s;
    cursor: pointer;
    font-weight: 700;
    font-size: 11px;
    border-radius: 9px;
    height: 41px
}

.button_contact_osn {
    height: 36px;
    width: 36px;
    border-radius: 10px;
    border: solid 1px #ffffff1f;
    margin-right: -2px;
    color: #ffffff69;
    transition: 0.2s;
    background: #ffffff1a;
    display: flex;
    font-size: 16px;
    align-items: center;
    justify-content: center
}

.button_contact_osn:hover {
    border: solid 1px #ffffff2b;
    color: #fff;
    background: #ffffff29
}

.load_image_edit:hover {
    opacity: .7
}

.flag_img {
    width: 17px;
    position: relative;
    top: -1px;
}

.today_visit_block {
    background: linear-gradient(1deg, #2f2f2f 30%, #363636 100%);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 18px;
}

.flex_tr_ticket {
    display: flex;
    flex-direction: column;
    line-height: 18px
}

.flex_blocked {
    display: flex;
    flex-direction: column;
    margin-bottom: 55px
}

.flex_visit_horizont {
    display: flex;
    gap: 5px;
    width: 106%;
    flex-wrap: wrap;
    padding-left: 2px;
    font-size: 0px;
    height: 125px;
    overflow: auto;
}

.flex_visit_horizont::-webkit-scrollbar {
    display: none
}

.custom_checkbox_block {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
    font-size: 11.5px;
    font-weight: 700;
    color: #818181;
}

.users_chat_online {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    padding-left: 2px;
    font-size: 0px;
    height: 95px;
    /* overflow: auto; */
    margin-right: 5px;
}

.user-lvl {
    top: 0px !important;
    right: 00px !important;
    position: relative !important;
    background: #da92563d;
    border: 2px solid #da9256 !important;
}

.lvl-profile {
    padding: 0px !important;
    height: auto !important;
}

.lvl-profile-bar {
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ffad68 0, #a56a3a 100%)) !important;
    border-radius: 50px;
}

.lvl-profile-progress {
    height: 15px !important;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #6d6d6d 0, #555555 100%));
    border-radius: 50px;
}

.next_lvl_profile {
    font-weight: 600;
    font-size: 11px;
    color: #9292a0 !important;
}

.lvl-profile-text {
    font-size: 14px !important;
    font-weight: 600;
    padding-top: 0px !important;
}

.flex_lvl_p {
    display: flex;
    flex-direction: column;
    line-height: 16px;
}

.flex_lvl_profile {
    display: flex;
    flex-direction: row-reverse;
    gap: 45px;
    align-items: center;
    margin-bottom: 11px;
}