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

:root {
    --white: #fff;
    --black: #000;
    --red: #B11F16;
    --gray: #DADADA;
    --header: #09090A;
    --width: 1920;

    transition: var(--black) 1s ease-in-out, var(--white) 1s ease-in-out;
}

body {
    background: #000;
    transition: background 1s ease-in-out;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main > .content {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main .content > *:first-child {
    flex: 1 0 auto;
}

body.light {
    background: #fff;
}

.light .mail {
    background-color: #EFEFEF;
}

.wrapper {
    overflow-x: hidden;
}

.container {
    max-width: calc(1520 / var(--width) * 100vw);
    width: 100%;
    margin: 0 auto;
}

/* Шапка */

.header {
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 100;
    width: 100%;

    background: rgba(9, 9, 10, .9);
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
}

.header .container {
    display: flex;
    align-items: center;
    padding: calc(18 / var(--width) * 100vw);
    justify-content: space-between;
}

.header_left {
    display: flex;
    gap: calc(76 / var(--width) * 100vw);
    align-items: center;
}

.logo {
    width: calc(180 / var(--width) * 100vw);
}

.header_links a {
    color: #fff;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.header_links a.active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -3px;
    background: var(--red);
}

.header_links {
    display: flex;
    align-items: center;
    gap: calc(79 / var(--width) * 100vw);
}

.header_right {
    display: flex;
    gap: calc(58 / var(--width) * 100vw);
    align-items: center;
}

.header_right a {
    display: flex;
}

.icon {
    width: calc(24 / var(--width) * 100vw);
}

.header_links-list {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: calc(4 / var(--width) * 100vw);
    color: #fff;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    padding: calc(30 / var(--width) * 100vw);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    transition: all .2s ease-in-out;
}

.header_links-list svg {
    transition: all .2s ease-in-out;
    width: calc(12.8 / var(--width) * 100vw);
    height: calc(8.129 / var(--width) * 100vw);
}

.header_links-list svg.active {
    rotate: 180deg;
}

.header_links-list__container {
    position: absolute;
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    top: calc(80 / var(--width) * 100vw);
    width: 100%;
    left: 0;
    background: rgba(88, 25, 21, 0.85);
    backdrop-filter: blur(23px);
}

.header_links-list__container.active {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.header_links-list.active {
    background: rgba(177, 31, 22, 0.44);
    backdrop-filter: blur(23px);
}

.header_links-list__container a {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 101.5%;
    text-transform: uppercase;
    padding: calc(22 / var(--width) * 100vw);
    text-decoration: none;
    border-bottom: 1px solid rgba(177, 31, 22, 0.30);
}

.header_links-list__container a:hover {
    background: #B11F16;
}

.icon.active path {
    fill: var(--red);
}

.navmenu-icon {
    display: none;
    width: calc(30 / var(--width) * 100vw);
}

.header_right button {
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
}

#language {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(5 / var(--width) * 100vw);
}

.language-main {
    background: none;
    transition: background .5s ease-in-out;
    display: flex;
    align-items: center;
    padding: calc(9 / var(--width) * 100vw) calc(3.47 / var(--width) * 100vw);
}

#language .language-main:nth-child(1) {
    position: relative;
    z-index: 2;
}

.language-main.active, .language-item.active {
    background: rgb(177, 31, 22);
}

body .mobile-languages {
    padding: 0 1rem;
}

body .mobile-languages a {
    margin: inherit;
    padding: 1rem;
}

#language-show {
    position: absolute;
    opacity: 0;
    display: flex;
    flex-direction: column;
    z-index: -1;
    background: rgba(177, 31, 22, 0.50);
    transform: translateY(200%);
    transition: opacity .2s ease-in-out, transform .5s ease-in-out;
    visibility: hidden;
    width: max-content;
}

.language-toggle {
    display: flex;
}

#language-show.active {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    transform: translateY(100%);
}

.language-item,
.language-active {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: calc(9 / var(--width) * 100vw) calc(17 / var(--width) * 100vw);
    text-transform: uppercase;
}

/* Мобильное меню */

#mobile-menu {
    display: flex;
    position: fixed;
    visibility: hidden;
    justify-content: space-between;
    flex-direction: column;
    width: calc(281 / var(--width) * 100vw);
    background: var(--black);
    z-index: 100;
    right: 0;
    height: 100%;
    padding: calc(22 / var(--width) * 100vw)0 calc(45 / var(--width) * 100vw);
    transform: translateX(100%);
    transition:
        transform 500ms ease-in-out,
        visibility 0s linear 500ms;
}

#mobile-menu.active {
    visibility: visible;
    transform: translateX(0);
    transition-delay: 0s;
}

.mobile-menu_top {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--width) * 100vw);
}

.mobile-links {
    display: flex;
    flex-direction: column;
}

.mobile-links a {
    z-index: 1;
    position: relative;
    justify-content: space-between;
    display: flex;
    align-items: center;
    color: var(--white);
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 700;
    text-decoration: none;
    padding: calc(20 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(33 / var(--width) * 100vw);
    background: none;
    transition: background .5s ease-in-out;
}

.mobile-links a:hover {
    background: rgba(177, 31, 22, 0.50);
    color: #fff;
}

.mobile-links a:hover .gamelist-color {
    fill: #FFF;
}

.mobile-links a svg,
#close-menu {
    width: calc(24 / var(--width) * 100vw);
    cursor: pointer;
}

.mobile-menu_header {
    display: flex;
    justify-content: flex-end;
    padding-right: calc(20 / var(--width) * 100vw);
}

#mobile-menu #registration {
    color: var(--white);
    text-align: center;
    font-family: Klein;
    text-decoration: none;
    font-size: calc(20 / var(--width) * 100vw);
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #B11F16;
    background: transparent;
    padding: calc(6 / var(--width) * 100vw) 0;
    width: 80%;
    margin-right: calc(21 / var(--width) * 100vw);
    margin-left: calc(30 / var(--width) * 100vw);
}

#overlay {
    display: none;
    position: absolute;
    background: var(--header);
    opacity: .6;
    width: 100%;
    height: 100%;
    z-index: 100;
}

#overlay.active {
    display: block;
}

/* Главный блок */

#main {
    padding-top: calc(188 / var(--width) * 100vw);
    display: flex;
}

#main .container {
    display: flex;
    gap: calc(20 / var(--width) * 100vw);
    justify-content: space-between;
}

.sw {
    max-width: calc(1007 / var(--width) * 100vw);
}

.sw img {
    width: 100%;
    height: auto;
}

.sw-p {
    margin-top: calc(22 / var(--width) * 100vw);
}

#reviews.splide .splide__track {
    max-width: calc(1250 / var(--width) * 100vw);
    margin: 0 auto;
}

.sw-p .splide__track {
    max-width: calc(750 / var(--width) * 100vw);
    margin: 0 auto;
    position: relative;
    align-items: center;
}

.sw-p .splide__slide.is-active {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
    -o-filter: brightness(0.5);
    -moz-filter: brightness(0.5);
}

.sw-p .splide__slide {
    width: calc(179 / var(--width) * 100vw) !important;
    cursor: pointer;
}

.sw-p .splide__slide img {
    width: 100%;
}

.splide__slide {
    height: auto;
}

.swiper-button-prev {
    background: transparent !important;
    width: calc(48.67 / var(--width) * 100vw) !important;
    background-size: 95% !important;
    height: auto !important;
}

.sw-p .swiper-button-prev {
    margin-top: unset !important;
    margin-left: calc(31 / var(--width) * 100vw);
}

.swiper-button-prev::after {
    content: '' !important;
}

.swiper-button-next {
    background: transparent !important;
    width: calc(48.67 / var(--width) * 100vw) !important;
    background-size: 95% !important;
    height: auto !important;
}

.sw-p .swiper-button-next {
    margin-top: unset !important;
    margin-right: calc(31 / var(--width) * 100vw);
}

.swiper-button-next::after {
    content: '' !important;
}

.swiper {
    display: flex !important;
    align-items: center;
}

.slide-description {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 1;
    bottom: 4px;
    -webkit-backdrop-filter: blur(17.5px);
    backdrop-filter: blur(17.5px);
    padding: calc(19 / var(--width) * 100vw) calc(31 / var(--width) * 100vw) calc(23 / var(--width) * 100vw);
    gap: calc(13 / var(--width) * 100vw);
}

.slide-gamename {
    color: var(--gray);
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-weight: 400;
    line-height: 101.5%;
    text-transform: uppercase;
}

.slide-offername {
    color: #FFF;
    font-family: Klein;
    font-size: calc(40 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
}

.security {
    position: absolute;
    display: flex;
    align-items: center;
    gap: calc(11 / var(--width) * 100vw);
    top: calc(39 / var(--width) * 100vw);
    right: calc(36 / var(--width) * 100vw);
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: calc(10 / var(--width) * 100vw) calc(11 / var(--width) * 100vw);
    background: rgba(22, 177, 84, 0.52);
    z-index: 1;
}

.form-control {
    background: rgba(239, 239, 239, 0.10);
    padding: calc(13 / var(--width) * 100vw) calc(18 / var(--width) * 100vw);
    width: 100%;
    border: none;
    outline: none;
    color: #ffffff;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
    margin-top: calc(25 / var(--width) * 100vw);
}

.form-control::placeholder {
    color: #fff;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
}

.form-control.disabled {
    opacity: 0.85;
    color: #eeeeee;
    cursor: default;
}

.security img {
    width: calc(14 / var(--width) * 100vw);
}

.main_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: calc(493 / var(--width) * 100vw);
    width: 100%;
    border: 1px solid #B11F16;
    padding: calc(27 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
    max-height: calc(700 / var(--width) * 100vw);
}

.main_right-header {
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--width) * 100vw);
}


.right-gamename {
    color: #58585A;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 101.5%;
    text-transform: uppercase;
}

.right-offername {
    color: var(--red);
    font-family: Klein;
    font-size: calc(24 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 800;
    line-height: 101.5%;
    /* 24.36px */
    text-transform: uppercase;
}

.main_right-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.content_header-left {
    display: flex;
    flex-direction: column;
    gap: calc(5 / var(--width) * 100vw);
}

.header-left_price {
    color: var(--white);
    font-family: Montserrat;
    font-size: calc(30 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#tarif {
    font-size: calc(24 / var(--width) * 100vw);
}

.header-left_plan {
    color: #676767;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
}

#discount {
    display: inline-block;
    padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    background: var(--red);

    color: #FFF;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-weight: 700;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

#discount.active {
    opacity: 1;
}

.range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: calc(6 / var(--width) * 100vw);
    background: rgba(177, 31, 22, 0.20);
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;

    margin-top: calc(37 / var(--width) * 100vw);
}

.range:hover {
    opacity: .9;
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: calc(20 / var(--width) * 100vw);
    height: calc(20 / var(--width) * 100vw);
    background: var(--red);
    border-radius: 50px;
    cursor: pointer;
    transition: scale .5s ease-in-out;
}

.range::-webkit-slider-thumb:hover {
    scale: 1.1;
}

.range::-moz-range-thumb {
    width: calc(20 / var(--width) * 100vw);
    height: calc(20 / var(--width) * 100vw);
    background: var(--red);
    cursor: pointer;
    transition: scale .5s ease-in-out;
}

.range::-moz-range-thumb:hover {
    scale: 1.1;
}

.mail {
    background: rgba(239, 239, 239, 0.10);
    padding: calc(13 / var(--width) * 100vw) calc(18 / var(--width) * 100vw);
    /*width: 100%;*/
    border: none;
    outline: none;
    color: #fff;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
    margin-top: calc(60 / var(--width) * 100vw);
}

.mail::placeholder {
    color: rgba(255, 255, 255, 0.71);
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-weight: 400;
}

.mail.disabled {
    opacity: 0.85;
    color: #eeeeee;
    cursor: default;
}

.total-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(40 / var(--width) * 100vw);
}

.total-title {
    color: var(--red);
    font-family: Montserrat;
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: 400;
}

.total-summary__right {
    display: flex;
    gap: calc(16 / var(--width) * 100vw);
}

.total-summary_oldprice {
    display: inline-flex;
    align-items: center;
    color: #676767;
    font-family: Klein;
    font-size: calc(24 / var(--width) * 100vw);
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: line-through;

    padding: calc(5 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    background: rgba(239, 239, 239, 0.10);
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.total-summary_oldprice.active {
    opacity: 1;
}

.total-summary_price {
    color: var(--white);
    font-family: Montserrat;
    font-size: calc(40 / var(--width) * 100vw);
    font-weight: 700;
}

#buy {
    width: 100%;
    padding: calc(15 / var(--width) * 100vw);
    color: var(--white);
    text-align: center;
    font-family: Klein;
    font-size: calc(18 / var(--width) * 100vw);
    font-weight: 400;
    text-transform: uppercase;
    background: none;
    border: 1px solid var(--red);
}

/* Обзор */

#review {
    position: relative;
    padding: calc(113 / var(--width) * 100vw) 0 calc(235 / var(--width) * 100vw);
}

.label {
    position: absolute;
    width: calc(1746 / var(--width) * 100vw);
}

.label-top {
    left: calc(-519 / var(--width) * 100vw);
    top: 0;
}

.review-block {
    width: calc(1264 / var(--width) * 100vw);
    margin: 0 auto;
}

.review-title {
    color: var(--red);
    font-family: Klein;
    font-size: calc(100 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    top: calc(13 / var(--width) * 100vw);
}

.video {
    position: relative;
    height: calc(668 / var(--width) * 100vw);
    width: calc(1264 / var(--width) * 100vw);
    margin: 0 auto;
    z-index: 2;
}

.video img {
    width: 100%;
}

.video::before {
    content: '';
    position: absolute;
    width: calc(184 / var(--width) * 100vw);
    height: calc(184 / var(--width) * 100vw);
    background: url(../icons/play.svg);
    background-size: cover;
    background-position: center;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.label-medium {
    right: calc(-1033 / var(--width) * 100vw);
    bottom: 0;
    z-index: 1;
}

#description {
    position: relative;
    padding-bottom: calc(143 / var(--width) * 100vw);
}

#description.without-review {
    padding: calc(113 / var(--width) * 100vw) 0 calc(235 / var(--width) * 100vw);
}

#description.without-review .description-background {
    top: calc(-30 / var(--width) * 100vw);
}

.description-background {
    display: flex;
    gap: calc(40 / var(--width) * 100vw);
    flex-direction: column;
    position: relative;
    z-index: 0;
    top: calc(-130 / var(--width) * 100vw);
    left: calc(-200 / var(--width) * 100vw);
    width: calc(1335 / var(--width) * 100vw);
    background: var(--red);
    padding-left: calc(200 / var(--width) * 100vw);
    padding-top: calc(60 / var(--width) * 100vw);
    padding-right: calc(128 / var(--width) * 100vw);
    padding-bottom: calc(63 / var(--width) * 100vw);
}

.description-title {
    color: #FFF;
    font-family: Klein;
    font-size: calc(64 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
}

.description-subtitle {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-weight: 700;
    line-height: 101.5%;
    text-transform: uppercase;
}

.description-background > div {
    margin-right: calc(320 / var(--width) * 100vw);
    color: var(--white);
}

.description-background p {
    margin-top: calc(29 / var(--width) * 100vw);

    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 151.5%;
}

#description.without-review .cs-img {
    top: calc(300 / var(--width) * 100vw);
}

.cs-img {
    width: calc(950 / var(--width) * 100vw);
    height: calc(860 / var(--width) * 100vw);
    position: absolute;
    top: calc(98 / var(--width) * 100vw);
    right: 0;
}

.label-medium2 {
    bottom: 0;
    left: calc(-577 / var(--width) * 100vw);
}

/* Другие товары */

#otheroffers {
    position: relative;
    padding-bottom: calc(194 / var(--width) * 100vw);
}

.other-title {
    position: relative;
    top: calc(14 / var(--width) * 100vw);
    color: var(--red);
    font-family: Klein;
    font-size: calc(100 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;

    margin-left: calc(123 / var(--width) * 100vw);
}

.sw-o {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.sw-o .splide__slide {
    max-width: calc(408 / var(--width) * 100vw);
    cursor: pointer;
}

.img-offer {
    width: 100%;
}

.sw-o .splide__track {
    overflow-x: hidden;
    display: flex;
    gap: calc(20 / var(--width) * 100vw);
    max-width: calc(1264 / var(--width) * 100vw);
}

#page-catalog {
    position: absolute;
    z-index: 2;
    right: calc(329 / var(--width) * 100vw);
    top: calc(24 / var(--width) * 100vw);
    color: #B11F16;
    font-family: Klein;
    font-size: calc(14 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 101.5%;
    text-transform: uppercase;
    text-decoration: none;
}

#page-catalog svg {
    margin-left: calc(8 / var(--width) * 100vw);
    width: calc(18 / var(--width) * 100vw);
}

.sw-o .swiper-button-next,
.sw-o .swiper-button-prev {
    margin: 0 !important;
    border-radius: 0 !important;
}

.sw-o .swiper-wrapper .swiper-slide {
    position: relative;
}

.offer-price {
    position: absolute;
    padding: calc(13 / var(--width) * 100vw) calc(16 / var(--width) * 100vw);
    bottom: calc(5 / var(--width) * 100vw);

    color: #FFF;
    font-family: Montserrat;
    font-size: calc(32 / var(--width) * 100vw);
    font-weight: 700;
}

.rating {
    position: absolute;
    display: flex;
    align-items: center;
    gap: calc(5 / var(--width) * 100vw);
    top: calc(12 / var(--width) * 100vw);
    left: calc(21 / var(--width) * 100vw);
}

.rating p {
    color: #FFF;
    font-family: Klein;
    font-size: calc(20 / var(--width) * 100vw);
    font-weight: 700;
    line-height: 101.5%;
    text-transform: uppercase;
}

.csgo-logo {
    position: absolute;
    width: calc(113 / var(--width) * 100vw) !important;
    right: calc(14 / var(--width) * 100vw);
    top: calc(7 / var(--width) * 100vw);
}

.offer-name {
    position: absolute;
    top: calc(112 / var(--width) * 100vw);
    left: calc(23 / var(--width) * 100vw);

    color: #FFF;
    font-family: Klein;
    font-size: calc(40 / var(--width) * 100vw);
    font-weight: 700;
    line-height: 101.5%;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.offer-info {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: -webkit-backdrop-filter 1s ease-in-out, backdrop-filter 1s ease-in-out;
}


.offer-buy {
    display: flex;
    align-items: center;
    gap: calc(13 / var(--width) * 100vw);
    position: absolute;

    color: #FFF;
    text-align: center;
    font-family: Klein;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;

    right: calc(20 / var(--width) * 100vw);
    bottom: calc(19 / var(--width) * 100vw);
    opacity: 1;
    transition: opacity 1s ease-in-out;
}

.arrow {
    width: calc(38 / var(--width) * 100vw);
}

.label-medium3 {
    bottom: 0;
    right: calc(-451 / var(--width) * 100vw);
}

.cs2card-disable {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* Почему выбирают нас? */

#whyus {
    position: relative;
    background: var(--red);
}

#whyus .container {
    padding: calc(73 / var(--width) * 100vw) 0 calc(146 / var(--width) * 100vw);
}

.whyus-title {
    color: #FFF;
    font-family: Klein;
    font-size: calc(100 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
    margin-bottom: calc(80 / var(--width) * 100vw);
}

#whyus p {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: calc(878 / var(--width) * 100vw);
}

#whyus p:nth-child(1) {
    max-width: calc(750 / var(--width) * 100vw);
}

#whyus h3 {
    color: #FFF;
    font-family: Klein;
    font-size: calc(36 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
    margin: calc(60 / var(--width) * 100vw) 0 calc(20 / var(--width) * 100vw);
}

#whyus div {
    padding-left: calc(513 / var(--width) * 100vw);
}

.whyus-img {
    max-width: calc(1780 / var(--width) * 100vw);
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: calc(-593 / var(--width) * 100vw);
}

/* Как купить чит? */

#howbuy {
    position: relative;
    padding-top: calc(241 / var(--width) * 100vw);
    padding-bottom: calc(129 / var(--width) * 100vw);
}

.label-bottom {
    top: calc(-91 / var(--width) * 100vw);
    left: calc(-270 / var(--width) * 100vw);
    z-index: 3;
}

.howbuy-info {
    max-width: calc(878 / var(--width) * 100vw);
}

.howbuy-title {
    color: var(--red);
    font-family: Klein;
    font-size: calc(64 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
    margin-bottom: calc(40 / var(--width) * 100vw);
}

.howbuy-subtitle {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 131.5%;
    margin: calc(40 / var(--width) * 100vw) calc(18 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) 0;
}

.howbuy-info p {
    color: var(--white);
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 131.5%;
    margin-bottom: calc(26 / var(--width) * 100vw);
    margin-right: calc(18 / var(--width) * 100vw);
    /* 21.04px */
}

#check {
    position: relative;
    background: transparent;
    width: calc(27 / var(--width) * 100vw);
    height: calc(27 / var(--width) * 100vw);
    border: 2px solid var(--red);
    cursor: pointer;
}

.check-point {
    position: absolute;
    width: calc(36 / var(--width) * 100vw);
    top: calc(-4 / var(--width) * 100vw);
    right: calc(-9 / var(--width) * 100vw);
    opacity: 0;
}

.check-point.active {
    opacity: 1;
}

.oferta {
    display: flex;
    gap: calc(24.01 / var(--width) * 100vw);
    align-items: center;
}

.oferta p {
    color: var(--white);
    font-family: Montserrat;
    font-size: calc(12 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

#try {
    color: var(--white);
    text-align: center;
    font-family: Klein;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;

    display: inline-flex;
    padding: calc(15 / var(--width) * 100vw) calc(60 / var(--width) * 100vw);
    justify-content: center;
    align-items: center;
    gap: calc(10 / var(--width) * 100vw);
    background: transparent;
    border: 1px solid var(--red);
    margin-top: calc(38 / var(--width) * 100vw);
    cursor: pointer;
    transition: background .3s ease-in-out;
}

#try:hover {
    background: var(--red);
}

.solider {
    position: absolute;
    max-width: calc(949 / var(--width) * 100vw);
    top: calc(57 / var(--width) * 100vw);
    right: 0;
}

/* Подвал */

.footer {
    background: var(--header);
    padding-top: calc(40 / var(--width) * 100vw);
    padding-bottom: calc(40 / var(--width) * 100vw);
}

.footer .container {
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--width) * 100vw);
}

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

.footer-left {
    display: flex;
    align-items: center;
    gap: calc(77 / var(--width) * 100vw);
}

.footer-top_links {
    display: flex;
    gap: calc(30 / var(--width) * 100vw);
}

.footer-top_links a {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

.footer-top p {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-right: calc(124 / var(--width) * 100vw);
}

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

.footer-bottom-left {
    display: flex;
    gap: calc(87 / var(--width) * 100vw);
}

.footer-bottom-left p,
.footer-bottom-left a {
    color: #58585A;
    font-family: Montserrat;
    font-size: calc(14 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.payment {
    width: calc(278 / var(--width) * 100vw);
}

#index-main {
    height: 100vh;
    padding-top: calc(281 / var(--width) * 100vw);
    padding-bottom: calc(153 / var(--width) * 100vw);
    background: url(../img/bg-index.webp);
    background-size: cover;
    background-position: center;
}

#index-main .container {
    position: relative;
}

.index-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: calc(90 / var(--width) * 100vw);
}

.index-info_text {
    display: flex;
    flex-direction: column;
    gap: calc(27 / var(--width) * 100vw);
}

.index-info h1 {
    color: #fff;
    text-align: center;
    font-family: Klein;
    font-size: calc(96 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 800;
    line-height: 134%;
    text-transform: uppercase;
}

.index-info p {
    color: #E8E8E8;
    text-align: center;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    max-width: calc(750 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
}

.index-buttons {
    display: flex;
    gap: calc(40 / var(--width) * 100vw);
    margin: 0 auto;
}

.index-buttons a {
    background: transparent;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    font-family: Klein;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid #B11F16;
    padding: calc(15 / var(--width) * 100vw) calc(60 / var(--width) * 100vw);
    transition: background-color 500ms ease-in-out;
    z-index: 1;
    position: relative;
}

.index-buttons a:hover {
    background-color: #B11F16;
    color: #ffffff;
}

#scroll-down {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: calc(42 / var(--width) * 100vw);
    align-items: center;
    position: absolute;
    right: 0;
}

#scroll-down:hover {
    opacity: .5;
}

#scroll-down svg {
    width: calc(71 / var(--width) * 100vw);
    height: calc(71 / var(--width) * 100vw);
}

#scroll-down span {
    display: flex;
    transform: rotate(-90deg);
    color: #FFF;
    text-align: center;
    font-family: Klein;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: calc(120 / var(--width) * 100vw);
    height: calc(71 / var(--width) * 100vw);
    align-items: center;
}

.label-index1 {
    left: calc(-254 / var(--width) * 100vw);
    width: calc(1336 / var(--width) * 100vw);
    bottom: calc(-354 / var(--width) * 100vw);
}

.index-other {
    margin-top: calc(27 / var(--width) * 100vw);
}

#premium {
    position: relative;
    padding-top: calc(81 / var(--width) * 100vw);
    padding-bottom: calc(143 / var(--width) * 100vw);
    background: #B11F16;
}

.premium-info {
    position: relative;
    z-index: 1;
    max-width: calc(878 / var(--width) * 100vw);
}

.premium-head {
    display: flex;
    flex-direction: column;
    gap: calc(40 / var(--width) * 100vw);
    margin-bottom: calc(60 / var(--width) * 100vw);
}

#premium h2 {
    color: #fff;
    font-family: Klein;
    font-size: calc(64 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
}

.premium-text {
    color: #fff;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 101.5%;
    text-transform: uppercase;
}

#premium-selector {
    display: flex;
    justify-content: space-between;
    background: transparent;
    border: 1px solid #FFF;
    max-width: calc(622 / var(--width) * 100vw);
}

#premium-selector button {
    background: none;
    border: none;
    padding: calc(12 / var(--width) * 100vw) .25rem;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: calc(18 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 101.5%;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}

.offer-price__button.active,
.offer-price__button:hover {
    background-color: var(--red);
    color: #fff;
}

.offer-price__button {
    background: none;
    border: 2px solid var(--red);
    padding: calc(10 / var(--width) * 100vw) .2rem;
    width: 100%;
    color: var(--red);
    text-align: center;
    font-family: Montserrat;
    font-size: calc(18 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 101.5%;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
}

.main_right-content .mail {
    color: var(--white);
}

#premium-selector button:hover {
    color: #b11f16;
    background-color: rgba(255, 255, 255, .85);
}

#premium-selector button.active{
    background: #fff;
    color: #B11F16;
}

.premium-list {
    margin: calc(40 / var(--width) * 100vw) 0 0 calc(31 / var(--width) * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(30 / var(--width) * 100vw);
}

.premium-list_row {
    display: flex;
    align-items: center;
    gap: calc(20 / var(--width) * 100vw);
}

.premium-list_row p {
    color: #fff;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 101.5%;
    text-transform: uppercase;
}

.accept-premium {
    /*display: flex;
    gap: calc(17 / var(--width) * 100vw);
    align-items: center;*/
    margin: calc(40 / var(--width) * 100vw) 0 0 calc(31 / var(--width) * 100vw);
}

.accept-premium p {
    color: #FFF;
    font-family: Montserrat;
    font-size: calc(12 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.check-white {
    border: 2px solid var(--white) !important;
}

.solider2 {
    position: absolute;
    width: calc(2088.421 / var(--width) * 100vw);
    right: calc(-102 / var(--width) * 100vw);
    bottom: 0;
}

.premium-buy {
    display: flex;
    align-items: center;
    gap: calc(85 / var(--width) * 100vw);
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: calc(31 / var(--width) * 100vw);
}

.premium-buy input.mail {
    width: 40%;
    margin-top: 0;
    color: #ffffff;
}

.premium-buy input.mail::placeholder {
    color: #fff;
}

.premium-buy .prices {
    display: none;
}

.premium-buy .prices.active {
    display: flex;
}

.premium-buy div {
    display: flex;
    gap: calc(85 / var(--width) * 100vw);
}

.premium-oldprice {
    color: var(--gray);
    text-align: center;
    font-family: Klein;
    font-size: calc(48 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 101.5%;
    text-transform: uppercase;
    opacity: .5;
}

.premium-newprice {
    color: #fff;
    text-align: center;
    font-family: Klein;
    font-size: calc(48 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 101.5%;
    text-transform: uppercase;
}

.main_right .buy-for_another {
    border: 1px solid var(--red);
    background-color: transparent;
    font-size: calc(18 / var(--width) * 100vw);
    margin-left: 0;
    margin-top: 1rem;
}

.buy-for_another:hover, #buy:hover {
    background-color: var(--red);
    color: #ffffff;
    transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
}

.buy-for_another,
.premium-buy_btn {
    color: #B11F16;
    text-align: center;
    font-family: Klein;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding: calc(15 / var(--width) * 100vw) calc(60 / var(--width) * 100vw);
    background: #fff;
    border: none;
    cursor: pointer;
    margin-top: 1.5rem;
    margin-left: 1.8rem;
    transition: all 500ms ease-in-out;
    position: relative;
    z-index: 2;
}

.premium-buy_btn:hover {
    background: var(--red);
    color: var(--white);
    outline: 2px solid var(--white);
}

.label-index2 {
    left: 0;
    bottom: calc(-178 / var(--width) * 100vw);
}

#comments .container {
    padding-top: calc(80 / var(--width) * 100vw);
}

/* Комментарии */

#comments h2 {
    max-width: calc(1264 / var(--width) * 100vw);
    margin: 0 auto;
    color: var(--red);
    font-family: Klein;
    font-size: calc(100 / var(--width) * 100vw);
    font-style: italic;
    font-weight: 800;
    line-height: 101.5%;
    text-transform: uppercase;
}

#comments {
    position: relative;
}

.comments-wrapper {
    /*max-width: calc(1264 / var(--width) * 100vw);*/
    /*margin: 0 auto;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*gap: calc(20 / var(--width) * 100vw);*/
    padding: calc(54 / var(--width) * 100vw) 0 calc(65 / var(--width) * 100vw);
}

.comment {
    border: 1px solid var(--red);
    padding: calc(20 / var(--width) * 100vw);
}

.comment-avatar {
    border-radius: 59px;
    width: calc(59 / var(--width) * 100vw);
    height: calc(59 / var(--width) * 100vw);
}

.comment-head {
    display: flex;
    align-items: center;
}

.comment-title {
    display: flex;
    padding-left: calc(20 / var(--width) * 100vw);
    align-items: center;
}

.comment-name {
    color: var(--red);
    font-family: Klein;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.comment-mail {
    color: #676767;
    font-family: Montserrat;
    font-size: calc(14 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-rate svg {
    width: calc(28 / var(--width) * 100vw);
    height: calc(27 / var(--width) * 100vw);
}

.comment-rate {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: calc(5 / var(--width) * 100vw);
    color: #676767;
    font-family: Montserrat;
    font-size: calc(20 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 600;
    line-height: 101.5%;
    text-transform: uppercase;
}

.comment-text {
    color: #676767;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: calc(28 / var(--width) * 100vw) 0 calc(9 / var(--width) * 100vw);
}

.comment-full {
    color: var(--red);
    background: transparent;
    border: none;
    font-family: Montserrat;
    font-size: calc(16 / var(--width) * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-full svg {
    width: calc(9 / var(--width) * 100vw);
    height: calc(6 / var(--width) * 100vw);
}

.label-index3 {
    right: calc(-314 / var(--width) * 100vw);
    width: calc(856 / var(--width) * 100vw);
    bottom: calc(90 / var(--width) * 100vw);
}

#xone {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: transparent;
}

.form-group__error {
    color: var(--red);
    font-size: 13px;
    margin-top: .25rem;
    margin-left: .2rem;
    font-weight: bold;
}

.oferta-text {
    color: var(--white);
}

@media screen and (max-width: 768px) {
    * {
        --width: 400;
    }

    .label-index3 {
        right: calc(0 / var(--width) * 100vw);
    }

    /* Шапка */
    .logo {
        width: calc(174 / var(--width) * 100vw);
    }

    .header_links,
    #download,
    #language,
    #profile {
        display: none;
    }

    .navmenu-icon {
        display: unset;
    }

    .header_right {
        gap: calc(13 / var(--width) * 100vw);
        flex-direction: row-reverse;
    }

    .container {
        max-width: unset;
        padding: 0 calc(20 / var(--width) * 100vw);
    }

    .header .container {
        padding: calc(20 / var(--width) * 100vw);
    }

    /* Главная */

    #main {
        padding-top: calc(85 / var(--width) * 100vw);
    }

    #main .container {
        flex-direction: column;
        gap: calc(40 / var(--width) * 100vw);
    }

    .slide-description {
        gap: calc(7 / var(--width) * 100vw);
        padding: calc(10 / var(--width) * 100vw) calc(15 / var(--width) * 100vw);
    }

    .slide-gamename {
        font-size: calc(10.29 / var(--width) * 100vw);
    }

    .slide-offername {
        font-size: calc(20.58 / var(--width) * 100vw);
    }

    .security {
        gap: calc(4 / var(--width) * 100vw);
        padding: calc(4 / var(--width) * 100vw);
        font-size: calc(7.23 / var(--width) * 100vw);
        right: calc(20 / var(--width) * 100vw);
        top: calc(12 / var(--width) * 100vw);
    }

    .security img {
        width: calc(5 / var(--width) * 100vw);
    }

    .sw-p {
        margin-top: calc(20 / var(--width) * 100vw);
    }

    .sw-p .swiper-wrapper {
        max-width: calc(277 / var(--width) * 100vw);
        height: unset !important;
        gap: calc(4 / var(--width) * 100vw);
    }

    .sw-p .swiper-button-prev {
        margin-left: 0;
        width: calc(18.01 / var(--width) * 100vw) !important;
        height: calc(18.01 / var(--width) * 100vw) !important;
    }

    .sw-p .swiper-button-next {
        margin-right: 0;
        width: calc(18.01 / var(--width) * 100vw) !important;
        height: calc(18.01 / var(--width) * 100vw) !important;
    }

    .sw-p .swiper-slide {
        width: calc(65.88 / var(--width) * 100vw) !important;
    }

    .main_right {
        padding: calc(20 / var(--width) * 100vw);
        max-height: unset;
    }

    .right-gamename {
        font-size: calc(11 / var(--width) * 100vw);
    }

    .right-offername {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .header-left_price {
        font-size: calc(24 / var(--width) * 100vw);
    }

    #tarif {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .header-left_plan {
        font-size: calc(11 / var(--width) * 100vw);
    }

    .main_right-content {
        margin-top: calc(17 / var(--width) * 100vw);
    }

    #discount {
        padding: calc(7 / var(--width) * 100vw) calc(8 / var(--width) * 100vw);
        font-size: calc(14 / var(--width) * 100vw);
    }

    .mail {
        padding: calc(9 / var(--width) * 100vw) calc(13 / var(--width) * 100vw);
    }

    .total-title {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .total-summary__right {
        gap: calc(12 / var(--width) * 100vw);
    }

    .total-summary_oldprice {
        padding: calc(0 / var(--width) * 100vw) calc(7 / var(--width) * 100vw);
        font-size: calc(17 / var(--width) * 100vw);
    }

    .total-summary_price {
        font-size: calc(28 / var(--width) * 100vw);
    }

    #buy {
        padding: calc(9.4 / var(--width) * 100vw);
        font-size: calc(14.6 / var(--width) * 100vw);
        margin-top: calc(30 / var(--width) * 100vw);
    }

    /* Обзор */

    #review {
        padding: calc(35 / var(--width) * 100vw) 0;
    }

    .label {
        width: calc(612.43 / var(--width) * 100vw);
    }

    .label-top {
        left: calc(-222 / var(--width) * 100vw);
    }

    .review-block {
        width: 100%;
    }

    .review-title {
        font-size: calc(32 / var(--width) * 100vw);
        top: calc(4 / var(--width) * 100vw);
    }

    .video {
        width: 100%;
        height: unset !important;
    }

    .video::before {
        width: calc(50 / var(--width) * 100vw);
        height: calc(50 / var(--width) * 100vw);
    }

    .description-background {
        padding: calc(25 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
        width: calc(100% + (40 / var(--width) * 100vw));
        top: 0;
        left: calc(-20 / var(--width) * 100vw);
    }

    .description-background div {
        margin-right: unset;
    }

    .description-title {
        font-size: calc(24 / var(--width) * 100vw);
    }

    .description-subtitle {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .description-background p {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .cs-img {
        display: none;
    }

    #description {
        padding-bottom: unset;
    }

    .label-medium2 {
        left: calc(-155 / var(--width) * 100vw);
        bottom: calc(-124 / var(--width) * 100vw);
    }

    /* Другие товары */

    #otheroffers {
        padding-top: calc(51 / var(--width) * 100vw);
        padding-bottom: calc(48.31 / var(--width) * 100vw);
    }

    .other-title {
        font-size: calc(32 / var(--width) * 100vw);
        margin-left: unset;
        top: calc(3 / var(--width) * 100vw);
    }

    .sw-o .swiper-button-next,
    .sw-o .swiper-button-prev {
        display: none;
    }

    #page-catalog {
        display: none;
    }

    /* Почему мы */

    #whyus .container {
        padding: calc(25 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    }

    .whyus-title {
        font-size: calc(24 / var(--width) * 100vw);
        margin-bottom: calc(20 / var(--width) * 100vw);
    }

    #whyus div {
        padding: unset;
    }

    #whyus p:nth-child(1) {
        max-width: unset;
    }

    #whyus p {
        font-size: calc(14 / var(--width) * 100vw);
        max-width: unset;
    }

    #whyus h3 {
        font-size: calc(24 / var(--width) * 100vw);
        margin: calc(40 / var(--width) * 100vw) 0 calc(40 / var(--width) * 100vw);
    }

    .whyus-img {
        display: none;
    }

    /* Как купить чит? */

    #howbuy {
        padding: calc(42 / var(--width) * 100vw) 0;
    }

    .solider {
        display: none;
    }

    .howbuy-title {
        font-size: calc(24 / var(--width) * 100vw);
    }

    .howbuy-subtitle {
        margin: calc(20 / var(--width) * 100vw) 0;
        font-size: calc(16 / var(--width) * 100vw);
    }

    .howbuy-info p {
        font-size: calc(14 / var(--width) * 100vw);
        margin-right: unset;
        margin-bottom: calc(20 / var(--width) * 100vw);
    }

    .check-point {
        top: calc(-7 / var(--width) * 100vw);
    }

    /* Подвал */

    .footer {
        padding-top: calc(23 / var(--width) * 100vw);
        padding-bottom: calc(21 / var(--width) * 100vw);
    }

    .footer .container {
        gap: calc(46 / var(--width) * 100vw);
    }

    .footer-top {
        flex-direction: column;
    }

    .footer-left {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(30 / var(--width) * 100vw);
    }

    .footer-top_links {
        flex-wrap: wrap;
        flex-direction: unset;
        justify-content: space-between;
        gap: calc(20 / var(--width) * 100vw);
    }

    .footer-top_links a {
        font-size: calc(14 / var(--width) * 100vw);
    }

    .footer-bottom {
        flex-direction: column-reverse;
    }

    .footer-bottom-left {
        flex-direction: column-reverse;
        gap: calc(15 / var(--width) * 100vw);
        text-align: center;
        margin-top: calc(34 / var(--width) * 100vw);
    }

    .footer-top p {
        display: none;
    }

    /* Главная - мобильная */

    #index-main {
        padding-top: calc(144 / var(--width) * 100vw);
        padding-bottom: calc(37 / var(--width) * 100vw);
        height: unset;
    }

    .index-info {
        gap: calc(40 / var(--width) * 100vw);
    }

    .index-info h1 {
        font-size: calc(48 / var(--width) * 100vw);
    }

    .index-info p {
        font-size: calc(16 / var(--width) * 100vw);
    }

    .index-buttons a {
        font-size: calc(11.861 / var(--width) * 100vw);
        padding: calc(8.9 / var(--width) * 100vw) calc(30.58 / var(--width) * 100vw);
    }

    #scroll-down {
        display: none;
    }

    .label-index1 {
        width: calc(469 / var(--width) * 100vw);
        bottom: calc(-36 / var(--width) * 100vw);
        left: calc(-154 / var(--width) * 100vw);
    }

    .index-other {
        margin-top: 0;
    }

    #premium {
        padding-top: calc(29 / var(--width) * 100vw);
        padding-bottom: calc(40 / var(--width) * 100vw);
    }

    .premium-head {
        gap: calc(12 / var(--width) * 100vw);
        margin-bottom: calc(24 / var(--width) * 100vw);
    }

    #premium h2 {
        font-size: calc(32 / var(--width) * 100vw);
    }

    .premium-text {
        font-size: calc(16 / var(--width) * 100vw);
        line-height: 116%;
    }

    #premium-selector {
        width: unset;
        max-width: unset;
    }

    #premium-selector button {
        font-size: calc(14 / var(--width) * 100vw);
    }

    .premium-list {
        margin: calc(24 / var(--width) * 100vw) 0 0 0;
        gap: calc(20 / var(--width) * 100vw);
    }

    .premium-list_row {
        gap: calc(11 / var(--width) * 100vw);
    }

    .premium-list_row p {
        font-size: calc(12.982 / var(--width) * 100vw);
    }

    .premium-list_row svg {
        width: calc(23 / var(--width) * 100vw);
    }

    .solider2 {
        width: calc(900 / var(--width) * 100vw);
        right: calc(-234 / var(--width) * 100vw);
    }

    .accept-premium {
        margin: calc(18 / var(--width) * 100vw) 0 0 -10px;
    }

    .premium-buy div {
        gap: calc(35 / var(--width) * 100vw);
    }

    .premium-buy {
        margin: 0;
        flex-direction: column;
        align-items: unset;
        margin-top: calc(20 / var(--width) * 100vw);
        gap: calc(40 / var(--width) * 100vw);
    }

    .premium-oldprice {
        font-size: calc(28.426 / var(--width) * 100vw);
    }

    .premium-newprice {
        font-size: calc(28.426 / var(--width) * 100vw);
    }

    .premium-buy_btn {
        font-size: calc(20 / var(--width) * 100vw);
        padding: calc(9 / var(--width) * 100vw);
    }

    #comments h2 {
        font-size: calc(32 / var(--width) * 100vw);
    }

    #comments .container {
        padding-top: calc(49 / var(--width) * 100vw);
    }

    .comments-wrapper {
        padding-top: calc(10 / var(--width) * 100vw);
        padding-bottom: calc(10 / var(--width) * 100vw);
    }

    .comment {
        padding: calc(17.5 / var(--width) * 100vw);
    }

    .comment:nth-child(2), .comment:nth-child(3) {
        display: none;
    }

    .comment-avatar {
        width: calc(50 / var(--width) * 100vw);
        height: calc(50 / var(--width) * 100vw);
    }

    .comment-title {
        padding-left: calc(17 / var(--width) * 100vw);
    }

    .comment-rate svg {
        width: calc(30.85 / var(--width) * 100vw);
    }

    .label-index3 {
        width: calc(482 / var(--width) * 100vw);
        bottom: 0;
    }

    .index-buttons {
        gap: calc(24 / var(--width) * 100vw);
    }
}