html {
    /* overflow-x: hidden;*/
    margin: 0 !important
}

input {
    border-radius: 0 !important
}

body {
    position: relative;
    background: #080808;
    color: #fff;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
    font-family: "Montserrat", sans-serif;
    margin: 0 !important;
}

html *,
html *:before,
html *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html.stop,
body.stop {
    /* overflow: hidden;*/
    position: relative;
    height: 100%;
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    margin: 0.6944vw;
    background: none;
    width: 0vw;
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none;
}

html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.15);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    margin: 0.6944vw;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 0.2083vw;
}

.container {
    position: relative;
    width: 100%;
    max-width: 133.3333vw;
    padding: 0 3.3333vw;
    margin: auto;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9999999;
}

.header .line1 {
    background: #121212;
    padding: 0.4167vw 0;
}

.header .line1 .container,
.header .line2 .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header .line1 p,
.header .line1 a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    color: #d6d6d6;
    transition: 0.3s;
}

.header .line1 .tels {
    display: flex;
    grid-gap: 4.4444vw;
}

.header .line1 a:hover {
    color: #e2dc29
}

.header .links svg {
    width: 0.8333vw;
    height: 0.8333vw;
    ;
}

.header .line2 {
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 79.67%);
    padding: 2.6389vw 0;
}

.header .line2 .logo {
    height: 3.3333vw;
    width: auto;
}

.header .line2 .links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 1.6667vw;
}

.header .line2 .links a {
    transition: 0.3s;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.header .line2 .links a:hover {
    color: #e2dc29
}

.header .line2 .right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 0.5556vw;
}

.header .btn {
    margin: 0 !important;
}

.header .chiptuning {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #fff;
    width: 10.4167vw;
    height: 3.3333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border: 0.0694vw solid #e2dc29;
    border-radius: 69.375vw;
    transition: 0.3s;
    white-space: nowrap;
    width: auto;
    padding: 0 1.5vw;
}

.header .chiptuning:hover {
    background: #e2dc29;
    color: #141414;
}

.header .lang-btns {
    position: relative;
}

.header .lang-btns .logo {
    width: 2.0833vw;
    height: 2.0833vw;
    cursor: pointer;
    margin-left: 1.1111vw;
}

.header .line2 .mob-btn {
    display: none;
}

.menu {
    display: none;
}

.hm-1 {
    margin-top: 2.0139vw;
    height: 46.3889vw;
    background: url(../img/hm-1.webp) center center no-repeat;
    background-size: cover;
}

.hm-1 .container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 10.4167vw;
}

.hm-1 h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 5.8333vw;
    line-height: 114%;
    letter-spacing: 0.02em;
    color: #fff;
    margin-left: 3.3333vw;
}

.hm-1 .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
    max-width: 47.2222vw;
    margin-top: 1.6667vw;
    margin-left: 3.3333vw;
}

.hm-1 .btn,
.hm-4 .btn,
.hm-10 .btn,
.chtng-1 .btn,
.chtng-3 .btn,
.footer .btn ,
.header .btn ,
.modal .btn {
    margin-top: 3.3333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-gap: 0.6944vw;
    border-radius: 69.375vw;
    padding: 0.8333vw 2.5vw;
    background: #e2dc29;
    margin-left: 3.3333vw;
    cursor: pointer;
}
.modal .btn {
    margin: 0;
    display: flex;
    justify-content: center;
}

.hm-1 .btn p,
.hm-4 .btn p,
.hm-10 .btn p,
.chtng-1 .btn p,
.chtng-3 .btn p,
.footer .btn p ,
.header .btn p,
.modal .btn p{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.hm-1 .btn svg,
.hm-4 .btn svg,
.hm-10 .btn svg,
.chtng-1 .btn svg,
.chtng-3 .btn svg,
.footer .btn svg,
.header .btn svg,
.modal .btn svg{
    width: 1.6667vw;
    height: 1.6667vw;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.hm-1 .btn:hover svg,
.hm-4 .btn:hover svg,
.hm-10 .btn:hover svg,
.chtng-1 .btn:hover svg,
.chtng-3 .btn:hover svg,
.footer .btn:hover svg,
.header .btn:hover svg,
.modal .btn:hover svg{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.hm-1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.hm-2 {
    margin-top: -3.3333vw;
}

.hm-2 .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0.6944vw;
}

.hm-2 .cont {
    border-radius: 0.1389vw;
    padding: 1.875vw 1.6667vw 2.5vw 1.6667vw;
    width: 21.7361vw;
    height: 13.6806vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.hm-2 .cont img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.hm-2 .cont .h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #fff;
}

.hm-2 .cont .h2 span {
    color: #e2dc29;
}

.hm-2 .cont .plug {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #141414;
    border-radius: 6.9444vw;
    padding: 0.2778vw 0.9722vw;
    background: #e2dc29;
}

.hm-2 .cont.bigbg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.hm-3 {
    margin-top: 6.6667vw;
    margin-bottom: 6.6667vw;
}

.hm-3 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}

.hm-3 .cont {
    margin-top: 2.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.3472vw;
}

.hm-3 .cont .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.6944vw;
    border-radius: 0.1389vw;
    padding: 1.5278vw 1.6667vw 1.6667vw 1.6667vw;
    width: 18.3333vw;
    height: 10.8333vw;
    background: #121212;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.0417vw;
    line-height: 140%;
    text-align: center;
    color: #fff;
}

.hm-3 .cont .box img {
    width: 3.3333vw;
    height: 3.3333vw;
}

.hm-4 {
    padding-top: 6.6667vw;
    padding-bottom: 6.6667vw;
    background: url(../img/hm-4.webp) center center no-repeat;
    background-size: cover;
}

.hm-4.left {
    background: url(../img/hm-4-left.webp) center center no-repeat;
    background-size: cover;
    padding: 3.3333vw 0;
}

.hm-4 .cont {
    background: #e0eef6;
    padding: 3.8889vw;
    max-width: 61.8056vw;
    margin-left: auto;
    border-radius: 0.1389vw;
}

.hm-4.left .cont {
    margin-right: auto;
    margin-left: 0;
}

.hm-4 .cont h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.hm-4 .cont .desc {
    margin-top: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 156%;
    color: #353535;
}

.hm-4 .cont .input,
.chtng-1 .input,
.footer .input,
.form-results .input{
    margin-top: 3.3333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 0.8333vw;
    position: relative;
}

.hm-4 .btn,
.chtng-1 .btn,
.chtng-3 .btn,
.footer .btn,
.form-results .btn{
    margin: 0;
}

.hm-4 .cont .input input,
.chtng-1 .input input,
.footer .input input,
.form-results .input input{
    height: 3.3333vw;
    background: none;
    outline: none;
    border: 0.0694vw solid #353535;
    border-radius: 0.9722vw !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #353535;
    padding: 0;
    padding-left: 1.1111vw;
    width: 13.4722vw;
}

.hm-4 .cont .input input::-webkit-input-placeholder,
.chtng-1 .input input::-webkit-input-placeholder,
.footer .input input:-webkit-input-placeholder ,
.form-results .input input:-webkit-input-placeholder {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::-moz-placeholder,
.chtng-1 .input input::-moz-placeholder,
.footer .input input::-moz-placeholder,
.form-results.input input::-moz-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input:-ms-input-placeholder,
.chtng-1 .input input:-ms-input-placeholder,
.footer .input input:-ms-input-placeholder,
.form-results .input input:-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::-ms-input-placeholder,
.chtng-1 .input input::-ms-input-placeholder,
.footer .input input::-ms-input-placeholder,
.form-results .input input::-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::-webkit-input-placeholder,
.chtng-1 .input input::-webkit-input-placeholder,
.footer .input input::-webkit-input-placeholder,
.form-results .input input::-webkit-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::-moz-placeholder,
.chtng-1 .input input::-moz-placeholder,
.footer .input input::-moz-placeholder,
.form-results .input input::-moz-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input:-ms-input-placeholder,
.chtng-1 .input input:-ms-input-placeholder,
.footer .input input:-ms-input-placeholder,
.form-results .input input:-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::-ms-input-placeholder,
.chtng-1 .input input::-ms-input-placeholder,
.footer .input input::-ms-input-placeholder,
.form-results .input input::-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input input::placeholder,
.chtng-1 .input input::placeholder,
.footer .input input::placeholder ,
.form-results .input input::placeholder {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.hm-4 .cont .input .label,
.chtng-1 .input .label,
.footer .input .label,
.form-results .input .label{
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 0.9028vw;
    letter-spacing: 0.01em;
    color: #353535;
    top: 0;
    left: 1.1111vw;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0vw 0.2778vw;
    background: #e0eef6;
    z-index: 99;
}

.hm-5 {
    padding-top: 8.8889vw;
    background: #e0eef6;
}

.hm-5 .swiper-hm4-right {
    position: absolute;
    border-radius: 0.8333vw;
    width: 3.3333vw;
    height: 3.3333vw;
    background: url(../img/hm-4-swiper.svg) center center no-repeat;
    background-size: cover;
    top: 50%;
    right: 3.3333vw;
    z-index: 99999;
    -webkit-transform: translate(50%, -50%) rotate(180deg);
        -ms-transform: translate(50%, -50%) rotate(180deg);
            transform: translate(50%, -50%) rotate(180deg);
    cursor: pointer;
}

.hm-5 .swiper-hm4-left {
    position: absolute;
    border-radius: 0.8333vw;
    width: 3.3333vw;
    height: 3.3333vw;
    background: url(../img/hm-4-swiper.svg) center center no-repeat;
    background-size: cover;
    top: 50%;
    left: 3.3333vw;
    z-index: 99999;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    cursor: pointer;
}

.hm-5 .cont {
    position: relative;
}

.hm-5 .head,
.hm-10 .head,
.chtng-7 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 2.5vw;
}

.hm-5 h2,
.hm-10 h2,
.chtng-7 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.hm-5 .head .links,
.hm-10 .head .links,
.chtng-7 .head .links,
.footer .links ,
.header .links ,
.menu .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 1.25vw;
}

.hm-5 .head .links svg,
.hm-10 .head .links svg,
.chtng-7 .head .links svg,
.footer .links svg,
.menu .links svg{
    width: 1.6667vw;
    height: 1.6667vw;
}

.hm-5 .head .links svg path,
.hm-10 .head .links svg path,
.chtng-7 .head .links svg path,
.footer .links svg path,
.header .links svg path,
.menu .links svg path{
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.hm-5 .head .links svg:hover path,
.hm-10 .head .links svg:hover path,
.chtng-7 .head .links svg:hover path,
.footer .links svg:hover path,
.header .links svg:hover path,
.menu .links svg:hover path{
    fill: #e2dc29
}

.hm-5 .cont .swiper-slide {
    width: 27.7778vw;
}

.hm-5 .cont .swiper-slide img {
    width: 100%;
    height: auto;
    border-radius: 0.1389vw;
}

.hm-5 .cont .swiper {
    padding: 0 3.3333vw;
    margin-top: 1.6667vw;
}

.hm-6 {
    padding-top: 6.6667vw;
    padding-bottom: 8.8889vw;
    background: #e0eef6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.hm-6 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
    margin-bottom: 2.5vw;
}

.hm-6 .right {
    width: 52.9167vw;
    height: 42.0139vw;
}

.hm-6 .right iframe {
    width: 52.9167vw;
    height: 42.0139vw;
    display: none;
    border-radius: 0.1389vw;
}

.hm-6 .right iframe.active {
    display: block;
}

.hm-6 .left {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 3.3333vw;
    margin-right: 2.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.hm-6 .left .up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 0.8333vw;
    width: 100%;
}

.hm-6 .left .up .loc {
    background: #dde3e6;
    width: 100%;
    border-radius: 0.1389vw;
    padding: 1.1111vw 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.hm-6 .left .up .loc strong {
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
    padding-right: 0.6944vw;
}

.hm-6 .left .up .loc.active {
    background: #ddd620;
}

.hm-6 .left .head {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
}

.hm-6 .left .a-block {
    margin-top: 1.6667vw;
}

.hm-6 .left .a-block .a-list {
    display: none;
    -ms-grid-columns: 1fr 1.6667vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1.1111vw;
    grid-column-gap: 1.6667vw;
}

.hm-6 .left .a-block .a-list.active {
    display: -ms-grid;
    display: grid;
}

.hm-6 .left .a-block .a-list a {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #141414;
}

.hm-6 .left .a-block .a-list a:hover {
    color: #ddd620;
}

.hm-7 {
    padding: 6.6667vw 0;
}

.hm-7 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.hm-7 .swiper {
    padding: 0 3.3333vw;
    margin-top: 4.4444vw;
}

.hm-7 .swiper-slide {
    width: 34.375vw;
    background: #121212;
    border-radius: 0.1389vw;
    padding: 2.5vw;
}

.hm-7 .swiper-slide img {
    border-radius: 0.1389vw;
    width: 6.6667vw;
    height: 6.6667vw;
    -o-object-fit: cover;
       object-fit: cover;
}

.hm-7 .swiper-slide .name {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #fff;
    margin-top: 1.6667vw;
}

.hm-7 .swiper-slide .stars {
    margin-top: 0.8333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    grid-gap: 0.2778vw;
}

.hm-7 .swiper-slide .stars svg {
    width: 1.25vw;
    height: 1.25vw;
}

.hm-7 .swiper-slide .stars svg.active path {
    fill: #e2dc29;
}

.hm-7 .swiper-slide .text {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #d6d6d6;
    margin-top: 2.4306vw;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hm-7 .swiper-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 1.6667vw;
    margin-top: 3.3333vw;
}

.hm-7 .swiper-bottom .swiper-hm7-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    background: url(../img/hm7-arrow.svg) center center no-repeat;
    background-size: cover;
    cursor: pointer;
}

.hm-7 .swiper-bottom .swiper-hm7-button-next {
    width: 2.5vw;
    height: 2.5vw;
    background: url(../img/hm7-arrow.svg) center center no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    cursor: pointer;
}

.swiper-pagination-fraction {
    width: auto !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.03em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-gap: 0.4167vw;
}

.hm-7 .swiper-pagination-current {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 2.5vw;
    letter-spacing: 0.01em;
    text-align: right;
    color: #fff;
    margin-top: -0.2778vw;
}

.hm-7 .swiper-bottom .dop-btn{
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
.hm-7 .swiper-bottom .dop-btn a{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    color: #fff;
    text-decoration: underline;
    transition: 0.3s;
}
.hm-7 .swiper-bottom .dop-btn a:hover{
    color: #e2dc29
}

.hm-8 {
    padding-top: 8.8889vw;
    background: #e0eef6;
}

.hm-8 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
    margin: auto;
}

.hm-8 .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.1111vw 1fr 1.1111vw 1fr 1.1111vw 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.1111vw;
    margin-top: 3.3333vw;
}

.hm-8 .cont .box {
    border-radius: 0.1389vw;
    padding: 1.6667vw;
    background: #dde3e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.hm-8 .cont .box img {
    width: 4.4444vw;
    height: 4.4444vw;
}

.hm-8 .cont .box h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
    margin-top: 1.6667vw;
}

.hm-8 .cont .box p {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #141414;
    margin-top: 0.8333vw;
}

.hm-9 {
    padding-top: 6.6667vw;
    background: #e0eef6;
}

.hm-9 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #141414;
}

.hm-9 .cont {
    max-width: 86.6667vw;
    margin: auto;
    margin-top: 3.3333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.5556vw;
}

.hm-9 .cont img {
    border: 0.0694vw solid #d6d6d6;
    width: 8.0556vw;
    border-radius: 0.5556vw;
    background: #dde3e6;
}

.hm-10 {
    padding-top: 6.6667vw;
    background: #e0eef6;
}

.hm-10 .cont {
    margin-top: 1.6667vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.6667vw 1fr 1.6667vw 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.6667vw;
}

.hm-10 .cont .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.hm-10 .cont img {
    border-radius: 0.1389vw;
    width: 30vw;
    height: 16.25vw;
    -o-object-fit: cover;
       object-fit: cover;
}

.hm-10 .cont h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #010107;
    margin-top: 0.8333vw;
}

.hm-10 .cont .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 0.8333vw;
    line-height: 140%;
    color: #5e5e63;
    margin-top: 0.8333vw;
}

.hm-10 .btn {
    margin: 0;
    margin-top: 1.6667vw;
}

.hm-11 {
    padding-top: 6.6667vw;
    background: #e0eef6;
    padding-bottom: 8.8889vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.hm-11 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.hm-11 .left {
    margin-left: 3.3333vw;
    max-width: 54.1667vw;
}

.hm-11.chtng-7 .left{
    max-width: none;
    width: 100%;
    margin-right: 3.3333vw;
}

.hm-11.chtng-8 .left {
    max-width: none !important;
    margin: 0;
    width: 100%;
    padding: 0 3.3333vw;
}

.hm-11 .box {
    margin-top: 4.1667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 0.6944vw;
}

.hm-11 .line {
    padding: 0 1.6667vw;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    background: #dde3e6;
}

.hm-11 .head {
    min-height: 2.4306vw;
    font-size: 1.25vw;
    font-weight: 400;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.hm-11 .head h3 {
    margin-top: 1.6667vw;
    margin-bottom: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 133%;
    color: #141414;
}

.hm-11 .close {
    min-width: 2.5vw;
    min-height: 2.5vw;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: url(../img/hm-11-plus.svg) center center no-repeat;
    background-size: cover;
}

.hm-11 .line.active .close {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.hm-11 .text {
    position: relative
}

.hm-11 .text .p {
    position: absolute;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #141414;
}

.hm-11 .text p .list {
    margin: 1.3889vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-gap: 0.6944vw;
}

.hm-11 .text p .list span {
    position: relative;
    padding-left: 1.0417vw;
}

.hm-11 .text p .list span:before {
    content: '';
    position: absolute;
    top: 0.3472vw;
    left: 0;
    width: 0.4167vw;
    height: 0.4167vw;
    background: #fff;
    opacity: 0.4;
    border-radius: 50%;
}

.hm-11 .right {
    width: 36.3889vw;
}

.chtng-1 {
    margin-top: 2.0139vw;
    height: 46.3889vw;
    background: url(../img/hm-1.webp) center center no-repeat;
    background-size: cover;
    padding-top: 8.8889vw;
}

#BreadcrumbList {
    /* overflow: auto; */
    max-width: calc(100vw - 6.9444vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#BreadcrumbList::-webkit-scrollbar {
    margin: 0vw;
    background: none;
    width: 0vw;
    height: 0vw;
}

#BreadcrumbList::-webkit-scrollbar-button {
    display: none;
}

#BreadcrumbList::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3.4722vw;
    ;
}

#BreadcrumbList::-webkit-scrollbar-thumb {
    margin: 0.5208vw;
    background: #cbcbca;
    border-radius: 3.4722vw;
}

#BreadcrumbList li {
    list-style: none;
    padding-right: 2.5vw;
}

#BreadcrumbList a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    color: #d6d6d6;
    position: relative;
}

#BreadcrumbList li:last-child a {
    color: #d6d6d6;
}

#BreadcrumbList span:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0.1563vw;
    right: -2.0833vw;
    width: 1.6667vw;
    height: 1.6667vw;
    background: red;
    background: url(../img/breadcrumbs-arrow.svg) center center no-repeat;
    background-size: cover;
}

#BreadcrumbList li:last-child span:before{
    display: none;
}

#BreadcrumbList li span,
#BreadcrumbList li a {
    cursor: pointer !important;
    text-decoration: none;
}

#BreadcrumbList li:last-child span,
#BreadcrumbList li:last-child a {
    cursor: auto !important;
    white-space: nowrap;
    text-decoration: none;
}

.chtng-1 h1 {
    margin-top: 5.3472vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.chtng-1 .desc {
    margin-top: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
    max-width: 48.2639vw;
}

.chtng-1 .plugs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 2.5vw;
    grid-gap: 0.8333vw;
}

.chtng-1 .plugs .plug {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.6944vw;
    border-radius: 0.1389vw;
    padding: 0.8333vw 1.6667vw;
    background: #e2dc29;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-1 .plugs .plug svg {
    width: 1.6667vw;
    height: 1.6667vw;
}

.chtng-1 .right {
    position: absolute;
    background: #e0eef6;
    border-radius: 0.1389vw;
    padding: 3.8889vw;
    max-width: 42.5694vw;
    right: 3.3333vw;
    top: 4.4444vw;
}

.chtng-1 .right h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2.5vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-1 .right .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 156%;
    color: #353535;
    margin-top: 1.6667vw;
}

.chtng-2 {
    padding: 8.8889vw 0;
    background: #e0eef6;
}

.chtng-2 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-2 .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8333vw 1fr 0.8333vw 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 3.3333vw;
    grid-gap: 0.8333vw;
}

.chtng-2 .cont .box {
    border-radius: 0.1389vw;
    padding: 1.6667vw;
    background: #dde3e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1111vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
}

.chtng-2 .cont .box svg {
    width: 1.6667vw;
    height: 1.6667vw;
}

.chtng-3 {
    padding-top: 6.6667vw;
    padding-bottom: 6.6667vw;
    background: url(../img/hm-4.webp) center center no-repeat;
    background-size: cover;
}

.chtng-3 .cont {
    border-radius: 0.1389vw;
    padding: 3.8889vw;
    background: #e0eef6;
}

.chtng-3 .cont h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #141414;
}

.chtng-3 .cont .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 156%;
    text-align: center;
    color: #353535;
    margin-top: 1.6667vw;
}

.chtng-3 .line,
.modal .line{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.3333vw;
    grid-gap: 0.8333vw;
    /* z-index: 99999; */
    /* position: relative; */
}

.chtng-3 .input,
.modal .input{
    position: relative;
    cursor: pointer;
}

.chtng-3 .input:nth-child(1),
.modal .input:nth-child(1){
    z-index: 99;
}

.chtng-3 .input:nth-child(2),
.modal .input:nth-child(2){
    z-index: 98;
}

.chtng-3 .input:nth-child(3) ,
.modal .input:nth-child(3) {
    z-index: 97;
}

.chtng-3 .input:nth-child(4),
.modal .input:nth-child(4){
    z-index: 96;
}

.chtng-3 .input .select,
.modal .input .select{
    position: absolute;
    top: 100%;
}

.chtng-3 .input input,
.modal .input input{
    height: 3.3333vw;
    background: none;
    outline: none;
    border: 0.0694vw solid #353535;
    border-radius: 0.9722vw !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #353535;
    padding: 0;
    padding-left: 1.1111vw;
    width: 13.4722vw;
    z-index: 10;
    position: relative;
    background: #e0eef6;
    cursor: pointer;
}

.chtng-3 .input input::-webkit-input-placeholder,
.moddal .input input::-webkit-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.chtng-3 .input input::-moz-placeholder,
.modal .input input::-moz-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.chtng-3 .input input:-ms-input-placeholder,
.modal .input input:-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.chtng-3 .input input::-ms-input-placeholder,
.modal .input input::-ms-input-placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.chtng-3 .input input::placeholder,
.modal .input input::placeholder{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: rgba(53, 53, 53, 0.5);
}

.chtng-3 .input:before,
.modal .input:before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0.8333vw;
    width: 1.6667vw;
    height: 1.6667vw;
    background: url(../img/input-arrow.svg) center center no-repeat;
    background-size: cover;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 11;
    cursor: pointer;
}

.chtng-3 .input.active:before,
.modal .input.active:before{
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
}

.chtng-3 .input .select{
    position: absolute;
    top: calc(100% - 0.9722vw);
    left: 0;
    width: 100%;
    background: #e0eef6;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 0.0694vw solid #353535;
    border-radius: 0 0 0.9722vw 0.9722vw;
    z-index: 1;
    padding-top: 0.9722vw;
    max-height: 13.8889vw;
    overflow: auto;
}

.chtng-3 .input.active .select{
    opacity: 1;
    visibility: visible;
}

.chtng-3 .input .select .item{
    padding: 0.2083vw 1.0417vw;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 130%;
    color: #07153b;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 0.9722vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #353535;
}

.chtng-3 .input .select .item:hover {
    background: #C0C3CA;
}

.chtng-4 {
    background: #e0eef6;
    padding-top: 8.8889vw;
    position: relative;
}

.chtng-4 .left {
    max-width: 54.1667vw;
}

.chtng-4 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-4 .cont,
.prc-2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 0.8333vw;
    margin-top: 1.6667vw;
}

.chtng-4 .cont .box,
.prc-2 .cont .box {
    padding: 1.6667vw;
    background: #dde3e6;
    border-radius: 0.1389vw;
}

.chtng-4 .cont .box .head,
.prc-2 .cont .box .head {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 133%;
    color: #141414;
    margin-bottom: 1.6667vw;
}

.chtng-4 .cont .box .l,
.prc-2 .cont .box .l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.8333vw 0;
    border-top: 0.0694vw solid #b1b1b1;
}

.chtng-4 .cont .box .l:nth-child(2),
.prc-2 .cont .box .l:nth-child(2) {
    padding-top: 0;
    border-top: none;
}

.chtng-4 .cont .box .l:last-child,
.prc-2 .cont .box .l:last-child {
    padding-bottom: 0;
}

.chtng-4 .cont .box .l .h,
.prc-2 .cont .box .l .h {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #141414;
}

.chtng-4 .cont .box .l .price,
.prc-2 .cont .box .l .price {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.25vw;
    line-height: 133%;
    color: #141414;
}

.chtng-4 img {
    position: absolute;
    top: 8.8889vw;
    ;
    right: 0;
    width: 36.3889vw;
    height: auto;
}

.chtng-5 {
    padding-top: 6.6667vw;
    background: #e0eef6;
    padding-bottom: 8.8889vw;
}

.chtng-5 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-5 .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8333vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8333vw;
    margin-top: 3.3333vw;
}

.chtng-5 .cont .box,
.chtng-6 .cont .box {
    border-radius: 0.1389vw;
    padding: 1.6667vw;
    background: #dde3e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.1111vw;
}

.chtng-5 .cont .box svg,
.chtng-6 .cont .box svg {
    width: 1.6667vw;
    height: 1.6667vw;
}

.chtng-5 .cont .box .head,
.chtng-6 .cont .box .head {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #141414;
}

.chtng-5 .cont .box .desc,
.chtng-6 .cont .box .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #141414;
}

.chtng-6 {
    padding-top: 8.8889vw;
    background: #e0eef6;
}

.chtng-6 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.chtng-6 .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8333vw 1fr 0.8333vw 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.8333vw;
    margin-top: 3.3333vw;
}

.chtng-7 {
    padding: 6.6667vw 0 8.8889vw;
    background: #e0eef6;
}

.chtng-7 .cont {
    margin-top: 2.5vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8333vw 1fr 0.8333vw 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.8333vw;
}

.chtng-7 .cont img {
    width: 100%;
    height: 26.0417vw;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.1389vw;
}

.prc-1 {
    margin-top: 2.0139vw;
    height: 28.4028vw;
    background: url(../img/hm-1.webp) center center no-repeat;
    background-size: cover;
    padding-top: 8.8889vw;
}

.prc-1 h1 {
    margin-top: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.prc-1 .desc {
    margin-top: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
}

.prc-2 {
    padding-top: 4.4444vw;
    background: #e0eef6;
}

.abt-1 {
    margin-top: 2.0139vw;
    height: 35.3472vw;
    background: url(../img/hm-1.webp) center center no-repeat;
    background-size: cover;
    padding-top: 8.8889vw;
}

.abt-1 h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
    margin-top: 2.5vw;
}

.abt-1 .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 133%;
    text-align: center;
    color: #d6d6d6;
    margin-top: 1.6667vw;
}

.abt-2 {
    margin-top: -6.7361vw;
}

.abt-2 .cont {
    background: #121212;
    border-radius: 0.1389vw;
    padding: 3.3333vw 1.6667vw;
    width: 53.125vw;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 2.5vw;
}

.abt-2 .cont h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #fff;
}

.abt-2 .cont h2 span {
    color: #e2dc29;
}

.abt-2 .cont .plug {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #141414;
    border-radius: 0.9722vw;
    padding: 0.2778vw 0.9722vw;
    background: #e2dc29;
}

.abt-3 {
    margin-top: 6.6667vw;
}

.abt-3 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}

.abt-3 .cont {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.8333vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8333vw;
    margin-top: 3.3333vw;
}

.abt-3 .cont .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8333vw;
    background: #121212;
    border-radius: 0.1389vw;
    padding: 1.6667vw;
}

.abt-3 .cont .box svg {
    width: 1.6667vw;
    height: 1.6667vw;
}

.abt-3 .cont .box .head {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #fff;
}

.abt-3 .cont .box .desc {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #fff;
}

.abt-4 {
    margin-top: 13.3333vw;
    margin-bottom: 6.6667vw;
}

.abt-4 h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff;
}

.abt-4 .top-slider {
    margin-top: 3.3333vw;
}

.abt-4 .top-slider img {
    width: 100%;
    height: auto;
    border-radius: 0.1389vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.abt-4 .bottom-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    margin-top: 1.6667vw;
    grid-gap: 0.8333vw;
    width: 93.3333vw;
    overflow: auto;
}

.abt-4 .bottom-slider::-webkit-scrollbar {
    margin: 0vw;
    background: none;
    width: 0vw;
    height: 0vw;
}

.abt-4 .bottom-slider::-webkit-scrollbar-button {
    display: none;
}

.abt-4 .bottom-slider::-webkit-scrollbar-track-piece {
    background: rgba(0, 0, 0, 0.0);
}

.abt-4 .bottom-slider::-webkit-scrollbar-thumb {
    margin: 0vw;
    background: red;
    border-radius: 0.6944vw;
    width: 0;
}

.abt-4 .bottom-slider img {
    height: 7.6389vw;
    border-radius: 0.1389vw;
    cursor: pointer;
    width: auto;
}

.footer {
    padding-top: 3.3333vw;
    padding-bottom: 3.8194vw;
}

.footer .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 1.6667vw;
}

.footer .col a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    color: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.footer .col a:hover {
    color: #e2dc29;
}

.footer .input .label {
    color: #fff;
    background: #080808;
}

.footer .input input {
    border-color: #fff;
    color: #ffff;
}

.footer .input input:-webkit-input-placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .input input::-moz-placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .input input:-ms-input-placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .input input::-ms-input-placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .input input::-webkit-input-placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .input input::placeholder {
    color: rgba(214, 214, 214, 0.5)
}

.footer .inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-gap: 3.6111vw;
    margin-top: 3.6111vw;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.footer .inf p {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    text-align: right;
    color: #fff;
}

.footer .inf p:nth-child(2) {
    margin-top: -2.5vw;
}

.footer .inf .phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25vw;
}

.footer .inf .phones a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 0.9722vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.footer .logo {
    width: 4.4444vw;
    height: auto;
}

.blog-cont {
    max-width: 50vw;
    margin: auto;
    margin-top: 10.9028vw;
}

.blg-1 h1 {
    margin-top: 0.8333vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3333vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.blg-1 .date {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #e2dc29;
    margin-top: 0.8333vw;
}

.blg-1 .thumbnail {
    margin: 1.6667vw 0;
}

.blg-1 .thumbnail,
.blg-1 .thumbnail img {
    width: 100%;
    height: 27.7778vw;
    object-fit: cover;
}

.blg-1 .content p {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
    margin-top: 1.6667vw;
}

.blg-1 .content strong {
    font-weight: 700;
}

.blg-1 .content a {
    font-weight: 700;
    color: #e2dc29;
}

.blg-1 .content h2 {
    margin-top: 2.5vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2.5vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.blg-1 .content ul {
    display: flex;
    flex-direction: column;
    grid-gap: 0.8333vw;
    margin-top: 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
}

.blg-1 .content ul li {
    position: relative;
    padding-left: 1.0417vw;
}

.blg-1 .content ul li:before {
    content: '';
    position: absolute;
    top: 0.4861vw;
    left: 0;
    width: 0.4861vw;
    height: 0.4861vw;
    background: #fff;
    border-radius: 50%;
}

.blg-1 .content .wp-block-image {
    width: 100%;
    margin: 1.6667vw 0;
}

.blg-1 .content .wp-block-image img {
    width: 100%;
    height: auto;
    border-radius: 0.1389vw;
}

.blg-2,
.blg-archive-2{
    margin-top: 6.6667vw;
}

.blg-2 h2 ,
.blg-archive-2 h2{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 2.5vw;
    letter-spacing: 0.02em;
    color: #fff;
}

.blg-2 .cont,
.blg-archive-2 .cont{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.2222vw;
    margin-top: 2.2222vw;
}
.blg-archive-2 .cont{
    grid-template-columns: 1fr 1fr 1fr;
}

.blg-2 .cont .box ,
.blg-archive-2 .cont .box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #121212;
}

.blg-2 .cont .box img,
.blg-archive-2 .cont .box img{
    height: 13.8vw;
    width: 100%;
    object-fit: cover;
}

.blg-2 .cont .box .date,
.blg-archive-2 .cont .box .date{
    margin: 1.1111vw 1.1111vw 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #e2dc29;
}

.blg-2 .cont .box h3,
.blg-archive-2 .cont .box h3{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.6667vw;
    line-height: 140%;
    color: #fff;
    margin: 0.8333vw 1.1111vw 0;
    padding-right: 2.0833vw;
    position: relative;
    transition: 0.3s;
}

.blg-2 .cont .box:hover h3,
.blg-archive-2 .cont .box:hover h3{
    color: #e2dc29;
}

.blg-2 .cont .box h3:before,
.blg-archive-2 .cont .box h3:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6667vw;
    height: 1.9444vw;
    background: red;
    background: url(../img/blog-arrow.svg);
}

.blg-2 .cont .box .desc,
.blg-archive-2 .cont .box .desc{
    margin: 0.8333vw 1.1111vw 1.6667vw;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 1.1111vw;
    line-height: 140%;
    color: #d6d6d6;
}

.blg-archive-1{
    margin-top: 2.0139vw;
    height: 28.4028vw;
    background: url(../img/hm-1.webp) center center no-repeat;
    background-size: cover;
    padding-top: 8.8889vw;
}

.blg-archive-1 h1{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 3.3vw;
    letter-spacing: 0.02em;
    margin-top: 1.66vw;
    color: #fff;
}
.blg-archive-1  .desc{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 133%;
    color: #d6d6d6;
    margin-top: 1.66vw;
}

.mobile-plug {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: #080808;
    border-top: 0.2564vw solid #fff;
    width: 100%;
    padding: 2.5641vw;
    grid-gap: 2.5641vw;
}

.mobile-plug .btn {
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-gap: 0.6944vw;
    border-radius: 69.375vw;
    padding: 0.8333vw 2.5vw;
    background: #e2dc29;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.mobile-plug .btn p {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 1.1111vw;
    letter-spacing: 0.02em;
    color: #141414;
}

.mobile-plug .btn svg {
    width: 1.6667vw;
    height: 1.6667vw;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.mobile-plug .btn:hover svg {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.mobile-plug .btn {
    padding: 3.0769vw 9.2308vw;
    grid-gap: 2.5641vw;
}

.mobile-plug .btn p {
    font-size: 4.1026vw;
}

.mobile-plug .btn svg {
    width: 6.1538vw;
    height: 6.1538vw;
}

.mobile-plug a svg {
    width: 12.8205vw;
    height: 12.8205vw;
}


@media(max-width: 700px){
    .container {
        max-width: 89.7436vw;
        padding: 0;
    }

    .mobile-plug{
        display: flex;
        transform: translate(0, 100%);
        transition: 0.3s;
    }
    .mobile-plug.active{
        transform: translate(0, 0);
    }
    
    .hm-1 .container {
        padding-top: 48.2051vw;
    }
    
    .hm-1 h1 {
        margin: 0;
        font-size: 12.3077vw;
    }
    
    .hm-1 .desc {
        margin-top: 9.2308vw;
        margin-left: 0;
        font-size: 4.6154vw;
        max-width: none;
    }
    
    .hm-1 .btn {
        margin-top: 9.2308vw;
        margin-left: 0;
    }
    
    .hm-1 .btn,
    .hm-4 .btn,
    .hm-10 .btn,
    .chtng-1 .btn,
    .chtng-3 .btn,
    .footer .btn ,
    .header .btn,
    .modal .btn{
        padding: 3.0769vw 9.2308vw;
        grid-gap: 2.5641vw;
    }
    
    .hm-1 .btn p,
    .hm-4 .btn p,
    .hm-10 .btn p,
    .chtng-1 .btn p,
    .chtng-3 .btn p,
    .footer .btn p,
    .header .btn p,
    .modal .btn p{
        font-size: 4.1026vw;
    }
    
    .hm-1 .btn svg,
    .hm-4 .btn svg,
    .hm-10 .btn svg,
    .chtng-1 .btn svg,
    .chtng-3 .btn svg,
    .footer .btn svg ,
    .header .btn svg,
    .modal .btn svg {
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .hm-1 {
        margin-top: 0;
        height: 179.4872vw;
        background: url(../img/hm-1-mob.webp) center center no-repeat;
        background-size: cover;
    }
    
    .hm-2 {
        margin-top: 0;
        padding: 12.3077vw 0;
    }
    
    .hm-2 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        grid-gap: 2.5641vw;
    }
    
    .hm-2 .cont {
        border-radius: 0.5128vw;
        padding: 6.9231vw 6.1538vw 9.2308vw 6.1538vw;
        width: 100%;
        height: 50.5128vw;
    }
    
    .hm-2 .cont .h2 {
        font-size: 6.1538vw;
    }
    
    .hm-2 .cont .plug {
        font-size: 4.1026vw;
        padding: 1.0256vw 3.5897vw;
    }
    
    .hm-3 {
        margin-top: 24.6154vw;
        margin-bottom: 24.6154vw;
    }
    
    .hm-3 h2 {
        font-size: 9.2308vw;
    }
    
    .hm-3 .cont {
        margin-top: 9.2308vw;
        grid-gap: 1.5385vw;
    }
    
    .hm-3 .cont .box {
        border-radius: 0.5128vw;
        padding: 5.641vw 6.1538vw 6.1538vw 6.1538vw;
        width: 89.7436vw;
        grid-gap: 2.5641vw;
        font-size: 3.8462vw;
        height: 40vw;
    }
    
    .hm-3 .cont .box img {
        width: 12.3077vw;
        height: 12.3077vw;
    }
    
    .hm-4 {
        padding: 16.4103vw 0;
    }
    
    .hm-4 .cont {
        padding: 5.1282vw;
        margin: 0;
        max-width: none;
    }
    
    .hm-4 .cont .input,
    .chtng-1 .input,
    .footer .input,
    .form-results .input{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-top: 12.3077vw;
        grid-gap: 3.0769vw;
    }
    
    .hm-4 .cont h2 {
        font-size: 9.2308vw;
    }
    
    .hm-4 .cont .desc {
        font-size: 4.6154vw;
        margin-top: 6.1538vw;
    }
    
    .hm-4 .cont .input .label,
    .chtng-1 .input .label,
    .footer .input .label,
    .form-results .input .label{
        font-size: 3.3333vw;
        left: 4.1026vw;
        padding: 0vw 1.0256vw;
    }
    
    .hm-4 .cont .input input,
    .chtng-1 .input input,
    .footer .input input,
    .form-results .input input{
        height: 12.3077vw;
        border: 0.2564vw solid #353535;
        border-radius: 3.5897vw !important;
        font-size: 4.1026vw;
        padding-left: 4.1026vw;
        width: 53.0769vw;
    }
    
    .hm-4 .cont .input input::-webkit-input-placeholder,
    .chtng-1 .input input::-webkit-input-placeholder,
    .footer .input input:-webkit-input-placeholder,
    .form-results .input input:-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::-moz-placeholder,
    .chtng-1 .input input::-moz-placeholder,
    .footer .input input::-moz-placeholder,
    .form-results .input input:-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input:-ms-input-placeholder,
    .chtng-1 .input input:-ms-input-placeholder,
    .footer .input input:-ms-input-placeholder,
    .form-results .input input:-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::-ms-input-placeholder,
    .chtng-1 .input input::-ms-input-placeholder,
    .footer .input input::-ms-input-placeholder,
    .form-results .input input:-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::-webkit-input-placeholder,
    .chtng-1 .input input::-webkit-input-placeholder,
    .footer .input input::-webkit-input-placeholder,
    .form-results .input input::-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::-moz-placeholder,
    .chtng-1 .input input::-moz-placeholder, 
    .footer .input input::-moz-placeholder,
    .form-results .input input::-moz-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input:-ms-input-placeholder, 
    .chtng-1 .input input:-ms-input-placeholder, 
    .footer .input input:-ms-input-placeholder,
    .form-results .input input:-ms-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::-ms-input-placeholder, 
    .chtng-1 .input input::-ms-input-placeholder, 
    .footer .input input::-ms-input-placeholder,
    .form-results .input input::-ms-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-4 .cont .input input::placeholder,
    .chtng-1 .input input::placeholder,
    .footer .input input::placeholder,
    .form-results .input input::placeholder{
        font-size: 4.1026vw;
    }
    
    .hm-5 .head,
    .hm-10 .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-gap: 9.2308vw;
    }
    
    .hm-10 {
        padding-top: 16.4103vw;
    }
    
    .hm-10 .cont img {
        width: 100%;
        height: 58.9744vw;
        border-radius: 0.5128vw;
    }
    
    .hm-5 h2,
    .hm-10 h2,
    .chtng-7 h2 {
        font-size: 9.2308vw;
    }
    
    .hm-5 .head .links,
    .hm-10 .head .links,
    .chtng-7 .head .links,
    .footer .links {
        grid-gap: 4.6154vw;
    }
    
    .hm-5 .head .links svg,
    .hm-10 .head .links svg,
    .chtng-7 .head .links svg,
    .footer .links svg {
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .hm-5 {
        padding-top: 16.4103vw;
    }
    
    .hm-5 .cont .swiper {
        margin-top: 9.2308vw;
        padding: 0 5.1282vw;
    }
    
    .hm-5 .cont .swiper-slide {
        width: 89.7436vw;
    }
    
    .hm-5 .swiper-hm4-right {
        border-radius: 3.0769vw;
        width: 10.2564vw;
        height: 10.2564vw;
        right: 6.4103vw;
    }
    
    .hm-5 .swiper-hm4-left {
        border-radius: 3.0769vw;
        width: 10.2564vw;
        height: 10.2564vw;
        left: 6.4103vw;
    }
    
    .hm-6 {
        padding-bottom: 16.4103vw;
        padding-top: 16.4103vw;
    }
    
    .hm-6 h2 {
        font-size: 9.2308vw;
        margin-bottom: 9.2308vw;
    }
    
    .hm-6 .left {
        margin: 0 5.1282vw;
    }
    
    .hm-6 .left .up .loc,
    .hm-6 .left .up .loc strong {
        font-size: 4.6154vw;
    }
    
    .hm-6 .left .up .loc {
        padding: 3.0769vw;
        border-radius: 0.5128vw;
    }
    
    .hm-6 .left .up {
        grid-gap: 2.5641vw;
    }
    
    .hm-6 .left .a-block .a-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 1.5385vw;
    }
    
    .hm-6 .left .a-block .a-list a {
        font-size: 5.1282vw;
    }
    
    .hm-6 .left .a-block {
        margin-bottom: 5.1282vw;
        margin-top: 2.5641vw;
    }
    
    .hm-6 .left .head {
        margin-top: 7.6923vw;
        font-size: 4.6154vw;
    }
    
    .hm-6 .right,
    .hm-6 .right iframe {
        width: 89.7436vw;
        margin: auto;
        height: 89.7436vw;
        border-radius: 0.5128vw;
    }
    
    .hm-7 h2 {
        font-size: 9.2308vw;
    }
    
    .hm-7 {
        padding: 16.4103vw 0;
    }
    
    .hm-7 .swiper {
        padding: 0 5.1282vw;
        margin-top: 12.3077vw;
    }
    
    .hm-7 .swiper-slide {
        width: 89.7436vw;
        border-radius: 0.5128vw;
        padding: 5.1282vw;
    }
    
    .hm-7 .swiper-slide img {
        border-radius: 0.5128vw;
        width: 24.6154vw;
        height: 24.6154vw;
    }
    
    .hm-7 .swiper-slide .name {
        font-size: 6.1538vw;
        margin-top: 6.1538vw;
    }
    
    .hm-7 .swiper-slide .stars {
        margin-top: 3.0769vw;
        grid-gap: 1.0256vw;
    }
    
    .hm-7 .swiper-slide .stars svg {
        width: 4.6154vw;
        height: 4.6154vw;
    }
    
    .hm-7 .swiper-slide .text {
        margin-top: 5.1282vw;
        font-size: 4.1026vw;
    }
    
    .hm-7 .swiper-bottom {
        grid-gap: 6.1538vw;
        margin-top: 12.3077vw;
    }

    .hm-7 .swiper-bottom .dop-btn a{
        font-size: 3.5897vw;
    }
    
    .hm-7 .swiper-bottom .swiper-hm7-button-prev {
        width: 9.2308vw;
        height: 9.2308vw;
    }
    
    .hm-7 .swiper-bottom .swiper-hm7-button-next {
        width: 9.2308vw;
        height: 9.2308vw;
    }
    
    .swiper-pagination-fraction {
        font-size: 4.1026vw;
        grid-gap: 1.5385vw;
    }
    
    .hm-7 .swiper-pagination-current {
        font-size: 9.2308vw;
        margin-top: -1.0256vw;
    }
    
    .hm-8 {
        padding-top: 16.4103vw;
    }
    
    .hm-8 h2 {
        font-size: 9.2308vw;
    }
    
    .hm-8 .cont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 2.5641vw;
        margin-top: 6.1538vw;
    }
    
    .hm-8 .cont .box h3 {
        font-size: 6.1538vw;
    }
    
    .hm-8 .cont .box p {
        font-size: 4.1026vw;
        margin-top: 3.0769vw;
    }
    
    .hm-8 .cont .box {
        padding: 6.1538vw;
        border-radius: 0.5128vw;
    }
    
    .hm-8 .cont .box img {
        width: 16.4103vw;
        height: 16.4103vw;
    }
    
    .hm-9 {
        padding-top: 16.4103vw;
    }
    
    .hm-9 h2 {
        font-size: 9.2308vw;
        text-align: left;
    }
    
    .hm-9 .cont {
        margin-top: 12.3077vw;
        grid-gap: 2.0513vw;
        max-width: none;
    }
    
    .hm-9 .cont img {
        border: 0.2564vw solid #d6d6d6;
        width: 28.4615vw;
        border-radius: 2.0513vw;
    }
    
    .hm-10 .cont {
        margin-top: 6.1538vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 6.1538vw;
    }
    
    .hm-10 .cont .desc {
        font-size: 3.0769vw;
        margin-top: 3.0769vw;
    }
    
    .hm-10 .cont h3 {
        font-size: 6.1538vw;
        margin-top: 3.0769vw;
    }
    
    .hm-10 .btn {
        margin-top: 6.1538vw;
    }
    
    .hm-11 {
        padding: 16.4103vw 0;
    }
    
    .hm-11 .right {
        display: none;
    }
    
    .hm-11 .left {
        margin: 0;
        padding: 0 5.1282vw;
        max-width: none;
    }

    .hm-11.chtng-7 .left{
        margin: 0;
    }
    
    .hm-11 h2 {
        font-size: 9.2308vw;
    }
    
    .hm-11 .box {
        margin-top: 6.1538vw;
        grid-gap: 2.5641vw;
    }
    
    .hm-11 .head h3 {
        margin-top: 4.6154vw;
        margin-bottom: 4.6154vw;
        font-size: 4.6154vw;
    }
    
    .hm-11 .close {
        min-width: 9.2308vw;
        min-height: 9.2308vw;
    }
    
    .hm-11 .line {
        padding: 0 6.1538vw;
    }
    
    .hm-11 .text .p {
        font-size: 4.1026vw;
    }
    
    .footer {
        padding-top: 12.3077vw;
        padding-bottom: 14.1026vw;
    }
    
    .footer .input {
        display: none;
    }
    
    .footer .inf {
        margin-top: 0;
        grid-gap: 9.2308vw;
    }
    
    .footer .links svg {
        width: 3.0769vw;
        height: 3.0769vw;
    }
    
    .footer .col a {
        font-size: 3.5897vw;
    }
    
    .footer .inf p {
        font-size: 3.5897vw;
    }
    
    .footer .inf p:nth-child(2) {
        margin-top: -5.1282vw;
    }
    
    .footer .col {
        grid-gap: 6.1538vw;
    }
    
    .footer .inf .phones {
        grid-gap: 4.6154vw;
    }
    
    .footer .inf .phones a {
        font-size: 3.5897vw;
    }
    
    .footer .logo {
        width: 16.4103vw;
        height: auto;
    }
    
    .chtng-1 {
        margin-top: 0;
        padding-top: 0;
        background: none;
        height: auto;
    }
    
    .chtng-1 .right {
        position: relative;
        right: 0;
        padding: 16.4103vw 5.1282vw 0;
        top: 0;
        margin-top: 17.9487vw;
        max-width: none;
    }
    
    .chtng-1 h1 {
        font-size: 12.3077vw;
        margin-top: 12.3077vw;
    }
    
    .chtng-1 .desc {
        font-size: 4.6154vw;
        max-width: none;
        margin-top: 6.1538vw;
    }
    
    .chtng-1 .container {
        margin: 0;
        max-width: none;
    }
    
    .chtng-1 .left {
        background: url("../img/hm-1-mob.webp") center center / cover no-repeat;
        padding: 29.7436vw 5.1282vw 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    
    .chtng-1 .plugs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        margin-top: 9.2308vw;
        grid-gap: 3.0769vw;
    }
    
    .chtng-1 .plugs .plug {
        gap: 2.5641vw;
        border-radius: 0.5128vw;
        padding: 3.0769vw 6.1538vw;
        font-size: 4.1026vw;
    }
    
    .chtng-1 .plugs .plug svg {
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .chtng-1 .right h2 {
        font-size: 9.2308vw;
    }
    
    .chtng-1 .right .desc {
        margin-top: 6.1538vw;
        font-size: 4.6154vw;
    }
    
    .chtng-2 h2 {
        font-size: 9.2308vw;
    }
    
    .chtng-2 .cont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin-top: 12.3077vw;
        grid-gap: 3.0769vw;
    }
    
    .chtng-2 .cont .box {
        border-radius: 0.5128vw;
        padding: 6.1538vw;
        gap: 4.1026vw;
        font-size: 6.1538vw;
    }
    
    .chtng-2 .cont .box svg {
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .chtng-2 {
        padding: 16.4103vw 0;
    }
    
    .chtng-3 {
        padding: 16.4103vw 0;
    }
    
    .chtng-3 .cont h2 {
        font-size: 9.2308vw;
        text-align: left;
    }
    
    .chtng-3 .cont {
        border-radius: 0.5128vw;
        padding: 5.1282vw;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    
    .chtng-3 .cont .desc {
        margin-top: 6.1538vw;
        font-size: 4.6154vw;
        text-align: left;
    }
    
    .chtng-3 .line,
    .modal .line{
        margin-top: 12.3077vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-gap: 3.0769vw;
    }
    
    .chtng-3 .input,
    .mpdal .input{
        width: 100%;
    }
    
    .chtng-3 .input input,
    .modal .input input{
        height: 12.3077vw;
        width: 100%;
        border: 0.2564vw solid #353535;
        border-radius: 3.5897vw !important;
        padding: 6.1538vw 3.0769vw;
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input input::-webkit-input-placeholder,
    .modal .input input::-webkit-input-placeholder{
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input input::-moz-placeholder ,
    .modal .input input::-moz-placeholder {
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input input:-ms-input-placeholder ,
    .modal .input input:-ms-input-placeholder {
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input input::-ms-input-placeholder ,
    .modal .input input::-ms-input-placeholder {
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input input::placeholder ,
    .modal .input input::placeholder {
        font-size: 4.1026vw;
    }
    
    .chtng-3 .input:before,
    .modal .input:before{
        right: 3.0769vw;
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .chtng-3 .input .select,
    .modal .input .select{
        top: calc(100% - 3.5897vw);
        border: 0.2564vw solid #353535;
        border-radius: 0 0 3.5897vw 3.5897vw;
        padding-top: 3.5897vw;
        max-height: 51.2821vw;
    }
    
    .chtng-3 .input .select .item,
    .modal .input .select .item{
        padding: 0.7692vw 3.8462vw;
        font-size: 0.9375vw;
        border-radius: 3.5897vw;
        font-size: 4.1026vw;
    }
    
    .chtng-4 img {
        display: none;
    }
    
    .chtng-4 {
        padding-top: 16.4103vw;
    }
    
    .chtng-4 h2 {
        font-size: 9.2308vw;
    }
    
    .chtng-4 .cont .box .head,
    .prc-2 .cont .box .head {
        font-size: 4.6154vw;
        margin-bottom: 6.1538vw;
    }
    
    .chtng-4 .cont .box .l .h,
    .prc-2 .cont .box .l .h {
        font-size: 4.1026vw;
    }
    
    .chtng-4 .cont .box .l .price,
    .prc-2 .cont .box .l .price {
        font-size: 6.1538vw;
    }
    
    .chtng-4 .cont .box .l,
    .prc-2 .cont .box .l {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        grid-gap: 2.5641vw;
        padding: 3.0769vw 0;
        border-top: 0.2564vw solid #b1b1b1;
    }
    
    .chtng-4 .cont,
    .prc-2 .cont {
        margin-top: 9.2308vw;
        grid-gap: 3.0769vw;
        max-width: none;
    }
    
    .chtng-4 .left {
        max-width: none;
    }
    
    .chtng-4 .cont .box,
    .prc-2 .cont .box {
        padding: 6.1538vw;
        border-radius: 0.5128vw;
    }
    
    .chtng-5 h2 {
        font-size: 9.2308vw;
    }
    
    .chtng-5 {
        padding: 16.4103vw 0;
    }
    
    .chtng-5 .cont {
        margin-top: 9.2308vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.0769vw;
    }
    
    .chtng-5 .cont .box,
    .chtng-6 .cont .box {
        border-radius: 0.5128vw;
        padding: 6.1538vw;
        gap: 4.1026vw;
    }
    
    .chtng-5 .cont .box .desc,
    .chtng-6 .cont .box .desc {
        font-size: 4.1026vw;
    }
    
    .chtng-5 .cont .box .head,
    .chtng-6 .cont .box .head {
        font-size: 6.1538vw;
    }
    
    .chtng-5 .cont .box svg,
    .chtng-6 .cont .box svg {
        width: 6.1538vw;
        height: 6.1538vw;
    }
    
    .chtng-6 {
        padding-top: 16.4103vw;
    }
    
    .chtng-6 h2 {
        font-size: 9.2308vw;
    }
    
    .chtng-6 .cont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.0769vw;
        margin-top: 9.2308vw;
    }
    
    #BreadcrumbList a {
        font-size: 3.5897vw;
    }
    
    #BreadcrumbList span:before {
        width: 6.1538vw;
        height: 6.1538vw;
        right: -7.6923vw;
    }
    
    #BreadcrumbList li {
        padding-right: 9.2308vw;
    }

    #BreadcrumbList{
        max-width: 89vw;
        overflow: auto;
    }
    
    .prc-1 {
        margin-top: 0;
        padding-top: 29.7436vw;
        height: 112.8205vw;
        background: url("../img/hm-1-mob.webp") center center / cover no-repeat;
    }
    
    .prc-1 h1 {
        font-size: 12.3077vw;
        margin-top: 12.3077vw;
    }
    
    .prc-1 .desc {
        margin-top: 6.1538vw;
        font-size: 4.6154vw;
    }
    
    .abt-1 {
        height: 179.4872vw;
        margin: 0;
        padding-top: 29.7436vw;
        background: url("../img/hm-1-mob.webp") center center / cover no-repeat;
    }
    
    .abt-1 h1 {
        font-size: 12.3077vw;
        margin-top: 12.3077vw;
        text-align: left;
    }
    
    .abt-1 .desc {
        font-size: 4.6154vw;
        margin-top: 6.1538vw;
        text-align: left;
    }
    
    .abt-2 {
        margin-top: -36.1538vw;
    }
    
    .abt-2 .cont {
        width: 89.7436vw;
        height: 49.7436vw;
        grid-gap: 9.2308vw;
        border-radius: 0.5128vw;
    }
    
    .abt-2 .cont h2 {
        font-size: 6.1538vw;
    }
    
    .abt-2 .cont .plug {
        font-size: 4.1026vw;
        border-radius: 3.5897vw;
        padding: 1.0256vw 3.5897vw;
    }
    
    .abt-3 {
        margin-top: 19.2308vw;
    }
    
    .abt-3 h2 {
        font-size: 9.2308vw;
        text-align: left;
    }
    
    .abt-3 .cont {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 3.0769vw;
        margin-top: 9.2308vw;
    }
    
    .abt-3 .cont .box {
        padding: 6.1538vw;
        grid-gap: 4.1026vw;
    }
    
    .abt-3 .cont .box svg {
        width: 6.1538vw;
        height: 6.1538vw;
        ;
    }
    
    .abt-3 .cont .box .head {
        font-size: 6.1538vw;
    }
    
    .abt-3 .cont .box .desc {
        font-size: 4.1026vw;
    }
    
    .abt-4 {
        margin-top: 16.4103vw;
    }
    
    .abt-4 h2 {
        font-size: 9.2308vw;
        text-align: left;
        margin: 0 5.1282vw;
    }
    
    .abt-4 .container {
        max-width: none;
    }
    
    .abt-4 .top-slider {
        margin: 9.2308vw 5.1282vw 0 5.1282vw;
    }
    
    .abt-4 .top-slider img {
        height: auto;
    }
    
    .abt-4 .bottom-slider img {
        height: 20.5128vw;
    }
    
    .abt-4 .bottom-slider {
        width: 100%;
        max-width: 100vw;
        margin-top: 3.0769vw;
        gap: 3.0769vw;
    }

    .blog-cont {
        max-width: 89.7436vw;
        margin-top: 29.7436vw;
    }
    
    .blg-1 h1 {
        font-size: 12.3077vw;
        margin-top: 12.3077vw;
    }
    
    .blg-1 .date {
        font-size: 4.1026vw;
        margin-top: 6.1538vw;
    }
    
    .blg-1 .thumbnail,
    .blg-1 .thumbnail img {
        height: 49.7436vw;
    }
    
    .blg-1 .thumbnail {
        margin: 12.3077vw 0;
    }
    
    .blg-1 .content p {
        font-size: 4.1026vw;
        margin-top: 6.1538vw;
    }
    
    .blg-1 .content h2 {
        font-size: 9.2308vw;
        margin-top: 12.3077vw;
    }
    
    .blg-1 .content ul {
        margin-top: 6.1538vw;
        font-size: 4.1026vw;
        grid-gap: 2.5641vw;
    }
    
    .blg-1 .content ul li {
        padding-left: 4.1026vw;
    }
    
    .blg-1 .content ul li:before {
        width: 1.5385vw;
        height: 1.5385vw;
        top: 2.0513vw;
    }
    
    .blg-1 .content .wp-block-image {
        margin: 6.1538vw 0;
    }
    
    .blg-1 .content .wp-block-image img {
        border-radius: 0.5128vw;
    }
    
    .blg-2 h2,
    .blg-archive-2 h2{
        font-size: 9.2308vw;
    }
    
    .blg-2,
    .blg-archive-2 {
        margin-top: 16.4103vw;
    }
    
    .blg-2 .cont ,
    .blg-archive-2 .cont {
        margin-top: 6.1538vw;
        grid-template-columns: 1fr;
        grid-gap: 3.0769vw;
    }
    
    .blg-2 .cont .box img,
    .blg-archive-2 .cont .box img{
        height: 51vw;
    }
    
    .blg-2 .cont .box .date,
    .blg-archive-2 .cont .box .date{
        margin: 4.1026vw 4.1026vw 0;
        font-size: 4.1026vw;
    }
    
    .blg-2 .cont .box h3,
    .blg-archive-2 .cont .box h3{
        font-size: 6.1538vw;
        margin: 3.0769vw 4.1026vw 0;
    }
    
    .blg-2 .cont .box .desc,
    .blg-archive-2 .cont .box .desc{
        font-size: 4.1026vw;
        margin: 3.0769vw 4.1026vw 6.1538vw;
    }
    
    .blg-2 .cont .box h3:before,
    .blg-archive-2 .cont .box h3:before{
        width: 6.1538vw;
        height: 7.1795vw;
    }
    .blg-archive-1{
        margin-top: 0;
        padding-top: 29.7436vw;
        height: 112.82vw;
        background: url(../img/hm-1-mob.webp) center center / cover no-repeat;
    }
    .blg-archive-1 h1{
        font-size: 12.3vw;
        margin-top: 12.3vw;
    }
    .blg-archive-1 .desc{
        font-size: 4.6vw;
        margin-top: 6.15vw
    }
    .header .line1,
    .header .line2 .links,
    .header .line2 .right {
        display: none;
    }
    
    .header .line2 {
        padding: 6.6667vw 0;
    }
    
    .header .line2 .logo {
        height: 13.3333vw;
        width: auto;
    }
    
    .header .line2 .mob-btn {
        display: block;
        position: relative;
        width: 6.6667vw;
        height: 6.6667vw;
        cursor: pointer;
    }
    
    .header .line2 .mob-btn span {
        display: block;
        position: absolute;
        top: 1.6667vw;
        left: 0;
        width: 5.5556vw;
        height: 0.5556vw;
        background: #fff;
        border-radius: 27.7778vw;
        left: 50%;
        transform: translate(-50%, 0);
        transition: 0.3s;
    }
    
    .header .line2 .mob-btn span:nth-child(2) {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .header .line2 .mob-btn span:nth-child(3) {
        top: inherit;
        bottom: 1.6667vw;
    }
    
    .header .line2 .mob-btn.active span:nth-child(1) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
    }
    
    .header .line2 .mob-btn.active span:nth-child(2) {
        top: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    
    .header .line2 .mob-btn.active span:nth-child(3) {
        display: none;
    }
    
    .menu .links {
        grid-gap: 10vw;
    }
    
    .menu .links svg {
        width: 6.6667vw;
        height: 6.6667vw;
    }
    
    .menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #080808;
        z-index: 999999;
        padding: 33.3333vw 6.6667vw 10vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        transition: 0.3s;
        transform: translate(0, -100%);
    }
    
    .menu.active {
        transform: translate(0, 0);
    }
    
    .menu .up {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 23.8889vw;
    }
    
    .menu .up .pages {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 6.6667vw;
    }
    
    .menu .up .pages a {
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 4.4444vw;
        letter-spacing: 0.02em;
        color: #fff;
        transition: 0.3s;
    }
    
    .menu .up .pages a:hover {
        color: #e2dc29;
    }
    
    .menu .up .lang-btns {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        grid-gap: 2.7778vw;
    }
    
    .menu .up .lang-btns img {
        width: 10vw;
        height: 10vw;
    }

    .modal .line{
        margin-top: 6vw;
    }
    .modal .btn{
        margin-top: 3.6vw;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .modal .input{
        width: 100%;
    }
}