@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body,
html {
    height: 100%
}

:root {
    --primary-color: #EFEFED;
    --secondary-color: #fff;
    --text-color: #000;
    --color-tem: #6f6f6f;
    --fine-color: #DADADA;
    --box-shadow: 0px 0px 0px 2px #ffffff78;
    --news-color: #FBFBFB;
    --ling-color: #fff;
    --img-visible: 1;
    --block-r: #efefed;
    --background-size: cover;
    --background-position: center;
    --stars-img: url(../images/profile/stars.png);
    --timers-img: url(../images/profile/timers.png);
    --cash-img: url(../images/profile/cash.png);
    --bank-img: url(../images/profile/bank.png);
    --donate-img: url(../images/profile/donate.png);
    --rub-color: rgba(51, 51, 51, 0.50);
    --porshe-img: url(../images/car4.png);

}

.dark-mode {
    --primary-color: #1f1f1f;
    --secondary-color: #303039;
    --text-color: #fff;
    --color-tem: #fff;
    --fine-color: #303039;
    --box-shadow: 0px 0px 0px 2px #35343478;
    --news-color: #303039;
    --ling-color: #181616;
    --img-visible: 0;
    --block-r: #1f1f1f;
    --background-size: cover;
    --background-position: center;
    --stars-img: url(../images/profile/stars-black.png);
    --timers-img: url(../images/profile/timers.png);
    --cash-img: url(../images/profile/cash-black.png);
    --bank-img: url(../images/profile/bank-black.png);
    --donate-img: url(../images/profile/donate-black.png);
    --rub-color: rgba(255, 255, 255, 0.50);
    --porshe-img: url(../images/car4.png);
}

body {
    font-family: Inter;
background-size: cover;
background: url(../images/back.jpg) no-repeat;
background-attachment: fixed;
}

#__layout,
#__nuxt {
    height: 100%
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background-color: #ffffff26
}

::-webkit-scrollbar-thumb {
    background: #ffc107
}

.toggle {
    display: flex;
    margin-top: 1px;
    cursor: pointer;
}

.toggle .toggle-icon {
    font-size: 24px;
    color: var(--color-tem);
}

.footer-list__link:nth-child(3):hover {
    color: var(--text-color);
}

.burger-menu_btn {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: transparent;
}

.burger-menu_btn span {
    position: absolute;
    width: 30px;
    height: 3px;
    background-color: var(--text-color);
    left: 5px;
    transition: transform .5s, opacity .5s;
}

.burger-menu_btn span:nth-child(1) {
    transform: translateY(-10px);
}

.burger-menu_btn span:nth-child(2) {
    transform: translateY(10px);
}

.nav.open .burger-menu_btn span:nth-child(1) {
    transform: translateY(0) rotate(45deg);
}

.nav.open .burger-menu_btn span:nth-child(2) {
    opacity: 0;
}

.nav.open .burger-menu_btn span:nth-child(3) {
    transform: translateY(0) rotate(-45deg);
}
img#formlogin-captcha-image {
    border: 1px solid #fff;
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1200px;
}

.nav {
    padding: 10px 0 0 0;
}

.nav-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.upper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.apps {
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    overflow: hidden;
    flex: 1 0 auto;
}

.aaa {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

img.logo {
    width: 65px;
    height: 79px;
    margin-left: 10px;  
}

.nav-list {
    display: flex;
    align-items: center;
    column-gap: 60px;
}

.nav-list__link {
    color: #fff;
    transition: color .2s ease;
}

.nav-list__link:hover {
    color: #757070;
}

.nav-list__link--active {
    position: relative;
    top: 1px;
}

.nav-list__link--active::after {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 1px;
    border-bottom: 3px solid #FFC23C;
    width: 50%;
    border-radius: 10px;
}

.nav-list__btn-profile {
    border-radius: 5px;
    background: linear-gradient(180deg, #f3bf47 0%, #F4B028 100%);
    box-shadow: 0px 0px 10px 5px rgb(249 171 0 / 26%);
    transition: transform .2s ease;
}

.nav-list__btn-profile:hover {
    transform: scale(1.01);
}

.nav-list__btn-navbar {
    margin-left: 17px;
    width: 195px;
    text-align: center;
    cursor: pointer;
}

.header-container {
    display: flex;
    justify-content: space-between;
    column-gap: 60px;
    padding-bottom: 25px;
}

.btn-info {
    margin-top: 40px;
    width: 200px;
    display: flex;
    height: 50px;
    border-radius: 9px;
    background: linear-gradient(180deg, #f3bf47 0%, #F4B028 100%);
    box-shadow: 0px 0px 10px 5px rgb(249 171 0 / 26%);
    cursor: pointer;
    transition: transform .2s ease;
    justify-content: center;
    align-items: center;
}
.btn-info-vip {
    margin-top: 185px;
    width: 200px;
    display: flex;
    height: 50px;
    border-radius: 9px;
    background: linear-gradient(180deg, #f3bf47 0%, #F4B028 100%);
    box-shadow: 0px 0px 10px 5px rgb(249 171 0 / 26%);
    cursor: pointer;
    transition: transform .2s ease;
    justify-content: center;
    align-items: center;
	position: absolute;
}

.btn-info:hover {
    transform: scale(1.01);
}

.nav-list__link-profile {
    display: block;
    color: #fff;
    margin: 15px 25px;
}

.link_btn-info {
    column-gap: 10px;
    display: flex;
    color: #fff;
    text-wrap: nowrap;
    align-items: center;
}

img.play {
    display: block;
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    object-fit: cover;
}

.right-info {
    display: flex;
    align-items: center;
}

.car {
    width: 600px;
    height: 450px;
    margin-left: 40px;
    background: var(--porshe-img);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-size: cover;
}

.info-title:nth-child(1) {
    position: relative;
    font-weight: 700;
    margin-top: 6rem;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    max-width: 587px;
}

.info-title:nth-child(2) {
    font-weight: 500;
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
    max-width: 475px;
}

.info-title:nth-child(3) {
    font-weight: 500;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    max-width: 505px;
}

.info-title:nth-child(1) span {
    background: linear-gradient(180deg, #b5b822 0%, #d0ff00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-title:nth-child(1)::before {
    content: "РЕАЛЬНО КРУТОЙ";
    position: absolute;
    width: 475px;
    color: var(--ling-color);
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 30px;
    margin-top: -20px;
    z-index: -1;
    opacity: 0.03;
}

.servers_list::after {
    content: "МОНИТОРИНГ";
    position: absolute;
    margin-top: -168px;
    margin-left: 1049px;
    color: var(--ling-color);
    font-weight: 600;
    font-size: 56px;
    opacity: 0.03;
    z-index: -1;
}

.servers_list-row {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    padding-bottom: 40px;
}

.servers-item {
    position: relative;
    width: 270px;
    height: 90px;
    border-radius: 10px;
    background: var(--secondary-color);
    overflow: hidden;
    transition: all .3s ease;
}

.servers-item:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 77px -31px rgba(0, 0, 0, 0.27);
}

.servers-item:nth-child(2) .progress__value {
    background: #FFA959;
}

.servers-item:nth-child(3) .progress__value {
    background: rgba(173, 255, 0, 0.50);
}

.servers-item:nth-child(2) .server-text::after {
    background-color: #FFA959;
    box-shadow: 0px 0px 0px 2px rgba(255, 169, 89, 0.1);
}

.servers-item:nth-child(3) .server-text::after {
    background-color: #ADFF00;
    box-shadow: 0px 0px 0px 2px rgba(173, 255, 0, 0.1);
}

.servers-item:nth-child(4) {
    width: 140px;
}

.servers-item:nth-child(4) .server-text {
    margin-left: 60px;
    margin-top: 50px;
    font-size: 12px;
}

.servers-item:nth-child(4) .server-text::after {
    background-color: #A1DF36;
    box-shadow: 0px 0px 0px 2px rgba(161, 223, 54, 0.1);
}

.servers-item:nth-child(4) .server-text_sub {
    text-wrap: nowrap;
    margin-top: 30px;
    margin-left: 30px;
}

img.servers-circle {
    object-fit: cover;
    position: absolute;
    margin-top: 59px;
    margin-left: -30px;
}

img.servers-icon {
    position: absolute;
    width: 12%;
    object-fit: cover;
    background-repeat: no-repeat;
    margin-top: 19px;
    margin-left: 30px;
    z-index: 2;
}

img.servers-icon_two {
    position: absolute;
    width: 20%;
    z-index: 1;
    margin-top: -6px;
    margin-left: -6px;
    opacity: var(--img-visible);
}

.server-text {
    position: absolute;
    font-size: 14px;
    font-weight: 500;
    margin-top: 21px;
    margin-left: 90px;
    display: flex;
    align-items: center;
    color: var(--text-color);
}

.server-text::after {
    content: "";
    position: absolute;
    left: 0;
    margin-left: -10px;
    width: 5px;
    height: 5px;
    background-color: #FFDB59;
    box-shadow: 0px 0px 0px 2px rgba(255, 219, 89, 0.1);
    border-radius: 50%;
}

.server-text_sub {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    color: #DBD7CF;
    margin-top: 44px;
    margin-left: 80px;
}
.tooltip-text {
  font-family: "PT Sans", sans-serif;
  background-color: #333333;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
  padding: 20px 18px 18px 22px;
  border-radius: 10px;
  display: block;
  width: 256px;
}
.tooltip {
  position: absolute;
  margin-top: 24px;
  margin-left: 22px;
  width: 25px;
  height: 25px;
}
.tooltip-text {
  font-family: "PT Sans", sans-serif; / Шрифт текста /
  background-color: #333333; / Цвет фона /
  color: #FFFFFF; / Цвет текста /
  font-size: 16px; / Размер текста /
  line-height: 20px; / Высота строки /
  font-weight: 400; / Жирность текста /
  text-transform: none; / Преобразование текста /
  padding: 20px 18px 18px 22px; / Отступы внутри элемента /
  border-radius: 10px; / Скругление углов /
  width: 256px; / Ширина элемента /
  position: absolute; / Позиционирование элемента /
  bottom: 100%; / Расположение элемента относительно нижнего края /
  left: 50%; / Расположение элемента относительно левого края /
  z-index: 1; / Настройка наложения элемента /
  transform: translateX(-50%); / Сдвиг элемента по горизонтали /
  display: none; / Скрываем элемент по умолчанию /
}

.tooltip-toggle:hover + .tooltip-text,
.tooltip-toggle:focus + .tooltip-text {
  display: block;
}
img.copy-ip {
    position: absolute;
    margin-left: 230px;
    margin-top: 20px;
    width: 5%;
    cursor: pointer;
    object-fit: cover;
    background-repeat: no-repeat;
}

.progress {
    background: #D7D7D7;
    border-radius: 10px;
    position: relative
}

.progress__value {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFDB59;
}

.progress-bar {
    position: absolute;
    margin-top: 68px;
    margin-left: 50px;
}

.section-block_row {
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}

.section-invis {
    width: 100px;
    height: 8px;
    border-radius: 5px;
    background: #FFF;
}

.section-vis {
    width: 50%;
    height: 8px;
    border-radius: 5px;
    background: #F6B839;
}

.start-game_row {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

.start-game_block {
    display: flex;
    width: 1000px;
    height: 300px;
    border-radius: 28px 0px 0px 28px;
    background: var(--secondary-color);
    overflow: hidden;
}

.start-game_left {
    width: 43%;
}

.start-game_video {
    position: absolute;
    display: flex;
    box-shadow: 0px 0px 0px 15px rgba(249, 92, 62, 0.2);
    background-color: #F95C3E;
    width: 80px;
    margin-top: -12rem;
    margin-left: 10rem;
    height: 80px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.start-game_video img {
    width: 25px;
}

.start-game_text:nth-child(1) {
    margin-top: 50px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1.1px;
    width: 296px;
    margin-left: 20px;
    color: var(--text-color);
}

.start-game_text:nth-child(2) {
    margin-left: 20px;
    margin-top: 25px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.8px;
    width: 400px;
    color: var(--text-color);
}

.start-game_text:nth-child(3) {
    margin-left: 20px;
    margin-top: 25px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.8px;
    width: 425px;
    color: var(--text-color);
}

.header-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: 327px;
    margin-top: 300px;
    cursor: default;
    align-items: center;
}

.header-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 90px;
}

.play-block_mobile {
    display: none;
}

.play-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: 281px;
    cursor: default;
    align-items: center;
}

.play-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 180px;
}

.settings-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: -58px;
    margin-top: 365px;
    cursor: default;
    align-items: center;
}

.settings-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 115px;
}

.news-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: -88px;
    margin-top: 308px;
    cursor: default;
    align-items: center;
}

.news-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 100px;
}

.profile-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: -120px;
    margin-top: 350px;
    cursor: default;
    align-items: center;
}

.profile-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 170px;
}

.admin-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 16px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: -120px;
    margin-top: 320px;
    cursor: default;
    align-items: center;
}

.admin-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 130px;
}

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

.play-block_item {
    display: flex;
    column-gap: 15px;
    padding-bottom: 10px;
}

.play-block_left {
    width: 150px;
    height: 150px;
    background-color: var(--secondary-color);
    border-radius: 11px;
    display: flex;
    font-size: 26px;
    font-weight: 600;
    color: var(--text-color);
    justify-content: center;
    align-items: center;
    letter-spacing: 1.6px;
    overflow: hidden;
}

.play-block_left::after {
    content: "";
    position: absolute;
    background-color: #F2A918;
    width: 3px;
    height: 30px;
    margin-top: -120px;
    border-radius: 0 0 10px 10px;
}

.play-block_left::before {
    content: "";
    position: absolute;
    background-color: #F2A918;
    width: 3px;
    height: 30px;
    margin-top: 120px;
    border-radius: 10px 10px 0 0;
}

.play-block_left p {
    position: relative;
    z-index: 1;
}

.play-block_left p::after {
    content: "ШАГ";
    position: absolute;
    color: var(--block-r);
    font-size: 34px;
    margin-left: -60px;
    margin-top: -5px;
    z-index: -1;
}

.play-block_right {
    position: relative;
    border-radius: 11px;
    background-color: var(--secondary-color);
    height: 150px;
    width: 835px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.play-block_right::after {
    content: "";
    background-color: #F2A918;
    box-shadow: 0px 0px 20px #F2A918;
    width: 20px;
    height: 20px;
    margin-left: -17px;
    border-radius: 50%;
    position: absolute;
}

.play-block_right::before {
    content: "";
    background-color: #4f3828;
    width: 50px;
    height: 50px;
    margin-left: -32px;
    border-radius: 50%;
    position: absolute;
}

.play-block_text {
    margin-left: 60px;
    color: var(--text-color);
}

a.download_page {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 600px;
    background: linear-gradient(180deg, #F7BF4B 0%, #F5B129 100%);
    width: 200px;
    height: 50px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px #F2A918;
    color: #fff;
    transition: transform .2s ease;
}

a.download_page:hover {
    transform: scale(1.01);
}

.download {
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: center;
}

img.download {
    width: 15px;
    border-radius: 50%;
}

.social-block_help {
    position: absolute;
    display: flex;
    color: #D6D4CF;
    text-transform: uppercase;
    font-size: 20px;
    transform: rotate(270deg);
    font-weight: 500;
    margin-left: 316px;
    margin-top: 400px;
    cursor: default;
    align-items: center;
}

.social-block_help::after {
    content: "";
    width: 150px;
    height: 2px;
    background: #E2E2E1;
    position: absolute;
    margin-left: 110px;
}

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

.social-block_item {
    background-color: var(--secondary-color);
    max-width: 1000px;
    height: 300px;
    border-radius: 11px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.social-text {
    position: absolute;
    top: 0;
    font-size: 26px;
    font-weight: 500;
    margin-top: 60px;
    margin-left: 50px;
    color: var(--text-color);
}

.social-block_item:nth-child(2) .social-text,
.social-block_item:nth-child(2) .social-sub {
    margin-left: 500px;
}

.social-sub {
    position: absolute;
    top: 0;
    max-width: 406px;
    margin-top: 115px;
    margin-left: 50px;
    color: #BEBEBE;
}

a.vkontakte-btn {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 50px;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #F7BF4B 0%, #F5B129 100%);
    border-radius: 8px;
    box-shadow: 0px 0px 20px #F2A918;
    color: #fff;
    transition: transform .2s ease;
}

a.vkontakte-btn:hover {
    transform: scale(1.01);
}

.vkontakte-text {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 20px 30px;
}

.vkontakte-img {
    width: 20px;
    border-radius: 50%;
}

a.discord-btn {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 500px;
    margin-top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #F7BF4B 0%, #F5B129 100%);
    border-radius: 8px;
    box-shadow: 0px 0px 20px #F2A918;
    color: #fff;
    transition: transform .2s ease;
}

a.discord-btn:hover {
    transform: scale(1.01);
}

.discord-text {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 20px 30px;
}

.discord-img {
    width: 20px;
    border-radius: 50%;
}

.footer {
    height: 5rem;
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    transition: all .2s ease;
    flex: 0 0 auto;
}

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

.footer__logo img {
    width: 30px;
}

.footer__logo {
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    text-align: center;
    column-gap: 5px;
    font-weight: 400;
    font-size: 16px;
    transition: color .2s ease;
}

.footer__logo span {
    font-weight: 700;
}

.footer-list {
    display: flex;
    align-items: center;
    column-gap: 60px;
    font-size: 16px;
    margin-left: 70px;
    font-weight: 400;
    font-family: Inter;
}

.footer-list__link {
    color: #fff;
    transition: color .2s ease;
    text-wrap: nowrap;
}

.footer-list__link:hover {
    color: #757070;
}

.news {
    font-size: 40px;
    font-weight: 500;
    width: 0px;
    color: #fff;
}
.works {
    font-size: 40px;
    font-weight: 500;
    width: 0px;
    color: #fff;
}
.buttons {
	display: flex;
}
.works::after {
    content: "ТЕХНИЧЕСКИЕ РАБОТЫ САЙТА";
    position: absolute;
    width: 10px;
    color: var(--ling-color);
    font-size: 47px;
    font-weight: 700;
    letter-spacing: 10px;
    margin-top: -105px;
    margin-left: -5px;
    z-index: -1;
    opacity: 0.03;
}

.news::after {
    content: "НОВОСТИ ПРОЕКТА";
    position: absolute;
    width: 10px;
    color: var(--ling-color);
    font-size: 47px;
    font-weight: 700;
    letter-spacing: 10px;
    margin-top: -105px;
    margin-left: -5px;
    z-index: -1;
    opacity: 0.03;
}

.news span {
    font-weight: 300;
}

.news_item-row {
    display: flex;
    align-items: center;
    column-gap: 40px;
}

.news-print {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
}

a.news-vk_btn {
    width: 180px;
    height: 60px;
    border-radius: 6px;
    border: 2px solid #F2A918;
    box-shadow: 0px 0px 10px 0px #F2A918;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
	margin: 5px;
}
a.news-vk_btn:hover {
    transform: scale(1.02);
    background-color: #F2A918;
}

a.news-forum_btn {
    width: 180px;
    height: 60px;
    border-radius: 6px;
    border: 2px solid #15c7c2;
    box-shadow: 0px 0px 10px 0px #15c7c2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease;
	margin: 5px;
}
a.news-forum_btn:hover {
    transform: scale(1.02);
    background-color: #15c7c2;
}

.news-vk_text {
    text-decoration: none;
    color: #fff;
}

.news_item {
    margin-top: 6rem;
    width: 358px;
    height: 441px;
    border-radius: 10px;
    border: 2px solid var(--news-color);
    background: var(--news-color);
    overflow: hidden;
    transition: all .2s ease;
}

.news_item:hover {
    box-shadow: 0 32px 50px -16px rgba(0,0,0,.12);
    transform: translateY(-16px)
}

.news__image {
    width: 100%;
    height: 200px;
}

.news__title {
    font-size: 16px;
    font-weight: 700;
    margin-top: 22px;
    margin-left: 13px;
    color: var(--text-color);
}

.news__desc {
    color: #AFAFAF;
    width: 325px;
    height: 75px;
    font-size: 12px;
    margin-top: 28px;
    margin-left: 13px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.news_down {
    display: flex;
    justify-content: center;
    column-gap: 95px;
    margin: 0px 5px;
    align-items: center;
    margin-top: 50px;
}

.news__date {
    color: #AFAFAF;
    font-weight: 600;
    font-size: 14px;
}

.news__btn {
    width: 148px;
    display: flex;
    height: 28px;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #FFC23C;
    box-shadow: 0px 0px 5px 1px rgba(249, 171, 0, 0.20);
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
}

.news__btn:hover {
    background-color: #FFC23C;
    border: none;
}

.loader {
    width: 100px;
    height: 100px;
    margin-top: 10rem;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative;
  }
  .loader::after,
  .loader::before {
    content: '';
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    border: 4px solid var(--secondary-color);
    position: absolute;
    left: 0;
    top: 0;
    animation: animloader 2s ease-in-out infinite;
  }
  .loader::after {
    border-color: #f9ab00;
    animation-delay: 1s;
  }
  
  @keyframes animloader {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
      

a.post-card__link {
    text-decoration: none;
    color: #FFC23C;
    font-size: 14px;
}

.news__btn:hover a.post-card__link {
    color: #FBFBFB;
}

.swal-icon--success__hide-corners {
    background-color: #fff0;
}

.swal-icon--success:after, .swal-icon--success:before {
    position: inherit;
}

.swal-modal {
    background-color: var(--secondary-color);
}

.swal-title {
    color: var(--text-color);
}

.swal-text {
    color: var(--text-color);
}

.login-block_row {
    display: flex;
    justify-content: center;
    height: 73.81vh;
    align-items: center;
}

.login-item {
    width: 430px;
    height: 438px;
    background-color: var(--secondary-color);
    border-radius: 15px;
    display: flex;
    box-shadow: 0px 3px 0px 0px #F6BC44;
    flex-direction: column;
    align-items: center;
}

.login-img {
    position: absolute;
    background: url(../images/login-img.png);
    width: 277px;
    height: 421px;
    margin-left: 213px;
    margin-top: 17px;
    background-size: cover;
    background-position: center;
}

.login {
    font-weight: 700;
    color: #F6BC44;
    font-size: 30px;
    margin-top: 19px;
    z-index: 0;
}

.login_case {
    width: 329px;
    height: 51px;
    border-radius: 5px;
    background: #FAEEDE;
    display: flex;
    margin: 7px 0 14px 0;
}

.login_form {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}
.rec_form {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
}

.login_case,
.settings_case,
.admin_case,
.modal-donate_case {
    transition: all .2s ease;
}

.login_case:hover,
.settings_case:hover,
.admin_case:hover,
.modal-donate_case:hover {
    transform: scale(1.01);
}

.login_case input,
.settings_case input,
.admin_case input,
.modal-donate_case input {
    width: 100%;
    margin: 0 10px;
    border-radius: 5px;
}

.login-text {
    color: #F6BC44;
    font-size: 15px;
    font-weight: 500;
}

.login_btn {
    width: 238px;
    height: 49px;
    border-radius: 7px;
    background: linear-gradient(180deg, #F7BF4A 0%, #F6B738 100%);
    box-shadow: 0px 0px 3px 0px #F2A918;
    color: var(--text-color);
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    margin-top: 12px;
    transition: transform .2s ease;
}

.login_btn:hover {
    transform: scale(1.01);
}

.forbes-list:nth-child(2) {
    margin-top: 0px;
    .forbes-item {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-left: 500px;
        margin-top: -30px;
    }
    .forbes-item img.forbes-image {
        width: 80px;
        display: block;
        padding-bottom: 15px;
        border-radius: 50%;
    }
    .forbes-item::after {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, #f2a918, transparent);
        width: 200px;
        margin-top: -20px;
        height: 200px;
        border-radius: 0px 0px 5px 5px;
        opacity: 0.5;
        z-index: -1;
    }
    .forbes-item__position {
        position: absolute;
        display: flex;
        margin-top: 160px;
        align-items: center;
        justify-content: center;
        background: #f1cf8a;
        border: 0.0625rem solid rgba(30,29,29,.1);
        border-radius: 50%;
        width: 2.25rem;
        height: 2.25rem;
        font-weight: 500;
    }
    .forbes-item__username {
        padding-bottom: 20px;
    }
}

.forbes-list:nth-child(3) {
    margin-top: 0px;
    .forbes-item {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-left: 200px;
    }
    .forbes-item img.forbes-image {
        width: 80px;
        display: block;
        padding-bottom: 15px;
        border-radius: 50%;
    }
    .forbes-item::after {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, #555555ab, transparent);
        width: 200px;
        margin-top: -20px;
        height: 200px;
        border-radius: 0px 0px 5px 5px;
        opacity: 0.5;
        z-index: -1;
    }
    .forbes-item__position {
        position: absolute;
        display: flex;
        margin-top: 160px;
        align-items: center;
        justify-content: center;
        background: #bdbdbc;
        border: 0.0625rem solid rgba(30,29,29,.1);
        border-radius: 50%;
        width: 2.25rem;
        height: 2.25rem;
        font-weight: 500;
    }
    .forbes-item__username {
        padding-bottom: 20px;
    }
}

.forbes-list:nth-child(4) {
    margin-top: 0px;
    .forbes-item {
        position: absolute;
        display: flex;
        flex-direction: column;
        margin-left: 800px;
    }
    .forbes-item img.forbes-image {
        width: 80px;
        display: block;
        padding-bottom: 15px;
        border-radius: 50%;
    }
    .forbes-item::after {
        content: "";
        position: absolute;
        background: linear-gradient(0deg, #fd8b22, transparent);
        width: 200px;
        margin-top: -20px;
        height: 200px;
        border-radius: 0px 0px 5px 5px;
        opacity: 0.5;
        z-index: -1;
    }
    .forbes-item__position {
        position: absolute;
        display: flex;
        margin-top: 160px;
        align-items: center;
        justify-content: center;
        background: #f6be8a;
        border: 0.0625rem solid rgba(30,29,29,.1);
        border-radius: 50%;
        width: 2.25rem;
        height: 2.25rem;
        font-weight: 500;
    }
    .forbes-item__username {
        padding-bottom: 20px;
    }
}

.forbes-list:nth-child(5) {
    margin-top: 250px;
}

.forbes-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.forbes-list {
    display: grid;
    max-width: 70rem;
    grid-row-gap: 16px;
    margin-top: 32px;
}

.forbes-item {
    display: grid;
    grid-template-columns: 2.25rem 30.625rem 6.25rem 1fr;
    grid-column-gap: 1rem;
    align-items: center;
    margin-left: 240px;
    color: #fff;
}

.forbes-item img.forbes-image {
    display: none;
}

.forbes-name {
    font-size: 30px;
    font-weight: 600;
    margin-top: 50px;
    margin-left: 200px;
    padding-bottom: 50px;
    color: #fff;
}

.forbes-item__position{
    display: flex;
    align-items: center;
    justify-content: center;
    border: .0625rem solid rgba(30,29,29,.1);
    border-radius: 50%;
    width: 2.25rem;
    height: 2.25rem;
    font-weight: 300;
}

.forbes-item__username {
    font-weight: 700;
}

.forbes-item__online {
    text-transform: uppercase;
    color: rgba(30,29,29,.45);
    font-weight: 300;   
    text-align: center;
    place-self: center;
    text-wrap: nowrap;
}

.forbes-item__balance{
    text-align: right;
    font-weight: 300;
}

.profile {
    display: flex;
    justify-content: space-between;
}

.profile-right_info {
    display: flex;
    flex-direction: column;
}

.profile-right_info__onelevel {
    display: flex;
    gap: 16px;
}

.profile-right_info__twolevel {
    display: flex;
    gap: 16px;
}

.settings {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

.admin {
    display: flex;
}

.card-profile_player {
    display: flex;
    justify-content: center;
    margin-top: 99px;
    background: var(--secondary-color);
    width: 284px;
    height: 377px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.number-server {
    position: absolute;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    margin-left: -215px;
    margin-top: 12px;
    text-transform: uppercase;
    color: var(--text-color);
}

.number-server span {
    color: #F9AB00;
    text-shadow: 0px 0px 4px 0px #FFC23C;
    font-weight: 700;
    font-size: 20px;
}

.player-icon {
    width: 180px;
    height: 180px;
    background-color: #FFBD35;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 15px rgb(255 220 159 / 58%);
    margin-top: 35px;
    overflow: hidden;
}

.player-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.player-name {
    position: absolute;
    margin-top: 240px;
    width: 284px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: var(--text-color);
}

.online-player {
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-left: 250px;
    background: #ff5c39;
    box-shadow: 0px 0px 0px 3px #ff5c3938;
    border-radius: 50%;
}

.online-player_on {
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-left: 250px;
    background: #0ee302;
    box-shadow: 0px 0px 0px 3px #0ee3023b;
    border-radius: 50%;   
}

.player-status {
    position: absolute;
    margin-top: 270px;
    width: 284px;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: 1.92px;
    color: var(--text-color);
    text-align: center;
}

.btn_profile-exit {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 156px;
    height: 41px;
    margin-top: 305px;
    border-radius: 5px;
    border: 2px solid #FF5C39;
    cursor: pointer;
    background: rgba(217, 217, 217, 0.00);
    transition: all .2s ease;
}

.btn__exit {
    color: #FF5C39;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.btn_profile-exit:hover {
    background: #FF5C39;
}

.btn_profile-exit:hover .btn__exit {
    color: #fff;
}

.card-profile_level {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 99px;
    width: 226px;
    height: 132.015px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.card-profile_level:hover,
.card-profile_game:hover,
.card-profile_money:hover,
.card-profile_bank:hover {
    margin-top: 92px;
    background-color: var(--secondary-color);
}

.card-profile_level__stars {
    background-image: var(--stars-img);
    width: 70%;
    height: 43%;
    margin-top: 5.74px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-profile_level-text {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 1.4px;
    font-weight: 400;
    color: var(--text-color);
}

.card-profile_level-text span {
    font-weight: 700;
}

.card-profile_level-exp {
    color: #AFAFAF;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.24px;
    margin-top: 5.74px;  
    transition: all .10s ease; 
}

.card-profile_game {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 99px;
    width: 140px;
    height: 132.015px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.card-profile_game__timers {
    background-image: var(--timers-img);
    width: 50;
    height: 50;
    margin-top: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-profile_game-text {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-color);
}

.card-profile_game-desc {
    color: #AFAFAF;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    text-align: center;
    width: 76px;
    letter-spacing: 0.24px;
    transition: all .10s ease;
}

.card-profile_money {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 231px;
    height: 132.015px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    margin-top: 99px;
    transition: all .10s ease;
}

.card-profile_money_image {
    background-image: var(--cash-img);
    width: 45%;
    height: 38%;
    margin-top: 5.74px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-profile_money-text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: var(--text-color);
}

.card-profile_money-desc {
    color: #AFAFAF;
    font-size: 12px;
    letter-spacing: 0.24px;
    font-weight: 500;
    width: 152px;
    margin-top: 5px;
    text-align: center;
    transition: all .10s ease;
}

.card-profile_bank {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 99px;
    width: 226px;
    height: 132.015px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.card-profile_bank_image {
    background-image: var(--bank-img);
    width: 45%;
    height: 38%;
    margin-top: 5.74px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-profile_bank_text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: var(--text-color);
}

.card-profile_bank-desc {
    color: #AFAFAF;
    font-size: 12px;
    letter-spacing: 0.24px;
    font-weight: 500;
    width: 152px;
    margin-top: 5px;
    text-align: center;
    transition: all .10s ease;
}

.card-profile_info {
    margin-top: 14px;
    width: 382px;
    height: 231px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.card-profile_info:nth-child(1) {
    width: 317px;
}

.card-profile_info:nth-child(1) .card-profile_info-information {
    width: 280px;
}

.profile_right-inbox {
    font-size: 12px;
    font-weight: 500;
}

.profile-right-inbox_row {
    display: flex;
    flex-direction: column;
}

.profile-right-inbox_text {
    display: flex;
    position: relative;
    width: 280px;
    margin-left: 18px;
    top: 16px;
    color: var(--text-color);
    margin-bottom: 6px;
    justify-content: space-between;
}

.profile-right-inbox_bar {
    margin-top: 15px;
    margin-left: 18px;
}

.profile_right-inbox_bar-prog {
    width: 280px;
    background: #79797954;
    height: 3px;
    overflow: hidden;
    border-radius: 5px;
}

.profile_stats-skills_bar-line {
    height: 3px;
    border-radius: 5px;
    background: orange;
}

.profile_right-inbox:nth-child(1) .profile_stats-skills_bar-line {
    background: #ff5c39;
}

.profile_right-inbox:nth-child(2) .profile_stats-skills_bar-line {
    background: #0087ff;
}

.card-profile_info-information {
    width: 347px;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: var(--text-color);
    font-size: 12px;
    font-weight: 500;
    top: 16px;
    margin-bottom: 8px;
    margin-left: 18px;
}

.card-profile_donate {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 14px;
    width: 140px;
    height: 132.566px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.card-profile_donate-image {
    background-image: var(--donate-img);
    width: 70%;
    height: 37%;
    margin-top: 10px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-profile_donate-text {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.4px;
    color: var(--text-color);
}

.card-profile_donate-desc {
    color: #AFAFAF;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    margin-top: 4px;
    letter-spacing: 0.24px;
}

.card-profile_money-text span,
.card-profile_bank_text span,
.card-profile_donate-text span {
    color: var(--rub-color);
}

.coming-elements_container {
    display: flex;
    column-gap: 15px;
    margin-top: 40px;
}

.homes-block {
    display: flex;
    flex-direction: column;
}

.homes-block_help::after {
    content: "Дома";
    position: absolute;
    margin-top: -23px;
    color: #fff;
    margin-left: 50px;
    font-size: 16px;
    font-weight: 500;
}

.homes-block_help::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background-color: #D6D4CF;
    margin-top: -13px;
}

.homes-block_item {
    display: flex;
    width: 285px;
    height: 91.014px;
    margin: 5px 0;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
}

.profile-item-none .homes-block_item {
    padding-bottom: 10rem;    
}

.profile-item-none {
    color: var(--text-color);
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.homes-block_image {
    background-image: url(../images/profile/home.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
    margin-top: 10px;
    margin-left: 10px;
}

.homes-block_number {
    margin-top: 28px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px;
    color: var(--text-color);
}

.homes-block_price {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    margin-top: 49px;
    margin-left: 85px;
    color: var(--text-color);
}

.homes-block_price span {
    color: #AEAEAE;
    font-size: 14px;
    font-weight: 500;
}

.cars-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cars-block_help::after {
    content: "Автопарк";
    position: absolute;
    margin-top: -23px;
    margin-left: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.cars-block_help::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background-color: #D6D4CF;
    margin-top: -13px;
    margin-left: 5px;
}

.cars-block_item {
    display: flex;
    width: 279.061px;
    margin: 5px 5px;
    height: 91.014px;
    border-radius: 10px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
}

.cars-block_image {
    background-image: url(../images/profile/cars.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 70px;
    height: 70px;
    margin-top: 10px;
    margin-left: 10px;
}

.cars-block_number {
    position: absolute;
    margin-top: 28px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 84px;
    text-wrap: nowrap;
    color: var(--text-color);
}

.cars-block_price {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    margin-top: 49px;
    margin-left: 84px;
    color: var(--text-color);
}

nav ul li ul {
    position: absolute;
    display: none;
    width: 195px;
    flex-direction: column;
    align-items: center;
}

nav ul li ul li {
    display: flex;
    margin-top: 5px;
    width: 100%;
    height: 40px;
    background: linear-gradient(90deg, #F9AB00 0%, #FFC23C 100%);
    border-radius: 5px;
    box-shadow: 0px 0px 10px 4px rgba(249, 171, 0, 0.20);
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
}

nav ul li ul li a {
    color: #fff;
}

nav ul li ul li:hover {
    transform: scale(1.02);
}

nav ul li:hover > ul {
    display: flex;
}

.menu-profile {
    background-image: url(../images/str-white.png);
    position: absolute;
    margin-top: -26px;
    width: 10px;
    height: 6px;
    margin-left: 82px;
    background-size: cover;
    background-repeat: no-repeat;
}

.nav-list__btn-profile:hover .menu-profile {
    display: none;
}

.login-error {
    position: absolute;
    background-color: #ff5c39;
    display: flex;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    margin-top: 125px;
    margin-left: 270px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}

.login-proccess {
    position: absolute;
    background-color: #ffae39;
    display: flex;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    margin-top: 125px;
    margin-left: 270px;
    border-radius: 5px;
    justify-content: center;
    align-items: baseline;
}

.login-success {
    position: absolute;
    background-color: #45b346;
    display: flex;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    width: 30px;
    height: 30px;
    margin-top: 125px;
    margin-left: 270px;
    border-radius: 5px;
    justify-content: center;
    align-items: baseline;
}

.app {
    -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  }

.roulette_prizes {
    display: flex;
    column-gap: 15px;
    max-width: 1000px;
    margin: auto;
    flex-wrap: wrap;
    justify-content: center;
}

.prize_item {
    background: var(--secondary-color);
    width: 224px;
    height: 136px;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 2px 0px 0px #FBB212;
    display: flex;
    justify-content: center;
}

img.img_item {
    height: 50%;
    margin-top: 25px;
}

.prize_name {
    position: absolute;
    margin-top: 100px;
    font-weight: 500;
    color: var(--text-color);
    text-wrap: nowrap;
}

.prizes-block {
    position: relative;
    font-size: 16px;
    margin-left: 300px;
    padding-bottom: 10px;
    color: #FBB212;
}

.prizes-block::after {
    content: "";
    position: absolute;
    background: #dadada;
    margin-left: 195px;
    margin-top: 10px;
    width: 20px;
    top: 0;
    left: 0;
    height: 2px;
    border-radius: 10px;
}

.settings-block {
    font-weight: 700;
    font-size: 30px;
    color: #F6BC44;
    margin-top: 20px;
    text-transform: uppercase;
}

.card-profile_settings {
    display: flex;
    margin-top: 127px;
    background: var(--secondary-color);
    width: 430px;
    height: 438px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px 0px #F6BC44;
    transition: all .10s ease;
    flex-direction: column;
    align-items: center;
}

.settings_case {
    display: flex;
    width: 329px;
    height: 51px;
    border-radius: 5px;
    background-color: #FAEEDE;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.settings_form {
    display: flex;
    flex-direction: column;
    margin-top: 29px;
}

.settings-text {
    color: #F6BC44;
    font-size: 15px;
    font-weight: 500;
}

.settings_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(90deg, #FBB212 0%, #FFC23C 100%);
    box-shadow: 0px 0px 10px 4px rgba(249, 171, 0, 0.20);
    transition: transform .2s ease;
}

.settings_btn:hover,
.news_del-btn:hover {
    transform: scale(1.03);
}

.settings_qr {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.settings_qr img {
    width: 200px;
    padding-bottom: 20px;
    margin-top: 20px;
    display: flex;
}

.settings_qr p {
    text-align: center;
    color: #F6BC44;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}

.card-admin {
    display: flex;
    justify-content: center;
    margin-left: 20px;
    margin-top: 99px;
    background: var(--secondary-color);
    width: 400px;
    height: 377px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.admin-form {
    margin-top: 40px;
}

.admin-text {
    color: #F6BC44;
    font-size: 15px;
    font-weight: 500;
    transition: all .2s ease;
}

.admin_case {
    display: flex;
    width: 329px;
    height: 40px;
    border-radius: 5px;
    background-color: #FAEEDE;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.ucp__info {
    display: flex;
    align-items: center;
    text-align: left;
    margin: 15px 10px 15px 10px;
    border-radius: 13px;
    padding: 20px;
    box-shadow: 0px 0px 2px 0px var(--primary-color);
    height: 80px;
}

.circle {
    border-radius: 15px;
    height: 70px;
}

.news-list_admin {
    display: flex;
    margin-top: 50px;
    background: var(--secondary-color);
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 3px 0px 0px #F9AB00;
    flex-direction: column;
    margin-bottom: 5px;
}

.news_name {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    color: var(--text-color);
}

.news_del-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    border-radius: 10px;
    background: linear-gradient(90deg, #FBB212 0%, #FFC23C 100%);
    box-shadow: 0px 0px 10px 4px rgba(249, 171, 0, 0.20);
    transition: transform .2s ease;
}

.admin-block {
    position: absolute;
    margin-top: 10px;
    font-weight: 500;
    color: #FBB212;
    opacity: 0.8;
    text-transform: uppercase;
}

a.text_del-btn {
    color: var(--text-color);
}

.news_none-admin {
    height: 100px;
    display: flex;
    position: relative;
    justify-content: center;
    top: 80px;
    font-size: 20px;
    color: #fbb212;
    font-weight: 500;
    padding-bottom: 12.5rem;
}


.left-block_donate {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.donate-title {
    width: 285.628px;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #FFC23C 0%, #F9AB00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 92px;
}

.donate-sub {
    color: #AFAFAF;
    margin-top: 24px;
    width: 321px;
    font-size: 18px;
    font-weight: 500;
}

.donate-button {
    display: flex;
    margin-top: 24px;
    width: 281.643px;
    height: 65.097px;
    border-radius: 5px;
    background: linear-gradient(90deg, #F9AB00 0%, #FFC23C 100%);
    box-shadow: 0px 0px 10px 4px rgba(249, 171, 0, 0.20);
    justify-content: center;
    align-items: center;
    transition: transform .2s ease;
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.donate-button:hover {
    transform: scale(1.01);
}

.right-block_donate {
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 0;
    margin-top: 158px;
    margin-left: 601px;
}

.block-donate_list {
    width: 470px;
    border-radius: 5px;
    background: var(--secondary-color);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
}

.donate-list_text {
    font-size: 18px;
    color: var(--text-color);
    font-weight: 600;
    margin-top: 10px;
    margin-left: 225px;
}

.donate-list_sub {
    color: #AFAFAF;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 65px;
    text-align: center;
}

.block-donate_info {
    width: 404px;
    height: 141px;
    border-radius: 5px;
    background: var(--secondary-color);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
    margin-top: 34px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.donate-list-btn {
    position: absolute;
    top: 0;
    width: 65px;
    margin-top: 13px;
    display: flex;
    margin-left: 20px;
    height: 65px;
    border-radius: 50px;
    background: #ff5c39;
    box-shadow: 0px 0px 10px 2px #ff5c3980;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    cursor: default;
}

.donate-info_one {
    margin-left: 20px;
    margin-top: 41px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.one-info_text {
    width: 60px;
    display: flex;
    height: 60px;
    border-radius: 50px;
    background: linear-gradient(90deg, #FFC23C 0%, #F9AB00 100%);
    box-shadow: 0px 0px 10px 2px rgba(249, 171, 0, 0.50);
    justify-content: center;
    font-weight: 500;
    align-items: center;
    font-size: 18px;
    color: #fff;
    cursor: default;
}

.one-info_sub {
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.pay-modal_info {
    color: var(--text-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.donate-info_two {
    margin-left: 42px;
    display: flex;
    margin-top: 41px;
    flex-direction: column;
    align-items: center;
}

.two-info_text {
    width: 60px;
    display: flex;
    height: 60px;
    border-radius: 50px;
    background: linear-gradient(90deg, #FFC23C 0%, #F9AB00 100%);
    box-shadow: 0px 0px 10px 2px rgba(249, 171, 0, 0.50);
    justify-content: center;
    font-weight: 500;
    align-items: center;
    font-size: 18px;
}

.two-info_sub {
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.donate-info_three {
    margin-left: 67px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 41px;
}

.three-info_text {
    width: 60px;
    display: flex;
    height: 60px;
    border-radius: 50px;
    background: linear-gradient(90deg, #FFC23C 0%, #F9AB00 100%);
    box-shadow: 0px 0px 10px 2px rgba(249, 171, 0, 0.50);
    justify-content: center;
    font-weight: 500;
    align-items: center;
    font-size: 18px;
}

.three-info_sub {
    color: #AFAFAF;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.card-donate_row {
    display: flex;
    flex-direction: row;
    width: 1235px;
    margin-top: 44px;
    gap: 30px 0px;
    padding-bottom: 20px;
    flex-wrap: wrap;
}

.card-vip {
    font-size: 13px;
    margin-right: auto;
    position: relative;
	z-index: 1;
}
.card-vip-2 {
    font-size: 13px;
    margin-right: auto;
    position: relative;
	z-index: 1;
}
.card-vip-3 {
    font-size: 13px;
    margin-right: auto;
    position: relative;
	z-index: 1;
}
.card-vip-4 {
    font-size: 13px;
    margin-right: auto;
    position: relative;
	z-index: 1;
}

.card-vip::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-left: -9px;
    border-radius: 50%;
    background: #CD7F32;
}

.card-vip-2::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-left: -9px;
    border-radius: 50%;
    background: #C0C0C0;
}
.card-vip-3::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-left: -9px;
    border-radius: 50%;
    background: #f9b72a;
}
.card-vip-4::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: 5px;
    margin-left: -9px;
    border-radius: 50%;
    background: #7cb9e8;
}
.card-text.card-text-vip-b {
    color: #CD7F32;
    font-weight: 700;
}
.card-text.card-text-vip-sl {
    color: #C0C0C0;
    font-weight: 700;
}
.card-text.card-text-vip-g {
    color: #f9b72a;
    font-weight: 700;
}
.card-text.card-text-vip-s {
    color: #7cb9e8;
    font-weight: 700;
}

.card-img {
background: url(../../vip.png);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    margin: -20 auto 0;
}

.card-text.card-text-vip {
    color: grey;
    font-weight: 700;
}

.card-donate {
    width: 260px;
    height: 328px;
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    flex-direction: column;
    align-items: center;
    margin: 5.2px 11px;
    transition: all .2s ease;
}

.card-donate-vip {
    width: 260px;
    height: 328px;
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    flex-direction: column;
    align-items: center;
    margin: 5.2px 11px;
    transition: all .2s ease;
	border-style: solid; border-width: 3px; border-color: #CD7F32; box-shadow: 0px 5px 15px 0px rgb(205,127,50), inset 0px 0px 5px 0px rgb(0.80,0.50,0.20);
}
.card-donate-vip2 {
    width: 260px;
    height: 328px;
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    flex-direction: column;
    align-items: center;
    margin: 5.2px 11px;
    transition: all .2s ease;
	border-style: solid; 
	border-width: 3px; 
    border-color: #C0C0C0;
    box-shadow: 0px 5px 15px 0px rgb(192 192 192), inset 0px 0px 5px 0px rgb(0.80,0.50,0.20);
}
.card-donate-vip3 {
    width: 260px;
    height: 328px;
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    flex-direction: column;
    align-items: center;
    margin: 5.2px 11px;
    transition: all .2s ease;
	border-style: solid;
	border-width: 3px; 
    border-color: #f9b72a;
    box-shadow: 0px 5px 15px 0px rgb(255 235 24), inset 0px 0px 5px 0px rgb(0.80,0.50,0.20);
}
.card-donate-vip4 {
    width: 260px;
    height: 328px;
    display: flex;
    position: relative;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    background: var(--secondary-color);
    flex-direction: column;
    align-items: center;
    margin: 5.2px 11px;
    transition: all .2s ease;
	border-style: solid; 
	border-width: 3px; 
    border-color: #7cb9e8;
    box-shadow: 0px 5px 15px 0px rgb(124,185,232), inset 0px 0px 5px 0px rgb(0.80,0.50,0.20);
}

a.card-btn-vip {
    margin-top: 185px;
    position: absolute;
    background: #f9ab00;
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0px 0px 5px 0px #f9ab00;
    color: var(--text-color);
    transition: all .2s ease;
}


.card-donate:nth-child(2):after {
    content: "";
    position: absolute;
    background: url(../images/donate/nab1.png);
    width: 188px;
    display: flex;
    height: 169px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-donate:nth-child(1):after {
    content: "";
    position: absolute;
    background: url(../images/donate/nab2.png);
    width: 205px;
    display: flex;
    height: 182px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-donate:nth-child(3):after {
    content: "";
    position: absolute;
    background: url(../images/donate/nab3.png);
    width: 205px;
    display: flex;
    height: 182px;
    margin-left: -25px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-donate:nth-child(4):after {
    content: "";
    position: absolute;
    background: url(../images/donate/nab4.png);
    width: 215px;
    display: flex;
    height: 163px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-donate:nth-child(5):after {
    content: "";
    position: absolute;
    background: url(https://wolrpg.ru/style/images/donate/nab5.png);
    width: 221px;
    display: flex;
    height: 182px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.card-donate:nth-child(6):after {
    content: "";
    position: absolute;
    background: url(https://wolrpg.ru/style/images/donate/nab6.png);
    width: 221px;
    display: flex;
    height: 182px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.card-donate:nth-child(7):after {
    content: "";
    position: absolute;
    background: url(https://wolrpg.ru/style/images/donate/nab7.png);
    width: 221px;
    display: flex;
    height: 182px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.card-donate:nth-child(8):after {
    content: "";
    position: absolute;
    background: url(https://wolrpg.ru/style/images/donate/nab8.png);
    width: 221px;
    display: flex;
    height: 182px;
    margin-top: 144px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.card-donate:hover {
    transform: scale(1.03);
}

.card-text {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
    margin-top: 15px;
    cursor: default;
	    margin-bottom: 20px;
    color: var(--text-color);
}

.card-text span {
    font-weight: 700;
}

.card-info {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-sub {
    text-align: center;
    cursor: default;
    color: var(--text-color);
}

.card-prise {
    margin-top: 50px;
    background: #fff185;
    padding: 5px;
    border-radius: 3px;
    color: #000;
    position: absolute;
    font-size: 12px;
    display: flex;
    gap: 2px;
    align-items: center;
}

.card-prise span {
    font-size: 16px;
    font-weight: 600;
}

a.card-btn {
    margin-top: 312px;
    position: absolute;
    background: #f9ab00;
    padding: 5px 15px;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0px 0px 5px 0px #f9ab00;
    color: var(--text-color);
    transition: all .2s ease;
}

.login-item form {
    z-index: 1;
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background-color: rgba(30,29,29,.24);
    backdrop-filter: blur(8px);
    display: grid;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}

.modal__box {
    width: 400px;
    height: 500px;
    background-color: var(--secondary-color);
    border-radius: 10px;
    z-index: 1;
    transform: scale(0);
}

.modal.open {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.modal.open .modal__box {
    transform: scale(1);
    display: flex;
    justify-content: center;
}

button#close-my-modal-btn {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-recovery {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-pack1 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-pack2 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-pack3 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-pack4 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-vip1 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-vip2 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-vip3 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
button#close-vip4 {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-pay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background-color: rgba(30,29,29,.24);
    backdrop-filter: blur(8px);
    display: grid;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}

.modal-pay__box {
    max-width: 800px;
    height: 600px;
    background-color: var(--secondary-color);
    border-radius: 10px;
    z-index: 1;
    overflow-x: hidden;
    transform: scale(0);
}

.modal-pay.open {
    visibility: visible;
    opacity: 1;
}

.modal-pay.open .modal-pay__box {
    transform: scale(1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

button#close-pay-modal {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 6rem;
    right: 25rem;
    background-color: #f8f8f8;
    box-shadow: 0px 0px 2px 0px black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.pay-modal_box img {
    background: #323545;
    border-radius: 5px;
}

.modal-start {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    background-color: rgba(30,29,29,.24);
    backdrop-filter: blur(8px);
    display: grid;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
}

.modal-start__box {

}

.modal-start.open {
    visibility: visible;
    opacity: 1;
}

.modal-start.open .modal-start__box {
    transform: scale(1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

button#close-start-modal {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    top: 5rem;
    right: 20rem;
    background-color: #f8f8f8;
    box-shadow: 0px 0px 2px 0px black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.modal-donate_logo {
    background-image: url(https://cdn-icons-png.flaticon.com/512/4831/4831083.png);
    position: absolute;
    width: 165px;
    height: 165px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
    display: flex;
}
.donate-form {
    display: flex;
    flex-direction: column;
    margin-top: 160px;
}

.modal-donate_case {
    display: flex;
    width: 329px;
    height: 51px;
    border-radius: 5px;
    background-color: #FAEEDE;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

button.modal-donate-btn {
    display: flex;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    background: linear-gradient(90deg, #FBB212 0%, #FFC23C 100%);
    box-shadow: 0px 0px 10px 4px rgba(249, 171, 0, 0.20);
    transition: transform .2s ease;
}

a.donate-modal-text {
    color: var(--text-color);
    margin: 15px;
}


button.modal-donate-btn:hover {
    transform: scale(1.03);
}

.skill-block {
    display: flex;
    gap: 16px;
}

.job-skills {
    width: 24.3%;
    height: 100px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skills-row.job-row {
    gap: 65px;
}
.sel_server {
    width: 285px;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.sel_server_button {
    width: 329px;
    height: 51px;
    border: 3px solid #faeede;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-position: 15px center;
    cursor: pointer;
    padding-left: 50px;
}
.sel_server_button span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: var(--text-color);
    margin-top: 10px;
    font-size: 15px;
    line-height: 45px;
    margin: 0;
}
.sel_server_dropdown {
    margin: 19px;
    display: inline-block;
    float: right;
}
.what_pay_dropdown, .sel_server_dropdown, .dropdown_icon, .server_icon_dropdown {
    width: 19px;
    height: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzQUE1RjZCMUNBMTExRTRBNDFCOEVDNTM2QzgzREE1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzQUE1RjZDMUNBMTExRTRBNDFCOEVDNTM2QzgzREE1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjNBQTVGNjkxQ0ExMTFFNEE0MUI4RUM1MzZDODNEQTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjNBQTVGNkExQ0ExMTFFNEE0MUI4RUM1MzZDODNEQTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5iPUSoAAAA1ElEQVR42pzQvQtBURjH8et2kk0ZlL9AyaAslJtVGQwymGwGE6m7WKwmKwYWm4WyKJJBYRQbi+wmySC+p4663bzl1OcMz3POr55HmPWmoWnaBiftv+NBUOdKYAH/HyEBrBAXXBXsMUMOox9DkmijXCvmu7oqykIaHZR+CDHRQEqGyIKwNOeIYCBnRgFXW4ALLTVSFMdnQ7c9PCAGNybwWno+TOGEYQ15FSTPGRmM1SJDCGOJIbK42D+JNzu4o4qtWr4DefTfLU18WWoPO9yw/vTwIcAAeDwo8wJFsRYAAAAASUVORK5CYII=);
}
.sel_server_list {
        width: 325px;
    margin: 10px auto 0;
    background: var(--secondary-color);
    display: none;
    position: absolute;
    top: 40px;
    z-index: 99;
}
article .server .icon, .select_server_button, .sel_server_button, .dropdown_button, .dropdown_button.server {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGklEQVR4nGNgYGBQZ2BgUGVgYGCQYWBgkAUABE8AhquSG1IAAAAASUVORK5CYII=);
}

.sel_server_list li:first-child:hover {
    height: 42px;
    line-height: 40px;
}
.sel_server_list li:hover {
    background: #d49e56;
    height: 42px;
    border: 0;
    line-height: 44px;
    margin-bottom: -2px;
}
.sel_server_list li {
    height: 40px;
    line-height: 40px;
    border-top: 2px dotted #cee7e6;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: var(--text-color);
    margin-top: 10px;
    display: block;
    padding-left: 35px;
    margin-top: 0;
    cursor: pointer;
}

.sum_vip_1 {
    width: 285px;
    margin: 10px auto 0;
    background: #f6fafa;
    display: none;
    position: absolute;
    top: 40px;
    z-index: 99;
}

.sum_vip1 li {
    height: 40px;
    line-height: 40px;
    border-top: 2px dotted #cee7e6;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    color: #768f99;
    margin-top: 10px;
    display: block;
    padding-left: 35px;
    margin-top: 0;
    cursor: pointer;
}

.skills-block {
    width: 46%;
    display: flex;
    height: 100px;
    border-radius: 10px;
    margin-top: 20px;
    background: var(--secondary-color);
    box-shadow: 0px 3px 0px 0px #F9AB00;
    transition: all .10s ease;
}

.skills-row {
    display: flex;
    align-items: center;
    padding: 0px 18px;
    gap: 42px;
}

.last-ip {
    position: absolute;
    margin-top: 130px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #f9ab00ba;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    opacity: 0;
}

.player-name:hover ~ .last-ip {
    opacity: 1;
}

.skills-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--text-color);
}

.skills-img {
    width: 48px;
    height: 48px;
    background: #f9ab00;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px #f9ab00;
    display: flex;
    align-items: center;
    justify-content: center;
}

.skills-img img {
    width: 30px;
}

.skills-bar {
    width: 100%;
    height: 3px;
    background: #514c4c5e;
    border-radius: 3px;
    margin-top: 10px;
}

.skills-bar_progress {
    width: 40%;
    height: 3px;
    background: #f9ab00;
}

.skills-progress {
    font-size: 14px;
    margin-top: 5px;
}

.policy-block {
    color: var(--text-color);
}

.policy-header {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
    margin-top: 100px;
    font-size: 21px;
    font-weight: 600;
}

.policy-text:nth-child(3) {
    font-size: 15px;
}

.policy-info_text {
    font-size: 20px;
    position: relative;
    margin-left: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.policy-info_sub span {
    color: #fbb212;
}

.policy-info_email {
    font-size: 20px;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 500;
}

.policy-info_email span {
    color: #fbb212;
}

.policy-info_text::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    margin-top: 9px;
    box-shadow: 0px 0px 10px 0px #f9ab00;
    border-radius: 50%;
    background: #f9ab00;
    margin-left: -13px;
}

.policy-info_sub {
    font-size: 14px;
    padding-bottom: 5px;
    margin-left: 21px;
    color: hsla(0,0%,100%,.8);
}
.policy-text {
    color: #f8f8ff;
}
.policy-info_text {
color: #f8f8ff;
}

.policy-info_sub::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 2px;
    border-radius: 10px;
    margin-top: 8px;
    margin-left: -13px;
    background: #00000066;
}

.ctn-preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
}

.ctn-preloader .animation-preloader {
    z-index: 1000;
}

.ctn-preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000000;
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}

.ctn-preloader .animation-preloader .txt-loading {
    font: bold 5em "Montserrat", sans-serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: #000000;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    font-family: "Montserrat", sans-serif;
    position: absolute;
    top: -3px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.ctn-preloader.dark .animation-preloader .spinner {
    border-color: rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
    color: rgba(255, 255, 255, 0.2);
}

.ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
    color: #fff;
}

.ctn-preloader p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-align: center;
    color: #3b3b3b;
}

.ctn-preloader .loaders {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}

.ctn-preloader .loaders .row {
    height: 100%;
}

.ctn-preloader .loaders .loader-section {
    padding: 0px;
}

.ctn-preloader .loaders .loader-section .bg {
    position: absolute;
    background-color: #fff;
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

.ctn-preloader.loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.ctn-preloader.loaded .loader-section .bg {
    width: 0;
    -webkit-transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1);
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {

    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 3.5em "Montserrat", sans-serif;
    }
}

@media screen and (max-width: 808px) {
    button#close-pay-modal {
        top: 6.6rem;
        right: 0.4rem;
    }
    .modal-pay.open .modal-pay__box {
        padding: 15px;
    }
}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 2em "Montserrat", sans-serif;
    }
}

@media only screen and (max-width: 1865px) {
.header-block_help,
.play-block_help,
.social-block_help,
.settings-block_help,
.admin-block_help,
.news-block_help,
.servers_list::after {
    display: none;
}
}

@media only screen and (max-width: 1142px) {
    .forbes-list:nth-child(2) .forbes-item {
        margin-left: 40%;
        left: 0;
        margin-top: -30px;
    }
    .forbes-list:nth-child(3) .forbes-item {
        margin-left: 40%;
        left: 0;
        margin-top: 200px;
    }
    .forbes-list:nth-child(4) .forbes-item {
        margin-left: 40%;
        left: 0;
        margin-top: 430px;
    }
    .forbes-list:nth-child(5) {
        margin-top: 650px;
        margin-left: -240px;
    }
    .forbes-list:nth-child(6),
    .forbes-list:nth-child(7),
    .forbes-list:nth-child(8),
    .forbes-list:nth-child(9),
    .forbes-list:nth-child(10),
    .forbes-list:nth-child(11),
    .forbes-list:nth-child(12),
    .forbes-list:nth-child(13),
    .forbes-list:nth-child(14),
    .forbes-list:nth-child(15),
    .forbes-list:nth-child(16),
    .forbes-list:nth-child(17),
    .forbes-list:nth-child(18),
    .forbes-list:nth-child(19),
    .forbes-list:nth-child(20) {
        margin-left: -240px;
    }
    .forbes-name {
        margin-left: 40%;
    }
}

@media only screen and (max-width: 932px) {
    .profile-right_info__onelevel {
        flex-direction: column;
        align-items: center;
        margin: auto;
    }
    .profile-right_info__twolevel {
        flex-direction: column;
        align-items: center;
    }
    .coming-elements_container {
        justify-content: center;
    }

    .card-profile_level:hover,
    .card-profile_game:hover,
    .card-profile_money:hover,
    .card-profile_bank:hover {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 1200px) {
    display: none;
}

.footer-list .footer-list__item:nth-child(1) {
    display: none;
}

.nav-list {
    margin-left: 15px;
}

.right-block_donate {
    margin-left: 546px;
}

.card-profile_player {
    width: 276px;
}

.player-icon {
    margin-left: -30px;
}

.player-name,
.player-status {
    width: 226px;
}
}

@media only screen and (max-width: 925px) {
.settings {
    flex-direction: column;
    width: 100%;
    align-items: center;
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
img.logo {
    display: none;
}

.header-container {
    justify-content: center;
}

.btn-info {
    margin-left: auto;
    margin-right: auto;
}
.btn-info-vip {
    margin-left: auto;
    margin-right: auto;
}

.play-block_left,
.play-block_right::before,
.play-block_right::after,
.start-game_left,
a.start-game_video {
    display: none;
}

.info-title:nth-child(1) {
    max-width: 498px;
}

.info-title:nth-child(2) {
    max-width: 446px;
}

.info-title:nth-child(3) {
    max-width: 472px;
}

.right-info {
    display: none;
}

.start-game_row {
    width: 100%;
}

.start-game_block {
    justify-content: center;
}

.play-block_right {
    align-items: center;
    text-align: center;
}

a.download_page {
    position: relative;
    margin-left: 0px;
    margin-top: 25px;
}

.play-block_text {
    margin-left: 0px;
    max-width: 90%;
}

.social-block_item img {
    height: 100%;
}

.play-block_item {
    justify-content: center;
    width: 100%;
}

.footer-list__link:nth-child(3) {
    display: none;
}

.nav-list {
    column-gap: 37px;
}

.news_item-row {
    flex-direction: column;
    margin-top: 5rem;
    max-width: 100%;
}

.news_item {
    margin-top: 10px;
}

.right-block_donate {
    display: none;
}

.card-donate_row {
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.card-donate:nth-child(5):after {
    width: 360px;
}

.card-donate {
    width: 100%;
    margin: 0 0px 1rem;
}

.app .scope .list__item {
    width: 112px;
}

.prize_item {
    width: 108px;
}

.profile, .admin {
    flex-direction: column;
    align-items: center;
}

.card-profile_info,
.card-profile_donate {
    margin-left: 15px;
    position: relative;
}

.card-profile_level,
.card-profile_game,
.card-profile_money,
.card-profile_bank,
.card-profile_info,
.card-profile_donate {
    margin-top: 25px;
}

.player-icon {
    margin-left: 0px;
}

.player-name,
.player-status {
    width: 277px;
}

.card-profile_settings {
    margin-bottom: 5px;
}
}

@media only screen and (max-width: 855px) {
.servers_list-row {
    flex-direction: column;
    align-items: center; 
}

.servers-item {
    margin-bottom: 10px;
}
}
  .tab {
    display: flex;
    flex-direction: column;
  }

  .tab-nav > input[type="radio"] {
    display: none;
  }

  .tab-content {
    display: none;
  }

  #content-1:has(~ .tab-nav > #tab-btn-1:checked),
  #content-2:has(~ .tab-nav > #tab-btn-2:checked),
  #content-3:has(~ .tab-nav > #tab-btn-3:checked) {
    display: flex;
  }

  .tab-nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    order: -1;
  }

  .tab-nav > label {
    display: block;
    padding: 0.5rem 1rem;
    color: #f4b635;
    text-decoration: none;
    background: 0 0;
    border: 1px solid transparent;
    margin-bottom: -1px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    -webkit-appearance: button;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }

  .tab-nav > input[type="radio"]:checked + label {
    color: #000;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    cursor: default;
  }
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
.coming-elements_container {
    flex-direction: column;
    align-items: center;
}

.forbes-item {
    grid-template-columns: 2.25rem 14.625rem 6.25rem 1fr;
}

nav ul li ul {
    margin-top: -15px; 
}

.cars-block {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

img.logo {
    display: block;
    margin-left: 0px;
}

.burger-menu_btn {
    display: block;
    z-index: 3;
    position: relative;
}

.nav-list {
    position: absolute;
    display: block;
    left: -1000px;
    top: 0;
    width: 100%;
    margin-left: 0px;
    background-color: var(--secondary-color);
    padding: 100px 20px 20px 20px;
    transition: transform .5s;
    z-index: 2;
}

.nav-list__link {
    color: var(--text-color);
    font-size: 24px;
    display: block;
    padding: 10px 20px;
}

.nav-list__link-profile {
    padding: 15px 25px;
}

nav.nav {
    width: 100%;
    background-color: var(--secondary-color);
    padding: 10px;
}

.nav-list__link--active::after {
    display: none;
}

.nav.open .nav-list {
    transform: translateX(1000px);
}

.info-title {
    max-width: 459px;
}

.info-sub {
    max-width: 459px;
}

.news-print {
    margin-top: 7rem;
}

.footer-list__item:nth-child(3) {
    display: none;
}

}

@media only screen and (max-width: 630px) {
.footer-list__item:nth-child(1) {
    display: none;
}
}

@media only screen and (max-width: 490px) {

.sel_server_button {
    width: 285px;
}
.sel_server_list {
	width: 285px;
}
.card-donate-vip {
	width: 90%;
}
.card-donate-vip2 {
	width: 90%;
}
.card-donate-vip3 {
	width: 90%;
}
.card-donate-vip4 {
	width: 90%;
}
    .login-img {
        margin-left: 50px
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

.modal-donate_case {
    width: 100%;
}

.skill-block {
    flex-direction: column;
}

.skills-row.job-row {
    gap: 65px;
    display: flex;
    flex-direction: row;
}

.job-skills {
    margin: 30 auto 0;
    width: 55%;
    min-width: 198px;
}

.skills-block {
    margin: 0 auto;
    height: 320px;
    padding: 20px 0px;
    min-width: 259px;
}

.skills-row {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 40px;
}

.play-block {
    display: none;
}

.play-block_mobile {
    display: block;
}

.social-text,
.social-sub {
    margin-left: 0px;
    text-align: center;
    max-width: 90%;
}

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

.start-game_text:nth-child(1) {
    margin-top: 25px;
    max-width: 90%;
    width: auto;
    margin-left: 0px;
}

.start-game_text:nth-child(2) {
    max-width: 90%;
    width: auto;
    margin-left: 0px;
}

.start-game_text:nth-child(3) {
    max-width: 90%;
    width: auto;
    margin-left: 0px;
}

a.vkontakte-btn,
a.discord-btn {
    left: auto;
    margin-left: auto;
}

.info-title:nth-child(2) {
    margin-top: 120px;
}

.social-block_item img {
    opacity: 0;
}

.social-block_item:nth-child(2) .social-text,
.social-block_item:nth-child(2) .social-sub {
    margin-left: 0px;
}

.discord-text img,
.vkontakte-text img {
    display: none;
}

.social-block_item {
    display: flex;
    justify-content: center;
}

.footer-list {
    column-gap: 6px;
    margin-left: 11px;
}

.nav.open .nav-list {
    transform: translateX(1000px);
}

.nav-list {
    width: 106.5%;
}

.news__desc {
    max-width: 90%;
}

.card-donate {
    width: 90%;
}

.modal__box {
    width: 300px;
}

.footer-list__item:nth-child(1),
.footer-list__item:nth-child(3) {
    display: none;
}

.card-profile_info-information {
    width: 228px;
}

.card-profile_settings {
    width: 100%;
}

.settings-block {
    text-align: center;
}

.settings_case {
    width: 235px;
}

.card-admin {
    width: 100%;
    margin-left: 0px;
}

.admin_case {
    width: 226px;
}

.news-list_admin {
    width: 100%;
}

.news_name {
    display: none;
}

.ucp__info { 
    column-gap: 20px;
}

.card-profile_info {
    width: 258px;
}
}

@media only screen and (width: 414px) {

.app .scope .list__item {
    width: 128px;
    height: 128px;
}

}

@media only screen and (width: 390px) {

.app .scope .list__item {
    width: 120px;
    height: 120px;
}
}
.bg-contact3 {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.container-contact3 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.wrap-contact3 {
    width: 500px;
    background: #80c64a;
    background: -webkit-linear-gradient(45deg,#f3bf47,#F4B028);
    background: -o-linear-gradient(45deg,#f3bf47,#F4B028);
    background: -moz-linear-gradient(45deg,#f3bf47,#F4B028);
    background: linear-gradient(45deg,#f3bf47,#F4B028);
    border-radius: 10px;
    overflow: hidden;
    padding: 72px 55px 65px
}

.contact3-form {
    width: 100%
}

.contact3-form-title {
    display: block;
    font-size: 39px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 70px
}

.wrap-input3 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(255,255,255,.24);
    margin-bottom: 27px
}
input.input3::placeholder {
	color: #fff;
}
input.input3_captha::placeholder {
	color: #fff;
}
textarea.input3::placeholder {
	color: #fff;
}
.input3 {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    padding: 0 5px
}
.input3_captha {
    display: block;
    width: 100%;
    background: 0 0;
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    padding: 0 5px
}

.focus-input3 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.focus-input3::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    background: #fff
}

input.input3 {
    height: 45px
}

textarea.input3 {
    min-height: 115px;
    padding-top: 13px;
    padding-bottom: 13px
}

.input3:focus+.focus-input3::before {
    width: 100%
}

.has-val.input3+.focus-input3::before {
    width: 100%
}

.container-contact3-form-btn {
    padding-top: 23px
}

.contact3-form-btn {
    font-size: 16px;
    color: #555;
    line-height: 1.2;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    min-width: 120px;
    height: 50px;
    border-radius: 2px;
    position: relative;
    z-index: 1;
    background: #80c64a;
    background: -webkit-linear-gradient(-135deg,#f3bf47,#F4B028);
    background: -o-linear-gradient(-135deg,#f3bf47,#F4B028);
    background: -moz-linear-gradient(-135deg,#f3bf47,#F4B028);
    background: linear-gradient(-135deg,#f3bf47,#F4B028);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.contact3-form-btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.contact3-form-btn:hover {
    color: #fff
}

.contact3-form-btn:hover:before {
    opacity: 0
}

@media(max-width: 576px) {
    .wrap-contact3 {
        padding:72px 15px 65px
    }
}

.validate-input {
    position: relative
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    pointer-events: none;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1
}

@media(max-width: 992px) {
    .alert-validate::before {
        visibility:visible;
        opacity: 1
    }
}

.wrap-contact3-form-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 37px
}

.input-radio3 {
    display: none
}

.label-radio3 {
    display: block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    line-height: 1.2
}

.label-radio3::before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.5);
    background: rgba(0,0,0,.1);
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.label-radio3::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 6px solid transparent;
    background: rgba(255,255,255,.5);
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.input-radio3:checked+.label-radio3::after {
    display: block
}

.input3-select {
    display: none
}

.select2-container {
    display: block;
    max-width: 100%!important;
    width: auto!important
}

.select2-container .select2-selection--single {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    height: 45px;
    outline: none;
    position: relative
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    padding-left: 5px;
    background-color: transparent
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.select2-selection__arrow b {
    display: none
}

.select2-selection__arrow::before {
    content: '';
    display: block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #e6e6e6;
    margin-bottom: 2px
}

.select2-selection__arrow::after {
    content: '';
    display: block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #e6e6e6
}

.select2-container--open .select2-dropdown {
    z-index: 1251;
    border: 1px solid #fff;
    border-radius: 0;
    background-color: #fff
}

.select2-container .select2-results__option[aria-selected] {
    padding-top: 10px;
    padding-bottom: 10px
}

.select2-container .select2-results__option[aria-selected=true] {
    background: #80c64a;
    background: -webkit-linear-gradient(45deg,#56ab2f,#a8e063);
    background: -o-linear-gradient(45deg,#56ab2f,#a8e063);
    background: -moz-linear-gradient(45deg,#56ab2f,#a8e063);
    background: linear-gradient(45deg,#56ab2f,#a8e063);
    color: #fff
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background: #80c64a;
    background: -webkit-linear-gradient(45deg,#56ab2f,#a8e063);
    background: -o-linear-gradient(45deg,#56ab2f,#a8e063);
    background: -moz-linear-gradient(45deg,#56ab2f,#a8e063);
    background: linear-gradient(45deg,#56ab2f,#a8e063);
    color: #fff
}

.select2-results__options {
    font-size: 15px;
    color: #555;
    line-height: 1.2
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: none;
    font-size: 15px;
    color: #555;
    line-height: 1.2
}