.badge {
    border: 0px solid transparent;
    border-radius: 2px;
}

.card {
    border: 0px solid transparent;
    border-radius: 6px;
}

.tooltip-left:after,
.tooltip-right:after,
.tooltip-top:after {
    border: 0px solid transparent;
    border-radius: 2px;
}

.badge {
    display: inline-block;
    padding: .35em .6em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    fill: #ffffff;
    color: #ffffff;
    background-color: var(--span-color);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.badge a {
    fill: #ffffff;
    color: #ffffff;
}

@media (min-width: 1130px) {
    .stats-grid-2 {
        display: grid;
        grid-template-columns: 400px 1fr;
        gap: 30px;
    }

    .stats-grid-2 .stats-grid-2-sticky {
        height: min-content;
        top: 75px;
        position: sticky;
    }
}

.number-table {
    display: flex;
    height: 25px;
    min-width: 25px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    align-items: center;
    justify-content: center;
}

.countdown-new {
    color: var(--color-default);
    display: grid;
    gap: 30px;
    text-align: center;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 6px;
    justify-content: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.countdown-new-flex {
    display: flex;
    gap: 30px;
}

.countdown-time {
    display: flex;
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 6px;
    font-size: 25px;
    background: var(--tablcolor);
    border: solid 2px var(--navbar-first-color);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    color: var(--span-color);
    align-items: center;
    justify-content: center;
}

.countdown-text {
    display: block;
    margin-top: 10px;
    font-size: 10px;
    color: var(--color-dark);
    font-weight: 700;
}

.block-info-users {
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    position: relative;
    margin-bottom: 30px;
}

.block-info-users>svg {
    right: 15px;
    position: absolute;
    height: 40px;
    width: 40px;
    fill: var(--span-color);
}

.block-info-users-type {
    display: grid;
    gap: 5px;
}

.block-info-users-type>a {
    font-size: 10px;
}

.block-info-users-text {
    padding: 15px 5px;
    color: var(--color-dark);
    font-size: 10px;
}

.block-info-users-button {
    display: flex;
    height: 40px;
    padding: 0px 30px;
    color: var(--span-color);
    font-weight: 700;
    cursor: pointer;
    transition: .5s;
    background: var(--tablcolor);
    border: solid 2px var(--navbar-first-color);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    margin-left: auto;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
}

.block-info-users-button:hover {
    border-color: var(--span-color);
}

.ReviewsBlock1 {
    display: grid;
    margin-top: 30px;
}

.ReviewsBlockComm {
    display: grid;
}

@media (min-width: 1200px) {
    .ReviewsBlock1 {
        grid-template-columns: repeat(3, 1fr);
    }

    .ReviewsBlockComm {
        grid-column: 1/3;
    }

    .ReviewsBlockAll {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 970px) and (max-width:1200px) {
    .ReviewsBlock1 {
        gap: 30px;
        grid-template-columns: repeat(2, 1fr);
    }

    .ReviewsBlockAll {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 970px) {
    .ReviewsBlock1 {
        gap: 30px;
    }

    .ReviewsBlockComm {
        gap: 30px;
    }
}

.ReviewsBlockComm>h5 {
    line-height: 20px;
    white-space: pre-line;
}

.ReviewsBlockComm .ReviewsBlockSoss {
    display: flex;
    gap: 15px;
}

.ReviewsBlockComm .ReviewsBlockSoss>a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    max-width: 40px;
    width: 100%;
    font-weight: 700;
    color: var(--color-default);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    transition: .5s;
}

.ReviewsBlockComm .ReviewsBlockSoss>a:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

.ReviewsBlockComm .ReviewsBlockSoss>a>svg {
    fill: var(--color-default);
    width: 20px;
    height: 20px;
    transition: .5s;
}

.ReviewsBlockComm .ReviewsBlockSoss>a:hover>svg {
    fill: var(--fon);
}

.ReviewsBlockComm .ReviewsBlockScore {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-left: 5px;
}

.ReviewsBlockComm .ReviewsBlockScore>h1 {
    color: var(--span-color);
}

.ReviewsBlockComm .ReviewsBlockScore>div {
    display: grid;
}

.ReviewsBlockComm .ReviewsBlockScore>div>h6 {
    margin-left: 1px;
    color: var(--color-dark);
}

.ReviewsBlockAdd>h6 {
    margin-left: 1px;
    color: var(--color-dark);
}

.ReviewsBlockAdd>form textarea {
    resize: none;
    padding: 15px;
    margin-top: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    box-sizing: border-box;
    border-radius: 6px;
    width: 100%;
    height: 150px;
    line-height: 20px;
    color: var(--color-default);
}

.ReviewsBlockFormBut {
    display: grid;
    padding: 30px 5px;
    gap: 30px;
    align-items: center;
}

.ReviewsBlockFormBut>button,
.ReviewsBlockFormBut>a.button_steam_auth {
    display: flex;
    cursor: pointer;
    color: var(--fon);
    font-weight: 700;
    background-color: var(--span-color);
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 6px;
}

.ReviewsBlock2 {
    display: grid;
    gap: 30px;
    margin-bottom: 30px;
}

.ReviewsBlock2>h1 {
    text-align: center;
}

.ReviewsBlockAll {
    display: grid;
    gap: 15px;
}

.ReviewsBlockAllBlock {
    position: relative;
    min-height: 100px;
    border-radius: 6px;
    padding: 15px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.ReviewsBlockAllInfo {
    display: grid;
    gap: 15px;
    grid-template-columns: 50px 1fr;
    align-items: center;
}

.ReviewsBlockAllInfo>a>img {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    object-fit: cover;
}

.ReviewsBlockAllText {
    padding: 10px;
    background-color: var(--fon);
    border-radius: 6px;
    margin-top: 15px;
    margin-bottom: 8px;
    height: 80px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 10px;
    white-space: pre-line;
}

.ReviewsBlockAllText::-webkit-scrollbar {
    background-color: var(--fon);
    border-radius: 6px;
    height: 2px;
    width: 2px;
}

.ReviewsBlockAllInfo>div>h5>a {
    color: var(--color-dark);
    transition: .5s;
}

.ReviewsBlockAllInfo>div>h5>a:hover {
    color: var(--span-color);
}

.ReviewsBlockAllText text {
    margin: 0;
    color: var(--color-dark);
    font-size: 10px;
}

.ReviewsBlockAllTime {
    font-size: 8px;
    position: absolute;
    opacity: .1;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, 0px);
}

.ReviewsBlockAllSetting {
    top: 15px;
    right: 15px;
    gap: 5px;
    display: flex;
    position: absolute;
}

.ReviewsBlockAllSetting>a {
    display: flex;
    cursor: pointer;
    font-size: 10px;
    width: 25px;
    height: 25px;
    background-color: var(--fon);
    border-radius: 6px;
    transition: .5s;
    align-items: center;
    justify-content: center;
}

.ReviewsBlockAllSetting>a>svg {
    fill: red;
    height: 15px;
    transition: .5s;
}

.ReviewsBlockAllSetting>a:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

.ReviewsBlockAllSetting>a:hover>svg {
    fill: var(--fon);
}

.rating_reviews {
    overflow: hidden;
    margin: 0 auto;
}

.rating_reviews:not(:checked)>input {
    display: none;
}

.rating_reviews:not(:checked)>label {
    float: right;
    cursor: pointer;
    font-size: 40px;
    line-height: 30px;
    opacity: .1;
    color: var(--color-default);
    transition: .5s;
}

.rating_reviews:not(:checked)>label:before {
    content: '\2605';
}

.rating_reviews>input:checked~label {
    color: gold;
    transition: .5s;
    opacity: 1;
    text-shadow: 1px 1px #c60;
}

.rating_reviews:not(:checked)>label:hover,
.rating_reviews:not(:checked)>label:hover~label {
    opacity: 1;
    color: gold;
}

.rating_reviews>input:checked+label:hover,
.rating_reviews>input:checked+label:hover~label,
.rating_reviews>input:checked~label:hover,
.rating_reviews>input:checked~label:hover~label,
.rating_reviews>label:hover~input:checked~label {
    color: gold;
    text-shadow: 1px 1px goldenrod;
}

.rate-area>label:active {
    position: relative;
}

.ReviewsBlockAllInfo>div>a.gold {
    color: gold;
}

a.span-color {
    color: var(--span-color)
}

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

.ReviewsSelection>a {
    display: flex;
    font-weight: 700;
    color: var(--color-default);
    height: 30px;
    padding: 0px 30px;
    justify-content: center;
    align-items: center;
    transition: .5s;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.ReviewsSelection>a.ReviewsHome {
    border-radius: 6px 0px 0px 6px;
}

.ReviewsSelection>a.ReviewsSettings {
    border-radius: 0px 6px 6px 0px;
}

.ReviewsSelection>a:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

.ReviewsSelection>a.active_rev {
    color: var(--fon);
    background-color: var(--span-color);
}

.settings_block {
    display: grid;
    gap: 30px;
    margin: 30px 0px;
}

.settings_h1 {
    margin-top: 30px;
}

@media (min-width: 800px) {
    .settings_block {
        grid-template-columns: repeat(2, 1fr);
    }

    .ReviewsBlockFormBut {
        grid-template-columns: repeat(2, 1fr);
    }
}

.settings_block .settings_div {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.settings_block .settings_div h2 {
    text-align: center;
    line-height: 60px;
    border-radius: 6px 6px 0px 0px;
    color: var(--color-dark);
    background-color: var(--fon);
    margin-bottom: 15px;
}

.settings_form>div {
    color: var(--span-color);
    font-weight: 700;
    padding: 30px 5px 5px 5px;
}

.settings_form input {
    text-indent: 1em;
    line-height: 40px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 0px 0px;
    width: 100%;
    transition: .5s;
    background-color: var(--fon);
    font-weight: var(--font-weight-2);
    color: var(--color-default);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.settings_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: var(--span-color);
    background: transparent;
    border: solid 2px var(--span-color);
    border-radius: 6px;
    padding: 10px 15px;
    transition: .5s;
}

.settings_btn.width100 {
    width: 100%;
    margin-top: 30px;
}

.settings_btn:hover {
    background-color: var(--span-color);
    color: var(--fon);
}

.settings_bans {
    display: grid;
    gap: 30px;
    height: max-content;
}

.settings_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px;
    justify-content: center;
    align-content: center;
}

.id_ban_del:before {
    font-size: 15px;
    content: '\1F512';
    cursor: pointer;
}

.id_ban_del:hover:before {
    font-size: 15px;
    content: '\1F513';
    cursor: pointer;
}

.text-left {
    text-align: left;
}

.style-tabl-time {
    color: var(--color-dark);
}

.settings_form_label {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 30px;
    justify-content: space-between;
    background-color: var(--fon);
    border-radius: 6px;
    padding: 15px;
}

.settings_form_label>div {
    color: var(--color-dark);
    font-weight: 700;
}

.settings_form_label input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.settings_form_label>label {
    cursor: pointer;
    width: 50px;
    height: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    display: block;
    border-radius: 6px;
    position: relative;
    transition: .5s;
}

.settings_form_label label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 6px;
    transition: .5s;
}

.settings_form_label input:checked+label {
    background-color: #1ad008;
    transition: .5s;
}

.settings_form_label input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.settings_form_label label:active:after {
    width: 15px;
}

#settings_reviews {
    padding: 0px 15px 15px 15px;
}

#settings_bans {
    padding: 0px 15px 15px 15px;
}

.settings_table {
    display: flex;
    flex-direction: column;
    padding: 0px 15px;
}

.settings_info {
    display: flex;
    gap: 15px;
    padding: 15px;
    justify-content: center;
    align-items: center;
}

.settings_info_line {
    color: var(--top-text-color);
    font-size: 14px;
}

.settings_info_value {
    font-size: 14px;
}

.box-admins-block {
    border-radius: 6px;
    height: 160px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.box-admins-banner {
    width: 100%;
    height: 50%;
    border-radius: 6px;
    opacity: .3;
    object-fit: cover;
}

.box-admins-mini {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-admins-roles {
    margin-top: 15px;
    position: absolute;
    margin-left: 105px;
    color: #ff0000;
    font-weight: 700;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 6px;
    transition: .5s;
    background: linear-gradient(25deg, #ff0000 -150%, var(--fon) 50%);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border: solid 2px var(--navbar-first-color);
}

.box-admins-warns {
    position: relative;
    width: 100%;
}

.admins-warns {
    position: absolute;
    right: 15px;
}

h6 .warns0 {
    color: var(--color-default);
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #4caf50;
}

h6 .warns1 {
    color: var(--color-default);
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #0172ff;
}

h6 .warns2 {
    color: var(--color-default);
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #dfce00;
}

h6 .warns3 {
    color: var(--color-default);
    padding: 2px 10px;
    border-radius: 6px;
    background-color: #fe0000;
}

.box-admins-a {
    margin-top: -30px;
    margin-left: 20px;
}

.box-admins-social {
    display: flex;
    gap: 15px;
    margin-top: 5px;
    margin-right: 30px;
}

.box-admins-block3 {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    margin: 15px 15px 0 15px;
    white-space: nowrap;
}

.box-admins-block2 {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    margin: 15px 15px 0 15px;
    white-space: nowrap;
}

.box-admins-block3 h6,
.box-admins-block2 h6 {
    text-align: center;
    color: var(--color-dark);
    background-color: var(--fon);
    padding: 5px 10px;
    border-radius: 6px;
    width: 100%;
}

.role-project {
    margin-left: 5px;
    margin-bottom: 30px;
}

.role-project-admins {
    margin-left: 5px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.box-admins-server {
    position: relative;
    z-index: 1;
}

.server-offline {
    background-color: var(--navbar-first-color);
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 10px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.server-online {
    background-color: var(--navbar-first-color);
    padding: 1px 5px;
    border-radius: 6px;
    font-size: 10px;
    color: #1ad008;
    position: absolute;
    top: 10px;
    right: 10px;
}

.icon-img-setting {
    position: absolute;
    color: var(--color-default);
    right: 10px;
    top: 55px;
    transition: .5s;
}

.icon-img-setting:hover {
    color: var(--span-color);
}

copy {
    cursor: pointer;
    transition: .5s;
}

copy:hover {
    color: var(--span-color);
}

.msg {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    width: 100%;
    font-size: 84%;
    margin: 0 auto;
    line-height: 30px;
    font-weight: 400;
    border-radius: 6px;
    border: 1px solid var(--border-bottom-color);
    color: var(--color-default);
    transition: .5s;
}

.msg:hover {
    box-shadow: 3px 0px var(--span-color-addit), -3px 0px var(--span-color-addit);
    border-radius: 6px;
}

.menu-header {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.menu-header h5 {
    font-weight: var(--font-weight-3);
    font-size: 18px;
    margin-bottom: 20px;
}

.align-center {
    margin: 25px auto;
}

.dd-handle {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: var(--default-text-color);
    text-decoration: none;
    font-weight: bold;
    background-color: var(--hover);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .5s ease;
}

.module_setting {
    float: right;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    opacity: .2;
    transition: .5s;
}

.module_setting:hover {
    opacity: 1;
}

a {
    color: var(--span-color);
    text-decoration: none;
    background-color: transparent;
}

.input-form {
    position: relative;
    text-align: left;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 100%;
}

.search_rule1 {
    color: #abb2c6;
    font-weight: bold;
    border-radius: 6px;
    border: 1px dashed var(--navbar-first-color);
    min-width: -webkit-fill-available;
    margin-top: 10px;
    transition: .3s;
}

.input-form input {
    font-size: 12px;
    text-indent: 1em;
    font-weight: var(--font-weight-2);
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.sidebar-right .sidebar {
    position: relative;
    width: 220px;
}

.section i {
    color: var(--default-text-color);
}

.unshow {
    width: 0px !important;
}

.close {
    bottom: 6px;
    position: relative;
    padding-top: unset !important;
    padding-left: unset !important;
}

#notes {
    position: fixed;
    display: grid;
    gap: 10px;
    top: 60px;
    cursor: default;
    transition: height .5s ease-in-out;
    -webkit-transition: height .5s ease-in-out;
    z-index: 10000;
    width: 100%;
}

#notes .note-item {
    border-radius: 6px;
    padding: 10px 10px;
    position: relative;
    width: 100%;
    z-index: 10001;
    max-width: 400px;
    margin: auto auto auto auto;
    font-weight: 600;
    line-height: 1.5;
    min-height: 40px;
    box-shadow: 0 0 2px rgb(93 92 92 / 60%);
}

@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}

#notes .note-item[data-show="false"] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}

#notes .note-item[data-type="info"] {
    background-color: #375e97;
}

#notes .note-item[data-type="warn"] {
    background-color: var(--span-color);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type="error"] {
    background-color: rgba(194, 16, 0, 0.95);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

#notes .note-item[data-type="success"] {
    background-color: #009d09;
}

#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    text-align: center;
    -moz-flex: auto;
    -ms-flex: auto;
}

#notes .note-item .note-item-btn {
    position: absolute;
    color: #fff;
    background: 0;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: .5s;
}

#notes .note-item .note-item-btn::before {
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    position: absolute;
    right: 5px;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0) t;
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}

.gateways {
    display: none;
    transition: .5s;
}

.gateways-label:hover .form-pay-vibor {
    opacity: 1;
    background-color: var(--navbar-first-color);
}

.gateways-label:hover .form-pay-vibor img {
    opacity: 1;
}

.form-pay-vibor img {
    opacity: .3;
    transition: .5s;
    height: 50px;
    width: 100%;
}

input.gateways:checked+label.gateways-label div.form-pay-vibor {
    background: var(--tablcolor);
}

input.gateways:checked+label.gateways-label div.form-pay-vibor img {
    opacity: 1;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.text-center {
    text-align: center !important;
}

.user_pays {
    max-height: 300px;
    overflow-y: scroll;
    width: 100%;
    top: 15px;
    position: relative;
}

.checkbox-rules {
    display: none;
}

.wrapper_accept_rules {
    min-height: 60px;
    max-width: 500px;
    margin: auto;
    display: block;
    padding: 0 30px;
    margin-bottom: 20px;
    margin-top: -30px;
}

.checkbox-rules:checked+.label_accept_rules::before {
    width: 10px;
    top: -6px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.label_accept_rules {
    font-size: 12.5px;
    color: var(--color-dark);
    user-select: none;
    position: relative;
    width: fit-content;
    display: block;
    margin-left: 5px;
    padding-left: 30px;
    cursor: pointer;
}

.label_accept_rules::before {
    content: '';
    top: -1px;
    cursor: pointer;
    border-radius: 6px;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--span-color);
    position: absolute;
    left: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.al_ruleppp {
    background-color: var(--span-color);
    transition: .5s;
    color: var(--fon);
    border-radius: 6px;
    text-align: center;
}

.al_ruleppp:hover {
    box-shadow: var(--span-color-back) 5px 5px;
    border-radius: 2px;
}

.modalDialog1 {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modalDialog1:target {
    display: block;
    pointer-events: auto;
}

.modalDialog1>div {
    position: relative;
    background-color: var(--fon);
    margin: auto;
    max-width: 800px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    box-shadow: 0 0 10px rgba(93, 92, 92, 0.6);
    padding: 20px 20px 20px 20px;
    border-radius: 6px;
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close {
    bottom: 6px;
    position: relative;
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

text {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.shop-widget__btn {
    height: 40px;
    font-size: 14px;
    padding: 0 30px;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.app-btn_theme_first {
    color: var(--color-default);
    background-color: #41434a;
    border-color: #41434a;
}

.app-btn,
.app-btn__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.shop-widget__items-list {
    margin: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 600px) {
    .shop-widget__item {
        padding: 10px;
        width: 25%;
    }
}

@media (max-width: 600px) {
    .shop-widget__item {
        padding: 10px;
        width: 50%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1343px) {
    .shop-vip-card {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.shop-vip-card {
    display: block;
    height: 241.5px;
    border-radius: 8px;
    border: 2px solid rgba(93, 92, 92, 0.2);
    padding: 0 14px 14px;
    position: relative;
    z-index: 1;
    background-color: var(--sidebar-color);
    overflow: hidden;
    color: var(--color-default);
}

.shop-vip-card__body,
.shop-vip-card__img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-vip-card__body {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: inherit;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-transform: translateY(55px);
    transform: translateY(55px);
}

.shop-vip-card__img-container {
    height: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: -35px;
    width: 100%;
}

.shop-vip-card__body,
.shop-vip-card__img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -14px;
}

.shop-vip-card__img {
    max-height: 100%;
    max-width: 100%;
}

.shop-vip-card__name {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 25px;
}

.shop-vip-card__toolbar {
    height: 35px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1);
    transition: transform .3s cubic-bezier(.25, .8, .5, 1), -webkit-transform .3s cubic-bezier(.25, .8, .5, 1);
}

.app-btn_theme_third,
.app-btn_theme_third:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

.app-btn,
.app-btn__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.app-btn {
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    border: 2px solid transparent;
    border-radius: 4px;
    margin: 0;
    padding: .20em .9em;
    transition: .5s;
}

.app-btn__content {
    -ms-flex-align: center;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border-radius: inherit;
    height: 100%;
    z-index: 3;
}

.app-btn,
.app-btn__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 1343px) {
    .shop-vip-card__gradient {
        left: -20px;
    }
}

.shop-vip-card__gradient {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
}

.shop-vip-card__bg,
.shop-vip-card__gradient,
.shop-vip-card__shine {
    pointer-events: none;
}

.shop-vip-card__shine {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(45%, hsla(0, 0%, 100%, .2)), color-stop(45%, transparent));
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .2) 45%, transparent 0);
    -webkit-transform: translateX(-40%) skew(40deg);
    transform: translateX(-40%) skew(40deg);
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

.shop-vip-card__bg,
.shop-vip-card__gradient,
.shop-vip-card__shine {
    pointer-events: none;
}

.shop-vip-card__bg {
    position: absolute;
    z-index: -3;
    top: 0;
    right: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.shop-vip-card__bg,
.shop-vip-card__gradient,
.shop-vip-card__shine {
    pointer-events: none;
}

.shop-vip-card:focus .shop-vip-card__img,
.shop-vip-card:hover .shop-vip-card__img {
    -webkit-animation: wave 2.5s linear infinite;
    animation: wave 2.5s linear infinite;
}

.shop-vip-card:focus,
.shop-vip-card:hover {
    text-decoration: none;
    outline: none;
    box-shadow: 3px 0px var(--span-color), -3px 0px var(--span-color);
}

.app-link:hover,
a:hover {
    text-decoration: none;
}

.shop-vip-card:focus .shop-vip-card__body,
.shop-vip-card:hover .shop-vip-card__body {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}

.shop-vip-card:focus .shop-vip-card__toolbar,
.shop-vip-card:hover .shop-vip-card__toolbar {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}

.app-btn_theme_third:hover {
    box-shadow: 0 0 13px var(--knopka);
    transition: .5s;
}

.app-btn:hover {
    text-decoration: none;
}

.shop-vip-card:focus .shop-vip-card__shine,
.shop-vip-card:hover .shop-vip-card__shine {
    -webkit-transform: translateX(140%) skew(40deg);
    transform: translateX(140%) skew(40deg);
    opacity: 1;
}

@media (min-width: 0) {
    .flex.xs12 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

.child-flex>*,
.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
}

.app-btn_theme_first:hover {
    color: var(--color-default);
    background-color: #0654a7;
    border-color: #0654a7;
}

@media (max-width: 600.00px) {
    .avabalance {
        position: absolute;
        top: 540px;
        right: 0px;
        text-align: center;
    }
}

@media (min-width: 600.00px) and (max-width:767.00px) {
    .avabalance {
        position: absolute;
        top: 550px;
        right: 0px;
        text-align: center;
    }
}

@media (min-width: 767.00px) {
    .avabalance {
        position: absolute;
        top: 552px;
        right: 29%;
        text-align: center;
    }
}

.lksteamgg {
    color: var(--color-dark);
    font-size: 12px;
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}

.form-pay-table {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    gap: 15px;
}

.form-pay-vibor {
    cursor: pointer;
    border-radius: 6px;
    padding: 10px;
    background-color: var(--fon);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border: solid 2px var(--navbar-first-color);
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.form-pay-vibor b {
    position: absolute;
    color: #90edb3;
    font-size: 8px;
    top: 5px;
    right: -2px;
    padding: 0px 5px;
    border-radius: 3px 0px 0px 3px;
    background-color: hsl(143deg 72% 75% / 10%);
}

.form-pay-summa-text {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.form-pay-summa-text:before {
    border-bottom: 2px dashed var(--navbar-first-color);
    bottom: -5px;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.form-pay-summa-title {
    color: var(--color-dark);
}

.form-pay-summa-sum {
    color: var(--color-default);
    font-weight: 700;
}

@media only screen and (max-width: 768px) {
    .form-pay-summa {
        margin-top: 30px;
    }

    div .margin-bottom {
        padding: 0px 20px;
    }

    div .margin-bottom40 {
        margin-bottom: 30px;
        padding: 0px 15px;
        justify-content: center;
    }

    .form-pay-center {
        padding: 0px 15px;
    }

    .block-center {
        padding: 0px 15px;
        margin-top: 0px;
    }
}

@media (min-width: 768px) {
    div .margin-bottom {
        margin: 40px 0px 20px 0px;
    }

    div .margin-bottom40 {
        margin-bottom: 40px;
        justify-content: center;
    }

    .severtb-lk {
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 15px;
    }
}

@media (min-width: 850px) {
    .form-pay-center-knopka {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.topdonat1 {
    font-size: 10px;
    color: #ffd700;
}

.topdonat2 {
    font-size: 10px;
    color: #c0c0c0;
}

.topdonat3 {
    font-size: 10px;
    color: #cd7f32;
}

.pay-status-modal {
    font-size: 100px;
    color: #1ad008;
    margin: -30px 0px;
}

.margin-20-end {
    margin-top: 20px;
}

.text-stasus-modal {
    color: var(--link-second-navbar-color);
    margin: 20px 0px;
    letter-spacing: 1px;
}

.support-stasus-modal {
    color: var(--color-default);
    transition: .5s;
    text-decoration: underline;
}

.support-stasus-modal:hover {
    color: var(--span-color);
    text-decoration: underline;
}

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

@media (min-width: 800px) {
    .voucher_check {
        margin-left: 35%;
    }
}

.vс_input {
    width: 250px !important;
    height: 25px !important;
    padding: 6px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.vc_activate_btn {
    margin-left: 10px;
    border-radius: 6px;
    height: 30px;
    font-weight: bold;
    font-size: 20px;
}

.card-tabs {
    display: flex;
    flex-direction: column;
}

.admin_tab_button {
    height: 25px;
    padding: 15px;
    background-color: #00000000;
    color: #a9a9a9;
    text-align: left;
    border-radius: 6px;
    cursor: pointer;
}

.admin_tab_button:hover {
    background-color: #00000015;
}

.card-tabs-content {
    background-color: var(--navbar-color);
    padding: 20px;
}

.admin_tab_content {
    display: none;
}

.admin_tab_content_block {
    animation: .5s slideup;
}

.tab_active {
    display: block !important;
}

.tab_active_button {
    background-color: var(--sidebar-color) !important;
    cursor: default;
    color: white;
}

.vc-setting-block {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 6px;
}

.vc-setting-img img {
    width: 50px;
}

.vc-setting-img .zmdi {
    display: flex;
    font-size: 30px;
}

.vc-setting-text {
    display: flex;
    margin-left: 8px;
    flex-direction: column;
}

.vc-setting-button-block {
    margin-left: auto;
}

.vc-setting-button-block .zmdi {
    font-size: 35px;
}

.vc-disable {
    display: none;
}

.vc-enable {
    display: block !important;
}

.tipo-settings,
.tipo-pod-settings {
    margin-top: 10px;
}

.tipo-page,
.tipo-pod-page {
    display: none;
}

#vc-block-hover:hover {
    background-color: var(--hover);
    cursor: pointer;
}

@keyframes slideup {
    from {
        margin-top: 25px;
    }

    to {
        margin-left: 0;
    }
}

.btn-back {
    cursor: pointer;
    padding: 10px;
    background-color: var(--sidebar-color);
    color: var(--default-text-color);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    transition: .5s;
}

.btn-back:hover {
    transition: .5s;
    background-color: var(--default-text-color-invert);
}

.vc-card-header-1 h1 {
    color: var(--top-text-color);
}

.vc-card-header-1 p {
    color: var(--table-line);
    margin: 0;
}

.vc-card-header-1 {
    float: left;
}

.vc-card-header-2 {
    float: right;
}

.vc_card_server {
    padding: 14px 10px;
    padding-left: 20px;
    width: 100%;
    background-color: var(--hover);
    box-shadow: 0px 3px 1px 0px var(--default-text-color-invert);
    transition: .5s;
    display: block;
    border-radius: 5px;
    font-weight: bold;
    color: var(--top-text-color);
    margin-bottom: 10px;
    cursor: pointer;
}

.vc_back {
    padding: 10px;
    background-color: var(--sidebar-color);
    color: var(--default-text-color);
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    transition: .5s;
}

.vc_back:hover {
    background-color: var(--default-text-color-invert);
}

.vc_card_server>i.arrow {
    float: right;
    font-size: 24px;
}

.vc_server_acc_container>.vc_server_acc {
    width: 100%;
    border-radius: 5px;
    margin: 8px 0;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name {
    padding: 20px;
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    user-select: none;
    transition: .5s;
    border: 1px solid transparent;
    background-color: var(--navbar-first-color);
    border-radius: 6px;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name:hover {
    background-color: var(--hover);
    border-radius: 5px;
    border: 1px solid #ffffff14;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_content {
    padding: 20px;
    display: none;
    border-top: 1px solid var(--navbar-color);
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>i.name-i {
    float: left;
    margin-right: 20px;
    font-size: 25px;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>i.arrow {
    position: absolute;
    right: 30px;
    font-size: 25px;
    color: #ffffff4f;
    transition: .5s;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name:hover>i.arrow {
    color: var(--color-default);
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>.vc_server_acc_name_content {
    display: flex;
    flex-direction: column;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>.vc_server_acc_name_content>span {
    margin-top: -6px;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-dark);
}

.vc_servers_head>div[data-removename] {
    color: var(--color-default);
    margin-left: 10px;
    cursor: default;
}

.vc_servers_head>div[data-removename]>i {
    margin-right: 10px;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>label {
    cursor: pointer;
    text-indent: -9999px;
    width: 50px;
    height: 25px;
    background-color: var(--default-text-color-invert);
    display: block;
    border-radius: 100px;
    border: 1px solid var(--table-line);
    position: absolute;
    right: 20px;
    transition: .5s;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    width: 15px;
    height: 15px;
    background-color: var(--color-default);
    border-radius: 90px;
    transition: .5s;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>input:checked+label {
    background-color: var(--table-line);
    transition: .5s;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>input:checked+label:after {
    background-color: #000;
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.vc_server_acc_container>.vc_server_acc>.vc_server_acc_name>label:active:after {
    width: 22px;
}

.vc_input {
    width: 100%;
    position: relative;
    margin: 10px 0;
}

.vc_input>.vc_input_text {
    margin-bottom: 5px;
    color: #ffffff57;
    font-size: 14px;
}

.vc-new-btn {
    background-color: #2d2d2d;
    border-radius: 5px;
    transition: .5s;
    padding: 6px 15px;
    border: 1px solid #ffffff12;
    cursor: pointer;
    color: #ffffff94;
    font-size: 14px;
}

.vc-new-btn:hover {
    transition: .5s;
    color: var(--default-text-color);
    background-color: #1f1f1f;
}

.demo_server_acc_container>.demo_server_acc {
    width: 100%;
    border-radius: 5px;
    margin: 8px 0;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name {
    padding: 20px;
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    user-select: none;
    transition: .5s;
    border: 1px solid transparent;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name:hover {
    background-color: var(--hover);
    transition: .5s;
    border-radius: 5px;
    border: 1px solid #ffffff14;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_content {
    padding: 20px;
    display: none;
    border-top: 1px solid var(--navbar-color);
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name>i.name-i {
    float: left;
    margin-right: 20px;
    font-size: 25px;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name>i.arrow {
    position: absolute;
    right: 30px;
    font-size: 25px;
    color: #ffffff4f;
    transition: .5s;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name:hover>i.arrow {
    color: var(--color-default);
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name>.demo_server_acc_name_content {
    display: flex;
    flex-direction: column;
}

.demo_server_acc_container>.demo_server_acc>.demo_server_acc_name>.demo_server_acc_name_content>span {
    margin-top: -6px;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-dark);
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.zoloto-color-lk {
    color: #fdb510
}

.lk-history-blocks {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    position: relative;
    overflow: hidden;
    user-select: none;
    display: flex;
    gap: 20px;
}

.lk-history-blocks:before,
.lk-history-blocks:after {
    content: "";
    height: 100%;
    top: 0;
    width: 10%;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.lk-history-blocks:before {
    left: 0;
    background: linear-gradient(90deg, var(--fon) 0%, rgba(255, 255, 255, 0) 100%);
}

.lk-history-blocks:after {
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--fon) 100%);
}

.marquee {
    animation: scroll 50s linear infinite;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-100% - 20px));
    }
}

.lk-history-blocks:hover .marquee {
    animation-play-state: paused;
}

.lk-history-div {
    flex-shrink: 0;
    display: flex;
    gap: 20px;
    counter-reset: item;
    justify-content: space-around;
    min-width: 100%;
}

.lk-history-block {
    white-space: nowrap;
    color: var(--color-dark);
    font-size: 12px;
    line-height: 40px;
}

.lk-history-block a {
    font-weight: 700;
    color: var(--color-default);
    transition: .5s;
}

.lk-history-block a:hover {
    color: var(--span-color);
}

.lk-history-block b {
    font-weight: 700;
    color: var(--color-default);
}

@media (min-width: 1075px) {
    .lk-blocks-new {
        display: grid;
        gap: 100px;
        padding: 100px 100px 0px 100px;
        grid-template-columns: 1fr 1fr;
        position: relative;
    }

    .block-pay-new-button-2 {
        display: none;
    }

    .glava-pay-new {
        position: absolute;
        top: 40px;
    }

    .block-top-1 {
        -ms-flex-order: 2;
        order: 2;
        transform: translateY(-30px);
    }

    .block-top-2 {
        -ms-flex-order: 1;
        order: 1;
    }

    .block-top-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .top-3-glava {
        text-align: center;
    }

    .top-3-blocks {
        display: grid;
        gap: 30px;
        padding: 0px 100px;
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1075px) {
    .glava-pay-new {
        margin-bottom: 30px;
    }

    .top-3-glava {
        margin-top: 30px;
        margin-bottom: -30px;
        text-align: center;
    }

    .top-3-blocks {
        display: grid;
        gap: 30px;
        width: 100%;
    }

    .form-pay-vibor {
        height: 80px;
    }

    .block-pay-new-button-1 {
        display: none;
    }
}

.lk-blocks-new-2-pay {
    display: grid;
    gap: 10px;
    margin: 15px 0px 30px 0px;
    border-radius: 6px;
    border: solid 2px var(--navbar-first-color);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    padding: 15px;
}

.top-3-center {
    display: flex;
    justify-content: center;
    margin: 60px 0px 30px 0px;
}

.top3-lk-block {
    background: var(--tablcolor);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border: solid 2px var(--navbar-first-color);
    display: flex;
    gap: 10px;
    border-radius: 6px;
    height: 60px;
    padding: 10px;
    transition: .5s;
    align-items: center;
}

.top3-lk-block:hover,
.top3-lk-block:hover>img {
    border: solid 2px var(--span-color);
}

.top3-lk-block:hover .top3-lk-block-info>stats {
    color: var(--span-color);
}

.top3-lk-block>img {
    border-radius: 6px;
    height: 40px;
    width: 40px;
    object-fit: cover;
    transition: .5s;
    border: solid 2px var(--navbar-first-color);
}

.top3-lk-block-num {
    margin-left: auto;
    text-shadow: -1px -1px 0 var(--fon), 1px -1px 0 var(--fon), -1px 1px 0 var(--fon), 1px 1px 0 var(--fon);
    white-space: nowrap;
    font-weight: 700;
    font-size: 8px;
    margin-right: -10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.top3-lk-block-info {
    display: grid;
}

.top3-lk-block-info>b {
    color: var(--color-default);
    font-size: 12px;
}

.top3-lk-block-info>stats {
    font-size: 8px;
    font-weight: 700;
    transition: .5s;
    color: var(--color-dark);
}

.text-description {
    color: var(--color-dark);
    white-space: pre-line;
}

@media (max-width: 700px) {
    .information-block {
        display: grid;
        gap: 30px;
    }

    .support-right-main-title {
        text-align: center;
    }
}

@media (min-width: 700px) {
    .information-block {
        display: grid;
        gap: 30px;
        grid-template-columns: 300px 1fr;
    }

    .information-menu {
        position: sticky;
    }
}

.information-menu {
    display: grid;
    height: min-content;
    gap: 10px;
    top: 75px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    padding: 15px;
    border-radius: 6px;
}

.information-point {
    display: flex;
    gap: 10px;
    font-weight: 700;
    align-items: center;
    cursor: pointer;
    color: var(--color-dark);
    height: 40px;
    padding: 5px 10px;
    border-radius: 6px;
    transition: .5s;
    user-select: none;
}

.information-point svg {
    width: 20px;
    height: 20px;
    fill: var(--color-dark);
    transition: .5s;
}

.information-point.active-point {
    color: var(--fon);
    background-color: var(--span-color);
}

.information-point:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

.information-point.active-point svg {
    fill: var(--fon);
}

.information-point:hover svg {
    fill: var(--fon);
}

.information-info {
    display: grid;
    gap: 15px;
    height: max-content;
}

.outer-support {
    display: flex;
}

.outer-support-left {
    user-select: none;
    position: sticky;
    width: 25%;
    top: 75px;
    height: min-content;
    padding: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
}

.outer-support-right {
    display: flex;
    padding: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    flex-direction: column;
}

.outer-download {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.outer-download i,
.server-download i {
    font-size: 40px;
    color: var(--color-dark);
}

.outer-support-left-cat-item-title {
    cursor: pointer;
    padding: 10px;
    border-radius: 6px;
    color: var(--color-dark);
    font-weight: 700;
    transition: .5s;
}

.outer-support-left-cat-item-title.active {
    color: var(--fon);
    background-color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-title:hover {
    color: var(--color-default);
    transition: .5s;
}

.outer-support-left-cat-item-title>i {
    margin-right: 5px;
}

.outer-support-left-cat-item-outher {
    border-left: solid 1px var(--span-color);
    padding: 10px 20px 0px 20px;
    margin: 0px 15px 10px 10px;
}

.outer-support-left-cat-item-outher.disable {
    display: none;
}

.outer-support-left-cat-item-outher-text {
    cursor: pointer;
    font-weight: 700;
    transition: .5s;
    color: var(--color-dark);
    padding: 5px 0 5px 0;
}

.outer-support-left-cat-item-outher-text:hover {
    color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-outher-text.active {
    color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-outher-text.active:hover {
    color: var(--span-color);
    transition: .5s;
}

.support-right-content {
    display: grid;
    margin-top: 15px;
    gap: 15px;
    font-size: 10px;
    margin-bottom: auto;
    color: var(--color-dark);
}

.support-right-content h3 {
    color: var(--color-default);
    padding: 15px 5px 5px 5px;
}

.support-right-content.disable {
    display: none;
}

.support-right-main-title.disable {
    display: none;
}

.support-right-content-spisor-outer-item {
    display: flex;
    gap: 15px;
    align-items: baseline;
}

.support-right-content-spisor-number {
    border-radius: 6px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    background-color: var(--fon);
    display: flex;
    color: var(--color-default);
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: .5s;
}

.support-right-content-spisor-text {
    white-space: pre-line;
    color: var(--color-dark);
    transition: .5s;
}

.support-right-content-spisor-text .dop-text {
    color: var(--span-color);
    margin-left: 5px;
}

.support-right-content-termins-outer-item {
    margin-bottom: 10px;
}

.support-right-content-temins-span {
    display: inline-block;
    border-radius: 6px;
    padding: 5px 10px;
    margin-right: 5px;
    background-color: var(--fon);
}

.support-flexotext {
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    background-color: var(--fon);
    color: var(--span-color);
}

.support-right-button-content {
    display: block;
    padding: 10px 20px 10px 20px;
    background-color: var(--span-color);
    width: max-content;
    border-radius: 6px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: var(--fon);
}

.rules-sroki {
    background-color: var(--fon);
}

.rules-table {
    background: var(--tablcolor) !important;
}

.rules-table th {
    color: var(--color-default) !important;
}

.news-blocks-test {
    margin-bottom: 10px;
    flex-direction: column;
    display: grid;
}

.news-fon-text-v2 {
    background-color: var(--fon);
    color: var(--color-dark);
    border-radius: 6px;
    padding: 15px;
    min-height: 300px;
    overflow-x: auto;
}

.news-vk-date-v2 {
    position: absolute;
    top: 10px;
    z-index: 1;
    text-align: center;
    right: 5px;
    color: var(--color-dark);
    font-size: 8px;
}

.news_textgg-v2 {
    scrollbar-width: thin;
    scrollbar-color: var(--hover) var(--fon);
    scrollbar-gutter: unset;
}

.news_textgg-v2 {
    overflow-x: hidden;
    border-radius: 6px;
    position: relative;
}

.news_textgg-v2 news {
    white-space: pre-line;
    font-family: 'Montserrat', sans-serif;
    font-weight: var(--font-weight-1);
}

.menu-rules {
    margin-left: 10px;
    margin-top: 10px;
}

.smail-lox {
    display: flex;
    background-color: var(--fon);
    border-radius: 6px;
    height: 30px;
    color: var(--span-color);
    font-weight: 700;
    margin-top: 15px;
    font-size: 8px;
    align-items: center;
    justify-content: center;
}

.card-block-sb-big {
    position: relative;
    min-height: 120px
}

.card-block-sb-big .figure {
    position: absolute;
    margin-left: 85%;
    width: 36%;
    top: 36px;
    height: 14%;
    background-color: var(--span-color);
    color: var(--fon);
}

.card-block-sb-big .figure_2 {
    position: absolute;
    margin-left: 92%;
    width: 22%;
    top: 59px;
    height: 14%;
    background-color: var(--span-color-addit);
}

.card-block-sb-big .figure3 {
    position: absolute;
    margin-left: 92%;
    width: 22%;
    top: 36px;
    height: 14%;
    color: var(--fon);
    background-color: var(--span-color);
}

.card-block-sb-big .figure2 {
    position: absolute;
    margin-left: 85%;
    width: 36%;
    top: 59px;
    height: 14%;
    background-color: var(--span-color-addit);
}

.card-block-sb-big h3 {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 25px;
    font-size: 32px;
    font-weight: 700;
    color: var(--default-text-color)
}

.card-block-sb-big .info {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 25px;
    font-size: 13px;
    font-weight: 400;
    color: var(--default-text-color)
}

@media (max-width: 575.98px) {
    .col-fixed {
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        margin-left: 2px;
    }

    .col-fixed1 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .card-block-sb-big .figure {
        display: none;
    }

    .card-block-sb-big .figure_2 {
        display: none;
    }

    .card-block-sb-big {
        position: relative;
        min-height: 70px
    }

    .card-block-sb-big h3 {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        font-size: 19px;
        font-weight: 700;
        color: var(--default-text-color)
    }

    .card-block-sb-big .info {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        font-size: 6px;
        font-weight: 400;
        color: var(--default-text-color)
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .col-fixed {
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        margin-left: 3px;
    }

    .col-fixed1 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .card-block-sb-big .figure {
        display: none;
    }

    .card-block-sb-big .figure_2 {
        display: none;
    }

    .card-block-sb-big {
        position: relative;
        min-height: 80px
    }

    .card-block-sb-big h3 {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        font-size: 28px;
        font-weight: 700;
        color: var(--default-text-color)
    }

    .card-block-sb-big .info {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        font-size: 9px;
        font-weight: 400;
        color: var(--default-text-color)
    }
}

@media (min-width: 410px) and (max-width:1000px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

@media (max-width: 410px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

@media (min-width: 1000px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto auto auto auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

div.statistic-bloc {
    display: flex;
    position: relative;
    align-items: center;
    box-shadow: 0 0 2px rgba(93, 92, 92, 0.6);
    padding: 10px 15px;
    border-radius: 6px;
    height: 80px;
}

h1.statistic-cout {
    font-size: 2.2em;
    position: absolute;
    top: 10px;
    color: var(--color-default);
}

div.statistic-icon {
    position: absolute;
    right: 15px;
    font-size: 2.2em;
    color: var(--sidebar-gradient-1);
}

div.statistic-text {
    position: absolute;
    bottom: 10px;
    color: var(--color-dark);
}

@media (min-width: 1075px) {
    .news-blocks {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1075px) {
    .news-blocks {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }
}

.news_textgg news {
    white-space: pre-line;
    font-family: 'Montserrat', sans-serif;
    font-weight: var(--font-weight-1);
}

.news_textgg {
    overflow-x: hidden;
    border-radius: 6px;
    position: relative;
}

.news-blocks-vk-date {
    position: relative;
}

.news-vk-date {
    position: absolute;
    top: 10px;
    z-index: 1;
    text-align: center;
    right: 0px;
    left: 0px;
    color: var(--color-dark);
    font-size: 8px;
}

.news-blocks-vk-info {
    display: flex;
    padding: 10px 0px;
    margin: 0px 5px -30px 5px;
    justify-content: space-between;
}

.news-class-vk {
    display: flex;
    gap: 15px;
}

.news-class-vk div {
    padding: 5px 0px;
}

.news-fon-text {
    background-color: var(--fon);
    color: rgb(171, 178, 198);
    border-radius: 6px;
    padding: 15px;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
    overflow-x: auto;
}

.news-fon-text::-webkit-scrollbar-track {
    background-color: var(--fon) !important;
}

.news_textgg::-webkit-scrollbar {
    width: 4px;
    background-color: var(--hover);
    border-radius: 6px;
}

.news_textgg {
    scrollbar-width: thin;
    scrollbar-color: var(--hover) var(--fon);
    scrollbar-gutter: unset;
}

.news_textgg:before {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 99%;
    height: 5%;
    background: linear-gradient(0deg, var(--fon) 25%, transparent);
    z-index: 1;
    pointer-events: none;
}

.news_textgg:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 99%;
    height: 5%;
    background: linear-gradient(180deg, var(--fon) 25%, transparent);
    z-index: 1;
    pointer-events: none;
}

news center {
    display: grid;
    gap: 15px
}

.image_news {
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
    border-radius: 6px;
}

.card-new-news {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    padding: 15px 15px 30px 15px;
    position: relative;
}

.new-decoration-1 {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
    z-index: 10;
    border-radius: 30% 30% 0 0;
}

.news-download {
    min-height: 300px;
    max-height: 300px;
}

.external-download-news {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.external-download-news i {
    font-size: 40px;
    color: var(--navbar-first-color);
}

.overlay_img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
    background-color: var(--news);
    backdrop-filter: blur(5px);
}

.overlay_img.active {
    opacity: 1;
    pointer-events: auto;
}

.overlay_img img {
    border-radius: 6px;
    max-width: 80%;
    max-height: 80%;
}

button#interface_info_add,
button#menu_info_add {
    cursor: pointer;
    transition: .5s;
}

button.edit-info-point,
button.edit-info-table {
    margin-left: auto;
}

button.edit-info-point,
button.delete-info,
button.edit-info-table {
    cursor: pointer;
    background-color: var(--fon);
    padding: 5px 10px;
    border-radius: 6px;
    border: solid 1px var(--span-color);
    color: var(--span-color);
    transition: .5s;
}

button#interface_info_add:hover,
button#menu_info_add:hover,
button.edit-info-point:hover,
button.delete-info:hover,
button.edit-info-table:hover {
    color: var(--fon);
    background-color: var(--span-color);
}

@media (max-width: 700px) {
    .information-block {
        display: grid;
        gap: 30px;
    }

    .support-right-main-title {
        text-align: center;
    }
}

@media (min-width: 700px) {
    .information-block {
        display: grid;
        gap: 30px;
        grid-template-columns: 300px 1fr;
    }

    .information-menu {
        position: sticky;
    }
}

.information-menu {
    display: grid;
    height: min-content;
    gap: 10px;
    top: 75px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    padding: 15px;
    border-radius: 6px;
}

.information-point {
    display: flex;
    gap: 10px;
    font-weight: 700;
    align-items: center;
    cursor: pointer;
    color: var(--color-dark);
    border: solid 2px var(--navbar-first-color);
    height: 40px;
    padding: 0px 10px;
    border-radius: 6px;
    transition: .5s;
    user-select: none;
}

.information-point svg {
    width: 20px;
    height: 20px;
    fill: var(--color-dark);
    transition: .5s;
}

.information-point:hover {
    color: var(--fon);
    background: var(--span-color);
}

.information-point:hover svg {
    fill: var(--fon);
}

.information-point.active-point {
    color: var(--span-color);
    background: var(--tablcolor);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

.information-point.active-point svg {
    fill: var(--span-color);
}

.information-info {
    display: grid;
    gap: 15px;
}

.information-info-js {
    display: grid;
    gap: 15px;
}

.outer-support {
    display: flex;
}

.outer-support-left {
    user-select: none;
    position: sticky;
    width: 25%;
    top: 75px;
    height: min-content;
    padding: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
}

.outer-support-right {
    display: flex;
    padding: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    flex-direction: column;
}

.outer-download {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.outer-download i,
.server-download i {
    font-size: 40px;
    color: var(--color-dark);
}

.outer-support-left-cat-item-title {
    cursor: pointer;
    padding: 10px;
    border-radius: 6px;
    color: var(--color-dark);
    font-weight: 700;
    transition: .5s;
}

.outer-support-left-cat-item-title.active {
    color: var(--fon);
    background-color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-title:hover {
    color: var(--color-default);
    transition: .5s;
}

.outer-support-left-cat-item-title>i {
    margin-right: 5px;
}

.outer-support-left-cat-item-outher {
    border-left: solid 1px var(--span-color);
    padding: 10px 20px 0px 20px;
    margin: 0px 15px 10px 10px;
}

.outer-support-left-cat-item-outher.disable {
    display: none;
}

.outer-support-left-cat-item-outher-text {
    cursor: pointer;
    font-weight: 700;
    transition: .5s;
    color: var(--color-dark);
    padding: 5px 0 5px 0;
}

.outer-support-left-cat-item-outher-text:hover {
    color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-outher-text.active {
    color: var(--span-color);
    transition: .5s;
}

.outer-support-left-cat-item-outher-text.active:hover {
    color: var(--span-color);
    transition: .5s;
}

.support-right-content {
    display: grid;
    margin-top: 15px;
    gap: 15px;
    font-size: 10px;
    margin-bottom: auto;
    color: var(--color-dark);
}

.support-right-content h3 {
    color: var(--color-default);
    padding: 15px 5px 5px 5px;
}

.support-right-content.disable {
    display: none;
}

.support-right-main-title.disable {
    display: none;
}

.support-right-content-spisor-outer-item {
    display: flex;
    gap: 15px;
    align-items: baseline;
}

.support-right-content-spisor-number {
    border-radius: 6px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    background-color: var(--fon);
    display: flex;
    color: var(--color-default);
    align-items: center;
    justify-content: center;
    font-weight: 700;
    transition: .5s;
}

.support-right-content-spisor-text {
    white-space: pre-line;
    color: var(--color-dark);
    transition: .5s;
}

.support-right-content-spisor-text .dop-text {
    color: var(--span-color);
    margin-left: 5px;
}

.support-right-content-termins-outer-item {
    margin-bottom: 10px;
}

.support-right-content-temins-span {
    display: inline-block;
    border-radius: 6px;
    padding: 5px 10px;
    margin-right: 5px;
    background-color: var(--fon);
}

.support-flexotext {
    display: inline-block;
    border-radius: 5px;
    padding: 10px;
    margin-right: 5px;
    background-color: var(--fon);
    color: var(--span-color);
}

.support-right-button-content {
    display: block;
    padding: 10px 20px 10px 20px;
    background-color: var(--span-color);
    width: max-content;
    border-radius: 6px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: var(--fon);
}

.rules-sroki {
    background-color: var(--fon);
}

.rules-table {
    background: var(--tablcolor) !important;
}

.rules-table th {
    color: var(--color-default) !important;
}

.news-blocks-test {
    margin-bottom: 10px;
    flex-direction: column;
    display: grid;
}

.news-fon-text-v2 {
    background-color: var(--fon);
    color: var(--color-dark);
    border-radius: 6px;
    padding: 15px;
    min-height: 300px;
    overflow-x: auto;
}

.news-vk-date-v2 {
    position: absolute;
    top: 10px;
    z-index: 1;
    text-align: center;
    right: 5px;
    color: var(--color-dark);
    font-size: 8px;
}

.news_textgg-v2 {
    scrollbar-width: thin;
    scrollbar-color: var(--hover) var(--fon);
    scrollbar-gutter: unset;
}

.news_textgg-v2 {
    overflow-x: hidden;
    border-radius: 6px;
    position: relative;
}

.news_textgg-v2 news {
    white-space: pre-line;
    font-family: 'Montserrat', sans-serif;
    font-weight: var(--font-weight-1);
}

.menu-rules {
    margin-left: 10px;
    margin-top: 10px;
}

.smail-lox {
    display: flex;
    background-color: var(--fon);
    border-radius: 6px;
    height: 30px;
    color: var(--span-color);
    font-weight: 700;
    margin-top: 15px;
    font-size: 8px;
    align-items: center;
    justify-content: center;
}

.card-block-sb-big {
    position: relative;
    min-height: 120px
}

.card-block-sb-big .figure {
    position: absolute;
    margin-left: 85%;
    width: 36%;
    top: 36px;
    height: 14%;
    background-color: var(--span-color);
    color: var(--fon);
}

.card-block-sb-big .figure_2 {
    position: absolute;
    margin-left: 92%;
    width: 22%;
    top: 59px;
    height: 14%;
    background-color: var(--span-color-addit);
}

.card-block-sb-big .figure3 {
    position: absolute;
    margin-left: 92%;
    width: 22%;
    top: 36px;
    height: 14%;
    color: var(--fon);
    background-color: var(--span-color);
}

.card-block-sb-big .figure2 {
    position: absolute;
    margin-left: 85%;
    width: 36%;
    top: 59px;
    height: 14%;
    background-color: var(--span-color-addit);
}

.card-block-sb-big h3 {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 25px;
    font-size: 32px;
    font-weight: 700;
    color: var(--default-text-color)
}

.card-block-sb-big .info {
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 25px;
    font-size: 13px;
    font-weight: 400;
    color: var(--default-text-color)
}

@media (max-width: 575.98px) {
    .col-fixed {
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        margin-left: 2px;
    }

    .col-fixed1 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .card-block-sb-big .figure {
        display: none;
    }

    .card-block-sb-big .figure_2 {
        display: none;
    }

    .card-block-sb-big {
        position: relative;
        min-height: 70px
    }

    .card-block-sb-big h3 {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        font-size: 19px;
        font-weight: 700;
        color: var(--default-text-color)
    }

    .card-block-sb-big .info {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        font-size: 6px;
        font-weight: 400;
        color: var(--default-text-color)
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .col-fixed {
        flex: 0 0 24.333333%;
        max-width: 24.333333%;
        margin-left: 3px;
    }

    .col-fixed1 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .card-block-sb-big .figure {
        display: none;
    }

    .card-block-sb-big .figure_2 {
        display: none;
    }

    .card-block-sb-big {
        position: relative;
        min-height: 80px
    }

    .card-block-sb-big h3 {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 10px;
        font-size: 28px;
        font-weight: 700;
        color: var(--default-text-color)
    }

    .card-block-sb-big .info {
        position: relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 0px;
        font-size: 9px;
        font-weight: 400;
        color: var(--default-text-color)
    }
}

@media (min-width: 410px) and (max-width:1000px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

@media (max-width: 410px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

@media (min-width: 1000px) {
    div.stats-wrapper {
        display: grid;
        gap: 30px;
        grid-template-columns: auto auto auto auto;
        border: 0px solid transparent;
        border-radius: 6px;
    }
}

div.statistic-bloc {
    display: flex;
    position: relative;
    align-items: center;
    box-shadow: 0 0 2px rgba(93, 92, 92, 0.6);
    padding: 10px 15px;
    border-radius: 6px;
    height: 80px;
}

h1.statistic-cout {
    font-size: 2.2em;
    position: absolute;
    top: 10px;
    color: var(--color-default);
}

div.statistic-icon {
    position: absolute;
    right: 15px;
    font-size: 2.2em;
    color: var(--sidebar-gradient-1);
}

div.statistic-text {
    position: absolute;
    bottom: 10px;
    color: var(--color-dark);
}

@media (min-width: 1075px) {
    .news-blocks {
        display: grid;
        gap: 30px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1075px) {
    .news-blocks {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }
}

.news_textgg news {
    white-space: pre-line;
    font-family: 'Montserrat', sans-serif;
    font-weight: var(--font-weight-1);
}

.news_textgg {
    overflow-x: hidden;
    border-radius: 6px;
    position: relative;
}

.news-blocks-vk-date {
    position: relative;
}

.news-vk-date {
    position: absolute;
    top: 10px;
    z-index: 1;
    text-align: center;
    right: 0px;
    left: 0px;
    color: var(--color-dark);
    font-size: 8px;
}

.news-blocks-vk-info {
    display: flex;
    padding: 10px 0px;
    margin: 0px 5px -30px 5px;
    justify-content: space-between;
}

.news-class-vk {
    display: flex;
    gap: 15px;
}

.news-class-vk div {
    padding: 5px 0px;
}

.news-fon-text {
    background-color: var(--fon);
    color: rgb(171, 178, 198);
    border-radius: 6px;
    padding: 15px;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
    overflow-x: auto;
}

.news-fon-text::-webkit-scrollbar-track {
    background-color: var(--fon) !important;
}

.news_textgg::-webkit-scrollbar {
    width: 4px;
    background-color: var(--hover);
    border-radius: 6px;
}

.news_textgg {
    scrollbar-width: thin;
    scrollbar-color: var(--hover) var(--fon);
    scrollbar-gutter: unset;
}

.news_textgg:before {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 99%;
    height: 5%;
    background: linear-gradient(0deg, var(--fon) 25%, transparent);
    z-index: 1;
    pointer-events: none;
}

.news_textgg:after {
    content: "";
    position: absolute;
    top: 0px;
    width: 99%;
    height: 5%;
    background: linear-gradient(180deg, var(--fon) 25%, transparent);
    z-index: 1;
    pointer-events: none;
}

news center {
    display: grid;
    gap: 15px
}

.image_news {
    cursor: pointer;
    margin-top: 10px;
    width: 100%;
    border-radius: 6px;
}

.card-new-news {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    padding: 15px 15px 30px 15px;
    position: relative;
}

.new-decoration-1 {
    position: absolute;
    top: -25px;
    left: 0px;
    width: 100%;
    z-index: 10;
    border-radius: 30% 30% 0 0;
}

.news-download {
    min-height: 300px;
    max-height: 300px;
}

.external-download-news {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.external-download-news i {
    font-size: 40px;
    color: var(--navbar-first-color);
}

.overlay_img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: .3s all;
    background-color: var(--news);
    backdrop-filter: blur(5px);
}

.overlay_img.active {
    opacity: 1;
    pointer-events: auto;
}

.overlay_img img {
    border-radius: 6px;
    max-width: 80%;
    max-height: 80%;
}

.row12 {
    display: flex;
    flex-wrap: wrap;
}

.cardt1 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    overflow: hidden;
}

.cardt span {
    position: absolute;
    overflow: hidden;
    right: -19px;
    bottom: -16px;
    height: 135px;
    width: calc(100% + 35px)
}

.cardt {
    border: 0px solid transparent;
    border-radius: 6px;
}

.cardt {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    overflow: hidden;
}

.cardt1 {
    background-color: var(--sidebar-color);
}


.add_stat {
    display: none;
}

.tooltiptwo .right {
    cursor: pointer;
    border: 1px solid #fdb510;
    padding: 5px 15px;
    border-radius: 6px;
    color: var(--color-default);
    font-weight: 700;
    transition: .5s;
    background-color: var(--news);
}

.tooltiptwo .right:hover {
    background-color: rgba(253, 181, 16, 0.2);
}

.tooltiptwo .right .shopwin {
    color: #fdb510;
}

.new-monitor-grid {
    display: grid;
    gap: 15px;
}

.glava-servers {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    height: 60px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.cs-logo-left {
    fill: var(--span-color);
    animation: svg_shadow 3s infinite;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 30px;
}

.cs-logo-right {
    fill: var(--span-color);
    animation: svg_shadow 3s infinite;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 30px;
}

.glava-servers>b {
    display: flex;
    height: 30px;
    gap: 15px;
    padding: 0px 15px;
    border-radius: 6px;
    background-color: var(--fon);
    align-items: center;
    justify-content: space-between;
}

.glava-servers>b>a {
    padding: 5px 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.home-block-top-3 {
    display: grid;
}

.block-top-3-player {
    display: flex;
    gap: 15px;
    align-items: center;
    height: 60px;
    padding: 0px 15px;
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
}

.top-3-player-rank {
    width: 25px;
    height: 25px;
}

.top-3-player-info {
    display: flex;
    gap: 10px;
    width: 100%;
    height: 30px;
    border-radius: 6px;
    background-color: var(--fon);
    position: relative;
    align-items: baseline;
}

.top-3-player-info a {
    white-space: nowrap;
    color: var(--color-dark);
    transition: .5s;
}

.top-3-player-info a:hover {
    color: var(--span-color);
}

.top-3-player-info-img {
    border-radius: 6px;
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.top-3-player-info-rank {
    position: absolute;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 15px 6px 6px 15px;
    height: 30px;
    right: 0px;
}

.top-3-player-info-rank>img {
    height: 25px;
}

.new-vips-admins-grid {
    display: grid;
    gap: 30px;
}

@media (min-width: 1200px) {
    .new-vips-admins-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 800px) and (max-width:1200px) {
    .new-vips-admins-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.card-logo {
    height: 15px;
}

.box-news>h3 {
    margin-bottom: 15px;
    display: flex;
    border-radius: 6px;
    height: 60px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    align-items: center;
    justify-content: center;
}

.box-news .DataPagination {
    margin-top: 30px;
}

.home-global-news {
    display: grid;
    gap: 15px;
}

.home-global-news-card {
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    padding: 15px 15px 30px 15px;
    position: relative;
}

.home-global-news-card-text {
    overflow-x: hidden;
    border-radius: 6px;
    position: relative;
}

.home-global-news-card-article {
    background-color: var(--fon);
    color: var(--color-dark);
    border-radius: 6px;
    padding: 15px;
    min-height: 300px;
    overflow-x: auto;
}

.home-global-news-card-article>news {
    font-size: 10px;
    white-space: pre-line;
}

.home-global-news-card-article>news a:hover {
    text-decoration: underline;
}

.home-global-news-date {
    position: absolute;
    bottom: 8px;
    z-index: 1;
    text-align: center;
    right: 20px;
    color: var(--color-dark);
    font-size: 8px;
}

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

.blocks-store-1 {
    display: grid;
    gap: 30px;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.blocks-store-2 {
    margin-top: 30px;
    display: grid;
    gap: 30px;
}

@media (min-width: 900px) {
    .blocks-store-2 {
        grid-template-columns: 1fr 1fr;
    }
}

.input-user-name {
    display: flex;
    padding: 15px;
    height: 100%;
    gap: 15px;
    align-items: center;
}

.input-start-1.margin {
    margin-bottom: 15px;
}

.input-user-name>div>a {
    font-size: 8px;
    position: absolute;
    top: 15px;
    left: 60px;
    text-transform: uppercase;
    color: var(--span-color);
    font-weight: 600;
    transition: all .3s;
}

.input-user-name>div>div {
    padding-top: 15px;
    font-size: 12px;
}

.blocks-store-servers {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.blocks-store-servers .input-start-block {
    width: 200px;
}

.block-store {
    display: flex;
    gap: 15px;
    padding: 30px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    justify-content: space-between;
    justify-items: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.block-store>img {
    width: 150px;
    height: 150px;
    opacity: .2;
    z-index: 1;
    top: 40px;
    position: absolute;
}

.block-store-title {
    z-index: 2;
    font-size: 28px;
    font-weight: 600;
    color: var(--span-color);
    text-shadow: -1px -1px 0 var(--fon), 1px -1px 0 var(--fon), -1px 1px 0 var(--fon), 1px 1px 0 var(--fon);
}

.block-store-price {
    z-index: 2;
    text-align: center;
}

.block-store-price s {
    color: var(--color-dark);
    font-size: 14px;
}

.block-store-price>b {
    color: var(--color-default);
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}

.block-store-price>div {
    font-size: 14px;
    text-align: center;
    color: var(--span-color);
}

.block-store-info {
    z-index: 2;
    text-align: center;
    background-color: var(--news);
    color: var(--color-dark);
    font-size: 10px;
    padding: 15px;
    border-radius: 6px;
}

.block-store-button {
    z-index: 2;
    display: flex;
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    color: var(--span-color);
    font-weight: 600;
    cursor: pointer;
    transition: .5s;
    border: solid 2px var(--navbar-first-color);
    background: var(--tablcolor);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
}

.block-store-button:hover {
    border-color: var(--span-color);
}

.blocks-store-2>div {
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    background-color: var(--navbar-first-color);
    padding: 30px;
    position: relative;
}

.blocks-store-2>div .input-start-block {
    background-color: var(--fon);
}

.blocks-store-2>div>h2 {
    margin-bottom: 30px;
}

.table-block-tovar {
    display: grid;
    gap: 5px;
    border-radius: 6px;
    position: relative;
    margin: 30px 0px;
    max-height: 205px;
    padding-right: 5px;
    overflow: auto;
}

.table-block-tovar::-webkit-scrollbar {
    background-color: var(--navbar-first-color);
    border-radius: 6px;
    height: 2px;
    width: 2px;
}

.table-block-tovar-info {
    display: flex;
    height: 30px;
    padding: 0px 15px;
    font-size: 10px;
    border-radius: 6px;
    transition: .5s;
    background-color: var(--news);
    border: solid 2px var(--navbar-first-color);
    justify-content: space-between;
    align-items: center;
}

.table-block-tovar-info:hover {
    background: var(--tablcolor);
}

.table-block-tovar-info .text-left {
    transition: .5s;
    color: var(--color-dark);
}

.table-block-tovar-info:hover .text-left {
    color: var(--color-default);
}

.table-block-tovar-info .text-right.true {
    width: 15px;
    height: 15px;
    display: flex;
    background-color: hsl(143deg 72% 75% / 10%);
    border-radius: 3px;
    color: #90edb3;
    align-items: center;
    justify-content: center;
}

.table-block-tovar-info .text-right.false {
    width: 15px;
    height: 15px;
    display: flex;
    background-color: hsl(0deg 91% 59% / 10%);
    border-radius: 3px;
    color: #f63737;
    align-items: center;
    justify-content: center;
}

.input-start-block select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    font-size: 12px;
    border: 0;
    cursor: pointer;
    position: relative;
    background: var(--fon);
    color: var(--color-default);
    padding-top: 15px;
    transition: all .3s;
    padding-left: 60px;
    box-sizing: border-box;
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.discount-tovar {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 150px;
    position: absolute;
    left: -20px;
    top: -20px;
    font-weight: 600;
    color: #90edb3;
    letter-spacing: 2px;
    transform: rotate(-45deg) translateX(-30%);
    background-color: hsl(143deg 72% 75% / 10%);
}

.block-shop-views {
    display: flex;
    margin: 30px 0px;
    padding: 0px 35px;
    position: relative;
    justify-items: center;
    border: solid 2px var(--navbar-color);
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    border-radius: 6px;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.block-shop-views .img-views-maps {
    background-image: url("/app/modules/module_page_store/assets/img/img.webp");
    width: 100%;
    height: calc(100%);
    background-size: cover !important;
    background-position-x: center !important;
    background-repeat: no-repeat !important;
    background-position-y: 50%;
    position: absolute;
    border-radius: 6px;
    opacity: .5;
    filter: blur(1px);
}

.block-shop-views-info {
    display: none;
    z-index: 3;
}

.block-shop-views-info.visible {
    display: grid;
    justify-items: center;
    align-items: center;
}

.block-shop-views-info>.gateways-blocks>.gateways-label {
    background-color: var(--news);
}

.block-shop-views-info>.gateways-blocks {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.block-shop-views-info>.gateways-blocks>label>img {
    opacity: 1;
    height: 100px;
    animation: spin-kybok 3s ease-in-out infinite;
}

.block-shop-views-info>div {
    display: grid;
    justify-items: center;
}

.block-shop-views-info>div>b {
    font-size: 12px;
}

.block-shop-views-info>div>a {
    text-shadow: -1px -1px 0 var(--fon), 1px -1px 0 var(--fon), -1px 1px 0 var(--fon), 1px 1px 0 var(--fon);
    white-space: nowrap;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 10px;
    background-color: var(--news);
}